@charset "UTF-8";
@font-face {
  font-family: "4H Akzidenz";
  src: url("/wp-content/themes/4h/assets/fonts/akzidenz-bold-webfont.woff2") format("woff2"), url("/wp-content/themes/4h/assets/fonts/akzidenz-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "4H Gilroy";
  src: url("/wp-content/themes/4h/assets/fonts/radomir_tinkov_-_gilroy-black-webfont.woff2") format("woff2"), url("/wp-content/themes/4h/assets/fonts/radomir_tinkov_-_gilroy-black-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "4H Gilroy";
  src: url("/wp-content/themes/4h/assets/fonts/radomir_tinkov_-_gilroy-bold-webfont.woff2") format("woff2"), url("/wp-content/themes/4h/assets/fonts/radomir_tinkov_-_gilroy-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "4H Gilroy";
  src: url("/wp-content/themes/4h/assets/fonts/radomir_tinkov_-_gilroy-semibold-webfont.woff2") format("woff2"), url("/wp-content/themes/4h/assets/fonts/radomir_tinkov_-_gilroy-semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "4H Gilroy";
  src: url("/wp-content/themes/4h/assets/fonts/radomir_tinkov_-_gilroy-medium-webfont.woff2") format("woff2"), url("/wp-content/themes/4h/assets/fonts/radomir_tinkov_-_gilroy-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

button {
  background-color: transparent;
  color: inherit;
  border-width: 0;
  padding: 0;
  cursor: pointer;
}

figure {
  margin: 0;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

ul,
ol,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

p {
  margin: 0;
}

cite {
  font-style: normal;
}

fieldset {
  border-width: 0;
  padding: 0;
  margin: 0;
}

.no-event-pointer {
  pointer-events: none;
  cursor: default;
}

html {
  font-size: 10px;
}

body, body.fl-row {
  font-weight: 400;
  font-size: 1.8rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: 500;
  letter-spacing: 0.04rem;
  color: #111111;
}
body strong, body.fl-row strong {
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  body, body.fl-row {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}
h1 {
  font-family: "4H Akzidenz", Arial, sans-serif;
  font-size: 4rem;
  text-transform: uppercase;
  font-weight: 700;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 3.2rem;
  line-height: 5.6rem;
}

h1.fl-heading {
  margin-bottom: 3.2rem !important;
}

h2 {
  font-family: "4H Akzidenz", Arial, sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 3.2rem;
  line-height: 3.6rem;
}

h2.fl-heading {
  margin-bottom: 3.2rem !important;
}

h3 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 4rem;
  font-weight: 900;
  margin-bottom: 2.4rem;
  line-height: 4.8rem;
}

h3.fl-heading {
  margin-bottom: 2.4rem !important;
}

h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 2.4rem;
  font-weight: 900;
  margin-bottom: 2.4rem;
  line-height: 3.2rem;
}

h4.fl-heading {
  margin-bottom: 2.4rem !important;
}

h5 {
  font-family: "4H Gilroy", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 900;
  margin-bottom: 2.4rem;
  line-height: 2.8rem;
}

h5.fl-heading {
  margin-bottom: 2.4rem !important;
}

.subheading {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.8rem;
  display: block;
}

h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span {
  display: inline-block;
  max-width: 41rem;
}
h1 .slant, h2 .slant, h3 .slant, h4 .slant, h5 .slant, h6 .slant {
  white-space: nowrap;
  padding: 0 0.5em;
  transform: rotate(-4deg) translateY(0.1em);
  display: inline-block;
  transform-origin: left bottom;
  margin-top: 1.5rem;
}

@media screen and (min-width: 768px) {
  h1 {
    font-size: 5.2rem;
    line-height: 6.4rem;
  }
  h2 {
    font-size: 3.4rem;
    line-height: 4.6rem;
  }
  h3 {
    font-size: 4.2rem;
    line-height: 5.2rem;
  }
  h4 {
    font-size: 2.6rem;
    line-height: 3.6rem;
  }
  h5 {
    font-size: 2.2rem;
    line-height: 3rem;
  }
  .subheading {
    font-size: 2.7rem;
    line-height: 3.4rem;
  }
  h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span {
    max-width: 60rem;
  }
}
@media screen and (min-width: 1280px) {
  h1 {
    font-size: 6.4rem;
    line-height: 7.2rem;
    margin-bottom: 5rem;
  }
  h1.fl-heading {
    margin-bottom: 5rem !important;
  }
  h2 {
    font-size: 4.4rem;
    line-height: 5.6rem;
    margin-bottom: 5rem;
  }
  h2.fl-heading {
    margin-bottom: 5rem !important;
  }
  h3 {
    font-size: 4.8rem;
    line-height: 5.6rem;
    margin-bottom: 4.8rem;
  }
  h3.fl-heading {
    margin-bottom: 4.8rem !important;
  }
  h4 {
    font-size: 3.2rem;
    line-height: 4rem;
    margin-bottom: 4.8rem;
  }
  h4.fl-heading {
    margin-bottom: 4.8rem !important;
  }
  h5 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: 4.8rem;
  }
  h5.fl-heading {
    margin-bottom: 4.8rem !important;
  }
  .subheading {
    font-size: 3.2rem;
    line-height: 4rem;
  }
  h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span {
    max-width: unset;
  }
}
main a {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 700;
  color: #349966;
  position: relative;
}
main a:hover {
  color: #246846;
}
main a:hover:after {
  width: 100%;
  opacity: 1;
}

p {
  margin-bottom: 3.2rem;
}

main ul, ol {
  list-style: none;
}
main ul li, ol li {
  position: relative;
  margin-bottom: 3.2rem;
}
main ul li:before, ol li:before {
  position: absolute;
}

main ul li {
  padding-left: 2.6rem;
}
main ul li:before {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  top: 0.6em;
  left: 0;
  display: block;
}

main ol li {
  padding-left: 5.3rem;
}
main ol li:before {
  content: counter(list-item);
  width: 3.7rem;
  height: 3.7rem;
  border-radius: 3.7rem;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
}

@media screen and (min-width: 768px) {
  p {
    margin-bottom: 4.8rem;
  }
  main ul li, ol li {
    margin-bottom: 4rem;
  }
  main ol li {
    padding-left: 5.5rem;
  }
  main ol li:before {
    font-size: 2rem;
  }
}
.sm-bold {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.sm-medium {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.xs-bold {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
}

.xs-medium {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
}

.fl-row h1 {
  font-family: "4H Akzidenz", Arial, sans-serif;
  font-size: 4rem;
  text-transform: uppercase;
  font-weight: 700;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 3.2rem;
  line-height: 5.6rem;
}
.fl-row h1.fl-heading {
  margin-bottom: 3.2rem !important;
}
.fl-row h2 {
  font-family: "4H Akzidenz", Arial, sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 3.2rem;
  line-height: 3.6rem;
}
.fl-row h2.fl-heading {
  margin-bottom: 3.2rem !important;
}
.fl-row h3 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 4rem;
  font-weight: 900;
  margin-bottom: 2.4rem;
  line-height: 4.8rem;
}
.fl-row h3.fl-heading {
  margin-bottom: 2.4rem !important;
}
.fl-row h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 2.4rem;
  font-weight: 900;
  margin-bottom: 2.4rem;
  line-height: 3.2rem;
}
.fl-row h4.fl-heading {
  margin-bottom: 2.4rem !important;
}
.fl-row h5 {
  font-family: "4H Gilroy", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 900;
  margin-bottom: 2.4rem;
  line-height: 2.8rem;
}
.fl-row h5.fl-heading {
  margin-bottom: 2.4rem !important;
}
.fl-row .subheading {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.8rem;
  display: block;
}
.fl-row h1 > span, .fl-row h2 > span, .fl-row h3 > span, .fl-row h4 > span, .fl-row h5 > span, .fl-row h6 > span {
  display: inline-block;
  max-width: 41rem;
}
.fl-row h1 .slant, .fl-row h2 .slant, .fl-row h3 .slant, .fl-row h4 .slant, .fl-row h5 .slant, .fl-row h6 .slant {
  white-space: nowrap;
  padding: 0 0.5em;
  transform: rotate(-4deg) translateY(0.1em);
  display: inline-block;
  transform-origin: left bottom;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .fl-row h1 {
    font-size: 5.2rem;
    line-height: 6.4rem;
  }
  .fl-row h2 {
    font-size: 3.4rem;
    line-height: 4.6rem;
  }
  .fl-row h3 {
    font-size: 4.2rem;
    line-height: 5.2rem;
  }
  .fl-row h4 {
    font-size: 2.6rem;
    line-height: 3.6rem;
  }
  .fl-row h5 {
    font-size: 2.2rem;
    line-height: 3rem;
  }
  .fl-row .subheading {
    font-size: 2.7rem;
    line-height: 3.4rem;
  }
  .fl-row h1 > span, .fl-row h2 > span, .fl-row h3 > span, .fl-row h4 > span, .fl-row h5 > span, .fl-row h6 > span {
    max-width: 60rem;
  }
}
@media screen and (min-width: 1280px) {
  .fl-row h1 {
    font-size: 6.4rem;
    line-height: 7.2rem;
    margin-bottom: 5rem;
  }
  .fl-row h1.fl-heading {
    margin-bottom: 5rem !important;
  }
  .fl-row h2 {
    font-size: 4.4rem;
    line-height: 5.6rem;
    margin-bottom: 5rem;
  }
  .fl-row h2.fl-heading {
    margin-bottom: 5rem !important;
  }
  .fl-row h3 {
    font-size: 4.8rem;
    line-height: 5.6rem;
    margin-bottom: 4.8rem;
  }
  .fl-row h3.fl-heading {
    margin-bottom: 4.8rem !important;
  }
  .fl-row h4 {
    font-size: 3.2rem;
    line-height: 4rem;
    margin-bottom: 4.8rem;
  }
  .fl-row h4.fl-heading {
    margin-bottom: 4.8rem !important;
  }
  .fl-row h5 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: 4.8rem;
  }
  .fl-row h5.fl-heading {
    margin-bottom: 4.8rem !important;
  }
  .fl-row .subheading {
    font-size: 3.2rem;
    line-height: 4rem;
  }
  .fl-row h1 > span, .fl-row h2 > span, .fl-row h3 > span, .fl-row h4 > span, .fl-row h5 > span, .fl-row h6 > span {
    max-width: unset;
  }
}
.fl-row main a {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 700;
  color: #349966;
  position: relative;
}
.fl-row main a:hover {
  color: #246846;
}
.fl-row main a:hover:after {
  width: 100%;
  opacity: 1;
}
.fl-row p {
  margin-bottom: 3.2rem;
}
.fl-row main ul, .fl-row ol {
  list-style: none;
}
.fl-row main ul li, .fl-row ol li {
  position: relative;
  margin-bottom: 3.2rem;
}
.fl-row main ul li:before, .fl-row ol li:before {
  position: absolute;
}
.fl-row main ul li {
  padding-left: 2.6rem;
}
.fl-row main ul li:before {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  top: 0.6em;
  left: 0;
  display: block;
}
.fl-row main ol li {
  padding-left: 5.3rem;
}
.fl-row main ol li:before {
  content: counter(list-item);
  width: 3.7rem;
  height: 3.7rem;
  border-radius: 3.7rem;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .fl-row p {
    margin-bottom: 4.8rem;
  }
  .fl-row main ul li, .fl-row ol li {
    margin-bottom: 4rem;
  }
  .fl-row main ol li {
    padding-left: 5.5rem;
  }
  .fl-row main ol li:before {
    font-size: 2rem;
  }
}
.fl-row .sm-bold {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.fl-row .sm-medium {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.fl-row .xs-bold {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
}
.fl-row .xs-medium {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
}

/**
 * Beaver Builder Container.
 */
.fl-content-full.container {
  overflow: hidden !important;
  max-width: none;
}
.fl-content-full.container .row .fl-content.col, .fl-content-full.container .row .fl-content.col-1, .fl-content-full.container .row .fl-content.col-10, .fl-content-full.container .row .fl-content.col-11, .fl-content-full.container .row .fl-content.col-12, .fl-content-full.container .row .fl-content.col-2, .fl-content-full.container .row .fl-content.col-3, .fl-content-full.container .row .fl-content.col-4, .fl-content-full.container .row .fl-content.col-5, .fl-content-full.container .row .fl-content.col-6, .fl-content-full.container .row .fl-content.col-7, .fl-content-full.container .row .fl-content.col-8, .fl-content-full.container .row .fl-content.col-9, .fl-content-full.container .row .fl-content.col-auto, .fl-content-full.container .row .fl-content.col-lg, .fl-content-full.container .row .fl-content.col-lg-1, .fl-content-full.container .row .fl-content.col-lg-10, .fl-content-full.container .row .fl-content.col-lg-11, .fl-content-full.container .row .fl-content.col-lg-12, .fl-content-full.container .row .fl-content.col-lg-2, .fl-content-full.container .row .fl-content.col-lg-3, .fl-content-full.container .row .fl-content.col-lg-4, .fl-content-full.container .row .fl-content.col-lg-5, .fl-content-full.container .row .fl-content.col-lg-6, .fl-content-full.container .row .fl-content.col-lg-7, .fl-content-full.container .row .fl-content.col-lg-8, .fl-content-full.container .row .fl-content.col-lg-9, .fl-content-full.container .row .fl-content.col-lg-auto, .fl-content-full.container .row .fl-content.col-md, .fl-content-full.container .row .fl-content.col-md-1, .fl-content-full.container .row .fl-content.col-md-10, .fl-content-full.container .row .fl-content.col-md-11, .fl-content-full.container .row .fl-content.col-md-12, .fl-content-full.container .row .fl-content.col-md-2, .fl-content-full.container .row .fl-content.col-md-3, .fl-content-full.container .row .fl-content.col-md-4, .fl-content-full.container .row .fl-content.col-md-5, .fl-content-full.container .row .fl-content.col-md-6, .fl-content-full.container .row .fl-content.col-md-7, .fl-content-full.container .row .fl-content.col-md-8, .fl-content-full.container .row .fl-content.col-md-9, .fl-content-full.container .row .fl-content.col-md-auto, .fl-content-full.container .row .fl-content.col-sm, .fl-content-full.container .row .fl-content.col-sm-1, .fl-content-full.container .row .fl-content.col-sm-10, .fl-content-full.container .row .fl-content.col-sm-11, .fl-content-full.container .row .fl-content.col-sm-12, .fl-content-full.container .row .fl-content.col-sm-2, .fl-content-full.container .row .fl-content.col-sm-3, .fl-content-full.container .row .fl-content.col-sm-4, .fl-content-full.container .row .fl-content.col-sm-5, .fl-content-full.container .row .fl-content.col-sm-6, .fl-content-full.container .row .fl-content.col-sm-7, .fl-content-full.container .row .fl-content.col-sm-8, .fl-content-full.container .row .fl-content.col-sm-9, .fl-content-full.container .row .fl-content.col-sm-auto, .fl-content-full.container .row .fl-content.col-xl, .fl-content-full.container .row .fl-content.col-xl-1, .fl-content-full.container .row .fl-content.col-xl-10, .fl-content-full.container .row .fl-content.col-xl-11, .fl-content-full.container .row .fl-content.col-xl-12, .fl-content-full.container .row .fl-content.col-xl-2, .fl-content-full.container .row .fl-content.col-xl-3, .fl-content-full.container .row .fl-content.col-xl-4, .fl-content-full.container .row .fl-content.col-xl-5, .fl-content-full.container .row .fl-content.col-xl-6, .fl-content-full.container .row .fl-content.col-xl-7, .fl-content-full.container .row .fl-content.col-xl-8, .fl-content-full.container .row .fl-content.col-xl-9, .fl-content-full.container .row .fl-content.col-xl-auto {
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body > main {
  transition: filter 0.25s ease;
}

.center {
  text-align: center !important;
}

body.wait,
.vue-app.wait {
  transition: all 0.25s ease-in-out;
}
body.wait::after,
.vue-app.wait::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.2) !important;
  background-image: linear-gradient(transparent, transparent), url(/wp-content/themes/4h/assets/images/loader.gif) !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: 100px 100px !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
body.wait.page-template-page-extension-dashboard::after,
.vue-app.wait.page-template-page-extension-dashboard::after {
  content: none;
}
body .modal-backdrop,
.vue-app .modal-backdrop {
  z-index: initial;
}

/**
 * Find your local page - CTA columns at the bottom spacing
 */
.fl-node-js0nduzvrb56 .fl-col-content .fl-node-73nt4iywga2k,
.fl-node-js0nduzvrb56 .fl-col-content .fl-node-o8ncpk7gruhb {
  margin-right: 30px;
  margin-left: 30px;
}

.full-width-slider .fl-row-content-wrap {
  min-height: calc(100vh - 80px) !important;
}
.full-width-slider .fl-row-content-wrap .fl-row-content {
  width: 100%;
  height: 100%;
  max-width: unset;
  max-height: unset;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.full-width-slider .fl-row-content-wrap .fl-row-content .fl-col-group {
  width: 100%;
  height: 100%;
}
.full-width-slider .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col {
  width: 100%;
  height: 100%;
  max-width: unset;
}
@media (max-width: 767px) {
  .full-width-slider .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col {
    width: 100% !important;
  }
}
.full-width-slider .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col .fl-col-content {
  height: 100%;
}
.full-width-slider .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col .fl-col-content .fl-module-content-slider {
  height: 100%;
}
.full-width-slider .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col .fl-col-content .fl-module-content-slider .fl-module-content {
  height: 100%;
}
.full-width-slider .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col .fl-col-content .fl-module-content-slider .fl-module-content .fl-content-slider {
  height: 100%;
}
.full-width-slider .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col .fl-col-content .fl-module-content-slider .fl-module-content .fl-content-slider .bx-wrapper {
  height: 100%;
}
.full-width-slider .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col .fl-col-content .fl-module-content-slider .fl-module-content .fl-content-slider .bx-wrapper .bx-viewport {
  height: 100% !important;
}
.full-width-slider .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col .fl-col-content .fl-module-content-slider .fl-module-content .fl-content-slider .bx-wrapper .bx-viewport .fl-content-slider-wrapper {
  height: 100%;
}
.full-width-slider .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col .fl-col-content .fl-module-content-slider .fl-module-content .fl-content-slider .bx-wrapper .bx-viewport .fl-content-slider-wrapper .fl-slide {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 767px) {
  .full-width-slider .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col .fl-col-content .fl-module-content-slider .fl-module-content .fl-content-slider .bx-wrapper .bx-viewport .fl-content-slider-wrapper .fl-slide .fl-slide-mobile-photo {
    display: none;
  }
}
@media (max-width: 767px) {
  .full-width-slider .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col .fl-col-content .fl-module-content-slider .fl-module-content .fl-content-slider .bx-wrapper .bx-viewport .fl-content-slider-wrapper .fl-slide .fl-slide-bg-photo {
    position: absolute;
  }
}
.full-width-slider .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col .fl-col-content .fl-module-content-slider .fl-module-content .fl-content-slider .bx-wrapper .bx-viewport .fl-content-slider-wrapper .fl-slide .fl-slide-foreground .fl-slide-content-wrap {
  min-height: auto;
  width: 100%;
}
.full-width-slider .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col .fl-col-content .fl-module-content-slider .fl-module-content .fl-content-slider .bx-wrapper .bx-viewport .fl-content-slider-wrapper .fl-slide .fl-slide-foreground .fl-slide-content-wrap .fl-slide-content {
  background: none;
  padding: 0 20px;
}

#wpadminbar {
  z-index: 499;
}

body .main-header {
  position: fixed;
  background: #ffffff;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  transition: top 0.1s ease;
}
body .main-header.off-screen {
  top: -60px;
}
body .main-header .desktop-header-links {
  display: none;
}
body .main-header .main-navigation {
  height: 60px;
  display: flex;
  align-items: center;
  padding: 0 1.1rem;
  position: relative;
  overflow: hidden;
}
body .main-header .main-navigation .logo {
  margin: 0 !important;
  transition: filter 0.25s ease;
}
body .main-header .main-navigation .logo > a {
  display: block;
  overflow: hidden;
  position: relative;
  display: flex;
}
body .main-header .main-navigation .logo .logo-text {
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  position: absolute;
}
body .main-header .main-navigation .logo img {
  width: 36px;
}
body .main-header .main-navigation .search,
body .main-header .main-navigation .hamburger,
body .main-header .main-navigation .close {
  display: flex;
}
body .main-header .main-navigation .search img,
body .main-header .main-navigation .hamburger img,
body .main-header .main-navigation .close img {
  width: 28px;
}
body .main-header .main-navigation .search {
  margin-left: auto;
  margin-right: 20px;
  display: flex;
  align-items: center;
}
body .main-header .main-navigation .button-group.desktop,
body .main-header .main-navigation .shop {
  display: none;
}
body .main-header .main-navigation .center-section {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 1120px) {
  body .main-header .main-navigation .center-section {
    display: none;
  }
}
body .main-header .main-navigation .center-section a {
  background-color: #fdc82f;
  padding: 8px 32px;
  border-radius: 40px;
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 900;
  color: #111111;
  text-transform: uppercase;
  z-index: 1;
  position: relative;
  margin-left: 96px;
}
@media screen and (max-width: 440px) {
  body .main-header .main-navigation .center-section a {
    padding: 8px 16px;
    font-size: 1.2rem;
    margin-left: 0px;
  }
}

body.admin-bar .main-header {
  top: var(--wp-admin--admin-bar--height);
}
body.admin-bar .main-header.off-screen {
  top: -60px;
}

body.main-nav-open {
  overflow-y: hidden;
}
body.main-nav-open:after {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: rgba(52, 64, 84, 0.6);
  top: 0;
  left: 0;
}
body.main-nav-open .main-navigation:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(52, 64, 84, 0.6);
  top: 0;
  left: 0;
}
body.main-nav-open > main,
body.main-nav-open .main-navigation .logo {
  filter: blur(8px);
}

#menus {
  position: fixed;
  z-index: 999999;
  background: #ffffff;
  right: -78%;
  top: 0;
  bottom: 0;
  width: 78%;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 80px 16px 48px 25px;
  display: flex;
  flex-direction: column;
  transition: right 0.25s ease-in-out;
}
body.main-nav-open #menus {
  right: 0;
}
#menus .close {
  position: absolute;
  z-index: 20;
  right: 16px;
  top: 16px;
}
#menus #menu-main-navigation > li {
  margin-bottom: 3.2rem;
}
#menus #menu-main-navigation > li.link:after {
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PGcgc3Ryb2tlPSIjOURBNEFFIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMi42NjciPjxwYXRoIGQ9Ik03IDE3IDE3IDdNNyA3aDEwdjEwIi8+PC9nPjwvc3ZnPg==) no-repeat;
  width: 20px;
  height: 20px;
  margin-left: -20px;
  margin-top: 27px;
}
#menus #menu-main-navigation > li > a {
  text-transform: uppercase;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  letter-spacing: 0.16rem;
  font-size: 1.6rem;
  color: #111111;
  display: block;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  #menus #menu-main-navigation > li > a {
    font-size: 1.35rem;
  }
}
#menus #menu-main-navigation > li > a:after {
  background-image: url(/wp-content/themes/4h/assets/images/icons/chevron-down.svg);
  width: 24px;
  height: 24px;
  content: "";
  position: absolute;
  right: 0;
  top: -0.3rem;
  transition: all 0.2s ease;
}
#menus #menu-main-navigation > li > a:before {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #d2d6db;
  bottom: -24px;
  left: -25px;
  right: -44px;
  opacity: 0;
  transition: all 0.7s ease;
}
#menus #menu-main-navigation > li > a.content-open:after {
  transform: rotate(180deg);
  top: 0.2rem;
}
#menus #menu-main-navigation > li > a.content-open:before {
  opacity: 1;
}
#menus #menu-main-navigation > li > ul {
  display: block;
  width: 100%;
  bottom: 0;
  padding: 24px 28px 0 0;
  z-index: 21;
  display: none;
  position: relative;
}
#menus #menu-main-navigation > li > ul > li:last-of-type {
  display: none;
}
#menus #menu-main-navigation > li > ul > li > a {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.04rem;
  color: #111111;
}
#menus #menu-main-navigation > li > ul > li:first-of-type {
  margin-bottom: 2.4rem;
  padding-top: 32px;
}
#menus #menu-main-navigation > li > ul > li:first-of-type a {
  font-size: 1.8rem;
}
#menus #menu-main-navigation > li > ul > li h2 {
  font-size: 1.6rem;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  padding-bottom: 2.4rem;
  margin-bottom: 3.6rem;
  position: relative;
  letter-spacing: 0.16rem;
  text-transform: uppercase;
  margin-top: 0;
}
#menus #menu-main-navigation > li > ul > li h2:after {
  content: "";
  background: #d2d6db;
  height: 1px;
  position: absolute;
  left: -51px;
  right: -10px;
  bottom: 0;
}
#menus #menu-main-navigation > li > ul > li h3 {
  font-size: 1.6rem;
  font-weight: 700;
  font-family: "4H Akzidenz", Arial, sans-serif;
  text-transform: uppercase;
  padding-left: 0.2rem;
  margin-bottom: 2.4rem;
}
#menus #menu-main-navigation > li > ul > li h3 .slant {
  white-space: normal;
  max-width: 19rem;
  line-height: 1.6rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
#menus #menu-main-navigation > li > ul > li:nth-child(2) h3 .slant {
  background-color: #349966;
  color: #ffffff;
}
#menus #menu-main-navigation > li > ul > li:nth-child(3) h3 .slant {
  background-color: #f54359;
  color: #ffffff;
}
#menus #menu-main-navigation > li > ul > li:nth-child(4) h3 .slant {
  background-color: #fdc82f;
  color: #004438;
}
#menus #menu-main-navigation > li > ul > li ul {
  padding-left: 24px;
}
#menus #menu-main-navigation > li > ul > li ul li {
  max-width: 30rem;
  margin-bottom: 2.4rem;
}
#menus #menu-main-navigation > li > ul > li ul li:last-of-type {
  margin-bottom: 4.5rem;
}
#menus #menu-main-navigation > li > ul > li ul li a {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.04rem;
  color: #111111;
}
#menus #menu-main-navigation > li > ul > li ul li:hover a {
  color: #349966;
}
#menus #menu-main-navigation > li > ul > li ul li:active a {
  color: #246846;
}
#menus .mobile-nav-links {
  margin-top: auto;
  padding-top: 49px;
  position: relative;
}
#menus .mobile-nav-links:before {
  content: "";
  display: block;
  height: 1px;
  background-color: #e5e7eb;
  position: absolute;
  top: 0;
  left: -25px;
  right: -16px;
}
#menus .mobile-nav-links .mobile-link {
  display: inline-block;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-weight: 600;
  color: #111111;
  display: flex;
  align-items: center;
  margin-bottom: 3.2rem;
}
#menus .mobile-nav-links .mobile-link:last-of-type {
  margin-bottom: 2.6rem;
}
#menus .mobile-nav-links .mobile-link img {
  margin-right: 1.8rem;
  width: 24px;
}
#menus .mobile-nav-links .button-group {
  margin-bottom: 0;
}
#menus .mobile-nav-links .button-group .button {
  height: 4.8rem;
  margin-bottom: 0;
  font-size: 1.6rem;
}

@media screen and (min-width: 1280px) {
  #menus {
    right: -500px;
    width: 500px;
  }
  .main-navigation .button-group .button {
    height: 4.8rem;
    width: 13.1rem;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1120px) {
  #menus {
    position: static;
    width: auto;
    overflow-y: visible;
    overflow-x: visible;
    padding: 0;
    flex-direction: row;
    margin-left: 4.2rem;
    align-self: stretch;
    z-index: 10;
  }
  #menus .close {
    display: none;
  }
  #menus #menu-main-navigation {
    display: flex;
    margin-bottom: 0;
    overflow: hidden;
  }
  #menus #menu-main-navigation > li {
    margin-bottom: 0;
    display: flex;
    align-items: stretch;
  }
  #menus #menu-main-navigation > li:last-of-type {
    margin-right: 0;
  }
  #menus #menu-main-navigation > li > a {
    position: relative;
    padding: 0 2.1rem;
    display: flex;
    align-items: center;
  }
  #menus #menu-main-navigation > li > a:hover {
    text-decoration: none;
  }
  #menus #menu-main-navigation > li > a:after {
    content: "";
    width: 100%;
    bottom: -1px;
    left: 0;
    right: unset;
    height: 4px;
    position: absolute;
    background: #349966;
    top: unset;
    height: 0;
    border-radius: 3px;
    transition: all 0.25s ease;
  }
  #menus #menu-main-navigation > li > a.content-open:after {
    transform: rotate(0);
    top: unset;
  }
  #menus #menu-main-navigation > li > ul {
    position: absolute;
    top: 100%;
    background: #ffffff;
    width: 100%;
    bottom: unset;
    padding: 7rem 0 7rem 5rem;
    left: 0;
    display: none !important;
    border-top: 1px solid #e5e7eb;
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  }
  #menus #menu-main-navigation > li > ul > li {
    width: 20%;
    margin-right: 4%;
  }
  #menus #menu-main-navigation > li > ul > li:first-of-type {
    display: none;
  }
  #menus #menu-main-navigation > li > ul > li:last-of-type {
    display: block;
    background: #f3f4f6;
    margin-right: 0;
    margin-top: -7rem;
    margin-bottom: -7rem;
    padding: 7rem 3rem;
    width: 28%;
    margin-left: auto;
  }
  #menus #menu-main-navigation > li > ul > li .nav-promo a > img {
    border-radius: 24px;
    margin-bottom: 2.4rem;
    width: 100%;
  }
  #menus #menu-main-navigation > li > ul > li .nav-promo a span {
    display: block;
    font-family: "4H Gilroy", Arial, sans-serif;
    font-weight: 900;
    font-size: 2.4rem;
    color: #111111;
    line-height: 3.2rem;
    position: relative;
    padding-right: 30px;
  }
  #menus #menu-main-navigation > li > ul > li .nav-promo a span img {
    position: absolute;
    top: 0.5rem;
    right: 0;
  }
  #menus #menu-main-navigation > li > ul > li .nav-promo a:hover {
    text-decoration: none;
  }
  #menus #menu-main-navigation > li > ul > li ul {
    padding-left: 0;
  }
  #menus #menu-main-navigation > li > ul > li ul li a {
    font-size: 1.8rem;
  }
  #menus #menu-main-navigation > li:hover > a:after {
    height: 4px;
  }
  #menus #menu-main-navigation > li:hover > ul {
    display: flex !important;
  }
  #menus .mobile-nav-links {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  #menus #menu-main-navigation > li > a {
    padding: 0 2.4rem;
  }
}
@media screen and (min-width: 1400px) {
  #menus #menu-main-navigation > li > ul {
    padding: 9.6rem 0 9.6rem 11.2rem;
  }
  #menus #menu-main-navigation > li > ul > li:last-of-type {
    margin-top: -9.6rem;
    margin-bottom: -9.6rem;
  }
}
@media screen and (min-width: 1600px) {
  #menus #menu-main-navigation > li > ul {
    padding: 9.6rem 0 9.6rem 15rem;
  }
  #menus #menu-main-navigation > li > ul > li:last-of-type {
    margin-top: -9.6rem;
    margin-bottom: -9.6rem;
  }
}
body {
  padding-top: 80px;
}

@media screen and (min-width: 1120px) {
  #wpadminbar {
    z-index: 100;
  }
  body .main-header.off-screen {
    top: -120px;
  }
  body .main-header .desktop-header-links {
    height: 40px;
    display: block;
    background: #f3f4f6;
    position: relative;
    z-index: 12;
    padding: 0 2.4rem;
    font-family: "4H Gilroy", Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    color: #4d5761;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  body .main-header .desktop-header-links a {
    color: #4d5761;
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 1.6rem;
    margin-right: 1.6rem;
  }
  body .main-header .desktop-header-links a img {
    margin-right: 1.4rem;
  }
  body .main-header .desktop-header-links a:after {
    content: "";
    width: 1px;
    border-radius: 4px;
    background-color: #4d5761;
    position: absolute;
    right: 0;
    height: 14px;
  }
  body .main-header .desktop-header-links a:last-of-type {
    margin-right: 0;
    padding-right: 0;
  }
  body .main-header .desktop-header-links a:last-of-type:after {
    display: none;
  }
  body .main-header .main-navigation {
    height: 80px;
    overflow: visible;
    padding: 0 2.4rem;
  }
  body .main-header .main-navigation .logo {
    position: relative;
    z-index: 12;
  }
  body .main-header .main-navigation .logo img {
    width: 48px;
    height: 49px;
  }
  body .main-header .main-navigation .hamburger {
    display: none;
  }
  body .main-header .main-navigation .search {
    margin-right: 20px;
  }
  body .main-header .main-navigation .shop,
  body .main-header .main-navigation .search {
    display: flex;
  }
  body .main-header .main-navigation .shop img,
  body .main-header .main-navigation .search img {
    width: 32px;
  }
  body .main-header .main-navigation .shop {
    margin: 0 4rem;
  }
  body .main-header .main-navigation .button-group.desktop {
    margin-bottom: 0;
    display: block;
  }
  body .main-header .main-navigation .button-group.desktop .button {
    margin-right: 0;
  }
  body.main-nav-open {
    overflow-y: auto;
  }
  body.main-nav-open:after {
    display: none;
  }
  body.main-nav-open .main-navigation:after {
    display: none;
  }
  body.main-nav-open > main,
  body.main-nav-open .main-navigation .logo {
    filter: blur(0);
  }
}
@media screen and (min-width: 1280px) {
  body .main-header .main-navigation .shop {
    margin: 0 4.8rem;
  }
  body .main-header .main-navigation .button-group.desktop {
    margin-bottom: 0;
    display: block;
  }
  body.main-nav-open:after {
    display: none;
  }
  body.main-nav-open > main,
  body.main-nav-open .main-navigation .logo {
    filter: blur(0);
  }
}
.clover-navigation {
  height: 80px;
  display: flex;
  align-items: center;
  padding: 15px 24px;
  position: relative;
  overflow: hidden;
  justify-content: space-between;
  border-bottom: 1px solid #e5e7eb;
}
.clover-navigation .left-section {
  display: flex;
  align-items: center;
}
.clover-navigation .left-section .logo {
  margin: 0 !important;
  transition: filter 0.25s ease;
}
.clover-navigation .left-section .logo > a {
  display: block;
  overflow: hidden;
  position: relative;
  display: flex;
  margin-right: 15px;
}
.clover-navigation .left-section .logo img {
  min-width: 176px;
  width: 176px;
}
.clover-navigation .left-section .clover-menu {
  margin-left: 10px;
}
.clover-navigation .left-section .clover-menu ul {
  display: flex;
}
.clover-navigation .left-section .clover-menu ul li a {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #4d5761;
  text-transform: uppercase;
  font-weight: 900;
  padding: 12px 32px;
  margin: 0 5px;
}
.clover-navigation .left-section .clover-menu ul li a:hover {
  background-color: #349966;
  color: #ffffff;
  border-radius: 8px;
}
.clover-navigation .left-section .clover-menu ul li a i {
  display: none;
}
.clover-navigation .left-section .clover-menu ul li.current-menu-item a {
  background-color: #349966;
  color: #ffffff;
  border-radius: 8px;
}
.clover-navigation .left-section .clover-menu ul .current_page_item a {
  background-color: #349966;
  color: #ffffff;
  border-radius: 8px;
}
.clover-navigation .right-section {
  display: flex;
  align-items: center;
}
.clover-navigation .right-section .profile-icon {
  margin-top: 0px !important;
}
.clover-navigation .right-section .clover-hamburger {
  width: 56px;
  height: 56px;
  border-radius: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.clover-navigation .right-section .clover-hamburger:hover {
  background-color: #e5e7eb;
}
.clover-navigation .right-section .clover-hamburger:focus {
  background-color: #c9e3dc;
}
.clover-navigation .right-section #header-xp-bar .progress-bar {
  display: flex;
  width: 45px;
  align-items: center;
  height: 8px;
  border-radius: var(--spacing8, 8px);
  background: rgba(52, 153, 102, 0.08);
}
.clover-navigation .right-section #header-xp-bar .progress-bar .bar-fill {
  border-radius: var(--spacing8, 8px);
  background: var(--Primary-4-H-Green, #349966);
  height: 8px;
  width: 0px;
}
.clover-navigation .right-section #header-xp-bar .level-display {
  display: flex;
  font-family: "4H Gilroy", Arial, sans-serif;
  height: 17px;
  width: 45px;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spacing4, 4px);
  align-self: stretch;
}
.clover-navigation .right-section #header-xp-bar .level-display .level-text {
  color: var(--Primary-Black, #111);
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  line-height: 24px; /* 171.429% */
  letter-spacing: 1.6px;
}
.clover-navigation .right-section #header-xp-bar .level-display .level-number {
  color: var(--Primary-4-H-Green, #349966);
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  line-height: 24px; /* 171.429% */
  letter-spacing: 1.6px;
}
.clover-navigation .right-section .header-tooltip {
  position: relative;
}
.clover-navigation .right-section #header-xp-bar > .header-tooltip #tooltip-container {
  right: 13.5rem;
}
.clover-navigation .right-section #header-xp-bar > .header-tooltip #tooltip-container .caret {
  right: 50px;
}

.profile-icon {
  margin-right: 18px;
  display: flex;
  align-items: center;
  border: solid 8px #ffffff;
  width: 56px;
  height: 56px;
  border-radius: 56px;
  margin-left: 32px;
}
.profile-icon img {
  width: 40px;
  height: 40px;
  border-radius: 40px;
}
.profile-icon .profile-letter {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #ebbda9;
  color: #004438;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.6rem;
  line-height: 2.4rem;
  font-weight: 900;
}

.profile-icon:hover {
  border: solid 8px #e5e7eb;
}

.profile-icon:focus {
  border-color: #c9e3dc;
}

#clover-profile {
  width: 330px !important;
  right: -330px;
}
#clover-profile.non-user .profile-info {
  justify-content: center;
}
#clover-profile.non-user .clover-continue ul,
#clover-profile.non-user .last-menu ul {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
#clover-profile.non-user .clover-continue ul li:not(:nth-child(2)),
#clover-profile.non-user .last-menu ul li:not(:nth-child(2)) {
  font-size: 1.8rem;
  color: #349966;
}
#clover-profile.non-user .clover-continue ul li:not(:nth-child(2)) a,
#clover-profile.non-user .last-menu ul li:not(:nth-child(2)) a {
  font-size: 1.8rem;
  color: #349966;
}

#clover-sidemenu {
  width: 253px;
  right: -253px;
}

.clover-sidebar {
  height: calc(100% - 80px);
  width: 0;
  position: fixed;
  z-index: 1;
  top: 80px;
  right: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  transition: 0.5s;
  border-left: 1px solid #e5e7eb;
  box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
}
.clover-sidebar .sidemenu-mobile {
  display: none;
}
.clover-sidebar .close-btn {
  display: none;
}
.clover-sidebar .close-btn-desktop {
  display: block;
  position: absolute;
  top: 24px;
  right: 24px;
}
.clover-sidebar hr {
  border: solid 1px #e5e7eb;
  border-bottom-width: 0px;
  height: 1px;
}
.clover-sidebar .profile-info {
  display: flex;
  align-items: center;
  padding: 24px 30px 0 30px;
}
.clover-sidebar .profile-info .profile-photo {
  width: 96px;
  height: 96px;
  border-radius: 96px;
  border: 8px solid #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  margin-right: 16px;
}
.clover-sidebar .profile-info .profile-photo img {
  width: 80px;
  height: 80px;
  border-radius: 80px;
}
.clover-sidebar .profile-info .profile-photo .profile-letter {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background-color: #ebbda9;
  color: #004438;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.6rem;
  line-height: 2.4rem;
  font-weight: 900;
}
.clover-sidebar .profile-info .profile-name h4 {
  font-size: 2rem;
  font-weight: 900;
  line-height: 3.2rem;
  color: #111111;
  margin-bottom: 12px;
}
.clover-sidebar .profile-info .profile-name span {
  background-color: #c9e3dc;
  border-radius: 16px;
  color: #111111;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  padding: 4px 16px;
  text-transform: capitalize;
  display: block;
  height: fit-content;
}
.clover-sidebar .clover-continue {
  margin: 48px 15px 0px 15px;
  padding: 24px 0px;
  background-color: #f9fafb;
  display: block;
  text-align: center;
}
.clover-sidebar .clover-continue a img {
  width: 160px;
}
.clover-sidebar .clover-continue h5 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: #111111;
  margin-bottom: 24px;
  margin-top: 24px;
  text-transform: unset;
}
.clover-sidebar .clover-continue .btn-continue {
  font-size: 2rem;
  font-weight: 900;
  line-height: 3.2rem;
  color: #ffffff;
  background-color: #349966;
  border-radius: 40px;
  padding: 16px 32px;
  text-transform: uppercase;
  display: inline-block;
}
.clover-sidebar .my-menu {
  padding: 48px 16px;
}
.clover-sidebar .my-menu h5 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: #111111;
  text-transform: uppercase;
  padding: 0 16px;
  margin-bottom: 16px;
}
.clover-sidebar .my-menu ul li a {
  padding: 6px 22px;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2;
  color: #111111;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
.clover-sidebar .my-menu ul li a i {
  margin-right: 24px;
}
.clover-sidebar .my-menu ul li:hover {
  background-color: #f3f4f6;
}
.clover-sidebar .last-menu {
  padding-bottom: 100px;
}
.clover-sidebar .clover-logout {
  width: 100%;
  height: 104px;
  background-color: #ffffff;
  padding: 35px;
  border-top: solid 1px #e5e7eb;
  transition: 0.5s;
}
.clover-sidebar .clover-logout a {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2;
  color: #111111;
  display: flex;
  align-items: center;
}
.clover-sidebar .clover-logout a i {
  float: left;
  margin-right: 24px;
}
.clover-sidebar .sidemenu-info {
  padding: 48px 16px;
}
.clover-sidebar .sidemenu-info h5 {
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4;
  color: #111111;
  margin-bottom: 26px;
  padding: 0 16px;
}
.clover-sidebar .sidemenu-info .menu li a {
  padding: 6px 16px;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2;
  color: #111111;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
.clover-sidebar .sidemenu-info .menu li a i {
  margin-right: 24px;
}
.clover-sidebar .sidemenu-info .menu li:hover {
  background-color: #f3f4f6;
}

@media screen and (max-width: 1400px) {
  .clover-navigation .left-section .clover-menu {
    max-width: 600px;
    margin-left: 24px;
  }
  .clover-navigation .left-section .clover-menu ul li a {
    padding: 12px 12px;
  }
}
@media screen and (max-width: 768px) {
  #header-xp-bar > .header-tooltip #tooltip-container {
    right: 4.5rem;
  }
  #header-xp-bar > .header-tooltip #tooltip-container .caret {
    right: 100px !important;
  }
}
@media screen and (max-width: 1280px) {
  .wp-admin-bar-wpseo-menu {
    display: none !important;
  }
  .clover-navigation {
    padding: 16px !important;
  }
  .clover-navigation .left-section .clover-menu {
    display: none;
  }
  .clover-navigation .left-section .logo img {
    width: 118px;
    min-width: 118px;
  }
  .clover-navigation .right-section .header-tooltip {
    position: relative;
  }
  .clover-navigation .right-section #header-xp-bar > .header-tooltip #tooltip-container {
    right: 25px;
    width: 325px;
  }
  .clover-navigation .right-section #header-xp-bar > .header-tooltip #tooltip-container .caret {
    position: fixed;
    margin-left: 160px;
  }
  .profile-icon {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    border: none;
    margin-right: 24px;
  }
  .profile-icon img {
    width: 32px;
    height: 32px;
    border-radius: 32px;
  }
  .profile-icon .profile-letter {
    width: 32px;
    height: 32px;
    border-radius: 32px;
  }
  .profile-icon:hover {
    border: none;
  }
  #clover-profile {
    width: 100% !important;
    right: -100%;
  }
  #clover-profile.clover-menu-open {
    top: 0 !important;
  }
  .clover-menu-open-no-scroll {
    overflow: hidden !important;
    position: relative;
    height: 100%;
  }
  #clover-sidemenu {
    width: 100%;
    right: -100%;
  }
  #clover-sidemenu.clover-sidemenu-open {
    top: 0 !important;
  }
  .clover-sidebar {
    height: 100% !important;
  }
  .clover-sidebar .close-btn {
    display: block;
    position: absolute;
    top: 24px;
    right: 24px;
  }
  .clover-sidebar .close-btn-desktop {
    display: none;
  }
  .clover-sidebar .profile-info {
    padding: 56px 48px 0px 48px;
  }
  .clover-sidebar .my-menu {
    padding: 40px 48px 30px 48px;
  }
  .clover-sidebar .clover-logout {
    padding-left: 70px;
  }
  .clover-sidebar .sidemenu-info h5 {
    display: none;
  }
  .clover-sidebar .sidemenu-mobile {
    display: block;
  }
  .clover-sidebar .sidemenu-mobile .logo {
    margin: 56px 40px 42px 40px;
    display: block;
  }
  .clover-sidebar .sidemenu-mobile .logo img {
    width: 142px;
  }
  .clover-sidebar .sidemenu-mobile ul {
    margin: 0px 40px 48px 40px;
  }
  .clover-sidebar .sidemenu-mobile ul .clover-menu-home {
    display: none;
  }
  .clover-sidebar .sidemenu-mobile ul li {
    padding: 7px 0px;
  }
  .clover-sidebar .sidemenu-mobile ul li a {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 900;
    line-height: 2.4;
    color: #111111;
    display: flex;
    align-items: center;
  }
  .clover-sidebar .sidemenu-mobile ul li a i {
    float: left;
    margin-right: 16px;
  }
}
.home .donate-btn {
  display: flex;
}

.donate-btn {
  height: 100px;
  background-color: #004438;
  display: none;
  align-items: center;
  justify-content: center;
  position: relative;
}
.donate-btn h3 {
  color: #ffffff;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 900;
  margin-right: 24px;
  margin-bottom: 0px;
  z-index: 1;
  position: relative;
}
.donate-btn a {
  background-color: #fdc82f;
  padding: 16px 32px;
  border-radius: 40px;
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 900;
  color: #111111;
  text-transform: uppercase;
  z-index: 1;
  position: relative;
}
.donate-btn .donate-left {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.donate-btn .donate-right {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
}

@media screen and (max-width: 768px) {
  .home .donate-btn {
    display: block;
  }
  .donate-btn {
    height: 176px;
    background-color: #004438;
    display: none;
    position: relative;
    padding: 32px 18px;
    overflow: hidden;
  }
  .donate-btn h3 {
    color: #ffffff;
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 900;
    margin-right: 0px;
    padding-bottom: 16px;
    text-align: center;
    z-index: 1;
    position: relative;
  }
  .donate-btn a {
    background-color: #fdc82f;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1.8rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    z-index: 1;
    position: relative;
  }
  .donate-btn .donate-left {
    position: absolute;
    left: -245px;
    top: 0;
    z-index: 0;
  }
  .donate-btn .donate-right {
    position: absolute;
    right: -245px;
    top: 0;
    z-index: 0;
  }
}
.footer-wrapper .fl-row h2.fl-heading {
  margin-bottom: 0 !important;
}
.footer-wrapper .fl-row .fl-row-content-wrap {
  z-index: 1;
}
.footer-wrapper .fl-row .gform_wrapper .gform_fields {
  grid-row-gap: 0;
}
.footer-wrapper .fl-row .gform_wrapper .gfield {
  margin-bottom: 1.6rem;
  grid-column: 1/-1;
}
.footer-wrapper .fl-row .gform_wrapper .gfield .gfield_label {
  display: none;
}
.footer-wrapper .fl-row .gform_wrapper .gfield input {
  height: 5.6rem;
  border-width: 1px !important;
}
.footer-wrapper .fl-row .gform_wrapper .gfield button {
  width: 100%;
}
.footer-wrapper .fl-row #gform_wrapper_3 .gform_footer {
  visibility: hidden;
  position: absolute;
  left: -100vw;
}
.footer-wrapper .fl-row .fl-icon-group .fl-icon {
  margin-top: 0;
  margin-bottom: 0;
}
.footer-wrapper .fl-row p {
  margin-bottom: 0;
}
.footer-wrapper .fl-col {
  max-width: unset !important;
}

@media screen and (max-width: 767px) {
  .footer-wrapper .fl-row .fl-row-fixed-width {
    max-width: 400px;
  }
}
@media screen and (max-width: 1100px) {
  .footer-wrapper .fl-row .gform_wrapper .gfield {
    grid-column: 1/-1 !important;
  }
  .footer-wrapper .fl-row .gform_wrapper .gfield button {
    height: 4.8rem;
  }
}
@media screen and (min-width: 768px) {
  .footer-wrapper .fl-row .gform_wrapper .gfield input {
    max-width: 380px;
  }
  .footer-wrapper .fl-row .gform_wrapper .gfield button {
    max-width: 380px;
  }
  .footer-wrapper .fl-col.logo-fixed-width {
    width: 64px !important;
  }
  .footer-wrapper .fl-col.logo-text {
    width: calc(100% - 64px) !important;
  }
}
@media screen and (max-width: 1100px) {
  .footer-wrapper .fl-row .gform_wrapper .gfield {
    grid-column: 1/-1 !important;
  }
  .footer-wrapper .fl-row .gform_wrapper .gfield button {
    height: 4.8rem;
  }
}
@media screen and (min-width: 1099px) {
  .footer-wrapper .fl-row .fl-col.full-width-desktop {
    width: 100% !important;
  }
  .footer-wrapper .fl-row .gform_wrapper .gfield:first-of-type {
    grid-column: span 7;
  }
  .footer-wrapper .fl-row .gform_wrapper .gfield:nth-child(2) {
    grid-column: span 5;
  }
  .footer-wrapper .fl-row .gform_wrapper .gfield button {
    height: 5.6rem;
    padding: 0 3.2rem;
    width: auto;
  }
}
.cli-modal-content {
  border-radius: 32px;
}

.cli-modal .cli-modal-close {
  right: 10px !important;
}

.cli-tab-footer .wt-cli-privacy-accept-btn {
  border-radius: 32px !important;
  font-weight: 900;
  background-color: #349966 !important;
}

.cli-switch input:checked + .cli-slider {
  background-color: #349966 !important;
}

table.cookielawinfo-winter tbody tr {
  background: rgba(52, 153, 102, 0.0901960784) !important;
}

table.cookielawinfo-winter {
  font-family: "4H Gilroy" !important;
}

.cli-bar-popup {
  padding: 3rem;
}

.cli-tab-header a:before {
  border-right: 2px solid #349966 !important;
  border-bottom: 2px solid #349966 !important;
}

.cli-necessary-caption {
  font-weight: bold;
}

table.cookielawinfo-winter thead th {
  background: #004438 !important;
}

#content-container {
  margin: 0 auto;
  width: 100%;
  padding: 0 16px;
  max-width: 432px;
  padding-top: 3.2rem;
}
#content-container .row-4h {
  display: flex;
}
#content-container .row-4h.row-justify-content-center {
  justify-content: center;
}
#content-container .row-4h .col-4h {
  margin-right: 16px;
  flex-grow: 1;
}
#content-container .row-4h .col-4h:last-of-type {
  margin-right: 0;
}
#content-container .row-4h .col-4h.col-12 {
  width: 100%;
}
#content-container .row-4h .col-4h.col-11 {
  width: 91.6666666667%;
}
#content-container .row-4h .col-4h.col-10 {
  width: 83.3333333333%;
}
#content-container .row-4h .col-4h.col-9 {
  width: 75%;
}
#content-container .row-4h .col-4h.col-8 {
  width: 66.6666666667%;
}
#content-container .row-4h .col-4h.col-7 {
  width: 58.3333333333%;
}
#content-container .row-4h .col-4h.col-6 {
  width: 50%;
}
#content-container .row-4h .col-4h.col-5 {
  width: 41.6666666667%;
}
#content-container .row-4h .col-4h.col-4 {
  width: 33.3333333333%;
}
#content-container .row-4h .col-4h.col-3 {
  width: 25%;
}
#content-container .row-4h .col-4h.col-2 {
  width: 16.6666666667%;
}
#content-container .row-4h .col-4h.col-1 {
  width: 8.3333333333%;
}
#content-container .row-4h .col-4h.col-12, #content-container .row-4h .col-4h.col-11, #content-container .row-4h .col-4h.col-10, #content-container .row-4h .col-4h.col-9, #content-container .row-4h .col-4h.col-8, #content-container .row-4h .col-4h.col-7, #content-container .row-4h .col-4h.col-6, #content-container .row-4h .col-4h.col-5, #content-container .row-4h .col-4h.col-4, #content-container .row-4h .col-4h.col-3, #content-container .row-4h .col-4h.col-2, #content-container .row-4h .col-4h.col-1 {
  flex-grow: 0;
}

@media screen and (min-width: 768px) {
  #content-container {
    max-width: 1280px;
    padding: 0 32px;
  }
  #content-container .row-4h .col-4h {
    margin-right: 32px;
  }
  #content-container .row-4h .col-4h:last-of-type {
    margin-right: 0;
  }
  #content-container .row-4h .col-4h.col-s-12 {
    width: 100%;
  }
  #content-container .row-4h .col-4h.col-s-11 {
    width: 91.6666666667%;
  }
  #content-container .row-4h .col-4h.col-s-10 {
    width: 83.3333333333%;
  }
  #content-container .row-4h .col-4h.col-s-9 {
    width: 75%;
  }
  #content-container .row-4h .col-4h.col-s-8 {
    width: 66.6666666667%;
  }
  #content-container .row-4h .col-4h.col-s-7 {
    width: 58.3333333333%;
  }
  #content-container .row-4h .col-4h.col-s-6 {
    width: 50%;
  }
  #content-container .row-4h .col-4h.col-s-5 {
    width: 41.6666666667%;
  }
  #content-container .row-4h .col-4h.col-s-4 {
    width: 33.3333333333%;
  }
  #content-container .row-4h .col-4h.col-s-3 {
    width: 25%;
  }
  #content-container .row-4h .col-4h.col-s-2 {
    width: 16.6666666667%;
  }
  #content-container .row-4h .col-4h.col-s-1 {
    width: 8.3333333333%;
  }
  #content-container .row-4h .col-4h.col-s-11, #content-container .row-4h .col-4h.col-s-10, #content-container .row-4h .col-4h.col-s-9, #content-container .row-4h .col-4h.col-s-8, #content-container .row-4h .col-4h.col-s-7, #content-container .row-4h .col-4h.col-s-6, #content-container .row-4h .col-4h.col-s-5, #content-container .row-4h .col-4h.col-s-4, #content-container .row-4h .col-4h.col-s-3, #content-container .row-4h .col-4h.col-s-2, #content-container .row-4h .col-4h.col-s-1 {
    flex-grow: 0;
  }
}
@media screen and (min-width: 1050px) {
  #content-container {
    max-width: 1280px;
    padding: 0 32px;
  }
  #content-container .row-4h .col-4h {
    margin-right: 32px;
  }
  #content-container .row-4h .col-4h:last-of-type {
    margin-right: 0;
  }
  #content-container .row-4h .col-4h.col-l-12 {
    width: 100%;
  }
  #content-container .row-4h .col-4h.col-l-11 {
    width: 91.6666666667%;
  }
  #content-container .row-4h .col-4h.col-l-10 {
    width: 83.3333333333%;
  }
  #content-container .row-4h .col-4h.col-l-9 {
    width: 75%;
  }
  #content-container .row-4h .col-4h.col-l-8 {
    width: 66.6666666667%;
  }
  #content-container .row-4h .col-4h.col-l-7 {
    width: 58.3333333333%;
  }
  #content-container .row-4h .col-4h.col-l-6 {
    width: 50%;
  }
  #content-container .row-4h .col-4h.col-l-5 {
    width: 41.6666666667%;
  }
  #content-container .row-4h .col-4h.col-l-4 {
    width: 33.3333333333%;
  }
  #content-container .row-4h .col-4h.col-l-3 {
    width: 25%;
  }
  #content-container .row-4h .col-4h.col-l-2 {
    width: 16.6666666667%;
  }
  #content-container .row-4h .col-4h.col-l-1 {
    width: 8.3333333333%;
  }
  #content-container .row-4h .col-4h.col-l-11, #content-container .row-4h .col-4h.col-l-10, #content-container .row-4h .col-4h.col-l-9, #content-container .row-4h .col-4h.col-l-8, #content-container .row-4h .col-4h.col-l-7, #content-container .row-4h .col-4h.col-l-6, #content-container .row-4h .col-4h.col-l-5, #content-container .row-4h .col-4h.col-l-4, #content-container .row-4h .col-4h.col-l-3, #content-container .row-4h .col-4h.col-l-2, #content-container .row-4h .col-4h.col-l-1 {
    flex-grow: 0;
  }
}
.fl-builder .fl-button-group .fl-button-group-buttons {
  padding-bottom: 3.2rem;
}
.fl-builder .fl-button-group .fl-button-group-button {
  width: 100%;
  padding-bottom: 2.4rem;
}
.fl-builder .fl-button-group .fl-button-group-button .fl-button-wrap {
  display: block;
}
.fl-builder .fl-button-group .fl-button-group-button .fl-button {
  border-radius: 20rem;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fl-builder .fl-button-group .fl-button-group-button .fl-button .fl-button-text {
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0.1rem;
  font-size: 1.8rem;
}
.fl-builder .fl-button-group .fl-button-group-button .fl-button:after {
  display: none;
}
.fl-builder .fl-button-group .fl-button-group-button.primary-button .fl-button {
  background: #349966;
  border: none;
}
.fl-builder .fl-button-group .fl-button-group-button.primary-button .fl-button .fl-button-text,
.fl-builder .fl-button-group .fl-button-group-button.primary-button .fl-button .fl-button-icon {
  color: #ffffff;
}
.fl-builder .fl-button-group .fl-button-group-button.primary-button .fl-button:hover {
  background: #246846;
}
.fl-builder .fl-button-group .fl-button-group-button.primary-button .fl-button:focus {
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.fl-builder .fl-button-group .fl-button-group-button.primary-button .fl-button:active {
  background: #004438;
}
.fl-builder .fl-button-group .fl-button-group-button.primary-button .fl-button.disabled {
  background: #d2d6db;
  pointer-events: none;
  cursor: not-allowed;
}
.fl-builder .fl-button-group .fl-button-group-button.secondary-button .fl-button {
  background: transparent;
  border: 3px solid #349966;
  color: #349966;
}
.fl-builder .fl-button-group .fl-button-group-button.secondary-button .fl-button:hover {
  background: transparent;
}
.fl-builder .fl-button-group .fl-button-group-button.secondary-button .fl-button:focus {
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.fl-builder .fl-button-group .fl-button-group-button.secondary-button .fl-button:active {
  background: #e5e7eb;
}
.fl-builder .fl-button-group .fl-button-group-button.secondary-button .fl-button.disabled {
  background: #d2d6db;
  pointer-events: none;
  cursor: not-allowed;
  border: none !important;
}
.fl-builder .fl-button-group .fl-button-group-button.secondary-button .fl-button.disabled span {
  color: #ffffff !important;
}
.fl-builder .fl-button-group .fl-button-group-button.secondary-button .fl-button.disabled i {
  color: #ffffff !important;
}
.fl-builder .fl-button-group .fl-button-group-button.button-donate {
  width: 13.9rem;
  align-items: center;
  border-radius: 20rem !important;
  display: flex;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: 900;
  height: 4.8rem;
  justify-content: center;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  line-height: 0;
}
.fl-builder .fl-button-group .fl-button-group-button.button-donate .fl-button {
  background: #fdc82f;
}
.fl-builder .fl-button-group .fl-button-group-button.button-donate .fl-button:hover {
  background: #c9e3dc;
}
.fl-builder .fl-button-group .fl-button-group-button.button-donate .fl-button:focus {
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.fl-builder .fl-button-group .fl-button-group-button.button-donate .fl-button:active {
  background: #a8d2c6 !important;
}
.fl-builder .fl-button-group .fl-button-group-button.button-donate .fl-button .fl-button-text {
  color: #111111;
}

.button-group {
  margin-bottom: 3.2rem;
}
.button-group .button {
  border-radius: 20rem;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0.1rem;
  font-size: 1.8rem;
  font-family: "4H Gilroy", Arial, sans-serif;
  margin-bottom: 2.4rem;
  background: #349966;
  color: #ffffff;
  transition: 0.5s all;
}
.button-group .button:hover {
  opacity: 0.7;
  border: none;
  background-color: #349966;
  color: #ffffff;
  text-decoration: none;
}
.button-group .button.button-secondary {
  border: solid 3px #000000;
  color: #000000;
  background: transparent;
}
.button-group .button.button-secondary:hover {
  border: solid 3px #000000;
  background-color: transparent;
  color: #000000;
}
.button-group .button.button-donate {
  border-radius: 20rem !important;
  display: flex !important;
  font-family: "4H Gilroy", Arial, sans-serif !important;
  font-weight: 900 !important;
  justify-content: center !important;
  letter-spacing: 0.1rem !important;
  width: 13.9rem;
}

.gform_footer input[type=submit] {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .gform_footer input[type=submit] {
    width: auto !important;
    min-width: 180px !important;
    padding: 16px 32px;
  }
}
@media screen and (min-width: 768px) {
  .fl-builder .fl-button-group .fl-button-group-buttons {
    padding-bottom: 4.8rem;
  }
  .fl-builder .fl-button-group .fl-button-group-button {
    width: auto;
    padding-right: 2.3rem;
  }
  .fl-builder .fl-button-group .fl-button-group-button.button-small {
    width: 18rem;
  }
  .fl-builder .fl-button-group .fl-button-group-button.button-medium {
    width: 25rem;
  }
  .fl-builder .fl-button-group .fl-button-group-button.button-large {
    width: 34rem;
  }
  .fl-builder .fl-button-group .fl-button-group-button.button-donate {
    width: 14.7rem;
  }
  .fl-builder .fl-button-group .fl-button-group-button .fl-button {
    padding: 0 4rem;
    height: 6.4rem;
  }
  .fl-builder .fl-button-group .fl-button-group-button .fl-button .fl-button-text {
    font-size: 2rem;
  }
  .button-group {
    margin-bottom: 4.8rem;
  }
  .button-group .button {
    margin-bottom: 0;
    margin-right: 2.3rem;
    display: inline-flex;
    height: 6.4rem;
    width: 18rem;
    font-size: 2rem;
  }
  .button-group .button.button-small {
    width: 18rem;
  }
  .button-group .button.button-medium {
    width: 25rem;
  }
  .button-group .button.button-large {
    width: 34rem;
  }
  .button-group .button.button-donate {
    width: 14.7rem;
  }
  .form-submit-small .gform_footer input[type=submit] {
    width: 18rem;
  }
  .form-submit-medium .gform_footer input[type=submit] {
    width: 25rem;
  }
  .form-submit-large .gform_footer input[type=submit] {
    width: 34rem;
  }
}
@media screen and (max-width: 768px) {
  input[type=submit] {
    height: 44px !important;
  }
}
.fourh-btn {
  background-color: #349966;
  padding: 16px 36px;
  border-radius: 40px;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 900;
  line-height: 3.2rem;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
}

.search-form:not(.media-toolbar-primary) {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  background: #ffffff;
  padding: 0 1.6rem;
  top: -100%;
  transition: top 0.25s ease;
  display: flex;
  justify-content: center;
  overflow: unset;
  z-index: 10;
}
body.search-form-open .search-form:not(.media-toolbar-primary) {
  top: 0;
}
.search-form:not(.media-toolbar-primary) .search-inner {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  align-items: center;
  max-width: 50rem;
}
.search-form:not(.media-toolbar-primary) .search-field {
  border-radius: 2.4rem;
  font-size: 1.8rem;
  font-weight: 700;
  background-color: #f3f4f6;
  border: none;
  appearance: none;
  font-family: "4H Gilroy", Arial, sans-serif;
  padding: 0.9rem 3.2rem 0.9rem 5rem;
  width: 100%;
  letter-spacing: 0.04rem;
}
.search-form:not(.media-toolbar-primary) input[type=submit] {
  cursor: pointer;
  height: 80%;
  left: 10px;
  position: absolute;
  top: 0;
  width: 32px;
  height: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url(/wp-content/themes/4h/assets/images/icons/search.svg);
  background-position: center center;
  appearance: none;
  border: none;
  font-size: 0;
  line-height: 0;
}
.search-form:not(.media-toolbar-primary) .close-search {
  display: inline-block;
  flex-shrink: 0;
  margin-left: 1.8rem;
  display: flex;
}
.search-form:not(.media-toolbar-primary) .close-search img {
  width: 28px;
}

.search-form .clear-search-btn {
  display: none;
}

@media screen and (min-width: 1120px) {
  .search-form {
    padding: 0;
    z-index: 11;
    justify-content: center;
  }
  .search-form .search-inner {
    max-width: 80.1rem;
  }
  .search-form .clear-search-btn {
    display: inline-block;
    position: absolute;
    right: calc(50% - 40.05rem);
    font-family: "4H Gilroy", Arial, sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    color: #9da4ae;
    text-transform: uppercase;
    padding: 1rem 0.5rem;
    margin-right: 0;
    right: 2.4rem;
    cursor: pointer;
  }
  .search-form .search-field {
    font-size: 2rem;
    padding: 1.1rem 3.2rem 1.1rem 6rem;
  }
  .search-form .close-search {
    position: absolute;
    right: 32px;
  }
}
@media screen and (min-width: 768px) {
  .search-form .clear-search-btn {
    display: inline-block;
  }
}
.uabb-module-content li {
  padding: 0;
}
.uabb-module-content li i:before {
  color: #9DA4AE;
}
.uabb-module-content li:hover i:before {
  color: #004438 !important;
}
.uabb-module-content li.uabb-tab-current {
  border-bottom: 4px solid #349966;
}
.uabb-module-content li.uabb-tab-current i:before {
  color: #004438 !important;
}
.uabb-module-content li:before {
  background: transparent !important;
}

.fl-module-content .uabb-tabs > nav ul {
  display: block;
  margin-bottom: -5px;
  overflow: auto;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.fl-module-content .uabb-tabs > nav ul::-webkit-scrollbar {
  display: none;
}
.fl-module-content .uabb-tabs > nav ul li {
  display: inline-block;
}

.wps-items-wrapper {
  padding: 0;
}
.wps-items-wrapper img.wps-product-image.css-27mxcl-thumbnailStyles {
  border-radius: 32px;
}
.wps-items-wrapper .wps-component-products-title {
  margin-bottom: 0;
}
.wps-items-wrapper .wps-items {
  display: block;
  overflow: auto;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.wps-items-wrapper .wps-items .wps-item {
  display: inline-flex;
  margin-right: 15px;
}
.wps-items-wrapper .wps-items::-webkit-scrollbar {
  display: none;
}
.wps-items-wrapper h2.wps-products-title {
  font-family: "4H Gilroy";
  font-weight: 900;
  font-size: 20px;
  line-height: 28px;
  margin: 0 24px 24px !important;
  text-align: left;
  letter-spacing: 0.4px;
}
.wps-items-wrapper .wps-products-link:hover {
  color: transparent;
}
.wps-items-wrapper .wps-product-image-wrapper a:after {
  background: transparent;
}
.wps-items-wrapper .wps-component-products-pricing {
  margin: 0 24px 24px;
}
.wps-items-wrapper .wps-component-products-pricing .wps-product-individual-price {
  font-family: "4H Gilroy";
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

@media screen and (min-width: 1050px) {
  .wps-items-wrapper h2.wps-products-title {
    font-size: 24px;
    line-height: 32px;
  }
  .wps-items-wrapper .wps-component-products-pricing .wps-product-individual-price {
    font-size: 24px;
    line-height: 32px;
  }
  .wps-items-wrapper .wps-items {
    display: grid;
  }
  .wps-items-wrapper .wps-items .wps-item {
    display: flex;
  }
  .fl-module-content .uabb-tabs > nav ul {
    display: flex;
    margin-bottom: 0;
  }
  .fl-module-content .uabb-tabs > nav ul li {
    display: block;
  }
}
.four-h-blog-single-article .uabb-post-grid-1 .uabb-blog-posts-col-1 {
  margin-bottom: 0;
}
.four-h-blog-single-article .uabb-post-grid-1 .uabb-blog-posts-col-1 .uabb-blog-posts-shadow .uabb-blog-post-content {
  padding-left: 0;
  padding-right: 0;
}
.four-h-blog-single-article .uabb-post-grid-1 .uabb-blog-posts-col-1 .uabb-blog-posts-shadow .uabb-blog-post-content .uabb-post-meta {
  padding-top: 5px;
  padding-bottom: 5px;
}
.four-h-blog-single-article .uabb-post-grid-1 .uabb-blog-posts-col-1 .uabb-blog-posts-shadow .uabb-blog-post-content .uabb-post-heading a {
  width: calc(100% - 20px);
  display: flex;
}
.four-h-blog-single-article .uabb-post-grid-1 .uabb-blog-posts-col-1 .uabb-blog-posts-shadow .uabb-blog-post-content .uabb-post-heading a::after {
  content: url(../images/icons/w-arrow-right.svg);
  background: none;
  display: flex;
  height: auto;
  line-height: inherit;
  margin-left: 100%;
  opacity: 1;
  position: absolute;
  text-align: right;
  top: 3px;
  width: fit-content;
}
.four-h-blog-single-article .uabb-post-grid-1 .uabb-blog-posts-col-1 .uabb-blog-posts-shadow .uabb-blog-posts-description {
  display: none;
}
.four-h-blog-single-article .uabb-post-grid-1 .uabb-blog-posts-col-1 .uabb-blog-posts-shadow .uabb-post-thumbnail img {
  border-radius: 16px;
}
.four-h-blog-single-article .uabb-post-grid-1 .uabb-blog-posts-col-1 .uabb-blog-posts-shadow .uabb-post-thumbnail a::after {
  background: transparent !important;
}

.four-h-blog-multiple-articles .uabb-post-grid-4 .uabb-blog-posts-col-4 {
  margin-bottom: 0;
}
.four-h-blog-multiple-articles .uabb-post-grid-4 .uabb-blog-posts-col-4 .uabb-blog-post-content .uabb-post-meta {
  padding-top: 5px;
  padding-bottom: 5px;
}
.four-h-blog-multiple-articles .uabb-post-grid-4 .uabb-blog-posts-col-4 .uabb-blog-post-content .uabb-post-heading a {
  width: calc(100% - 20px);
  display: flex;
}
.four-h-blog-multiple-articles .uabb-post-grid-4 .uabb-blog-posts-col-4 .uabb-blog-post-content .uabb-post-heading a::after {
  content: url(../images/icons/w-arrow-right.svg);
  background: none;
  display: flex;
  height: auto;
  line-height: inherit;
  margin-left: 100%;
  opacity: 1;
  position: absolute;
  text-align: right;
  top: 0;
  width: fit-content;
}
.four-h-blog-multiple-articles .uabb-post-grid-4 .uabb-blog-posts-col-4 .uabb-post-thumbnail img {
  border-radius: 16px;
}
.four-h-blog-multiple-articles .uabb-post-grid-4 .uabb-blog-posts-col-4 .uabb-post-thumbnail a::after {
  background: transparent !important;
}

@media screen and (min-width: 768px) {
  .four-h-blog-single-article .uabb-post-grid-1 .uabb-blog-posts-col-1 {
    margin-bottom: 32px;
  }
  .four-h-blog-single-article .uabb-post-grid-1 .uabb-blog-posts-col-1 .uabb-blog-posts-shadow .uabb-blog-post-inner-wrap {
    display: flex;
  }
  .four-h-blog-single-article .uabb-post-grid-1 .uabb-blog-posts-col-1 .uabb-blog-posts-shadow .uabb-blog-post-inner-wrap .uabb-post-thumbnail {
    width: 65%;
  }
  .four-h-blog-single-article .uabb-post-grid-1 .uabb-blog-posts-col-1 .uabb-blog-posts-shadow .uabb-blog-post-inner-wrap .uabb-blog-post-content {
    width: 35%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 15px;
  }
  .four-h-blog-single-article .uabb-post-grid-1 .uabb-blog-posts-col-1 .uabb-blog-posts-shadow .uabb-blog-post-inner-wrap .uabb-blog-post-content .uabb-post-heading a {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.4px;
  }
  .four-h-blog-single-article .uabb-post-grid-1 .uabb-blog-posts-col-1 .uabb-blog-posts-shadow .uabb-blog-post-inner-wrap .uabb-blog-post-content .uabb-text-editor {
    font-size: 18px;
    line-height: 26px;
  }
  .four-h-blog-single-article .uabb-post-grid-1 .uabb-blog-posts-col-1 .uabb-blog-posts-shadow .uabb-blog-posts-description {
    display: block;
    padding-top: 0;
  }
}
@media screen and (min-width: 1050px) {
  .four-h-blog-single-article .uabb-post-grid-1 .uabb-blog-posts-col-1 {
    margin-bottom: 48px;
  }
  .four-h-blog-single-article .uabb-post-grid-1 .uabb-blog-posts-col-1 .uabb-blog-posts-shadow .uabb-blog-post-content .uabb-post-meta {
    padding-top: 8px;
    padding-bottom: 16px;
  }
  .four-h-blog-multiple-articles .uabb-post-grid-4 .uabb-blog-posts-col-4 {
    margin-bottom: 30px;
  }
}
#cookie-law-info-bar[data-cli-style=cli-style-v2] {
  padding: 16px 24px;
}
#cookie-law-info-bar[data-cli-style=cli-style-v2] img {
  width: 36px;
  margin-bottom: auto;
}
#cookie-law-info-bar[data-cli-style=cli-style-v2] .cli-style-v2 .cli-bar-message {
  padding-left: 12px;
  padding-right: 12px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
  width: calc(100% - 36px);
}
#cookie-law-info-bar[data-cli-style=cli-style-v2] .cli-style-v2 .cli-bar-message a {
  font-weight: 700;
  text-decoration: none;
}
#cookie-law-info-bar[data-cli-style=cli-style-v2] .cli-bar-btn_container {
  margin-top: 16px;
  width: 100%;
  display: block;
}
#cookie-law-info-bar[data-cli-style=cli-style-v2] .cli-bar-btn_container #wt-cli-accept-all-btn {
  padding: 12px 14px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 40px;
  width: 100%;
  margin: 0 0 14px 0;
}
#cookie-law-info-bar[data-cli-style=cli-style-v2] .cli-bar-btn_container .cli_settings_button {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: 100%;
  border: 1px solid #fff;
  border-radius: 40px;
  padding: 11px 14px;
}

@media screen and (min-width: 768px) {
  #cookie-law-info-bar[data-cli-style=cli-style-v2] {
    padding: 12px 18px;
  }
  #cookie-law-info-bar[data-cli-style=cli-style-v2] img {
    width: auto;
    margin-bottom: unset;
  }
  #cookie-law-info-bar[data-cli-style=cli-style-v2] .cli-style-v2.cli-bar-container {
    flex-wrap: inherit;
  }
  #cookie-law-info-bar[data-cli-style=cli-style-v2] .cli-style-v2 .cli-bar-message {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.4px;
  }
  #cookie-law-info-bar[data-cli-style=cli-style-v2] .cli-bar-btn_container {
    margin: 0;
    width: auto;
    display: flex;
  }
  #cookie-law-info-bar[data-cli-style=cli-style-v2] .cli-bar-btn_container #wt-cli-accept-all-btn {
    font-size: 14px;
    padding: 16px 14px;
    width: 124px;
    margin: 0 12px 0 0;
  }
  #cookie-law-info-bar[data-cli-style=cli-style-v2] .cli-bar-btn_container .cli_settings_button {
    font-size: 14px;
    padding: 15px 20px;
    width: auto;
  }
}
@media screen and (min-width: 1050px) {
  #cookie-law-info-bar[data-cli-style=cli-style-v2] {
    padding: 18px 24px;
  }
  #cookie-law-info-bar[data-cli-style=cli-style-v2] .cli-style-v2 .cli-bar-message {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 20px;
    line-height: 32px;
  }
  #cookie-law-info-bar[data-cli-style=cli-style-v2] .cli-bar-btn_container #wt-cli-accept-all-btn {
    padding: 16px 14px;
    font-size: 20px;
    width: 144px;
    margin: 0 16px 0 0;
  }
  #cookie-law-info-bar[data-cli-style=cli-style-v2] .cli-bar-btn_container .cli_settings_button {
    font-size: 20px;
    padding: 15px 36px;
  }
}
@media screen and (min-width: 1280px) {
  #cookie-law-info-bar[data-cli-style=cli-style-v2] {
    padding: 32px 48px !important;
  }
  #cookie-law-info-bar[data-cli-style=cli-style-v2] .cli-style-v2 .cli-bar-message {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 20px;
  }
  #cookie-law-info-bar[data-cli-style=cli-style-v2] .cli-bar-btn_container #wt-cli-accept-all-btn {
    padding: 16px 14px;
    font-size: 20px;
    width: 144px;
  }
  #cookie-law-info-bar[data-cli-style=cli-style-v2] .cli-bar-btn_container .cli_settings_button {
    font-size: 20px;
    padding: 15px 36px;
  }
}
#caregiver-survey-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(31, 42, 55, 0.6);
  backdrop-filter: blur(12px);
  z-index: 1000;
}
#caregiver-survey-popup .clover-dashboard-pt-block-change-close {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
#caregiver-survey-popup .caregiver-survey-popup-main {
  display: none;
  position: absolute;
  background-color: #ffffff;
  z-index: 1001;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner {
  padding: 0 20px;
}
#caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner .caregiver-survey-popup-inner-tittle {
  padding: 16px 16px 0;
  height: 112px;
}
#caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner .caregiver-survey-popup-inner-tittle .clover-dashboard-pt-h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #111111;
  letter-spacing: 0.4px;
  text-align: center;
  text-transform: initial;
  margin-top: 40px;
}
#caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner .clover-dashboard-themes {
  display: table;
  margin: 20px auto;
  width: 320px;
  padding: 24px 0;
}
#caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner .clover-dashboard-themes .clover-dashboard-pt-themes {
  display: inline-block;
  width: 128px;
  height: 128px;
  padding: 0;
  margin: 0 16px;
  text-align: center;
  position: relative;
}
#caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner .clover-dashboard-themes .clover-dashboard-pt-themes .clover-dashboard-pt-themes-single #selected_theme_t {
  border: 8px solid #349966;
}
#caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner .clover-dashboard-themes .clover-dashboard-pt-themes .clover-dashboard-pt-themes-single .chover-dashboard-pt-imgs {
  width: 128px;
  height: 128px;
  border: 8px solid #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 50%;
}
#caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner .clover-dashboard-themes .clover-dashboard-pt-themes .clover-dashboard-pt-themes-single .clover-dashboard-theme-input {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
#caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner .caregiver-survey-btns {
  padding: 16px;
  height: 134px;
  border-top: 1px solid #d2d6db;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
}
#caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner .caregiver-survey-btns input {
  cursor: pointer;
}
#caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner .caregiver-survey-btns #caregiver-survey-cancel {
  border-radius: 40px;
  background-color: #ffffff;
  border: 2px solid #349966;
  width: 100%;
  text-align: center;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  color: #349966;
  height: 48px;
  margin-top: 8px;
  order: 2;
}
#caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner .caregiver-survey-btns #caregiver-survey-save {
  border-radius: 40px;
  background-color: #349966;
  border: 2px solid #349966;
  width: 100%;
  text-align: center;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  color: #ffffff;
  height: 48px;
  order: 1;
}

@media screen and (min-width: 940px) {
  #caregiver-survey-popup .caregiver-survey-popup-main {
    padding: 64px 98px;
    max-width: 1008px;
    height: 632px;
    background: #ffffff;
    border-radius: 32px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    right: 64px;
  }
  #caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner .caregiver-survey-popup-inner-tittle {
    height: auto;
    margin-bottom: 40px;
  }
  #caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner .caregiver-survey-popup-inner-tittle .clover-dashboard-pt-h4 {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
    margin-top: 0;
    margin-bottom: 0;
  }
  #caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner .clover-dashboard-themes {
    margin: 122px auto;
    padding: unset;
    width: 100%;
    text-align: center;
  }
  #caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner .clover-dashboard-themes .clover-dashboard-pt-themes {
    width: 144px;
    height: 144px;
  }
  #caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner .clover-dashboard-themes .clover-dashboard-pt-themes .clover-dashboard-pt-themes-single .chover-dashboard-pt-imgs {
    width: 144px;
    height: 144px;
  }
  #caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner .caregiver-survey-btns {
    padding: unset;
    height: unset;
    width: fit-content;
    border-top: none;
    bottom: 64px;
    left: 50%;
    transform: translate(-50%, 0);
    right: 0;
    display: block;
  }
  #caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner .caregiver-survey-btns #caregiver-survey-cancel {
    margin-top: 0;
    width: 180px;
    margin-right: 16px;
  }
  #caregiver-survey-popup .caregiver-survey-popup-main .caregiver-survey-popup-inner .caregiver-survey-btns #caregiver-survey-save {
    width: 220px;
    margin-left: 16px;
  }
}
/**
 * Newsletter Popup
 */
.newsletter-popup-overlay .uabb-overlay {
  display: none;
}
.newsletter-popup-overlay .uabb-modal {
  min-height: 100% !important;
  bottom: 0 !important;
}
.newsletter-popup-overlay .uabb-modal .uabb-content {
  min-height: 100vh !important;
  width: 100%;
}
.newsletter-popup-overlay .uabb-modal .uabb-content .uabb-modal-content-data {
  height: 100vh;
}
.newsletter-popup-overlay .uabb-modal .uabb-content .uabb-modal-content-data .fl-col {
  max-width: unset;
}
.newsletter-popup-overlay .uabb-modal .uabb-content .uabb-modal-content-data .fl-rich-text > p {
  display: none;
}
.newsletter-popup-overlay .uabb-modal .uabb-modal-close {
  position: absolute;
  top: 3.2rem;
  right: 3.2rem;
  pointer-events: all;
}
.newsletter-popup-overlay .uabb-modal .uabb-modal-close .uabb-close-icon {
  color: #4d5761 !important;
}

body.gravity-forms-confirmation .newsletter-popup-overlay .uabb-modal .uabb-modal-close .uabb-close-icon {
  color: #ffffff !important;
}

@media screen and (min-width: 1050px) {
  /**
  * Newsletter Popup
  */
  .newsletter-popup-overlay .uabb-modal {
    min-height: unset !important;
    width: 90% !important;
    max-width: 769px !important;
    left: unset;
    right: 5%;
    top: unset !important;
    bottom: 0;
    transform: unset !important;
  }
  .newsletter-popup-overlay .uabb-modal .uabb-content {
    min-height: unset !important;
    height: fit-content;
    border-radius: 32px;
    box-shadow: 5px 5px 20px 0px #ddd;
  }
  .newsletter-popup-overlay .uabb-modal .uabb-content .uabb-modal-content-data {
    height: 100%;
  }
  .newsletter-popup-overlay .uabb-modal .uabb-modal-close {
    top: 5.2rem !important;
  }
}
@media screen and (min-width: 1280px) {
  /**
  * Newsletter Popup
  */
  .newsletter-popup-overlay .uabb-modal {
    right: 100px;
    bottom: 150px !important;
  }
}
@media (min-width: 1050px) and (max-height: 880px) {
  .newsletter-popup-overlay .uabb-modal {
    bottom: auto !important;
    top: 0 !important;
  }
}
@media (min-width: 1050px) and (min-height: 880px) and (max-height: 1200px) {
  .newsletter-popup-overlay .uabb-modal {
    bottom: 100px !important;
  }
}
/* @media screen and (max-width: $desktop) {
    .newsletter-popup-overlay {
        .uabb-modal {
            transform: translateY(50%) !important;
        }
    }
} */
.searchandfilter ul li:before, .searchandfilter ol li:before {
  content: none;
}
.searchandfilter .sf-field-search label {
  width: 100%;
}
.searchandfilter .sf-field-search label .sf-input-text {
  width: inherit;
  background-color: #F3F4F6;
  height: 48px;
  border-radius: 24px;
  border: 0;
  padding: 12px 12px 12px 48px;
  font-weight: 400;
  font-size: 2rem;
  font-family: "4H Gilroy", Arial, sans-serif;
  letter-spacing: 0.4px;
  color: #111111;
}
.searchandfilter .sf-field-search label .sf-input-text::placeholder {
  color: #9DA4AE;
}
.searchandfilter .sf-field-search label::before {
  content: url(../images/icons/search.svg);
  margin-left: 12px;
  position: absolute;
  top: 20px;
}
.searchandfilter .sf-field-category {
  border-bottom: 1px solid #d2d6db;
}
.searchandfilter .sf-field-category h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 1.6px;
  margin-top: 16px;
  margin-bottom: 8px;
  cursor: pointer;
}
.searchandfilter .sf-field-category ul .sf-input-checkbox {
  width: 28px;
  height: 28px;
}
.searchandfilter .sf-field-category ul .sf-input-checkbox:checked {
  accent-color: #349966;
}
.searchandfilter .sf-field-category ul .sf-label-checkbox {
  vertical-align: top;
}
.searchandfilter .sf-field-category .blog-mobile-filters {
  display: none;
}
.searchandfilter .sf-field-category .blog-mobile-filters-underline {
  border-bottom: 1px solid #D2D6DB;
}
.searchandfilter .mobile-icon-show-down {
  background: url(../images/icons/down.svg);
  width: 20px;
  height: 10px;
  background-repeat: no-repeat;
  position: absolute;
  right: -2px;
  top: 40px;
  display: block;
  cursor: pointer;
}
.searchandfilter .clear-text-icon {
  cursor: pointer;
  position: absolute;
  top: 36px;
  right: 32px;
  height: 18px;
  border-bottom: 2px solid #349966;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #349966;
}
.searchandfilter .mobile-icon-show-up {
  background: url(../images/icons/up.svg);
  width: 20px;
  height: 10px;
  background-repeat: no-repeat;
  position: absolute;
  right: -2px;
  top: 40px;
  display: none;
  cursor: pointer;
}
.searchandfilter .mobile-icon-show-up span {
  position: absolute;
  right: 50px;
  top: -3px;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.4rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #349966;
  text-decoration: underline;
}

.fl-post-grid .fl-post-column:not(:first-child) {
  padding-bottom: 0;
}
.fl-post-grid .fl-post-column {
  height: 350px;
}
.fl-post-grid .fl-post-column .fl-post-grid-post .fl-post-grid-image img {
  border-radius: 16px;
  height: 200px !important;
  object-fit: cover;
}
.fl-post-grid .fl-post-column .fl-post-grid-post .fl-post-grid-image a::after {
  content: none;
}
.fl-post-grid .fl-post-column .fl-post-grid-post .fl-post-grid-text {
  padding: 10px 35px 0 0;
}
.fl-post-grid .fl-post-column .fl-post-grid-post .fl-post-grid-text .fl-post-grid-title {
  margin-bottom: 5px;
  overflow: hidden;
  max-height: 2.8em;
}
.fl-post-grid .fl-post-column .fl-post-grid-post .fl-post-grid-text .fl-post-grid-title a {
  width: 100%;
  height: 56px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding-right: 40px;
  transition: all 0.5s;
}
.fl-post-grid .fl-post-column .fl-post-grid-post .fl-post-grid-text .fl-post-grid-title a::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 0px;
  right: 20px;
  width: 20px;
  height: 20px;
  display: block;
  transition: all 0.5s cubic-bezier(0.5, -1, 0.5, 1.2) 0s;
}
.fl-post-grid .fl-post-column .fl-post-grid-post .fl-post-grid-text .fl-post-grid-title a:hover::after {
  right: 5px;
}
.fl-post-grid .fl-post-column .fl-post-grid-post .fl-post-grid-text .fl-post-grid-content {
  display: none;
}
.fl-post-grid .fl-post-column .fl-post-grid-post .fl-post-grid-text .fl-post-grid-meta {
  padding-bottom: 0;
}

.fl-post-grid-empty p {
  font-size: 2rem;
  font-family: "4H Gilroy", Arial, sans-serif;
  letter-spacing: 0.4px;
  line-height: 2.6rem;
  text-align: center;
}

.fl-builder-pagination-load-more {
  padding: 16px 0;
}
.fl-builder-pagination-load-more a {
  width: 100%;
}
.fl-builder-pagination-load-more a::after {
  content: none;
}

#blog_post_counter, .posts-counter-text {
  font-family: "4H Gilroy", Arial, sans-serif !important;
  font-size: 1.6rem !important;
  font-weight: 900 !important;
  line-height: 2.4rem !important;
  letter-spacing: 0.16rem !important;
  color: #4d5761;
  margin: 0;
}

@media screen and (min-width: 768px) {
  /* CONTROL TITTLE ROWS */
  #fourh_blog_page_style .fl-post-grid .fl-post-column .fl-post-grid-post .fl-post-grid-text .fl-post-grid-title {
    max-height: 2.6em;
  }
  /* MAIN LAYOUT */
  .blog-posts-showing-quantity .fl-post-grid > .fl-post-column:first-of-type {
    width: 100% !important;
    height: auto;
  }
  .blog-posts-showing-quantity .fl-post-grid > .fl-post-column:first-of-type .fl-post-grid-post {
    height: auto !important;
    display: block !important;
  }
  .blog-posts-showing-quantity .fl-post-grid > .fl-post-column:first-of-type .fl-post-grid-post .fl-post-grid-image {
    width: 100% !important;
    margin-right: 16px !important;
  }
  .blog-posts-showing-quantity .fl-post-grid > .fl-post-column:first-of-type .fl-post-grid-post .fl-post-grid-image img {
    height: 200px !important;
  }
  .blog-posts-showing-quantity .fl-post-grid > .fl-post-column:first-of-type .fl-post-grid-post .fl-post-grid-text {
    width: 100% !important;
    align-self: center !important;
    padding-left: 16px !important;
  }
  .blog-posts-showing-quantity .fl-post-grid > .fl-post-column:first-of-type .fl-post-grid-post .fl-post-grid-text .fl-post-grid-content {
    display: block !important;
  }
  .blog-posts-showing-quantity .fl-post-grid > .fl-post-column:first-of-type .fl-post-grid-post .fl-post-grid-text .fl-post-grid-title {
    max-height: none;
  }
  .no-full-first-element .fl-post-grid {
    width: 100%;
  }
  .no-full-first-element .fl-post-grid .fl-post-grid-post {
    height: auto !important;
    display: block;
    background-color: transparent !important;
  }
  .no-full-first-element .fl-post-grid .fl-post-grid-post .fl-post-grid-image {
    width: auto;
    margin-right: 0;
  }
  .no-full-first-element .fl-post-grid .fl-post-grid-post .fl-post-grid-image img {
    max-height: 200px;
    max-width: 300px !important;
    object-fit: cover;
    height: 180px !important;
  }
  .no-full-first-element .fl-post-grid .fl-post-grid-post .fl-post-grid-text {
    width: auto;
    padding-left: 0;
  }
  .no-full-first-element .fl-post-grid > .fl-post-column:first-of-type .fl-post-grid-post {
    display: block;
  }
  .no-full-first-element .fl-post-grid > .fl-post-column:first-of-type .fl-post-grid-post .fl-post-grid-image {
    width: auto;
    margin-right: 0;
  }
  .no-full-first-element .fl-post-grid > .fl-post-column:first-of-type .fl-post-grid-text {
    width: auto;
    padding-left: 0;
  }
  .no-full-first-element .fl-post-grid > .fl-post-column:first-of-type .fl-post-grid-text .fl-post-grid-content {
    display: none;
  }
  #fourh_blog_page_style .fl-post-grid .fl-post-column:not(:first-child) {
    padding-bottom: 32px;
  }
  #fourh_blog_page_style .fl-post-grid .fl-post-column:nth-child(3n+1) {
    clear: unset;
  }
  #fourh_blog_page_style .fl-post-grid .fl-post-column:nth-child(2n+1) {
    clear: unset;
  }
  #fourh_blog_page_style .fl-post-grid .fl-post-column .fl-post-grid-post {
    height: auto !important;
  }
  #fourh_blog_page_style .fl-post-grid .fl-post-column .fl-post-grid-post .fl-post-grid-text .fl-post-grid-content {
    display: none;
  }
  /* SEARCH RESULTS LAYOUT */
  .search-results-posts-layout .fl-post-grid > .fl-post-column:first-of-type {
    width: 50% !important;
  }
  .search-results-posts-layout .fl-post-grid > .fl-post-column:first-of-type .fl-post-grid-post {
    height: unset;
    display: block;
  }
  .search-results-posts-layout .fl-post-grid > .fl-post-column:first-of-type .fl-post-grid-post .fl-post-grid-image {
    width: unset;
    margin-right: unset;
  }
  .search-results-posts-layout .fl-post-grid > .fl-post-column:first-of-type .fl-post-grid-post .fl-post-grid-text {
    width: unset;
    align-self: unset;
    padding-left: unset;
  }
  .search-results-posts-layout .fl-post-grid .fl-post-column:nth-child(3n+1) {
    clear: unset;
  }
  .search-results-posts-layout .fl-post-grid .fl-post-column:nth-child(2n+1) {
    clear: both;
  }
  #fourh_blog_page_style .fl-post-grid .fl-post-column .fl-post-grid-post .fl-post-grid-text {
    padding: 12px 35px 0 0;
  }
  #fourh_blog_page_style .fl-post-grid .fl-post-column .fl-post-grid-post .fl-post-grid-text .fl-post-grid-title a {
    font-size: 1.8rem;
    line-height: 2.4rem;
    letter-spacing: 0.4px;
  }
  .fl-builder-pagination-load-more a {
    width: auto;
  }
  .fl-post-grid-empty p {
    font-size: 2.4rem;
    line-height: 3.2rem;
    padding: 0 180px;
  }
}
@media screen and (min-width: 993px) {
  /* CONTROL TITTLE ROWS */
  #fourh_blog_page_style .fl-post-grid .fl-post-column .fl-post-grid-post .fl-post-grid-text .fl-post-grid-title {
    max-height: 2.6em;
  }
  /* MAIN LAYOUT */
  .blog-posts-showing-quantity .fl-post-grid > .fl-post-column:first-of-type .fl-post-grid-post {
    height: auto !important;
    display: flex !important;
  }
  .blog-posts-showing-quantity .fl-post-grid > .fl-post-column:first-of-type .fl-post-grid-post .fl-post-grid-image {
    width: 66.6666666667% !important;
  }
  .blog-posts-showing-quantity .fl-post-grid > .fl-post-column:first-of-type .fl-post-grid-post .fl-post-grid-image img {
    height: auto !important;
  }
  .blog-posts-showing-quantity .fl-post-grid > .fl-post-column:first-of-type .fl-post-grid-post .fl-post-grid-text {
    width: 33.3333333333% !important;
  }
  .blog-posts-showing-quantity .fl-post-grid > .fl-post-column:first-of-type .fl-post-grid-post .fl-post-grid-text .fl-post-grid-content {
    display: block !important;
  }
  .search-results-posts-layout .fl-post-grid > .fl-post-column:first-of-type {
    width: 100% !important;
  }
  .searchandfilter .sf-field-category {
    border-bottom: none;
  }
  .searchandfilter .sf-field-category .blog-mobile-filters {
    display: block !important;
  }
  .searchandfilter .sf-field-category h4::after {
    content: none;
  }
  .searchandfilter .sf-field-category h4::before {
    content: none;
  }
  .searchandfilter .mobile-icon-show-down {
    display: none !important;
  }
  .searchandfilter .clear-text-icon {
    right: 0;
  }
  .searchandfilter .mobile-icon-show-up {
    display: none !important;
  }
  .search-results-posts-layout .fl-post-grid .fl-post-column:nth-child(3n+1) {
    clear: inherit;
  }
  .search-results-posts-layout .fl-post-grid .fl-post-column:nth-child(2n+1) {
    clear: unset;
  }
}
@media screen and (min-width: 1100px) {
  /* CONTROL TITTLE ROWS */
  #fourh_blog_page_style .fl-post-grid .fl-post-column .fl-post-grid-post .fl-post-grid-text .fl-post-grid-title {
    max-height: 2.3em;
  }
}
@media screen and (min-width: 1120px) {
  /* CONTROL TITTLE ROWS */
  #fourh_blog_page_style .fl-post-grid .fl-post-column .fl-post-grid-post .fl-post-grid-text .fl-post-grid-title {
    max-height: 2.2em;
  }
}
.blog-post-details-back-row {
  position: relative;
}

.post-details-body-font p {
  font-family: "4H Gilroy", Arial, sans-serif;
}
.post-details-body-font .mo-openid-share-link {
  margin-left: 0 !important;
  margin-right: 42px !important;
}

.fl-post-info-author::before {
  content: "By " !important;
}

.post-details-related-posts .fl-post-column:not(:first-child) {
  padding-bottom: 32px;
}
.post-details-related-posts .fl-post-column {
  width: 100%;
}
.post-details-related-posts .fl-post-column .fl-post-grid-post {
  height: auto !important;
  display: block !important;
}
.post-details-related-posts .fl-post-column .fl-post-grid-post .fl-post-grid-image {
  width: unset !important;
  margin-right: unset !important;
}
.post-details-related-posts .fl-post-column .fl-post-grid-post .fl-post-grid-image img {
  height: 206px !important;
  object-fit: cover !important;
}
.post-details-related-posts .fl-post-column .fl-post-grid-post .fl-post-grid-text {
  align-self: unset !important;
  padding-left: unset !important;
  width: unset !important;
  position: relative;
  padding-right: 0px;
}
.post-details-related-posts .fl-post-column .fl-post-grid-post .fl-post-grid-text .fl-post-grid-title a {
  width: 100%;
  height: 56px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding-right: 40px;
  transition: all 0.5s;
}
.post-details-related-posts .fl-post-column .fl-post-grid-post .fl-post-grid-text .fl-post-grid-title a::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 0px;
  right: 20px;
  width: 20px;
  height: 20px;
  display: block;
  transition: all 0.5s cubic-bezier(0.5, -1, 0.5, 1.2) 0s;
}
.post-details-related-posts .fl-post-column .fl-post-grid-post .fl-post-grid-text .fl-post-grid-title a:hover::after {
  right: 5px;
}

.post-detail-page-social-icons {
  display: flex;
  justify-content: center;
}
.post-detail-page-social-icons button {
  margin-right: 32px;
  margin-top: 10px;
}
.post-detail-page-social-icons .mo-openid-share-link:last-child {
  margin-right: 0 !important;
}

@media screen and (min-width: 768px) {
  .post-details-related-posts .fl-post-column {
    width: 50% !important;
  }
  .post-detail-page-social-icons {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 993px) {
  .post-details-related-posts .fl-post-column {
    width: 25% !important;
  }
  .post-details-related-posts .fl-post-column .fl-post-grid-post .fl-post-grid-image img {
    height: 168px !important;
  }
}
@media screen and (min-width: 1280px) {
  .blog-post-details-back-row {
    position: absolute;
    left: 60px;
    margin-top: 6px;
  }
}
@media screen and (min-width: 1400px) {
  .blog-post-details-back-row {
    left: 112px;
  }
}
.tribe-events-header {
  display: none !important;
}

.tribe-events-c-nav__prev, .tribe-events-c-nav__next {
  visibility: hidden;
}

.tribe-events-calendar-list__month-separator .tribe-events-calendar-list__month-separator-text {
  font-family: "4H Gilroy", Arial, sans-serif !important;
  font-weight: 900 !important;
  font-size: 2rem !important;
  line-height: 2.4rem !important;
  letter-spacing: 0.16rem;
  color: #4d5761 !important;
  position: relative;
  z-index: 0;
}

.tribe-events .tribe-events-calendar-list__month-separator:after {
  position: absolute;
  margin-left: 0 !important;
  z-index: -1;
  margin-top: 60px;
  max-width: 1200px;
  width: 100%;
}

.tribe-events .tribe-events-c-nav__list-item--today {
  display: none !important;
}

.tribe-events-calendar-list__event-details .tribe-events-calendar-list__event-title {
  font-family: "4H Gilroy", Arial, sans-serif !important;
  font-weight: 900 !important;
  font-size: 3.2rem !important;
  line-height: 4rem !important;
  color: #111111 !important;
}
.tribe-events-calendar-list__event-details .tribe-events-calendar-list__event-datetime span {
  display: flex;
  font-family: "4H Gilroy", Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.6rem !important;
  line-height: 2.4rem !important;
  letter-spacing: 0.04rem;
  color: #1f2a37 !important;
  margin: 15px;
}
.tribe-events-calendar-list__event-details .tribe-events-calendar-list__event-datetime:before {
  content: url("../images/icons/calendar-icon.png");
  margin-top: 2px;
}
.tribe-events-calendar-list__event-details .tribe-events-calendar-list__event-venue span {
  display: flex;
  font-family: "4H Gilroy", Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.6rem !important;
  line-height: 2.4rem !important;
  letter-spacing: 0.04rem;
  color: #1f2a37 !important;
}
.tribe-events-calendar-list__event-details .tribe-events-calendar-list__event-venue .tribe-events-calendar-list__event-venue-title:before {
  content: url("../images/icons/map-pin-icon.png");
  margin-right: 10px;
}
.tribe-events-calendar-list__event-details .event-header-flex {
  display: flex;
  align-items: center;
  gap: 20px;
}
.tribe-events-calendar-list__event-details .event-header-flex address,
.tribe-events-calendar-list__event-details .event-header-flex .tribe-events-calendar-list__event-cost {
  margin: 0 !important;
}
.tribe-events-calendar-list__event-details .event-header-flex .tribe-events-calendar-list__event-cost span {
  display: flex;
  font-family: "4H Gilroy", Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.6rem !important;
  line-height: 2.4rem !important;
  letter-spacing: 0.04rem;
  color: #1f2a37 !important;
}
.tribe-events-calendar-list__event-details .event-header-flex .tribe-events-calendar-list__event-cost .tribe-events-c-small-cta__price:before {
  content: url("../images/icons/tag-icon.png");
  margin-right: 10px;
}
.tribe-events-calendar-list__event-details .tribe-events-calendar-list__event-description {
  margin-bottom: 40px;
}
.tribe-events-calendar-list__event-details .tribe-events-calendar-list__event-description p {
  font-family: "4H Gilroy", Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 2rem !important;
  line-height: 3.2rem !important;
  color: #111111 !important;
}
.tribe-events-calendar-list__event-details .tribe-events-calendar-list__event-datetime {
  display: flex;
  align-items: center;
}
.tribe-events-calendar-list__event-details .button {
  padding: 16px 32px;
  width: 210px;
  height: 64px;
  border-radius: 40px;
  font-weight: 900 !important;
  font-size: 2rem !important;
  letter-spacing: 0.1rem;
  margin: 20px 10px 0 0;
  border: 2px solid;
  text-transform: uppercase;
  font-family: "4H Gilroy", Arial, sans-serif !important;
}

.tribe-events-calendar-list__event-date-tag-datetime .tribe-events-calendar-list__event-date-tag-weekday {
  font-family: "4H Gilroy", Arial, sans-serif !important;
  font-weight: 900 !important;
  font-size: 1.6rem !important;
  line-height: 2.4rem !important;
  letter-spacing: 0.16rem;
  color: #111111 !important;
}
.tribe-events-calendar-list__event-date-tag-datetime .tribe-events-calendar-list__event-date-tag-daynum {
  font-family: "4H Gilroy", Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 3.2rem !important;
  line-height: 4rem !important;
  letter-spacing: 0.006rem;
  color: #111111 !important;
}

.tribe-events-calendar-list__event-featured-image-wrapper img {
  border-radius: 16px;
}
.tribe-events-calendar-list__event-featured-image-wrapper .tribe-events-calendar-list__event-featured-image {
  max-width: 360px;
  height: 220px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.tribe-events-c-subscribe-dropdown__container {
  display: none !important;
}

main ul li:before {
  display: none !important;
}

/**
* Mobile Style
*/
@media (max-width: 768px) {
  .tribe-events-calendar-list__event-date-tag {
    display: none;
  }
  .tribe-events-calendar-list__event {
    margin-top: 20px !important;
  }
  .tribe-events-calendar-list__event-details .tribe-events-calendar-list__event-title {
    font-size: 2.4rem !important;
  }
  .tribe-events-calendar-list__event-details .event-header-flex {
    align-items: flex-start;
    flex-direction: column;
  }
  .tribe-events-calendar-list__event-details .event-header-flex .tribe-events-calendar-list__event-cost .tribe-events-c-small-cta__price:before {
    margin-left: 0px;
  }
  .tribe-events-calendar-list__event-details .event-header-flex .tribe-events-calendar-list__event-cost {
    margin-top: 15px !important;
  }
  .tribe-events-calendar-list__event-details .button {
    width: 100%;
    font-size: 1.8rem !important;
  }
  .tribe-events-calendar-list__event-details a.button {
    display: inline-block;
    text-align: center;
    align-items: flex-start;
  }
  .tribe-events-calendar-list__event-featured-image-wrapper .tribe-events-calendar-list__event-featured-image {
    max-width: 100%;
  }
}
/**
* Responsive Style
*/
@media (min-width: 768px) and (max-width: 960px) {
  .button {
    width: 100% !important;
  }
  a.button {
    display: inline-block;
    text-align: center;
    align-items: flex-start;
  }
  .tribe-events-calendar-list__event-featured-image-wrapper .tribe-events-calendar-list__event-featured-image {
    max-width: 100%;
  }
}
.event-detail-hero .event-date-time .fl-callout-title,
.event-detail-hero .event-date-time .fl-callout-title-text {
  display: flex;
  align-items: center;
}
.event-detail-hero .event-date-time span.tribe-event-date-start {
  margin-right: 5px;
}
.event-detail-hero .event-date-time span.tribe-event-date-end {
  margin-left: 5px;
}
.event-detail-hero .event-hero-venue-cost .venue-cost {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-left: 10px;
}
.event-detail-hero .event-hero-venue-cost .venue-cost .fl-callout-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 2rem;
  line-height: 3.2rem;
  display: flex;
  align-items: center;
  gap: 10px;
}
.event-detail-hero .event-hero-venue-cost .venue-cost i:before {
  font-size: 2.5rem;
  color: #349966;
}

.event-export-links .tribe-events-cal-links a {
  background: none !important;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3.2rem;
  color: #111111;
  display: inline-flex;
  align-items: center;
}
.event-export-links .tribe-events-cal-links a::before {
  content: url("../images/icons/calendar-icon.png");
  padding-right: 10px;
  margin-bottom: -5px;
}

.venue_information .fl-rich-text p:not(:first-child) {
  margin-top: -40px;
}

.bx-viewport {
  height: auto !important;
  min-height: 300px;
}

.speakers-slider-header {
  font-family: "4H Gilroy", Arial, sans-serif !important;
  font-weight: 900 !important;
  font-size: 3.2rem !important;
  line-height: 4rem !important;
  letter-spacing: 0.06rem;
  text-transform: capitalize !important;
  margin-bottom: 4.8rem !important;
}

.fourh-event-speakers-slider-wrapper {
  display: flex;
  align-items: center;
}
.fourh-event-speakers-slider-wrapper .slider-arrow {
  position: absolute;
  z-index: 20;
}
.fourh-event-speakers-slider-wrapper .slider-arrow.fourh-event-speakers-slider-prev {
  left: -60px;
}
.fourh-event-speakers-slider-wrapper .slider-arrow.fourh-event-speakers-slider-prev .speakers-prev::after {
  content: "";
  display: block;
  height: 48px;
  width: 48px;
  position: absolute;
  left: 40px;
  background: url("../images/icons/arrow-left.png") no-repeat center center;
  border: 2px solid #d2d6db;
  border-radius: 100px;
}
.fourh-event-speakers-slider-wrapper .slider-arrow.fourh-event-speakers-slider-next {
  right: -60px;
}
.fourh-event-speakers-slider-wrapper .slider-arrow.fourh-event-speakers-slider-next .speakers-next::after {
  content: "";
  display: block;
  height: 48px;
  width: 48px;
  position: absolute;
  right: 40px;
  background: url("../images/icons/arrow-right.png") no-repeat center center;
  border: 2px solid #d2d6db;
  border-radius: 100px;
}

.fourh-event-speakers-slider .speaker .speaker-information {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
  font-family: "4H Gilroy", Arial, sans-serif !important;
}
.fourh-event-speakers-slider .speaker .speaker-information .speaker-name {
  font-weight: 900 !important;
  font-size: 2.4rem !important;
  line-height: 3.2rem !important;
  text-align: center;
  letter-spacing: 0.04rem;
  color: #111111 !important;
}
.fourh-event-speakers-slider .speaker .speaker-information .speaker-job {
  margin-top: 10px;
}
.fourh-event-speakers-slider .speaker .speaker-information .speaker-job,
.fourh-event-speakers-slider .speaker .speaker-information .speaker-company {
  font-weight: 600 !important;
  font-size: 1.4rem !important;
  line-height: 1.4rem !important;
  text-align: center;
  letter-spacing: 0.1rem !important;
  text-transform: uppercase;
  color: #4d5761 !important;
}
.fourh-event-speakers-slider .speaker img {
  margin: auto;
  border-radius: 100px;
  width: 180px;
}

.bx-prev .event-speakers-arrow-left {
  left: 10px;
  border: 2px solid #d2d6db;
  border-radius: 100px;
  padding: 20px;
}

.bx-next .event-speakers-arrow-right {
  right: 10px;
  border: 2px solid #d2d6db;
  border-radius: 100px;
  padding: 20px;
}

.event-speakers-carousel .bx-wrapper .bx-pager-link.active {
  background-color: #349966 !important;
}

.bx-wrapper .bx-pager-link {
  background-color: #d2d6db !important;
}
.bx-wrapper .bx-pager-item {
  margin: 0 5px;
}

@media only screen and (max-width: 1060px) {
  .fourh-event-speakers-slider-wrapper .slider-arrow.fourh-event-speakers-slider-prev {
    left: 0px;
  }
  .fourh-event-speakers-slider-wrapper .slider-arrow.fourh-event-speakers-slider-next {
    right: 0px;
  }
}
.col-find-local {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.col-find-local .fl-module-icon {
  width: 80px;
}

.col-find-local .fl-col-content.fl-node-content {
  width: 100%;
}

.col-find-local .fl-callout-title {
  width: 100%;
}

.col-find-local .fl-callout-title a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.col-find-local .fl-col {
  align-items: center;
}

.col-find-local .fl-module-callout {
  width: 100%;
}

.tribe-community-events.form {
  border: none;
}
.tribe-community-events.form .events-submition-form-title {
  font-family: "4H Gilroy", Arial, sans-serif !important;
  font-size: 4.8rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.02rem !important;
  line-height: 5.6rem !important;
  margin-bottom: 4rem;
  color: #111111;
  text-transform: none;
}
.tribe-community-events.form .req {
  font-size: 2rem !important;
  font-weight: 900 !important;
  font-style: normal !important;
  color: black;
}
.tribe-community-events.form .tribe-section {
  border: none;
}
.tribe-community-events.form .tribe-section .tribe-section-header h3, .tribe-community-events.form .tribe-section .tribe-section-header label {
  font-family: "4H Gilroy", Arial, sans-serif !important;
  font-weight: 900 !important;
  font-size: 2.4rem !important;
  line-height: 3.2rem !important;
  letter-spacing: 0.04rem !important;
}
.tribe-community-events.form .tribe-section .tribe-datetime-block .tribe-field-start_date,
.tribe-community-events.form .tribe-section .tribe-datetime-block .tribe-field-end_date {
  height: 56px !important;
  font-family: "4H Gilroy" !important;
  font-size: 1.2em;
  height: 100%;
  line-height: 100%;
}
.tribe-community-events.form .tribe-section .tribe-datetime-block .tribe-field-start_time,
.tribe-community-events.form .tribe-section .tribe-datetime-block .tribe-field-end_time {
  height: 56px;
}
.tribe-community-events.form .tribe-section .datepickers-block .start-block {
  margin-bottom: 20px;
}
.tribe-community-events.form .tribe-section .recurrence-rules-header {
  vertical-align: middle !important;
}
.tribe-community-events.form .tribe-section .checkbox-label {
  font-size: 1.6rem;
}
.tribe-community-events.form .tribe-section .tribe-button {
  background: #349966 !important;
  border-radius: 40px !important;
  padding: 12px 28px !important;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.1rem;
}
.tribe-community-events.form .tribe-section .tribe_community_edit .tribe-button.submit {
  background: #349966 !important;
  border-radius: 40px !important;
  padding: 12px 28px !important;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.1rem;
  border: none !important;
}
.tribe-community-events.form .tribe-section .tribe-dropdown, .tribe-community-events.form .tribe-section .select2-container, .tribe-community-events.form .tribe-section .select2-selection {
  height: 56px !important;
}
.tribe-community-events.form .tribe-section .select2-selection {
  border: 2px solid #9da4ae !important;
  border-radius: 40px !important;
}
.tribe-community-events.form .tribe-section .select2-selection .select2-selection__rendered {
  height: 56px;
  display: flex;
  align-items: center;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.04rem;
  color: #111111;
  padding: 0px 16px;
}
.tribe-community-events.form .tribe-section .select2-selection .select2-selection__arrow {
  top: 12px !important;
  right: 5px !important;
}
.tribe-community-events.form .tribe-section tr.linked-post.organizer:nth-child(2) td {
  color: #111;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.04rem;
  line-height: 3.2rem;
  text-transform: capitalize;
}
.tribe-community-events.form .tribe-section .saved-organizer-table-cell label {
  display: none;
}
.tribe-community-events.form .tribe-section .tribe-events-status {
  margin-left: 65px;
}
.tribe-community-events.form .tribe-section .select2-search {
  margin-bottom: 0;
  padding-left: 0;
}
.tribe-community-events.form .tribe-section .recurrence-row {
  display: none;
}
.tribe-community-events.form ::placeholder {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.04rem;
  color: #6c737f;
}
.tribe-community-events.form form label {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.04rem;
  color: #111111;
  text-transform: capitalize;
}
.tribe-community-events.form form input, .tribe-community-events.form form textarea {
  border: 2px solid #9da4ae;
  border-radius: 40px;
  font-family: "4H Gilroy", Arial, sans-serif !important;
  font-size: 1.2em;
  line-height: 100%;
}
.tribe-community-events.form form input {
  padding: 8px;
  height: 100%;
  font-size: 1.2em;
  font-family: "4H Gilroy", Arial, sans-serif !important;
  line-height: 100%;
}
.tribe-community-events.form form textarea {
  padding: 12px 20px;
  resize: none;
}
.tribe-community-events.form .tribe-section-content-label, .tribe-community-events.form .tribe-section table.tribe-section-content td:first-child {
  padding-top: 10px !important;
}
.tribe-community-events.form .tribe-events-status_metabox__container textarea {
  min-width: 100%;
  height: 200px;
}

.tribe-events-community-footer .tribe-button.submit {
  background: #349966 !important;
  border-radius: 40px !important;
  padding: 12px 28px !important;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.1rem;
  border: 0 solid #349966 !important;
}

.tribe-dropdown.select2-container {
  max-width: none;
}
.tribe-dropdown.select2-container .select2-dropdown {
  border: 2px solid #e5e7eb;
  border-radius: 4rem;
  pointer-events: auto;
}
.tribe-dropdown.select2-container .select2-results {
  border-radius: 4rem;
}
.tribe-dropdown.select2-container .select2-results #select2-event-timezone-results .select2-results__option {
  display: block;
  height: auto;
}
.tribe-dropdown.select2-container .select2-results ul {
  border-radius: 4rem;
  padding: 1rem 0.8rem !important;
}
.tribe-dropdown.select2-container .select2-results ul .select2-results__option {
  align-items: center;
  border-radius: 2rem;
  display: flex;
  font-size: 1.8rem !important;
  height: 6.4rem;
  margin-bottom: 0;
  padding: 0 4.6rem !important;
  color: #111111;
}
.tribe-dropdown.select2-container .select2-results ul .select2-results__option:nth-child(1):not(:hover) {
  background-color: transparent !important;
}
.tribe-dropdown.select2-container .select2-results ul .select2-results__option--highlighted {
  background: transparent;
  background-image: url("../images/icons/check-black.svg");
  background-repeat: no-repeat;
  background-position: 1.6rem center;
}
.tribe-dropdown.select2-container .select2-container--default .select2-results__option[data-selected=true] {
  background-color: transparent !important;
}
.tribe-dropdown.select2-container ::-webkit-scrollbar {
  width: 5px;
}
.tribe-dropdown.select2-container ::-webkit-scrollbar-thumb {
  background: #349966;
  border-radius: 10px;
}

.eventForm .tribe-datetime-block .tribe-field-timezone.select2-container {
  margin-top: 0 !important;
}
.eventForm .tribe-datetime-block .tribe-field-timezone.select2-container .select2-dropdown--above, .eventForm .tribe-datetime-block .tribe-field-timezone.select2-container .select2-dropdown--below {
  height: 270px;
}

.tribe-events-status__status-select .select2-results > .select2-results__options {
  overflow-y: hidden;
}

.tribe-section-organizer span.dashicons.dashicons-screenoptions.move-linked-post-group {
  display: none !important;
}

.tribe-change-timezone:hover:after {
  width: auto;
}

@media screen and (max-width: 768px) {
  .tribe-community-events.form .tribe-section .tribe-datetime-block .tribe-field-start_date,
  .tribe-community-events.form .tribe-section .tribe-datetime-block .tribe-field-end_date {
    width: 100% !important;
  }
  .tribe-community-events.form .tribe-section .tribe-datetime-block .tribe-field-start_time,
  .tribe-community-events.form .tribe-section .tribe-datetime-block .tribe-field-end_time {
    width: 100% !important;
  }
  .tribe-community-events.form .tribe-section .tribe-dropdown, .tribe-community-events.form .tribe-section .select2-container, .tribe-community-events.form .tribe-section .select2-selection {
    width: 100% !important;
  }
  .tribe-community-events.form .tribe-section .tribe-section-content {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .tribe-community-events.form .tribe-section-content-label, .tribe-community-events.form .tribe-section table.tribe-section-content td:first-child,
  .tribe-community-events.form .tribe-section-content-label, .tribe-community-events.form .tribe-section table.tribe-section-content td:last-child {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .tribe-community-events.form form input {
    height: 56px;
  }
  .tribe-field-timezone {
    max-width: none !important;
  }
}
@media screen and (min-width: 768px) {
  .tribe-community-events.form .tribe-field-start_date,
  .tribe-community-events.form .tribe-field-end_date {
    width: 380px !important;
  }
  .tribe-community-events.form .tribe-dropdown, .tribe-community-events.form .select2-container, .tribe-community-events.form .select2-selection {
    width: 380px !important;
  }
  .tribe-community-events.form .tribe-field-start_time,
  .tribe-community-events.form .tribe-field-end_time {
    width: 100px !important;
  }
  .tribe-community-events.form ::placeholder {
    font-size: 2rem;
  }
}
.tribe-ui-datepicker.ui-datepicker a.ui-state-active {
  background-color: #349966 !important;
}

.bx-wrapper .bx-pager-link.active {
  background-color: #4d5761 !important;
}

.uabb-testimonials-wrap .uabb-slider-next i,
.uabb-testimonials-wrap .uabb-slider-prev i {
  height: 35px !important;
  width: 35px !important;
  line-height: 3.5rem !important;
}

.fa.fa-arrow-right,
.fa.fa-arrow-left {
  font-size: 1.6rem !important;
}

@media (max-width: 768px) {
  #fourh-breadcrumbs {
    visibility: hidden;
  }
  #fourh-breadcrumbs .breadcrumb-mobile span a {
    display: none;
  }
  #fourh-breadcrumbs .breadcrumb-mobile span.breadcrumb-mobile-show a {
    display: flex !important;
  }
  #fourh-breadcrumbs .breadcrumb-mobile span.breadcrumb-mobile-show a::before {
    content: url("../images/icons/arrow-left-green.svg");
    width: 20px;
    height: 20px;
    margin-right: 20px;
    margin-top: 3px;
  }
  #fourh-breadcrumbs .breadcrumbs_separator {
    display: none;
  }
  #fourh-breadcrumbs .breadcrumb_last {
    display: none;
  }
}
#fourh-breadcrumbs a {
  font-family: "4H Gilroy", Arial, sans-serif !important;
  font-size: 2rem !important;
  font-weight: 400;
  line-height: 3.2rem !important;
  letter-spacing: 0.04rem !important;
  color: #349966 !important;
  padding: 0 10px;
}
#fourh-breadcrumbs a:first-child {
  padding: 0 10px 0 0 !important;
}
#fourh-breadcrumbs .breadcrumb_last {
  font-family: "4H Gilroy", Arial, sans-serif !important;
  font-size: 2rem !important;
  font-weight: 400;
  line-height: 3.2rem !important;
  letter-spacing: 0.04rem !important;
  color: #111111 !important;
  padding: 0 0 0 10px;
}

@media screen and (max-width: 1050px) {
  .search-results .search-result-list article .breadcrumb:not(:hover) {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.leafy-list ul li {
  background-image: url("../images/icons/leaf.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 50px;
  margin-bottom: 30px !important;
  background-size: 32px;
}

.fl-row .ul-red ul {
  list-style-type: disc;
}
.fl-row .ul-red ul li {
  margin-left: 2.6rem;
  padding-left: 10px !important;
}
.fl-row .ul-red ul li::marker {
  color: #f54359;
}

.fl-row .ol-red ol li:before {
  background: #f54359;
}

.fl-row .ol-green ol li:before {
  background: #349966;
}

.leaf-list ul li:not(.gfield):not(.gchoice):not(.gfield_select .option), .activity-basic-item ul li:not(.gfield):not(.gchoice):not(.gfield_select .option), .bonus-item ul li:not(.gfield):not(.gchoice):not(.gfield_select .option), .activity-course-about ul li:not(.gfield):not(.gchoice):not(.gfield_select .option) {
  background-image: url("../images/icons/leaf.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 50px;
  margin-bottom: 30px !important;
  background-size: 32px;
}

.simple-numbered-list ol li::before, .activity-basic-item ol li::before, .bonus-item ol li::before, .activity-course-about ol li::before {
  align-items: flex-start;
  color: #349966;
  content: counter(list-item) ". ";
}

.course-wrapper.curriculum .activity-course-hero.hero-background-course {
  background: #f54359;
}

.activity-course-hero {
  position: relative;
  height: 450px;
  margin-bottom: 50px;
  padding: 20px;
  padding-top: 50px;
}
.activity-course-hero.green {
  background-color: #004438;
  color: white;
}
.activity-course-hero.hero-background-course {
  background: #004438;
}
.activity-course-hero.hero-background-activity {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  background-color: #349966 !important;
}
@media screen and (max-width: 768px) {
  .activity-course-hero.hero-background-activity {
    padding-bottom: 0 !important;
    height: 250px;
    margin-bottom: -100px;
  }
}
.activity-course-hero .back-btn {
  background-color: #ffffff;
  width: 40px;
  height: 40px;
  border-radius: 40px;
}
.activity-course-hero .back-btn a {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 40px;
  height: 40px;
}
.activity-course-hero .back-btn a .arrow-left {
  display: block;
  height: 13px;
  width: 13px;
  background: url("../images/icons/arrow-left.svg") no-repeat center center;
}
.activity-course-hero .back-btn a span {
  display: none;
}
.activity-course-hero .hero-content {
  max-height: 450px;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 10px;
}
.activity-course-hero .hero-content .course-information .type {
  text-transform: uppercase;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.16rem;
  color: #c9e3dc;
}
.activity-course-hero .hero-content .course-information .course-title {
  color: #ffffff;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
}
.activity-course-hero .course-image {
  -webkit-mask-image: url("../images/Activity-Course-Hero-Bg.svg");
  mask-image: url("../images/Activity-Course-Hero-Bg.svg");
  -webkit-mask-size: 90%;
  mask-size: 90%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #ffffff;
  padding-top: 5px;
  -webkit-mask-position: center;
  mask-position: center;
}
.activity-course-hero .course-image img {
  -webkit-mask-image: url("../images/Activity-Course-Hero-Bg.svg");
  mask-image: url("../images/Activity-Course-Hero-Bg.svg");
  -webkit-mask-size: 83%;
  mask-size: 83%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 300px;
  height: 330px;
  object-fit: cover;
}
.activity-course-hero svg {
  max-height: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -30%);
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .activity-course-hero svg {
    max-height: 52%;
    position: absolute;
    right: 0;
    top: initial;
    transform: translate(-4%, 0%);
    z-index: 2;
    width: 32%;
    bottom: 0;
  }
}
.activity-course-hero .feedback-activity svg {
  max-height: unset;
  position: unset;
  right: unset;
  top: unset;
  transform: unset;
  z-index: unset;
}

.activity-course-hero:before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
  clip-path: polygon(100% 90%, 100% 100%, 0 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: white;
}

@media (min-width: 768px) and (max-width: 1050px) {
  .activity-course-hero .hero-content .course-information .course-title {
    padding-right: 100px !important;
  }
}
@media screen and (min-width: 768px) {
  .activity-course-hero {
    min-height: 300px;
    height: 480px;
    margin-bottom: 0;
    padding: 40px 100px;
  }
  .activity-course-hero .back-btn {
    width: 102px;
    height: 40px;
  }
  .activity-course-hero .back-btn a {
    width: 102px;
    height: 40px;
  }
  .activity-course-hero .back-btn a span {
    display: block;
    text-transform: uppercase;
    font-family: "4H Gilroy", Arial, sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: 0.04rem;
    text-align: center;
    color: #111111;
  }
  .activity-course-hero .hero-content {
    min-height: 300px;
    max-height: min-content;
    flex-direction: row;
    justify-content: space-between;
  }
  .activity-course-hero .hero-content .course-information .course-title {
    font-size: 4.8rem;
    line-height: 5.6rem;
    letter-spacing: 0.06rem;
    padding-right: 300px;
  }
  .activity-course-hero .hero-content .course-image {
    margin-right: 300px;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    padding-top: 8px;
  }
  .activity-course-hero .hero-content .course-image img {
    -webkit-mask-size: 95%;
    mask-size: 95%;
  }
  .activity-course-hero:before {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
    clip-path: polygon(100% 75%, 100% 100%, 0 100%);
  }
}
.activity-complete {
  width: 100%;
}
.activity-complete .complete-text {
  margin: 0 auto;
  text-align: center;
  max-width: 800px;
}
.activity-complete .complete-text .complete-title {
  font-size: 4.8rem;
  line-height: 5.6rem;
  letter-spacing: 0.06rem;
  font-weight: 900;
  color: #ffffff !important;
  text-transform: unset !important;
}
.activity-complete .course-activities .complete-activity-browse-btn {
  display: block;
  padding: 16px 32px;
  width: fit-content;
  margin: 60px auto;
  background-color: #349966;
  border-radius: 40px;
}
.activity-complete .course-activities .complete-activity-browse-btn span {
  color: #ffffff;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
}

@media screen and (max-width: 768px) {
  .activity-complete .complete-text .complete-title {
    font-size: 4rem;
  }
  .activity-complete .course-activities .complete-activity-browse-btn {
    padding: 12px 32px;
    margin: 20px auto;
  }
  .activity-complete .course-activities .complete-activity-browse-btn span {
    font-size: 1.8rem;
  }
}
@media (min-width: 390px) and (max-width: 640px) {
  .activity-course-hero {
    padding-bottom: 500px !important;
  }
}
@media screen and (max-width: 390px) {
  .activity-course-hero {
    padding-bottom: 550px !important;
  }
}
.activity-course-sponsor-overview {
  display: block;
  padding: 16px;
  margin-top: 100px;
}
.activity-course-sponsor-overview .activity-course-sponsors h1.activity-title {
  text-transform: unset;
}
.activity-course-sponsor-overview .activity-course-sponsors h6 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.4px;
  color: #111111;
}
.activity-course-sponsor-overview .activity-course-sponsors .activity-course-sponsors-description p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.4px;
  color: #4d5761;
}
.activity-course-sponsor-overview .activity-course-sponsors .activity-course-sponsors-logos {
  margin-top: 16px;
  margin-bottom: 16px;
}
.activity-course-sponsor-overview .activity-course-sponsors .activity-course-sponsors-logos img {
  margin-right: 2.5%;
  max-width: 45%;
  vertical-align: middle;
}
.activity-course-sponsor-overview .activity-course-sponsors .activity-course-sponsors-logos img:nth-child(2) {
  margin-right: 0;
  margin-left: 2.5%;
}
.activity-course-sponsor-overview .activity-course-sponsors .activity-course-sponsors-logos img:nth-child(4) {
  margin-right: 0;
  margin-left: 2.5%;
}

@media screen and (min-width: 768px) {
  .activity-course-sponsor-overview {
    padding: 40px 100px;
    margin-top: 0;
  }
  .activity-course-sponsor-overview .activity-course-sponsors .activity-course-sponsors-logos img {
    margin-left: 0;
    margin-right: 12px;
    max-width: 132px;
  }
  .activity-course-sponsor-overview .activity-course-sponsors .activity-course-sponsors-logos img:nth-child(2) {
    margin-right: 12px;
    margin-left: 0;
  }
  .activity-course-sponsor-overview .activity-course-sponsors .activity-course-sponsors-logos img:nth-child(4) {
    margin-left: 0;
  }
}
@media screen and (min-width: 1050px) {
  .activity-course-sponsor-overview {
    display: flex;
    margin-top: 0;
  }
  .activity-course-sponsor-overview .activity-course-sponsors {
    width: 80%;
    margin-right: 12px;
  }
  .activity-course-sponsor-overview .activity-course-sponsors .activity-course-sponsors-logos {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .activity-course-sponsor-overview .activity-course-sponsors .activity-course-sponsors-logos img {
    margin-right: 16px;
    max-width: 152px;
    vertical-align: middle;
  }
  .activity-course-sponsor-overview .activity-course-sponsors .activity-course-sponsors-logos img:nth-child(2) {
    margin-right: 16px;
  }
  .activity-course-sponsor-overview .activity-course-sponsors .activity-course-sponsors-logos, .activity-course-sponsor-overview .activity-course-sponsors .activity-course-sponsors-description {
    max-width: 800px;
  }
  .activity-course-sponsor-overview .activity-course-overview {
    width: 20%;
    margin-left: 12px;
  }
}
@media screen and (min-width: 1180px) {
  .activity-course-sponsor-overview .activity-course-sponsors .activity-course-sponsors-logos img {
    margin-right: 32px;
    max-width: 176px;
  }
  .activity-course-sponsor-overview .activity-course-sponsors .activity-course-sponsors-logos img:nth-child(2) {
    margin-right: 32px;
  }
}
.sponsor_section {
  padding: 0 20px;
}
.sponsor_section h6 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.4px;
  color: #111111;
}
.sponsor_section .activity-course-sponsors-logos {
  margin-top: 16px;
  margin-bottom: 16px;
}
.sponsor_section .activity-course-sponsors-logos img {
  margin-right: 2.5%;
  max-width: 45%;
  vertical-align: middle;
}
.sponsor_section .activity-course-sponsors-logos img:nth-child(2) {
  margin-right: 0;
  margin-left: 2.5%;
}
.sponsor_section .activity-course-sponsors-logos img:nth-child(4) {
  margin-right: 0;
  margin-left: 2.5%;
}
.sponsor_section .activity-course-sponsors-description p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.4px;
  color: #4d5761;
  max-width: 800px;
  margin-bottom: 4.8rem;
}

@media screen and (min-width: 768px) {
  .sponsor_section {
    padding: 40px 0 0 100px;
  }
  .sponsor_section .activity-course-sponsors-logos img {
    margin-left: 0;
    margin-right: 12px;
    max-width: 132px;
  }
  .sponsor_section .activity-course-sponsors-logos img:nth-child(2) {
    margin-right: 12px;
    margin-left: 0;
  }
  .sponsor_section .activity-course-sponsors-logos img:nth-child(4) {
    margin-left: 0;
  }
}
@media screen and (min-width: 1050px) {
  .sponsor_section .activity-course-sponsors-logos {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .sponsor_section .activity-course-sponsors-logos img {
    margin-right: 16px;
    max-width: 152px;
    vertical-align: middle;
  }
  .sponsor_section .activity-course-sponsors-logos img:nth-child(2) {
    margin-right: 16px;
  }
}
.activity-course-about {
  border-bottom: 1px solid #d2d6db;
  margin-bottom: 40px;
}
.activity-course-about .title {
  font-family: "4H Gilroy", Arial, sans-serif;
  color: #111111;
}
.activity-course-about .course-about-title {
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.04rem;
  text-transform: none;
}
.activity-course-about .text {
  color: #4d5761;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  text-transform: none;
}

@media screen and (min-width: 768px) {
  .activity-course-about {
    max-width: 800px;
    padding: 0;
  }
  .activity-course-about .course-about-title {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.06rem;
  }
  .activity-course-about .text {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.04rem;
    margin-top: -20px;
  }
}
.page-template-page-clover-leaderboard .course-activities {
  display: none;
}

.course-activities {
  padding: 16px;
  position: relative;
  margin-bottom: 172px;
}
.course-activities h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 3.2rem;
  letter-spacing: 0.04rem;
  color: #111111;
  text-transform: none;
}
.course-activities .activities-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  transition: transform 0.3s ease;
}
.course-activities .activities-list.draggable {
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 30px;
  transition: transform 0.3s ease;
}
.course-activities .activities-list.draggable::-webkit-scrollbar {
  display: none;
}
.course-activities .activity-card-container {
  width: 100%;
}
.course-activities .activity-course-card-container {
  width: 100%;
  margin: 20px 0;
}
.course-activities .activities-list.draggable .activity-course-card-container {
  flex: 0 0 auto;
}
.course-activities .activity-card {
  display: flex;
  padding: 0px;
  width: auto;
  height: 160px;
  max-height: 160px;
  background: #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 24px;
  position: relative;
}
.course-activities .activity-card .grade-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
  width: 50%;
}
.course-activities .activity-card .grade-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #4d5761;
}
.course-activities .activity-card .card-bottom .bottom-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
}
.course-activities .activity-card .card-bottom .bottom-container:nth-child(1) {
  margin-bottom: 20px;
}
.course-activities .activity-card .card-bottom .bottom-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #4d5761;
  margin-left: 10px;
}
.course-activities .activity-card p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #111111;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  height: 65px;
  overflow: hidden;
  padding-right: 40px;
  transition: all 0.5s;
  width: 100%;
}
.course-activities .activity-card img {
  object-fit: cover;
}
.course-activities .course-card {
  display: flex;
  padding: 0px;
  width: auto;
  height: 160px;
  max-height: 160px;
  background: #004438;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 24px;
  position: relative;
}
.course-activities .course-card.curriculum {
  background: #f54359;
}
.course-activities .course-card.curriculum .course-card-header .course-img-mask {
  margin-left: -55px !important;
}
.course-activities .course-card .course-card-header {
  width: 40%;
}
.course-activities .course-card .course-card-header .course-img-mask {
  height: 100%;
  display: block;
  margin: auto;
  margin-left: -15px;
}
.course-activities .course-card .course-card-header img {
  width: 100%;
  object-fit: cover;
}
.course-activities .course-card .text-content {
  width: 60%;
}
.course-activities .course-card .grade-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
  width: 50%;
}
.course-activities .course-card .grade-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #c9e3dc;
}
.course-activities .course-card .card-bottom .bottom-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
}
.course-activities .course-card .card-bottom .bottom-container:nth-child(1) {
  margin-bottom: 20px;
}
.course-activities .course-card .card-bottom .bottom-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #c9e3dc;
  margin-left: 10px;
}
.course-activities .course-card p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #ffffff;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  height: 65px;
  overflow: hidden;
  padding-right: 40px;
  transition: all 0.5s;
  width: 100%;
}
.course-activities img {
  height: 100%;
  width: 40%;
  border-radius: 0px;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.course-activities .activity-status {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.course-activities .activity-status p {
  margin: 20px 0 20px 10px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.04rem;
  color: #4d5761;
}

.draggable-arrow {
  position: absolute;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
  height: 110px;
  width: 110px;
  border-radius: 50%;
  opacity: 1;
  text-align: center;
  box-sizing: border-box;
  background-color: #fff !important;
  transition: all 0.2s ease;
  visibility: visible;
  background-size: 20% !important;
  cursor: pointer;
  z-index: 1;
  top: 45%;
}

.draggable-prev {
  background: url("../images/icons/arrow-left-carousel.svg") no-repeat 55%;
  left: -30px;
}
.draggable-prev:hover {
  background: url("../images/icons/arrow-left-carousel.svg") no-repeat 50%;
}

.draggable-next {
  background: url("../images/icons/arrow-right-carousel.svg") no-repeat 45%;
  right: -30px;
}
.draggable-next:hover {
  background: url("../images/icons/arrow-right-carousel.svg") no-repeat 50%;
}

.activity-next-previous {
  padding: 40px 100px;
  border-top: 1px solid #d2d6db;
  width: 100%;
  display: inline-block;
  justify-content: space-between;
}
.activity-next-previous .activity-previous {
  display: flex;
  align-items: center;
  float: left;
}
.activity-next-previous .activity-previous p {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 0px;
  color: #4d5761;
}
.activity-next-previous .activity-previous p span {
  color: #111111;
  font-weight: 900;
}
.activity-next-previous .activity-previous i {
  margin-right: 18px;
}
.activity-next-previous .activity-next {
  display: flex;
  align-items: center;
  float: right;
}
.activity-next-previous .activity-next p {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 0px;
  color: #4d5761;
  text-align: right;
}
.activity-next-previous .activity-next p span {
  color: #111111;
  font-weight: 900;
}
.activity-next-previous .activity-next i {
  margin-left: 18px;
}

.activity-start {
  display: flex;
  justify-content: center;
}
.activity-start .item-activity-start {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 48px 32px;
  background: #ffffff;
  border-radius: 16px;
  text-align: center;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  margin: 16px;
  max-width: 280px;
  height: 318px;
}
.activity-start .item-activity-start i {
  border-radius: 50px;
  margin: 0 auto;
  width: 88px;
  height: 88px;
}
.activity-start .item-activity-start .mouse-pointer-icon {
  background-color: #ebbda9;
}
.activity-start .item-activity-start .file-text-icon {
  background-color: #fdc82f;
}
.activity-start .item-activity-start .download-icon {
  background-color: #c9e3dc;
}
.activity-start .item-activity-start h5 {
  color: #111111;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 3.2rem;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 28px;
  text-transform: unset !important;
  width: 150px;
}
.activity-start .item-activity-start p {
  color: #111111;
  font-size: 1.4rem !important;
  font-weight: 500;
  line-height: 2rem !important;
}

#activity-button-group form .mark-complete {
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 900;
  color: #ffffff;
  text-transform: uppercase;
}
#activity-button-group .signup_for_more {
  background-color: #349966;
  border-radius: 40px;
  padding: 16px 32px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 900;
  color: #ffffff;
  width: 100%;
  text-align: center;
  display: block;
  margin: auto;
}

.activity-pdf .icon-download-pdf {
  background-color: #349966;
  padding: 20px;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  border-radius: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 48px;
}
.activity-pdf p {
  margin-top: 16px;
  font-size: 2rem;
  line-height: 3.2rem;
  color: #4d5761;
  font-weight: 500;
}
.activity-pdf form {
  margin-top: 32px;
  text-align: center;
}
.activity-pdf form .mark-complete {
  background-color: #349966;
  border-radius: 40px;
  padding: 16px 32px;
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 900;
  color: #ffffff;
  text-transform: uppercase;
}

@media screen and (min-width: 768px) {
  .course-activities {
    padding: 0;
  }
  .course-activities .activities-list.no-carousel-list {
    gap: 0;
    padding: 0 100px;
  }
  .course-activities h4 {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.06rem;
    padding: 20px 100px;
  }
  .course-activities .activity-card-container {
    width: 25%;
  }
  .course-activities .activity-course-card-container {
    width: auto;
  }
  .course-activities .activity-card,
  .course-activities .course-card {
    display: block;
    width: 280px;
    height: 360px;
    max-height: 400px;
  }
  .course-activities .activity-card.curriculum,
  .course-activities .course-card.curriculum {
    background: #f54359;
  }
  .course-activities .activity-card .card-bottom,
  .course-activities .course-card .card-bottom {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 10px;
    position: absolute;
    width: 100%;
    justify-items: center;
    bottom: 20px;
  }
  .course-activities .activity-card .card-bottom .bottom-container,
  .course-activities .course-card .card-bottom .bottom-container {
    position: relative;
    width: fit-content;
    justify-content: normal;
    padding: 0;
  }
  .course-activities .activity-card .card-bottom .bottom-container:nth-child(1),
  .course-activities .course-card .card-bottom .bottom-container:nth-child(1) {
    margin-bottom: 0;
  }
  .course-activities .activity-card img,
  .course-activities .course-card img {
    width: 100%;
    height: 226px;
    border-radius: 24px 24px 0px 0px;
  }
  .course-activities .activity-card p,
  .course-activities .course-card p {
    font-size: 2rem;
    line-height: 2.3rem;
    letter-spacing: 0.04rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    height: 60px;
    overflow: hidden;
    padding-right: 40px;
    transition: all 0.5s;
    width: 100%;
  }
  .course-activities .course-card::before {
    content: url("../images/course-shadow.svg");
    width: 100%;
    position: absolute;
    top: -23px;
    left: 20px;
  }
  .course-activities .course-card.curriculum {
    background: #f54359;
  }
  .course-activities .course-card.curriculum .course-card-header span {
    transform-origin: 80px 70px;
  }
  .course-activities .course-card .course-card-header {
    display: flex;
  }
  .course-activities .course-card .course-card-header span {
    transform-origin: 60px 50px;
    transform: rotate(-90deg);
    font-family: "4H Gilroy", Arial, sans-serif;
    font-weight: 900;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 0.16rem;
    text-transform: uppercase;
    color: #ffffff;
    opacity: 0.7;
    display: block;
  }
  .course-activities .course-card .text-content {
    width: 100%;
  }
  .course-activities .course-card .course-img-mask {
    -webkit-mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    -webkit-mask-size: 90%;
    mask-size: 90%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #ffffff;
    padding-top: 5px;
    -webkit-mask-position: center;
    mask-position: center;
    margin-left: -30px;
  }
  .course-activities .course-card .course-img-mask img {
    -webkit-mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    -webkit-mask-size: 83%;
    mask-size: 83%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    width: 170px;
    height: 200px;
    object-fit: cover;
  }
}
@media (min-width: 768px) and (max-width: 1050px) {
  .course-activities .activity-card-container {
    width: 50%;
  }
}
@media (min-width: 1050px) and (max-width: 1280px) {
  .course-activities .activity-card-container {
    width: 50%;
  }
}
@media (min-width: 1280px) and (max-width: 1400px) {
  .course-activities .activity-card-container {
    width: 33%;
  }
}
@media (max-width: 768px) {
  .course-activities {
    margin-bottom: 48px;
  }
}
.materials-needed {
  width: 700px;
  padding: 20px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.materials-needed .materials-item {
  width: 50%;
  padding-left: 40px;
}
.materials-needed .materials-item p {
  font-weight: 500;
  font-size: 1.8rem;
  color: #111111;
  text-align: left !important;
  padding-bottom: 24px;
  display: flex;
  align-items: center;
}
.materials-needed .materials-item p i {
  float: left;
  color: #349966;
  margin-right: 20px;
  font-weight: 900;
}
.materials-needed .materials-item p .icon-right {
  float: right;
  margin-left: 20px;
}

@media screen and (max-width: 1280px) {
  .materials-item {
    width: 50% !important;
  }
}
@media screen and (max-width: 1050px) {
  .materials-needed {
    width: 500px !important;
  }
  .materials-needed .materials-item {
    width: 50% !important;
    padding-left: 0px;
  }
}
@media screen and (max-width: 768px) {
  #activity-button-group .signup_for_more {
    padding: 16px 20px;
    font-size: 1.7rem;
  }
  .activity-next-previous {
    padding: 20px;
  }
  .activity-next-previous span {
    display: none;
  }
  .materials-needed {
    width: 420px !important;
  }
  .materials-needed .materials-item {
    padding-left: 0px;
    width: 50% !important;
  }
  .activity-start {
    display: inline-grid !important;
    width: 100% !important;
  }
  .activity-start .item-activity-start {
    width: 100% !important;
  }
  .activity-pdf form {
    margin-top: 32px;
    text-align: center;
  }
  .activity-pdf form .mark-complete {
    position: absolute;
    bottom: 28px;
    left: 18px;
    right: 18px;
  }
  .course-card.curriculum {
    background: #f54359;
  }
  .course-card.curriculum .course-card-header .course-img-mask {
    margin-left: -55px !important;
  }
  .course-card .course-card-header {
    position: relative;
  }
  .course-card .course-card-header span {
    display: block !important;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-35%);
    font-family: "4H Gilroy", Arial, sans-serif;
    font-weight: 900;
    font-size: 1.2rem;
    line-height: 2.4rem;
    letter-spacing: 0.16rem;
    text-transform: uppercase;
    color: #ffffff;
  }
  .course-card .course-card-header .course-img-mask {
    -webkit-mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    -webkit-mask-size: 80%;
    mask-size: 80%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #ffffff;
    -webkit-mask-position: 50% 20%;
    mask-position: 50% 20%;
    width: 120px;
    position: absolute;
    left: 55%;
    transform: translateX(-37%);
  }
  .course-card .course-card-header .course-img-mask img {
    -webkit-mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    -webkit-mask-size: 88px;
    mask-size: 88px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 31% 15px;
    mask-position: 31% 15px;
    width: 140px;
    height: 120px;
    object-fit: contain;
  }
  .draggable-arrow {
    display: none !important;
  }
}
@media screen and (max-width: 700px) {
  .materials-needed {
    width: 100% !important;
  }
  .materials-needed .materials-item {
    width: 100% !important;
    padding-left: 0px !important;
  }
}
.course-card .course-card-header .course-img-mask {
  margin: auto auto auto -15px !important;
}

.activity-course-related-products {
  margin-bottom: 160px;
  background: #f9fafb;
}
.activity-course-related-products .slick-slide {
  width: auto !important;
}
.activity-course-related-products .slick-list {
  width: auto !important;
}
.activity-course-related-products .swp-carousel .slick-prev {
  background: url("../images/icons/arrow-left-carousel.svg") no-repeat 55%;
  left: -30px;
  box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.3);
}
.activity-course-related-products .swp-carousel .slick-prev:hover {
  background: url("../images/icons/arrow-left-carousel.svg") no-repeat 50%;
}
.activity-course-related-products .swp-carousel .slick-next {
  background: url("../images/icons/arrow-right-carousel.svg") no-repeat 45%;
  right: -30px;
  box-shadow: -10px 5px 10px rgba(0, 0, 0, 0.3);
}
.activity-course-related-products .swp-carousel .slick-next:hover {
  background: url("../images/icons/arrow-right-carousel.svg") no-repeat 50%;
}
.activity-course-related-products .swp-carousel .slick-arrow {
  top: 24%;
  width: 110px;
  height: 110px;
  background-color: white !important;
  background-size: 20% !important;
}
.activity-course-related-products .swp-component-buy-button {
  display: none;
}
.activity-course-related-products .activity-course-related-products-title {
  padding: 16px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  text-transform: none;
}
.activity-course-related-products > div {
  max-width: 100% !important;
}
.activity-course-related-products .wps-items {
  display: block;
}
.activity-course-related-products .wps-items .wps-item {
  display: inline-block;
  margin-right: 32px;
}
.activity-course-related-products .wps-component-products-buy-button {
  display: none;
}
.activity-course-related-products .wps-pagination-controls {
  display: none;
}
.activity-course-related-products .wps-product-image-wrapper {
  justify-content: center;
}
.activity-course-related-products .wps-thumbnails-wrapper {
  display: none;
}
.activity-course-related-products .wps-component.wps-component-products-images {
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
  border-radius: 32px;
  background: #ffffff;
  width: 300px;
  height: 240px;
}
.activity-course-related-products .wps-component.wps-component-products-images img {
  width: 240px;
  height: 240px;
}
.activity-course-related-products .wps-items-wrapper {
  max-width: 100% !important;
}
.activity-course-related-products .wps-items-wrapper .wps-component-products-title {
  min-height: 60px;
  max-width: 300px;
}

@media screen and (max-width: 768px) {
  .activity-course-related-products {
    margin-bottom: 48px;
  }
  .activity-course-related-products .swp-carousel .slick-arrow {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .activity-course-related-products .activity-course-related-products-title {
    padding: 40px 100px;
    font-size: 3.2rem;
    line-height: 4rem;
  }
  .activity-course-related-products .wps-items-wrapper .wps-component-products-title {
    min-height: 100px;
  }
  .activity-course-related-products .wps-component .wps-component-products-images {
    width: 390px;
    height: 290px;
  }
}
@media screen and (max-width: 400px) {
  .activity-course-sponsor-overview {
    margin-top: 150px;
  }
}
.check-circle-icon {
  display: block;
  height: 32px;
  width: 32px;
  background: url("../images/icons/check-circle.svg") no-repeat center center;
}

.open-book-icon {
  display: block;
  height: 32px;
  width: 32px;
  background: url("../images/icons/book-open.svg") no-repeat center center;
}

.be-honest-icon {
  display: block;
  height: 120px;
  width: 120px;
  background: url("../images/icons/be-honest-icon.svg") no-repeat center center;
}

.closed-book-icon {
  display: block;
  height: 34px;
  width: 34px;
  background: url("../images/icons/book-icon.svg") no-repeat center center;
}

.closed-book-icon-sky {
  display: block;
  height: 16px;
  width: 16px;
  background: url("../images/icons/closed-book-icon-sky.svg") no-repeat center center;
}

.closed-book-icon-sm {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/book-icon-sm.svg") no-repeat center center;
}

.graduation-icon-sm {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/graduation-sm.svg") no-repeat center center;
}

.duration-icon-sm {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/duration-icon-sm.svg") no-repeat center center;
}

.materials-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/materials-icon.svg") no-repeat center center;
}

.grade-icon {
  display: block;
  height: 16px;
  width: 16px;
  background: url("../images/icons/grade-icon.svg") no-repeat center center;
}

.grade-icon-sky {
  display: block;
  height: 16px;
  width: 16px;
  background: url("../images/icons/grade-icon-sky.svg") no-repeat center center;
}

.duration-icon {
  display: block;
  height: 16px;
  width: 16px;
  background: url("../images/icons/duration-icon.svg") no-repeat center center;
}

.close-icon {
  display: block;
  height: 16px;
  width: 16px;
  background: url("../images/icons/close.svg") no-repeat center center;
}

.download-icon {
  display: block;
  height: 48px;
  width: 48px;
  background: url("../images/icons/download.svg") no-repeat center center;
}

.file-text-icon {
  display: block;
  height: 48px;
  width: 48px;
  background: url("../images/icons/file-text.svg") no-repeat center center;
}

.mouse-pointer-icon {
  display: block;
  height: 48px;
  width: 48px;
  background: url("../images/icons/mouse-pointer.svg") no-repeat center center;
}

.square-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/square.svg") no-repeat center center;
  min-width: 24px;
  background-size: cover;
}

.check-square-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/check-square.svg") no-repeat center center;
  min-width: 24px;
  background-size: cover;
}

.download-green-icon {
  display: block;
  height: 22px;
  width: 22px;
  background: url("../images/icons/download-green.svg") no-repeat center center;
}

.download-white-icon-lg {
  display: block;
  height: 50px;
  width: 50px;
  background: url("../images/icons/download-lg.svg") no-repeat center center;
}

.square-leaf-icon {
  display: block;
  height: 13px;
  width: 28px;
  background: url("../images/icons/square-leaf.svg") no-repeat center center;
}

.youtube-icon {
  display: block;
  height: 82px;
  width: 117px;
  background: url("../images/icons/youtube-icon.svg") no-repeat center center;
}

.clipboard-icon {
  display: block;
  height: 32px;
  width: 32px;
  background: url("../images/icons/clipboard.svg") no-repeat center center;
}

.list-icon {
  display: block;
  height: 32px;
  width: 32px;
  background: url("../images/icons/list.svg") no-repeat center center;
}

.star-icon {
  display: block;
  height: 32px;
  width: 32px;
  background: url("../images/icons/star.svg") no-repeat center center;
}

.link-icon {
  display: block;
  height: 32px;
  width: 32px;
  background: url("../images/icons/link.svg") no-repeat center center;
}

.search-icon {
  display: block;
  height: 32px;
  width: 32px;
  background: url("../images/icons/search.svg") no-repeat center center;
}

.file-icon {
  display: block;
  height: 22px;
  width: 22px;
  background: url("../images/icons/file.svg") no-repeat center center;
}

.help-icon {
  display: block;
  height: 32px;
  width: 32px;
  background: url("../images/icons/help-circle.svg") no-repeat center center;
}

.add-learner-icon {
  display: block;
  height: 48px;
  width: 48px;
  background: url("../images/icons/add-learner.svg") no-repeat center center;
}

.link-learner-icon {
  display: block;
  height: 48px;
  width: 48px;
  background: url("../images/icons/link-learner.svg") no-repeat center center;
}

.copy-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/copy.svg") no-repeat center center;
}

.goto-green-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/goto-green.svg") no-repeat center center;
}

.edit-green-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/edit-green.svg") no-repeat center center;
}

.check-green-icon {
  display: block;
  height: 64px;
  width: 64px;
  background: url("../images/icons/user-check.svg") no-repeat center center;
}

.change-green-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/change-green.svg") no-repeat center center;
}

.delete-green-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/delete-green.svg") no-repeat center center;
}

.trash-green-icon {
  display: block;
  height: 22px;
  width: 20px;
  background: url("../images/icons/trash-green.svg") no-repeat center center;
}

.disconnect-icon {
  display: block;
  height: 64px;
  width: 64px;
  background: url("../images/icons/disconnect.svg") no-repeat center center;
}

.arrow-left-icon {
  display: block;
  height: 15px;
  width: 15px;
  background: url("../images/icons/left-arrow-icon.svg") no-repeat center center;
}

.arrow-left-green-icon {
  display: block;
  height: 15px;
  width: 15px;
  background: url("../images/icons/arrow-left-green-icon.svg") no-repeat center center;
}

.restart-icon {
  display: block;
  height: 16px;
  width: 20px;
  background: url("../images/icons/restart.svg") no-repeat center center;
}

.logout-icon {
  display: block;
  height: 64px;
  width: 64px;
  background: url("../images/icons/log-out.svg") no-repeat center center;
}

.manage-users-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/manage-users.svg") no-repeat center center;
}

.add-user-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/add-user.svg") no-repeat center center;
}

.icon-eventmap-pin {
  display: block;
  height: 24px !important;
  width: 24px !important;
  background: url("../images/icons/map-pin-event.svg") no-repeat center center;
}

.icon-eventtag {
  display: block;
  height: 24px !important;
  width: 24px !important;
  background: url("../images/icons/tag-event.svg") no-repeat center center;
}

.icon-filter-extension {
  display: block;
  height: 24px !important;
  width: 24px !important;
  background: url("../images/icons/filter-extension.svg") no-repeat center center;
}

.icon-arrow-left-activity {
  display: block;
  height: 20px !important;
  width: 20px !important;
  background: url("../images/icons/arrow-left-activity.svg") no-repeat center center;
}

.icon-arrow-right-activity {
  display: block;
  height: 20px !important;
  width: 20px !important;
  background: url("../images/icons/arrow-right-activity.svg") no-repeat center center;
}

.activity-course-overview .overview-card {
  min-height: 300px;
  width: 280px;
  background: #f9fafb;
  border-radius: 24px;
  padding: 30px;
  margin: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.activity-course-overview .title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #111111;
  margin: 10px 0;
}
.activity-course-overview .title:not(:nth-child(1)) {
  margin-top: 20px;
}
.activity-course-overview .information-container {
  height: 20%;
}
.activity-course-overview .information-container .graduation-container {
  display: flex;
  align-items: center;
}
.activity-course-overview .information-container .graduation-container img {
  height: 16px;
  margin-top: 2px;
}
.activity-course-overview .information-container .graduation-container span {
  height: 16px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.04rem;
  color: #4d5761;
  margin-left: 10px;
  margin-bottom: 2px;
}
.activity-course-overview .information-container .number-activities-container {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.activity-course-overview .information-container .number-activities-container img {
  height: 16px;
  padding-top: 4px;
}
.activity-course-overview .information-container .number-activities-container span {
  height: 16px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.04rem;
  color: #4d5761;
  margin-left: 10px;
}
.activity-course-overview .topics-container {
  display: flex;
  flex-wrap: wrap;
}
.activity-course-overview .topics-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.04rem;
  color: #ffffff;
  padding: 4px 20px;
  background: #004438;
  border-radius: 24px;
  height: fit-content;
  margin: 10px 0 0 10px;
}
.activity-course-overview .status-container {
  display: flex;
}
.activity-course-overview .status-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.04rem;
  color: #4d5761;
  margin-left: 10px;
}
.activity-course-overview .activity-duration-container {
  display: flex;
  margin-top: 10px;
}
.activity-course-overview .activity-duration-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.04rem;
  color: #4d5761;
  margin-left: 10px;
}

@media screen and (min-width: 768px) {
  .activity-course-overview .overview-card {
    min-height: 400px;
  }
  .activity-course-overview .topics-container {
    flex-direction: column;
    flex-wrap: nowrap;
    width: fit-content;
  }
  .activity-course-overview .topics-container span {
    text-align: center;
    width: fit-content;
    margin-left: 0;
  }
  .activity-course-overview .activity-information-container {
    width: 80%;
  }
}
.activity-information-container {
  display: block;
}
.activity-information-container .activity-information {
  margin-left: 16px;
  margin-right: 16px;
  border-bottom: 1px solid #d2d6db;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.activity-information-container .activity-information .certificate-download {
  display: none;
  height: 100px;
  margin: 0 auto 20px;
}
.activity-information-container .activity-information .activity-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 4rem;
  line-height: 4.8rem;
  letter-spacing: 0.02rem;
  color: #111111;
}
.activity-information-container .activity-information .activity-description {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  color: #111111;
}
.activity-information-container .activity-information p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  color: #4d5761;
}
.activity-information-container .activity-information .activity-status-btn {
  display: block;
  background: #349966;
  padding: 11px 32px;
  width: 100%;
  height: 48px;
  color: #ffffff;
  border-radius: 40px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  text-align: center;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}
.activity-information-container .activity-information .activity-materials-btn {
  background: #ffffff;
  padding: 16px 32px;
  width: 100%;
  height: 48px;
  color: #349966;
  border-radius: 40px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  text-align: center;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  margin-top: 20px;
  justify-content: center;
}
.activity-information-container .activity-information .in-progress {
  display: inline-grid;
  text-align: center;
  margin: 0 auto;
}
.activity-information-container .activity-information .in-progress .activity-status-btn {
  padding-top: 15px;
}
.activity-information-container .activity-information .in-progress .again {
  color: #4d5761;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-information-container .activity-information .in-progress .again i {
  margin-right: 10px;
}
.activity-information-container .activity-information .pdf-complete {
  display: inline-grid;
  text-align: center;
  margin: 0 auto;
}
.activity-information-container .activity-information .pdf-complete .activity-status-btn {
  padding-top: 15px;
}
.activity-information-container .activity-information .pdf-complete .again {
  color: #4d5761;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-information-container .activity-information .pdf-complete .again i {
  margin-right: 10px;
}
.activity-information-container .activity-information .activity-materials-btn i {
  margin-right: 10px;
}
.activity-information-container .activity-information .activity-button-group {
  display: block;
}
.activity-information-container .lock-icon {
  margin-left: 32px;
  margin-bottom: 4px;
  vertical-align: middle;
}
.activity-information-container .overview-card {
  margin: 20px auto;
  padding: 20px;
}

@media screen and (min-width: 768px) {
  .activity-information-container {
    padding: 40px 100px;
    display: flex;
  }
  .activity-information-container .activity-information {
    width: 80%;
    margin-left: 0;
    margin-right: 0;
  }
  .activity-information-container .activity-information .activity-content-container {
    max-width: 800px;
  }
  .activity-information-container .activity-information .activity-status-btn {
    width: 340px;
  }
  .activity-information-container .activity-information .activity-materials-btn {
    width: 400px;
  }
  .activity-information-container .activity-information .activity-status-btn, .activity-information-container .activity-information .activity-materials-btn {
    height: 64px;
    font-size: 2rem;
    line-height: 3.2rem;
    margin-top: 0;
  }
  .activity-information-container .activity-information .activity-description {
    margin-top: -20px;
  }
  .activity-information-container .activity-information .activity-button-group {
    display: flex;
  }
  .activity-information-container .no-border {
    border-bottom: none !important;
  }
  .activity-information-container .no-border .activity-status-btn {
    width: 370px;
  }
  .activity-information-container .no-border .activity-status-btn, .activity-information-container .no-border .activity-materials-btn {
    line-height: 4.2rem !important;
  }
  .activity-information-container .no-border .lock-icon {
    margin-left: 16px;
  }
  .overview-card {
    width: 20%;
  }
}
.img-circle img {
  border-radius: 150px !important;
}

.uabb-modal-close {
  top: 40px !important;
  right: 40px !important;
}

.uabb-overlay {
  background: rgba(17, 17, 17, 0.95) !important;
}

#loading-screen {
  overflow-y: hidden;
}

#modal-material .modal-content {
  width: 860px;
  height: 600px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#modal-material ul {
  flex-direction: row;
}
#modal-material ul li {
  position: relative;
}
#modal-material ul li.active::after {
  content: "";
  position: absolute;
  left: -20px;
  right: -20px;
  bottom: -4px;
  height: 4px;
  background-color: #349966;
}
#modal-material .tabs {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#modal-material .tabs .tab {
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
}
#modal-material .tabs .tab::-webkit-scrollbar {
  width: 12px;
}
#modal-material .tabs .tab::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: #f3f4f6;
}
#modal-material .tabs .tab::-webkit-scrollbar-thumb {
  background-color: #d2d6db;
  border-radius: 8px;
}

.modal-slider .slider-prev {
  position: fixed !important;
  left: -20px !important;
}
.modal-slider .slider-prev .fl-content-slider-svg-container {
  border: solid 1px #ffffff !important;
}
.modal-slider .slider-next {
  position: fixed !important;
  right: -20px !important;
}
.modal-slider .slider-next .fl-content-slider-svg-container {
  border: solid 1px #ffffff !important;
}
.modal-slider .fl-slide-photo img {
  border-radius: 24px !important;
  object-fit: cover !important;
}

body.wait-modal .modal .modal-dialog .modal-block .modal-content {
  min-height: 300px;
}
body.wait-modal .modal .modal-dialog .modal-block .modal-content:after {
  transition: all 0.3s ease-in-out;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 32px;
  background-color: rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(transparent, transparent), url(/wp-content/themes/4h/assets/images/loader.gif);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100px 100px;
}

.modal {
  display: none;
  overflow: auto;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}
.modal .in {
  opacity: 1;
}
.modal .modal-dialog {
  transform: translate(0, 0);
  animation-duration: 0.8s;
  position: relative;
  width: 1360px;
  margin: 0px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}
.modal .modal-dialog .modal-block {
  display: flex;
  align-items: center;
}
.modal .modal-dialog .modal-block .modal-content {
  border: none;
  border-radius: 2px;
  position: relative;
  background-color: #ffffff;
  border-radius: 32px;
  padding: 80px;
  width: 100%;
}
.modal .modal-dialog .modal-block .modal-content .modal-close,
.modal .modal-dialog .modal-block .modal-content .modal-close-icon {
  position: absolute;
  top: 32px;
  right: 32px;
}
.modal .modal-dialog .modal-block .modal-content .modal-close i,
.modal .modal-dialog .modal-block .modal-content .modal-close-icon i {
  font-size: 1rem;
  color: #111111;
}
.modal .modal-dialog .modal-block .modal-content .modal-closeLP {
  position: absolute;
  top: 32px;
  right: 32px;
}
.modal .modal-dialog .modal-block .modal-content .modal-closeLP i {
  font-size: 1rem;
  color: #111111;
}
.modal .modal-dialog .modal-block .modal-content .caregiver-connected-profile h3 {
  text-align: left;
}
.modal .modal-dialog .modal-block .modal-content h3 {
  text-align: center;
  font-size: 32px;
  color: #111111 !important;
  font-weight: 900;
}
.modal .modal-dialog .modal-block .modal-content p {
  text-align: center;
  font-size: 1.8rem;
  color: #6c737f;
  font-weight: 500;
  margin-bottom: 10px;
}
.modal .modal-dialog .modal-block .modal-content .hint-text {
  margin-top: 30px;
}
.modal .modal-dialog .modal-block .modal-content .hint-text p {
  font-size: 1.4rem;
  color: var(--Gray-600, #4d5761);
}
.modal .modal-dialog .modal-block .modal-content .modal-footer {
  width: 100%;
  padding: 20px 80px;
  text-align: center;
  margin-bottom: -80px;
}
.modal .modal-dialog .modal-block .modal-content .modal-footer .modal-save-btn {
  background-color: #349966;
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  border-radius: 20rem;
  height: 6.4rem;
  font-size: 1.8rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 200px;
  text-transform: uppercase;
  margin: 0 5px;
  margin-bottom: 20px;
}
.modal .modal-dialog .modal-block .modal-content .modal-footer .modal-save-btn:hover {
  opacity: 0.7;
}
.modal .modal-dialog .modal-block .modal-content .modal-footer .modal-close-btn {
  background-color: #f54359;
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  border-radius: 20rem;
  height: 6.4rem;
  font-size: 1.8rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 200px;
  text-transform: uppercase;
  margin: 0 5px;
  margin-bottom: 20px;
}
.modal .modal-dialog .modal-block .modal-content .modal-footer .modal-close-btn:hover {
  opacity: 0.7;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  opacity: 0.5;
  background-color: #111111;
}

#activity-pdf-loader-text {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  text-align: center;
}

@media screen and (max-width: 1400px) {
  .modal .modal-dialog {
    width: 1200px;
  }
}
@media screen and (max-width: 1280px) {
  .modal .modal-dialog {
    width: 900px;
  }
}
@media screen and (max-width: 1050px) {
  .modal .modal-dialog {
    width: 750px;
  }
}
@media screen and (min-width: 1050px) {
  .modal .modal-dialog .modal-block {
    min-width: 642px;
  }
}
@media screen and (max-width: 768px) {
  .modal {
    overflow-x: hidden;
  }
  .modal .modal-dialog {
    width: 600px;
  }
  .modal .modal-dialog .modal-block .modal-content {
    height: 100vh !important;
    max-height: unset !important;
    width: 100%;
    padding-top: 80px !important;
  }
  .modal .modal-dialog .modal-block .modal-content h3 {
    padding: 0 20px;
  }
  .modal .modal-dialog .modal-block .modal-content p {
    padding: 0 20px;
  }
  .modal .modal-dialog .modal-block .modal-content h3:first-child {
    margin-bottom: 50px;
  }
  .modal .modal-dialog .modal-block .modal-content .modal-close {
    right: 50px;
  }
}
@media screen and (max-width: 700px) {
  .modal .modal-dialog {
    width: 100%;
    margin: 0;
  }
  .modal .modal-dialog .modal-block .modal-content {
    border-radius: 0px;
    padding: 50px 90px;
    max-height: unset;
    height: 100vh;
    overflow-y: auto;
  }
  .modal .modal-dialog .modal-block .modal-content h3 {
    line-height: 3.2rem;
  }
  .modal .modal-dialog .modal-block .modal-content .activity-start {
    display: block;
  }
  .modal .modal-dialog .modal-block .modal-content .activity-start .item-activity-start {
    max-width: unset;
    height: unset;
    margin: 0 auto;
    margin-bottom: 16px;
    padding: 12px;
    display: unset;
  }
  .modal .modal-dialog .modal-block .modal-content .activity-start .item-activity-start h5 {
    width: unset;
    margin: 6px;
  }
  #modal-material .modal-content {
    width: 100%;
    padding: 10px 10px;
  }
  #modal-material .modal-content .tabs {
    overflow-y: auto;
  }
  #modal-material .modal-content .tabs ul {
    max-width: 100vw;
    margin-bottom: 20px;
  }
  #modal-material .modal-content .tabs .tab {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: none !important;
  }
  #modal-material .modal-content .tabs .tab h3 {
    margin-top: 20px;
  }
  #modal-material .modal-content .tabs .tab .materials-needed {
    width: 100%;
  }
}
.tabs {
  width: 100%;
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.tabs ul {
  list-style: none;
  width: 100%;
  border-bottom: solid 1px #e5e7eb;
  display: flex;
  margin-bottom: 60px;
  justify-content: center;
  overflow-x: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.tabs ul li {
  margin: 0 35px;
  padding-bottom: 16px;
  padding-left: 0px;
}
.tabs ul li a {
  text-transform: uppercase;
  color: #6c737f;
  font-size: 1.6rem;
  font-weight: 900;
  white-space: nowrap;
}
.tabs ul li.active {
  border-bottom: solid 4px #349966;
}
.tabs ul li.active a {
  color: #111111;
}
.tabs ul::-webkit-scrollbar {
  display: none;
}
.tabs div.tab {
  display: none;
}
.tabs div.active {
  display: block;
}

@media screen and (max-width: 700px) {
  .tabs ul {
    justify-content: unset;
    margin-top: 50px;
  }
  .tabs div.active {
    height: unset;
    overflow-y: hidden;
  }
}
.connected-learners {
  width: 100%;
  overflow: hidden;
}
.connected-learners .educator-hint {
  display: inline-block;
  padding: 10px 20px;
  background-color: #c9e3dc;
  border-radius: 16px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.connected-learners .subscription-downgraded-warning {
  background-color: #fdc82f;
  padding: 10px 20px;
  border-radius: 16px;
  margin-bottom: 10px;
}
.connected-learners .payment-failed {
  padding-bottom: 48px;
}
.connected-learners .payment-failed.mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .connected-learners .payment-failed.mobile {
    display: flex;
    flex-direction: column;
  }
}
.connected-learners .payment-failed.mobile .top-row-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 15px;
}
.connected-learners .payment-failed.desktop {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .connected-learners .payment-failed.desktop {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .connected-learners .payment-failed {
    flex-direction: column;
  }
}
.connected-learners .payment-failed img {
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .connected-learners .payment-failed img {
    width: 56px;
  }
}
.connected-learners .payment-failed p {
  padding-bottom: 0;
  margin-bottom: 0;
}
.connected-learners .no-connections {
  padding-left: 20px;
}
.connected-learners h3 {
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 4rem;
  margin-bottom: 48px;
}
.connected-learners .row {
  margin-left: -16px;
  margin-right: -16px;
  overflow: hidden;
  padding-bottom: 25px;
}
.connected-learners .row .profile-item {
  display: none;
  width: 33%;
  float: left;
  padding: 16px;
  margin-bottom: 16px;
  position: relative;
}
.connected-learners .row .profile-item.paused .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.connected-learners .row .profile-item.paused .cover::after {
  transition: all 0.3s ease-in-out;
  content: "Awaiting verification";
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
  opacity: 0;
}
.connected-learners .row .profile-item.paused .cover:hover {
  background-color: 0, 0, 0, 0.8;
}
.connected-learners .row .profile-item.paused .cover:hover::after {
  opacity: 1;
}
.connected-learners .row .profile-item .cover {
  display: none;
}
.connected-learners .row .profile-item .add-learner {
  border: 6px dashed #e0ded8;
  border-radius: 16px;
  padding-left: 40px;
  padding-right: 10px;
  display: flex;
  align-items: center;
  height: 144px;
}
.connected-learners .row .profile-item .add-learner img {
  width: 64px;
  height: 64px;
  margin-right: 24px;
}
.connected-learners .row .profile-item .add-learner h4 {
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 3.2rem;
  margin-bottom: 0px;
  color: #111111;
  text-transform: unset;
}
.connected-learners .row .profile-item .learners {
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 16px;
  height: 144px;
  padding-left: 40px;
  display: flex;
  background-color: #ffffff;
}
.connected-learners .row .profile-item .learners .profile-info {
  display: flex;
  align-items: center;
  padding-right: 10px;
  overflow: hidden;
}
.connected-learners .row .profile-item .learners .profile-info .profile-photo {
  width: 96px;
  height: 96px;
  border-radius: 96px;
  border: 8px solid #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  margin-right: 16px;
}
.connected-learners .row .profile-item .learners .profile-info .profile-photo img {
  width: 80px;
  height: 80px;
  border-radius: 80px;
}
.connected-learners .row .profile-item .learners .profile-info .profile-photo .profile-letter {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background-color: #ebbda9;
  color: #004438;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.6rem;
  line-height: 2.4rem;
  font-weight: 900;
}
.connected-learners .row .profile-item .learners .profile-info .profile-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.connected-learners .row .profile-item .learners .profile-info .profile-name .profile-manage-name {
  font-size: 2rem;
  font-weight: 900;
  line-height: 3.2rem;
  color: #111111 !important;
  margin-bottom: 12px;
  margin-bottom: 8px !important;
}
.connected-learners .row .profile-item .learners .profile-info .profile-name .number-of-educators {
  background-color: #e9967a;
  white-space: nowrap;
  display: inline-block;
}
.connected-learners .row .profile-item .learners .profile-info .profile-name span {
  background-color: #c9e3dc;
  border-radius: 16px;
  color: #111111 !important;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  padding: 4px 16px;
  text-transform: capitalize;
  margin-right: 5px;
}
.connected-learners .show-more-div {
  display: none;
  text-align: center;
  margin: 32px auto;
}
.connected-learners .show-more-div .show-more-btn {
  border: 2px solid #349966;
  color: #349966;
  text-transform: uppercase;
  border-radius: 40px;
  font-style: normal;
  font-weight: 900;
  font-size: 2rem;
  line-height: 3.2rem;
  padding: 16px 64px;
  display: none;
}
@media screen and (max-width: 1050px) {
  .connected-learners .row .profile-item {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .connected-learners h3 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: 16px;
  }
  .connected-learners .row {
    padding-bottom: 0;
  }
  .connected-learners .row .profile-item {
    width: 100%;
    margin-bottom: 16px;
    padding: 16px;
    padding-bottom: 0px;
  }
  .connected-learners .row .profile-item .add-learner {
    padding-left: 32px;
    height: 96px;
  }
  .connected-learners .row .profile-item .add-learner h4 {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .connected-learners .row .profile-item .add-learner img {
    height: 42px;
  }
  .connected-learners .row .profile-item .learners {
    height: 115px;
  }
  .connected-learners .row .profile-item .learners .profile-info .profile-photo {
    height: 80px;
    width: 80px;
  }
  .connected-learners .row .profile-item .learners .profile-info .profile-photo img {
    width: 64px;
    height: 64px;
  }
  .connected-learners .row .profile-item .learners .profile-info .profile-photo .profile-letter {
    width: 66px;
    height: 66px;
  }
  .connected-learners .row .profile-item .learners .profile-info .profile-name h4 {
    font-size: 2rem;
    line-height: 2.8rem;
    margin-bottom: 0px;
  }
}

.modal-learner-size {
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px 16px !important;
  left: 0;
  right: 0;
  position: absolute !important;
}
.modal-learner-size .modal-add-learner {
  display: flex;
  justify-content: center;
}
.modal-learner-size .modal-add-learner .item-modal-add-learner {
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  align-items: center;
  background: #ffffff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 16px;
  max-width: 324px;
  padding: 48px 32px;
  text-align: center;
}
.modal-learner-size .modal-add-learner .item-modal-add-learner i {
  border-radius: 50px;
  margin: 0 auto;
  width: 88px;
  height: 88px;
}
.modal-learner-size .modal-add-learner .item-modal-add-learner .add-learner-icon {
  background-color: #349966;
}
.modal-learner-size .modal-add-learner .item-modal-add-learner .link-learner-icon {
  background-color: #fdc82f;
}
.modal-learner-size .modal-add-learner .item-modal-add-learner h5 {
  color: #111111 !important;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 3.2rem;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 28px;
  text-transform: unset !important;
  width: 260px;
  height: 50px;
}
.modal-learner-size .modal-add-learner .item-modal-add-learner p {
  color: #111111 !important;
  font-size: 1.4rem !important;
  font-weight: 500;
  line-height: 2rem !important;
}
@media screen and (max-width: 768px) {
  .modal-learner-size .modal-add-learner {
    display: block;
  }
  .modal-learner-size .modal-add-learner .item-modal-add-learner {
    margin: 16px auto;
  }
}

@media screen and (min-width: 768px) {
  .modal-learner-size {
    padding: 50px 32px !important;
  }
}
.modal-existing-learner {
  text-align: center;
}
.modal-existing-learner .submit-code {
  background-color: #349966;
  padding: 16px 36px;
  border-radius: 40px;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 900;
  line-height: 3.2rem;
  text-transform: uppercase;
  margin-bottom: 32px;
  display: inline-block;
}
.modal-existing-learner .all-code {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-existing-learner .code-input {
  color: #111111 !important;
  font-size: 5.6rem;
  font-weight: 900;
  line-height: 7rem;
  border: solid 1px #111111;
  letter-spacing: 0.4px;
  border-radius: 8px;
  width: 88px;
  height: 94px;
  text-align: center;
  padding: 12px 24px;
  margin: 32px 8px 48px 8px;
}
@media screen and (max-width: 768px) {
  .modal-existing-learner .code-input {
    font-size: 4rem;
    height: 74px;
    letter-spacing: 0;
    padding: 0;
    width: 16%;
  }
}
.modal-existing-learner .error-code,
.modal-existing-learner .error-connection {
  background-color: #f54359;
  border-radius: 16px;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  padding: 4px 16px;
  text-transform: capitalize;
  display: none;
}
.modal-existing-learner i {
  border-radius: 100px;
  margin: 0 auto;
  width: 112px;
  height: 112px;
  margin-bottom: 24px;
}
.modal-existing-learner .link-learner-icon {
  background-color: #fdc82f;
}
.modal-existing-learner h3 {
  font-weight: 900;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 8px;
}
.modal-existing-learner p {
  max-width: 580px;
  font-weight: 400 !important;
  font-size: 2rem !important;
  line-height: 3.2rem;
  margin: 0 auto;
  margin-bottom: 48px !important;
}
.modal-existing-learner h5 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 16px !important;
}
.modal-existing-learner .cloverCopy {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 2rem;
  line-height: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-existing-learner .cloverCopy i {
  float: left;
  width: 24px;
  height: 24px;
  margin: unset;
  margin-right: 12px;
  border-radius: unset !important;
}
.modal-existing-learner .cloverCode {
  font-weight: 900 !important;
  font-size: 7.2rem !important;
  line-height: 9rem !important;
  letter-spacing: 40px !important;
  margin-bottom: 26px !important;
}
.modal-existing-learner .copied {
  background-color: #c9e3dc;
  color: #349966;
  font-size: 1.2rem;
  padding: 10px;
  border-radius: 24px;
  display: none;
}
@media screen and (max-width: 768px) {
  .modal-existing-learner i {
    width: 64px;
    height: 64px;
  }
  .modal-existing-learner h3 {
    font-size: 2.4rem !important;
    line-height: 3.2rem !important;
  }
  .modal-existing-learner p {
    font-size: 1.8rem !important;
    line-height: 2.8rem !important;
  }
  .modal-existing-learner .cloverCode {
    font-size: 5.6rem !important;
    line-height: 7rem !important;
    letter-spacing: 24px !important;
  }
  .modal-existing-learner .cloverCopy {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}

.modal-manage-size {
  max-width: 650px;
  margin: 0 auto;
  padding: 0 !important;
}

.modal-manage-learner .learner-caregiver-msg {
  text-align: center;
}
.modal-manage-learner .profile-info {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 48px;
  border-bottom: solid 1px #d2d6db;
  margin-bottom: 64px;
  margin-top: 56px;
}
.modal-manage-learner .profile-info .profile-photo {
  width: 96px;
  height: 96px;
  border-radius: 96px;
  border: 8px solid #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  margin-right: 16px;
}
.modal-manage-learner .profile-info .profile-photo img {
  width: 80px;
  height: 80px;
  border-radius: 80px;
}
.modal-manage-learner .profile-info .profile-photo .profile-letter {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background-color: #ebbda9;
  color: #004438;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.6rem;
  line-height: 2.4rem;
  font-weight: 900;
}
.modal-manage-learner .profile-info .profile-name #profile-manage-name {
  font-size: 2rem;
  font-weight: 900;
  line-height: 3.2rem;
  color: #111111 !important;
  margin-bottom: 12px !important;
}
.modal-manage-learner .profile-info .profile-name .number-of-educators {
  background-color: #e9967a;
  white-space: nowrap;
  display: inline-block;
}
.modal-manage-learner .profile-info .profile-name span {
  background-color: #c9e3dc;
  border-radius: 16px;
  color: #111111 !important;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  padding: 4px 16px;
  text-transform: capitalize;
  margin-right: 5px;
}
.modal-manage-learner .like-do {
  padding-left: 96px;
  padding-right: 96px;
  margin-bottom: 64px;
}
.modal-manage-learner .like-do a {
  text-transform: uppercase;
  display: block;
  font-weight: 900;
  font-size: 2rem;
  line-height: 2.4rem;
  margin-bottom: 48px;
}
.modal-manage-learner .like-do a.fourh-btn {
  margin-bottom: 0px;
  display: inline-block;
}
.modal-manage-learner .like-do a.fourh-btn:hover {
  color: #ffffff;
}
.modal-manage-learner .like-do a i {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  float: left;
}
.modal-manage-learner .like-do #learner-caregiver-msg {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .modal-manage-learner .like-do {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 16px;
    margin: auto;
    display: block;
    max-width: 400px;
  }
  .modal-manage-learner .like-do h3 {
    font-size: 2.4rem !important;
    line-height: 3.2rem !important;
    margin-bottom: 24px !important;
  }
}

.modal-disconnect-size {
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
}
.modal-disconnect-size .disconnect-icon-div {
  width: 96px;
  height: 96px;
  display: flex;
  padding: 16px;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  margin-bottom: 48px;
  border-radius: 100px;
  margin: 0 auto;
}
.modal-disconnect-size h3 {
  margin-top: 48px;
  margin-bottom: 48px;
  font-size: 3.2rem !important;
  color: #111111;
  font-weight: 900;
  line-height: 4rem;
}
.modal-disconnect-size p {
  margin-bottom: 32px !important;
  font-size: 2rem !important;
  color: #111111 !important;
  font-weight: 400 !important;
  line-height: 3.2rem !important;
}
@media screen and (max-width: 768px) {
  .modal-disconnect-size h3 {
    font-size: 2.4rem !important;
  }
  .modal-disconnect-size p {
    font-size: 1.8rem !important;
  }
}
.modal-disconnect-size .disconnect-btn {
  background-color: #349966;
  padding: 16px 36px;
  border-radius: 40px;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 900;
  line-height: 3.2rem;
  text-transform: uppercase;
  margin-bottom: 32px;
  display: inline-block;
}
.modal-disconnect-size .keep-connection {
  color: #111111 !important;
  font-size: 2rem;
  font-weight: 900;
  line-height: 2.4rem;
  text-transform: uppercase;
  display: block;
}
@media screen and (max-width: 768px) {
  .modal-disconnect-size .mobile-disconnect-btn-group {
    position: absolute;
    bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    border-top: 1px solid #d2d6db;
    padding-top: 20px;
  }
  .modal-disconnect-size .mobile-disconnect-btn-group .disconnect-btn {
    margin-bottom: 20px !important;
    padding: 12px 32px !important;
    width: 90%;
  }
}

.profile-item .profile-name h4 {
  color: #111111 !important;
  margin-bottom: 0px;
  word-break: break-word;
  text-transform: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 24px;
}

.theme4 .modal-manage-learner .profile-name h4,
.theme4 .profile-manage-name {
  color: #111111 !important;
}
.theme4 .profile-item .profile-name h4 {
  color: #ffffff !important;
  margin-bottom: 0px;
}

.theme2 .modal-manage-learner .profile-name h4,
.theme2 .profile-manage-name {
  color: #111111 !important;
}
.theme2 .profile-item .profile-name h4 {
  color: #ffffff !important;
  margin-bottom: 0px;
}

.page-template-page-clover-dashboard .clover-dashboard-intro-connected-learners .connected-learners .profile-item .profile-name h4 {
  color: black !important;
}

.caregiver-create-learner {
  padding: 48px 112px 12px 112px;
}
.caregiver-create-learner .back-home {
  font-weight: 900;
  font-size: 2rem;
  line-height: 2.4rem;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: #111111;
  display: flex;
  align-items: center;
}
.caregiver-create-learner .back-home i {
  float: left;
  margin-right: 12px;
}
.caregiver-create-learner h3 {
  text-align: center;
  margin-top: 56px;
  margin-bottom: 48px;
}
.caregiver-create-learner .add-icon {
  width: 96px;
  height: 96px;
  display: flex;
  padding: 16px;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  margin-bottom: 48px;
  border-radius: 100px;
  margin: 0 auto;
}
.caregiver-create-learner .add-icon img {
  width: 64px;
  height: 64px;
}
.caregiver-create-learner p {
  margin: 0 auto;
  margin-top: 48px;
  max-width: 799px;
  font-weight: 600;
  font-size: 2.8rem;
  line-height: 4rem;
  letter-spacing: 0.6px;
  color: #111111;
  text-align: left;
}
.caregiver-create-learner .gfield.gsection {
  margin-top: 61px !important;
  margin-bottom: 96px !important;
}
.caregiver-create-learner h4 {
  font-weight: 900;
  font-size: 3.2rem;
  line-height: 4rem;
  letter-spacing: 0.006em;
  color: #111111;
  text-transform: unset !important;
}
.caregiver-create-learner .gform_button {
  max-width: 480px !important;
  margin: 0 auto;
  text-align: center;
  height: auto !important;
}
.caregiver-create-learner .gform_wrapper.gravity-theme .gform_footer {
  margin-left: -112px !important;
  margin-right: -112px !important;
  border-top: solid 1px #cccccc;
  padding-top: 16px !important;
  margin-top: 61px !important;
}
.caregiver-create-learner .gfield_required {
  display: none !important;
}
.caregiver-create-learner .gform_wrapper form .gform_body .gfield .fourh-nice-select:after {
  background-image: url("../images/icons/chevron-down.svg") !important;
}
.caregiver-create-learner .gform_wrapper form .gform_body .gfield .gfield_checkbox .gchoice input:checked + label:before {
  background-image: url("../images/icons/check.svg");
}
.caregiver-create-learner .user-info {
  font-weight: 400;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.04px;
  color: #111111;
  text-align: left;
  margin: 0 !important;
  margin-bottom: 32px;
}
.caregiver-create-learner .ginput_complex {
  align-items: flex-start !important;
}
.caregiver-create-learner .ginput_complex label {
  display: none !important;
}
.caregiver-create-learner .car-create-learner-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  margin-bottom: 32px;
  text-transform: initial;
}
.caregiver-create-learner .car-create-learner-text {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .caregiver-create-learner {
    padding: 48px 16px 16px 16px !important;
    margin-left: unset !important;
    margin-right: unset !important;
  }
  .caregiver-create-learner .back-home {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.4px;
    line-height: 2rem;
  }
  .caregiver-create-learner p {
    text-align: center;
    font-size: 2rem;
    letter-spacing: 0.4px;
    line-height: 2.8rem;
    margin: 48px auto 0;
    max-width: unset;
  }
  .caregiver-create-learner h4 {
    font-size: 2.4rem;
    letter-spacing: 0.4px;
    line-height: 3.2rem;
  }
  .caregiver-create-learner .gform_wrapper.gravity-theme .gform_footer {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-top: 16px !important;
    margin-top: 61px !important;
  }
}
.educator-create-learner {
  padding: 48px 112px 12px 112px;
}
.educator-create-learner .back-home {
  font-weight: 900;
  font-size: 2rem;
  line-height: 2.4rem;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: #111111;
  display: flex;
  align-items: center;
}
.educator-create-learner .back-home i {
  float: left;
  margin-right: 12px;
}
.educator-create-learner h3 {
  text-align: center;
  margin-top: 56px;
  margin-bottom: 48px;
}
.educator-create-learner .add-icon {
  width: 96px;
  height: 96px;
  display: flex;
  padding: 16px;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  margin-bottom: 48px;
  border-radius: 100px;
  margin: 0 auto;
}
.educator-create-learner .add-icon img {
  width: 64px;
  height: 64px;
}
.educator-create-learner p {
  margin: 0 auto;
  margin-top: 48px;
  margin-bottom: 96px;
  max-width: 799px;
  font-weight: 600;
  font-size: 2.8rem;
  line-height: 4rem;
  letter-spacing: 0.6px;
  color: #111111;
  text-align: left;
}
.educator-create-learner .gfield.gsection {
  margin-top: 61px !important;
  margin-bottom: 96px !important;
}
.educator-create-learner h4 {
  font-weight: 900;
  font-size: 3.2rem;
  line-height: 4rem;
  letter-spacing: 0.006em;
  color: #111111;
  text-transform: unset !important;
}
.educator-create-learner .gform_button {
  max-width: 480px !important;
  margin: 0 auto;
  text-align: center;
  height: auto !important;
}
.educator-create-learner .gform_wrapper.gravity-theme .gform_footer {
  margin-left: -112px !important;
  margin-right: -112px !important;
  border-top: solid 1px #cccccc;
  padding-top: 16px !important;
  margin-top: 61px !important;
}
.educator-create-learner .gfield_required {
  display: none !important;
}
.educator-create-learner .gform_wrapper form .gform_body .gfield .fourh-nice-select:after {
  background-image: url("../images/icons/chevron-down.svg") !important;
}
.educator-create-learner .gform_wrapper form .gform_body .gfield .gfield_checkbox .gchoice input:checked + label:before {
  background-image: url("../images/icons/check.svg");
}
.educator-create-learner .user-info {
  font-weight: 400;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.04px;
  color: #111111;
  text-align: left;
  margin: 0 !important;
  margin-bottom: 32px;
}
.educator-create-learner .ginput_complex {
  align-items: flex-start !important;
}
.educator-create-learner .ginput_complex label {
  display: none !important;
}
.educator-create-learner .car-create-learner-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  margin-bottom: 32px;
  text-transform: initial;
}
.educator-create-learner .car-create-learner-text {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .educator-create-learner {
    padding: 48px 16px 16px 16px !important;
    margin-left: unset !important;
    margin-right: unset !important;
  }
  .educator-create-learner .back-home {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.4px;
    line-height: 2rem;
  }
  .educator-create-learner p {
    text-align: center;
    font-size: 2rem;
    letter-spacing: 0.4px;
    line-height: 2.8rem;
    margin: 48px auto 96px;
    max-width: unset;
  }
  .educator-create-learner h4 {
    font-size: 2.4rem;
    letter-spacing: 0.4px;
    line-height: 3.2rem;
  }
  .educator-create-learner .gform_wrapper.gravity-theme .gform_footer {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-top: 16px !important;
    margin-top: 61px !important;
  }
}
.clover-smile-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/smile.svg") no-repeat center center;
}

.clover-activity-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/activity.svg") no-repeat center center;
}

.clover-barchart-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/bar-chart-2.svg") no-repeat center center;
}

.clover-gamepad-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/gamepad.svg") no-repeat center center;
}

.clover-calendar-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/calendar.svg") no-repeat center center;
}

.clover-education-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/Education.svg") no-repeat center center;
}

.clover-folder-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/folder.svg") no-repeat center center;
}

.clover-gift-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/gift.svg") no-repeat center center;
}

.clover-globe-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/globe.svg") no-repeat center center;
}

.clover-heart-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/heart.svg") no-repeat center center;
}

.clover-help-circle-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/help-circle.svg") no-repeat center center;
}

.clover-home-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/home.svg") no-repeat center center;
}

.clover-image-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/image.svg") no-repeat center center;
}

.clover-display-name-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/magic-wand.svg") no-repeat center center;
}

.clover-log-out-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/log-out.svg") no-repeat center center;
}

.clover-map-pin-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/map-pin.svg") no-repeat center center;
}

.clover-ruler-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/ruler.svg") no-repeat center center;
}

.clover-shopping-bag-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/shopping-bag.svg") no-repeat center center;
}

.clover-smartphone-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/smartphone.svg") no-repeat center center;
}

.clover-user-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/user.svg") no-repeat center center;
}

.clover-users-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/clover/users.svg") no-repeat center center;
}

.clover-icon-cert {
  display: block;
  height: 80px;
  width: 80px;
  background: url("../images/icons/clover/certificate.svg") no-repeat center center;
}

.clover-icon-gold {
  display: block;
  height: 80px;
  width: 80px;
  background: url("../images/icons/clover/gold.svg") no-repeat center center;
}

.clover-icon-silver {
  display: block;
  height: 80px;
  width: 80px;
  background: url("../images/icons/clover/silver.svg") no-repeat center center;
}

.clover-icon-bronze {
  display: block;
  height: 80px;
  width: 80px;
  background: url("../images/icons/clover/bronze.svg") no-repeat center center;
}

.hide-wp-footer {
  display: none;
}

.page-template-page-activity-basic {
  padding-top: 0px !important;
}
.page-template-page-activity-basic .w-100 {
  width: 100% !important;
}
.page-template-page-activity-basic .activity-basic {
  overflow: hidden;
  position: relative;
}
.page-template-page-activity-basic .activity-basic-top-menu {
  height: 80px;
  background-color: #ffffff;
  padding: 14px 24px;
}
.page-template-page-activity-basic .activity-basic-top-menu .clover-logo {
  float: left;
}
.page-template-page-activity-basic .activity-basic-top-menu .clover-logo img {
  width: 200px;
  height: auto;
}
.page-template-page-activity-basic .activity-basic-top-menu .exit {
  float: right;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 900;
  text-transform: uppercase;
  margin-top: 14px;
}
.page-template-page-activity-basic .activity-basic-top-menu .exit a {
  display: flex;
  align-items: center;
}
.page-template-page-activity-basic .activity-basic-top-menu .exit a span {
  color: #111111;
}
.page-template-page-activity-basic .activity-basic-top-menu .exit a i {
  margin-left: 26px;
}
.page-template-page-activity-basic .activity-course-overview .overview-card {
  min-height: 312px !important;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}
.page-template-page-activity-basic .activity-course-overview .overview-card .activity-status {
  display: none;
}
.page-template-page-activity-basic .activity-course-overview .overview-card .title-status {
  display: none;
}
.page-template-page-activity-basic .activity-course-overview .overview-card .title-topics {
  margin-top: 42px;
}
.page-template-page-activity-basic .activity-course-overview .overview-card .topics-container span {
  margin-left: 0px;
}
.page-template-page-activity-basic .hero-content .activity-basic-information {
  max-width: 650px;
}
.page-template-page-activity-basic .hero-content .activity-basic-information .type-basic {
  text-transform: uppercase;
  font-size: 1.6rem;
  color: #c9e3dc;
  font-weight: 900;
  line-height: 2.4rem;
}
.page-template-page-activity-basic .hero-content .activity-basic-information .activity-basic-title {
  font-size: 4.8rem;
  color: #ffffff;
  font-weight: 900;
  line-height: 5.6rem;
}
.page-template-page-activity-basic .hero-content .activity-basic-overview-topics {
  position: absolute;
  right: 112px;
  top: 96px;
}
.page-template-page-activity-basic .activity-basic-sidemenu {
  position: absolute;
  width: 216px;
  height: 110%;
  float: left;
  background-color: #f9fafb;
  padding: 100px 40px;
  z-index: 100;
  margin-top: -12px;
}
.page-template-page-activity-basic .activity-basic-sidemenu ul li {
  margin-bottom: 24px;
}
.page-template-page-activity-basic .activity-basic-sidemenu ul li i {
  position: absolute;
  left: -10px;
  top: 11px;
  display: none;
}
.page-template-page-activity-basic .activity-basic-sidemenu ul li a {
  color: #111111;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
}
.page-template-page-activity-basic .activity-basic-sidemenu ul .active i {
  display: block;
}
.page-template-page-activity-basic .activity-basic-sidemenu ul .active a {
  color: #349966;
  font-weight: 800;
}
.page-template-page-activity-basic .activity-basic-content {
  float: left;
  width: 100%;
  max-width: 1480px;
  padding-right: 150px;
  padding-left: 366px;
  overflow: hidden;
  visibility: hidden;
}
.page-template-page-activity-basic .activity-basic-content .activity-basic-item {
  padding-top: 100px;
  padding-bottom: 100px;
}
.page-template-page-activity-basic .activity-basic-content .activity-basic-item .menu-title-basic {
  font-size: 4.8rem;
  color: #111111;
  font-weight: 900;
  line-height: 5.6rem;
  position: relative;
}
.page-template-page-activity-basic .activity-basic-content .activity-basic-item .menu-title-basic .icon-separator {
  position: absolute;
  left: -104px;
  width: 72px;
  height: 72px;
  background-color: #fdc82f;
  border-radius: 50px;
  color: #111111;
  float: left;
  top: -6px !important;
}
.page-template-page-activity-basic .activity-basic-content .activity-basic-item .image-youtube-about {
  margin: 0 auto;
  text-align: center;
}
.page-template-page-activity-basic .activity-basic-content .activity-basic-item .image-youtube-about .activity-about-image {
  max-width: 100%;
  height: auto;
  border-radius: 32px;
}
.page-template-page-activity-basic .activity-basic-content .activity-basic-item .image-youtube-about .activity-youtube .image-div {
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.page-template-page-activity-basic .activity-basic-content .activity-basic-item .image-youtube-about .activity-youtube .image-div .youtube-action {
  position: absolute;
  top: calc(50% - 41px);
  left: calc(50% - 59px);
}
.page-template-page-activity-basic .activity-basic-content .activity-basic-item .image-youtube-about .activity-youtube .iframe-div {
  display: none;
  position: relative;
  padding-bottom: 56.25%;
  height: auto;
}
.page-template-page-activity-basic .activity-basic-content .activity-basic-item .image-youtube-about .activity-youtube .iframe-div iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 32px;
}
.page-template-page-activity-basic .activity-basic-content .activity-basic-item .image-youtube-about .activity-youtube .iframe-display-div {
  position: relative;
  padding-bottom: 56.25%;
  height: auto;
}
.page-template-page-activity-basic .activity-basic-content .activity-basic-item .image-youtube-about .activity-youtube .iframe-display-div .iframe_display {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 32px;
}
.page-template-page-activity-basic .activity-basic-content .activity-basic-item .investigate-item-basic {
  width: 100%;
  overflow: hidden;
  margin-bottom: 32px;
}
.page-template-page-activity-basic .activity-basic-content .activity-basic-item .investigate-item-basic .align-left {
  box-sizing: border-box;
  float: left;
  border-radius: 24px;
  width: 59%;
  padding-right: 15px;
}
.page-template-page-activity-basic .activity-basic-content .activity-basic-item .investigate-item-basic .align-left.img {
  width: 39%;
  padding: 0px;
}
@media only screen and (max-width: 1200px) {
  .page-template-page-activity-basic .activity-basic-content .activity-basic-item .investigate-item-basic .align-left {
    float: none;
    width: 100%;
    margin: 15px auto;
    padding: 0px;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-basic-item .investigate-item-basic .align-left.img {
    display: block;
    width: 100%;
    max-width: 450px;
  }
}
.page-template-page-activity-basic .activity-basic-content .activity-basic-item .investigate-item-basic .align-right {
  float: right;
  border-radius: 24px;
  width: 59%;
  padding-left: 15px;
}
.page-template-page-activity-basic .activity-basic-content .activity-basic-item .investigate-item-basic .align-right.img {
  width: 39%;
  padding: 0px;
}
@media only screen and (max-width: 1200px) {
  .page-template-page-activity-basic .activity-basic-content .activity-basic-item .investigate-item-basic .align-right {
    float: none;
    width: 100%;
    margin: 15px auto;
    padding: 0px;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-basic-item .investigate-item-basic .align-right.img {
    display: block;
    width: 100%;
    max-width: 450px;
  }
}
.page-template-page-activity-basic .activity-basic-content .activity-basic-item .investigate-item-basic p {
  margin-bottom: 0px;
  font-weight: 500;
  line-height: 3.2rem;
  font-size: 2rem;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item {
  padding-left: 50px;
  position: relative;
  margin-bottom: 96px;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-count {
  position: absolute;
  left: 0px;
  top: 0;
  background-color: #c9e3dc;
  border-radius: 32px;
  width: 32px;
  height: 32px;
  text-align: center;
  font-size: 2rem;
  font-weight: 3.2rem;
  color: #004438;
  font-weight: 900;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item h5 {
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #111111;
  margin-bottom: 16px;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item h5 p {
  margin: 0;
  padding: 0;
  font-size: unset;
  font-weight: unset;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item h5 a {
  color: #349966;
  font-weight: 900;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item h5 a::after {
  content: "";
  background: url("../images/icons/download-green.svg") no-repeat center center;
  display: inline-block;
  height: 22px;
  width: 22px;
  margin-left: 5px;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item p {
  font-weight: 500;
  font-size: 2rem;
  line-height: 3.2rem;
  color: #111111;
  margin-bottom: 48px;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item p a {
  color: #349966;
  font-weight: 900;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item p a::after {
  content: "";
  background: url("../images/icons/download-green.svg") no-repeat center center;
  display: inline-block;
  height: 22px;
  width: 22px;
  margin-left: 5px;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .activity-step-image-div {
  margin: 0 auto;
  text-align: center;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .activity-step-image-div .activity-step-image {
  max-width: 100%;
  border-radius: 32px;
  margin-bottom: 48px;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-youtube {
  position: relative;
  height: auto;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-youtube .iframe_display_yt3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 32px;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-youtube .step-youtube-preview-image {
  width: 100%;
  height: auto;
  border-radius: 32px;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-youtube .youtube-action {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-youtube .iframe_no_yt3 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 32px;
  display: none;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-youtube iframe {
  max-height: 100%;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-dyn {
  position: relative;
  background-color: #ebbda9;
  padding: 40px 48px;
  box-shadow: 16px 16px 0px #f54359;
  border-radius: 24px;
  margin-left: -152px;
  margin-bottom: 80px;
  margin-top: 40px;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-dyn .sticker {
  position: absolute;
  right: -28px;
  top: -40px;
  width: 120px;
  height: 120px;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-dyn span {
  font-weight: 900;
  font-size: 1.6rem;
  line-height: 2.4rem;
  background-color: #ffffff;
  text-transform: uppercase;
  border-radius: 16px;
  padding: 4px 16px;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-dyn p {
  margin-top: 20px;
  margin-bottom: 0px;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #111111;
  font-weight: 900;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-resources {
  max-width: 600px;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-qr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-qr p {
  font-size: 2rem;
  line-height: 3.2rem;
  color: #4d5761;
  font-weight: 500;
  margin-right: 32px;
  margin-bottom: 0px;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-qr .step-qr-image {
  padding: 16px;
  border-radius: 24px;
  border: solid 16px #349966;
  text-align: center;
  max-width: 220px;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-qr .step-qr-image img {
  width: 160px;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-qr .step-qr-image span {
  color: #111111;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
}
.page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-qr .ar-btn {
  display: none;
}
.page-template-page-activity-basic .activity-basic-content .bonus-item {
  position: relative;
  margin-bottom: 100px;
  padding-top: 100px;
  padding-bottom: 100px;
  color: #ffffff !important;
}
.page-template-page-activity-basic .activity-basic-content .bonus-item .bonus-image {
  position: absolute;
  right: -200px;
  top: -166px;
}
.page-template-page-activity-basic .activity-basic-content .bonus-item .bonus-sticker {
  color: #ffffff;
  background-color: #349966;
  padding: 4px 16px;
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 2.4rem;
  text-transform: uppercase;
  border-radius: 16px;
  margin-bottom: 16px;
  width: fit-content;
}
.page-template-page-activity-basic .activity-basic-content .bonus-item h5,
.page-template-page-activity-basic .activity-basic-content .bonus-item p {
  color: #ffffff !important;
}
.page-template-page-activity-basic .activity-basic-content .bonus-item ul li {
  background-image: url("../images/icons/leaf.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 50px;
  margin-bottom: 30px !important;
  background-size: 32px;
}
.page-template-page-activity-basic .activity-basic-content .bonus-item::before {
  background-color: #111111;
  content: "";
  width: 120vw;
  height: 100%;
  top: 0;
  left: -500px;
  position: absolute;
  transform: rotate(-5deg);
  z-index: -1;
}
.page-template-page-activity-basic .activity-basic-content .reflection {
  position: relative;
  margin-bottom: 100px;
  padding-left: 100px;
  padding-top: 170px !important;
}
.page-template-page-activity-basic .activity-basic-content .reflection .icon-separator {
  background-color: #004438 !important;
}
.page-template-page-activity-basic .activity-basic-content .reflection h5,
.page-template-page-activity-basic .activity-basic-content .reflection p {
  color: #111111 !important;
}
.page-template-page-activity-basic .activity-basic-content .reflection .reflection-questions {
  display: flex;
  color: #111111;
}
.page-template-page-activity-basic .activity-basic-content .reflection .reflection-questions span {
  background-color: #ffffff;
  padding: 12px;
  height: 32px;
  color: #004438;
  margin-right: 16px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
}
.page-template-page-activity-basic .activity-basic-content .reflection .reflection-questions span,
.page-template-page-activity-basic .activity-basic-content .reflection .reflection-questions p {
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 3.2rem;
}
.page-template-page-activity-basic .activity-basic-content .reflection::before {
  background-color: #c9e3dc;
  content: "";
  width: 200vw;
  height: 100%;
  top: 0;
  left: -500px;
  position: absolute;
  transform: rotate(-5deg);
  z-index: -1;
}
.page-template-page-activity-basic .activity-basic-content hr {
  border: solid 1px #d2d6db;
}
.page-template-page-activity-basic .activity-basic-content h5 {
  color: #111111;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.2rem;
  margin-bottom: 24px;
  text-transform: unset !important;
}
.page-template-page-activity-basic .activity-basic-content p {
  color: #4d5761;
  font-size: 2rem;
  font-weight: 500;
  line-height: 3.2rem;
  margin-bottom: 50px;
}
.page-template-page-activity-basic .activity-basic-content .no-materials {
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.page-template-page-activity-basic .activity-basic-content .no-materials p {
  margin-bottom: 0px;
}
.page-template-page-activity-basic .activity-basic-content .materials-needed-basic {
  overflow: hidden;
  width: 100%;
}
.page-template-page-activity-basic .activity-basic-content .materials-needed-basic .materials-item-basic {
  width: 50%;
  float: left;
}
.page-template-page-activity-basic .activity-basic-content .materials-needed-basic .materials-item-basic p {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.page-template-page-activity-basic .activity-basic-content .materials-needed-basic .materials-item-basic p a {
  display: flex;
  align-items: center;
}
.page-template-page-activity-basic .activity-basic-content .materials-needed-basic .materials-item-basic p a .icon-right {
  margin-left: 10px;
}
.page-template-page-activity-basic .activity-basic-content .materials-needed-basic .materials-item-basic p i {
  margin-right: 20px;
}
.page-template-page-activity-basic .activity-basic-content .activity-basic-quiz {
  border: solid 16px #349966;
  border-radius: 24px;
}
.page-template-page-activity-basic .activity-basic-content #iframe-section-wrapper {
  padding: 40px 0;
  text-align: center;
}
.page-template-page-activity-basic .activity-basic-content #iframe-section-wrapper .fourh-btn {
  background-color: #349966;
}
.page-template-page-activity-basic .activity-basic-content #iframe-section-wrapper .not-supported-device {
  display: none;
}
@media screen and (max-width: 768px) {
  .page-template-page-activity-basic .activity-basic-content #iframe-section-wrapper .fourh-btn {
    background-color: #d2d6db;
    cursor: default;
  }
  .page-template-page-activity-basic .activity-basic-content #iframe-section-wrapper .not-supported-device {
    display: block;
    margin-bottom: 0;
    padding-top: 20px;
  }
}
@media screen and (max-width: 1280px) {
  .page-template-page-activity-basic .hero-content .activity-basic-information {
    max-width: 500px;
  }
}
@media screen and (max-width: 1050px) {
  .page-template-page-activity-basic .hero-content .activity-basic-information {
    max-width: 400px;
  }
  .page-template-page-activity-basic .activity-basic-content {
    padding-left: 340px;
    padding-right: 60px;
  }
  .page-template-page-activity-basic .activity-basic-content .materials-needed-basic {
    padding-top: 50px;
  }
  .page-template-page-activity-basic .activity-basic-content .materials-needed-basic .materials-item-basic {
    width: 100%;
  }
  .page-template-page-activity-basic .activity-basic-content .bonus-item .bonus-image {
    right: -60px;
  }
}
@media (min-width: 769px) and (max-width: 1050px) {
  .page-template-page-activity-basic .activity-course-hero .hero-content {
    max-width: 200px !important;
  }
}
@media screen and (max-width: 768px) {
  .page-template-page-activity-basic .activity-basic-top-menu .exit span {
    display: none;
  }
  .page-template-page-activity-basic .activity-course-hero {
    margin-bottom: 0px;
    height: unset !important;
    padding-bottom: 96px !important;
    padding-top: 10px;
  }
  .page-template-page-activity-basic .activity-course-hero .overview-card {
    width: 342px;
    padding: 22px 20px;
  }
  .page-template-page-activity-basic .activity-course-hero .overview-card .information-container {
    display: inline-flex;
    align-items: center;
  }
  .page-template-page-activity-basic .activity-course-hero .overview-card .information-container .number-activities-container {
    margin-left: 10px;
    margin-top: 0px;
  }
  .page-template-page-activity-basic .activity-course-hero .overview-card .topics-container span {
    margin-right: 10px;
  }
  .page-template-page-activity-basic .activity-course-hero .overview-card .activity-status p {
    margin-bottom: 0px;
  }
  .page-template-page-activity-basic .activity-course-hero:before {
    position: unset !important;
  }
  .page-template-page-activity-basic .title-topics {
    margin-top: 24px !important;
  }
  .page-template-page-activity-basic .title-status {
    display: block !important;
  }
  .page-template-page-activity-basic .activity-status {
    display: flex !important;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #4d5761;
    font-weight: 500;
  }
  .page-template-page-activity-basic .activity-status i {
    margin-right: 12px;
  }
  .page-template-page-activity-basic .hero-content .activity-basic-information {
    max-width: 100%;
  }
  .page-template-page-activity-basic .hero-content .activity-basic-overview-topics {
    top: unset;
    right: unset;
    bottom: 96px;
    transform: translateY(100%);
  }
  .page-template-page-activity-basic .activity-basic-sidemenu {
    display: none;
  }
  .page-template-page-activity-basic .activity-basic-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-basic-item {
    padding-bottom: 64px;
    padding-top: 64px;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-basic-item .menu-title-basic {
    margin-left: 112px;
    font-size: 3.2rem;
    line-height: 4rem;
    display: flex;
    align-items: center;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-basic-item .menu-title-basic .icon-separator {
    top: unset !important;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-basic-item h5 {
    margin-top: 50px;
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-basic-item p {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-basic-item .paragraph {
    margin-top: 60px;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-basic-item .investigate-item-basic {
    display: block;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-basic-item .investigate-item-basic .image-left {
    margin-right: 0px;
    max-width: 100%;
    margin-bottom: 48px;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-basic-item .investigate-item-basic .image-right {
    margin-left: 0px;
    max-width: 100%;
    margin-bottom: 48px;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-basic-item .investigate-item-basic p {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 48px;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-basic-item .investigate-item-basic .hide-mobile {
    display: none;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-basic-item .investigate-item-basic .hide-desktop {
    display: block;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-basic-item:first-child {
    padding-top: 0px;
  }
  .page-template-page-activity-basic .activity-basic-content .no-materials {
    text-align: left;
  }
  .page-template-page-activity-basic .activity-basic-content .materials-needed-basic {
    padding-top: 50px;
  }
  .page-template-page-activity-basic .activity-basic-content .materials-needed-basic .materials-item-basic {
    width: 100%;
  }
  .page-template-page-activity-basic .activity-basic-content .bonus-item .bonus-image {
    width: 130px;
    right: -15px;
    top: -100px;
  }
  .page-template-page-activity-basic .activity-basic-content .bonus-item::before {
    left: -70px;
  }
  .page-template-page-activity-basic .activity-basic-content .reflection {
    padding-left: 0px;
    padding-bottom: 45px !important;
    padding-top: 80px !important;
  }
  .page-template-page-activity-basic .activity-basic-content .reflection .paragraph-reflection {
    padding-top: 48px;
  }
  .page-template-page-activity-basic .activity-basic-content .reflection::before {
    left: -70px;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-steps-item .w3eden {
    margin-left: -50px;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-steps-item .activity-step-image {
    margin-left: -50px;
    width: calc(100% + 50px);
    max-width: unset !important;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-youtube {
    margin-left: -50px;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-dyn {
    margin-left: -50px;
    margin-right: 20px;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-qr {
    display: block;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-qr p {
    margin-bottom: 32px;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-qr .step-qr-image {
    margin-bottom: 32px;
    margin-left: -50px;
    display: none;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-qr .step-qr-image span {
    display: block;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-qr .ar-btn {
    display: block;
    color: #ffffff;
    background-color: #349966;
    padding: 12px 32px;
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 2.4rem;
    text-transform: uppercase;
    border-radius: 40px;
    margin-bottom: 100px;
    margin-left: -50px;
    text-transform: uppercase;
    text-align: center;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-resources {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  .page-template-page-activity-basic .activity-basic-content .activity-steps-item .step-resources .btn-resources {
    display: none !important;
  }
}
.page-template-page-activity-basic .activity-iframe-introduction-video-wrapper {
  width: 100%;
  border: 16px solid #349966;
  border-radius: 24px;
  padding-top: 63.75%;
  position: relative;
  margin-bottom: 40px;
}
.page-template-page-activity-basic .activity-iframe-introduction-video-wrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#iframe-modal {
  z-index: 10000;
  background: #349966;
  padding: 20px;
  padding-bottom: 60px;
}
#iframe-modal.single {
  padding: 20px 20px 20px;
}
#iframe-modal.single .modal-content .modal-body .header {
  height: 70px;
  padding-bottom: 10px;
}
#iframe-modal.single .modal-content .modal-body .header .close {
  height: 60px;
  width: 60px;
}
#iframe-modal.single .modal-content .modal-body .content {
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
}
#iframe-modal.single .modal-content .modal-body .content .iframe-embed {
  width: 57%;
  height: 0;
  position: relative;
  padding-top: 36%;
}
@media screen and (max-width: 1300px) {
  #iframe-modal.single .modal-content .modal-body .content .iframe-embed {
    width: 80%;
    padding-top: 56.25%;
    height: 0;
  }
}
#iframe-modal.single .modal-content .modal-body .content .iframe-embed iframe {
  background-color: #ffffff;
  border: 10px solid #ffffff;
  position: absolute;
  left: 0;
  top: 0;
}
#iframe-modal.single .modal-content .modal-body .content .navigation {
  justify-content: center;
  position: initial;
  margin-top: 20px;
}
#iframe-modal.single .modal-content .modal-body .content .navigation button {
  margin: 0 10px;
}
#iframe-modal.single .modal-content .modal-body .content .navigation button.finish {
  display: block;
}
#iframe-modal.single .modal-content .modal-body .content .navigation button.help {
  position: initial;
}
#iframe-modal.single .modal-content .modal-body .content .navigation button img {
  height: 18px;
}
#iframe-modal .modal-content {
  height: 100%;
  width: 100%;
}
#iframe-modal .modal-content .modal-body {
  display: flex;
  justify-content: space-between;
  height: 100%;
  flex-direction: column;
}
#iframe-modal .modal-content .modal-body .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 110px;
  padding-bottom: 40px;
}
#iframe-modal .modal-content .modal-body .header .logo {
  height: 100%;
  background-color: #ffffff;
  padding: 9px 40px;
  border-radius: 40px;
}
#iframe-modal .modal-content .modal-body .header .logo img {
  height: 100%;
}
#iframe-modal .modal-content .modal-body .header .partners {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
  background-color: #ffffff;
  padding: 5px 10px 5px 20px;
  border-radius: 40px;
  margin-right: 80px;
}
#iframe-modal .modal-content .modal-body .header .partners p {
  margin-bottom: 0;
  padding-bottom: 0;
  color: #349966;
  font-weight: 900;
  font-size: 2.7rem;
  padding-right: 20px;
}
#iframe-modal .modal-content .modal-body .header .partners .logos {
  height: 70%;
}
#iframe-modal .modal-content .modal-body .header .partners .logos img {
  height: 100%;
  margin-right: 10px;
}
#iframe-modal .modal-content .modal-body .header .close {
  font-size: 32px;
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: #fcca43;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  transform: opacity ease-in-out 0.3s;
}
#iframe-modal .modal-content .modal-body .header .close:hover {
  opacity: 0.8;
}
#iframe-modal .modal-content .modal-body .content {
  display: flex;
  justify-content: space-between;
  height: calc(100% - 110px);
  position: relative;
}
#iframe-modal .modal-content .modal-body .content .iframe-videos {
  display: flex;
  flex-direction: column;
  width: 49%;
  height: 100%;
  position: relative;
}
#iframe-modal .modal-content .modal-body .content .iframe-videos .video {
  position: relative;
  width: 100%;
  padding-top: 34vw;
}
#iframe-modal .modal-content .modal-body .content .iframe-videos .video.wait::after {
  background-color: rgb(255, 255, 255) !important;
  background-image: linear-gradient(transparent, transparent), url(/wp-content/themes/4h/assets/images/loader.gif) !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: 100px 100px !important;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
  padding-top: 30vw;
  border-radius: 20px;
}
#iframe-modal .modal-content .modal-body .content .iframe-videos .video.wait iframe {
  display: none;
}
#iframe-modal .modal-content .modal-body .content .iframe-videos .video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#iframe-modal .modal-content .modal-body .content .navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 54px;
  position: absolute;
  width: 100%;
  top: 33vw;
  left: 0;
}
@media screen and (min-width: 800px) {
  #iframe-modal .modal-content .modal-body .content .navigation {
    top: 32vw;
  }
}
@media screen and (min-width: 1200px) {
  #iframe-modal .modal-content .modal-body .content .navigation {
    top: 31vw;
  }
}
#iframe-modal .modal-content .modal-body .content .navigation button {
  background-color: #01453b;
  border-radius: 40px;
  padding: 16px 24px;
  color: #ffffff;
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: 900;
  text-transform: uppercase;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  transform: opacity ease-in-out 0.3s;
}
#iframe-modal .modal-content .modal-body .content .navigation button:hover {
  opacity: 0.8;
}
@media screen and (max-width: 1050px) {
  #iframe-modal .modal-content .modal-body .content .navigation button {
    padding: 12px 24px;
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  #iframe-modal .modal-content .modal-body .content .navigation button {
    padding: 10px 20px;
    font-size: 1.2rem;
    line-height: 2.4rem;
  }
}
#iframe-modal .modal-content .modal-body .content .navigation button:disabled {
  background-color: #d2d6db;
}
#iframe-modal .modal-content .modal-body .content .navigation button.finish {
  display: none;
}
#iframe-modal .modal-content .modal-body .content .navigation button.prev i::before {
  content: url("../images/icons/w-arrow-right.svg");
  transform: rotate(180deg);
  background: none;
  height: 21px;
  display: block;
}
#iframe-modal .modal-content .modal-body .content .navigation button.next i::before {
  content: url("../images/icons/w-arrow-right.svg");
  background: none;
  height: 21px;
  display: block;
}
#iframe-modal .modal-content .modal-body .content .navigation button.help {
  position: absolute;
  left: calc(50% - 54px);
}
#iframe-modal .modal-content .modal-body .content .iframe-embed {
  display: flex;
  flex-direction: column;
  width: 50%;
  height: 100%;
}
#iframe-modal .modal-content .modal-body .content .iframe-embed iframe,
#iframe-modal .modal-content .modal-body .content .iframe-embed boxy-svg {
  height: auto;
  width: 100%;
  height: 100%;
  border: 13px solid #ffffff;
  border-radius: 20px;
}
#iframe-modal .modal-content .modal-body .content .iframe-embed.scratch iframe, #iframe-modal .modal-content .modal-body .content .iframe-embed.editor-audio iframe, #iframe-modal .modal-content .modal-body .content .iframe-embed.pixlr iframe, #iframe-modal .modal-content .modal-body .content .iframe-embed.blockscad3d iframe {
  transform-origin: 0 0;
  height: 334%;
  transform: scale(0.3);
  width: 158vw;
  position: absolute;
  border: 20px solid #ffffff;
  border-radius: 20px;
}
@media screen and (min-width: 900px) {
  #iframe-modal .modal-content .modal-body .content .iframe-embed.scratch iframe, #iframe-modal .modal-content .modal-body .content .iframe-embed.editor-audio iframe, #iframe-modal .modal-content .modal-body .content .iframe-embed.pixlr iframe, #iframe-modal .modal-content .modal-body .content .iframe-embed.blockscad3d iframe {
    height: 251%;
    transform: scale(0.4);
    width: 121vw;
  }
}
@media screen and (min-width: 1100px) {
  #iframe-modal .modal-content .modal-body .content .iframe-embed.scratch iframe, #iframe-modal .modal-content .modal-body .content .iframe-embed.editor-audio iframe, #iframe-modal .modal-content .modal-body .content .iframe-embed.pixlr iframe, #iframe-modal .modal-content .modal-body .content .iframe-embed.blockscad3d iframe {
    height: 203%;
    transform: scale(0.495);
    width: 98vw;
  }
}
@media screen and (min-width: 1300px) {
  #iframe-modal .modal-content .modal-body .content .iframe-embed.scratch iframe, #iframe-modal .modal-content .modal-body .content .iframe-embed.editor-audio iframe, #iframe-modal .modal-content .modal-body .content .iframe-embed.pixlr iframe, #iframe-modal .modal-content .modal-body .content .iframe-embed.blockscad3d iframe {
    transform: scale(0.585);
    width: 83vw;
    height: 172%;
  }
}
@media screen and (min-width: 1550px) {
  #iframe-modal .modal-content .modal-body .content .iframe-embed.scratch iframe, #iframe-modal .modal-content .modal-body .content .iframe-embed.editor-audio iframe, #iframe-modal .modal-content .modal-body .content .iframe-embed.pixlr iframe, #iframe-modal .modal-content .modal-body .content .iframe-embed.blockscad3d iframe {
    transform: scale(0.7);
    width: 70vw;
    height: 144%;
  }
}
@media screen and (min-width: 1766px) {
  #iframe-modal .modal-content .modal-body .content .iframe-embed.scratch iframe, #iframe-modal .modal-content .modal-body .content .iframe-embed.editor-audio iframe, #iframe-modal .modal-content .modal-body .content .iframe-embed.pixlr iframe, #iframe-modal .modal-content .modal-body .content .iframe-embed.blockscad3d iframe {
    transform: scale(0.8);
    width: 61vw;
    height: 126%;
  }
}
#iframe-modal .modal-content .modal-body .content .iframe-embed.paintz iframe {
  transform-origin: 0 0;
  height: 350%;
  transform: scale(0.295);
  width: 162vw;
  position: absolute;
  border: 20px solid #ffffff;
  border-radius: 20px;
}
@media screen and (min-width: 900px) {
  #iframe-modal .modal-content .modal-body .content .iframe-embed.paintz iframe {
    height: 292%;
    transform: scale(0.35);
    width: 138vw;
  }
}
@media screen and (min-width: 1100px) {
  #iframe-modal .modal-content .modal-body .content .iframe-embed.paintz iframe {
    height: 240%;
    transform: scale(0.425);
    width: 113vw;
  }
}
@media screen and (min-width: 1300px) {
  #iframe-modal .modal-content .modal-body .content .iframe-embed.paintz iframe {
    transform: scale(0.5);
    width: 97vw;
    height: 201%;
  }
}
@media screen and (min-width: 1550px) {
  #iframe-modal .modal-content .modal-body .content .iframe-embed.paintz iframe {
    transform: scale(0.6);
    width: 81vw;
    height: 171%;
  }
}
@media screen and (min-width: 1766px) {
  #iframe-modal .modal-content .modal-body .content .iframe-embed.paintz iframe {
    transform: scale(0.7);
    width: 70vw;
    height: 147%;
  }
}

#iframe-help-modal {
  z-index: 10000;
  padding: 30px;
}
#iframe-help-modal .modal-content {
  height: 80%;
  width: 90%;
  position: relative;
  background-color: #fff;
  border-radius: 16px;
  padding: 30px;
  left: 5%;
  top: 10%;
}
#iframe-help-modal .modal-content .close {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 32px;
}
#iframe-help-modal .modal-content .modal-body {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
#iframe-help-modal .modal-content .modal-body .iframe-videos {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}
#iframe-help-modal .modal-content .modal-body .iframe-videos .video {
  height: calc(100% - 60px);
}
#iframe-help-modal .modal-content .modal-body .iframe-videos .video iframe {
  width: 100%;
  height: 100%;
}
#iframe-help-modal .modal-content .modal-body .navigation {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  width: 30%;
  flex-direction: column;
  padding-right: 20px;
}
#iframe-help-modal .modal-content .modal-body .navigation button {
  background-color: #349966;
  border-radius: 40px;
  padding: 16px 32px;
  color: #ffffff;
  font-size: 2rem;
  line-height: 2.2rem;
  display: block;
  margin-bottom: 10px;
}
#iframe-help-modal .modal-content .modal-body .navigation button.active {
  background-color: #57b78e;
}

.activity-basic-wrapper {
  position: relative;
  overflow: visible;
  margin-bottom: 150px;
}

.activity-basic-complete {
  background-color: #f3f4f6;
  padding-top: 50px;
  padding-bottom: 100px;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
  position: relative;
  margin: 0 auto;
  text-align: center;
  z-index: 999;
  box-shadow: 20px 20px 0 0 #ebbda9;
  border-radius: 40px;
  top: 60px;
  margin-bottom: 150px;
}
.activity-basic-complete h3 {
  color: #111111;
  text-align: center;
  font-size: 4.8rem;
  font-weight: 900;
  line-height: 5.6rem;
  margin-bottom: 3rem;
}
.activity-basic-complete .level-up-img {
  position: absolute;
  top: 0;
  position: absolute;
  left: -100px;
  z-index: 9999;
}
.activity-basic-complete .game-controller-img {
  padding-bottom: 30px;
}
.activity-basic-complete p {
  width: 60%;
  text-align: left;
  font-weight: bold;
}
.activity-basic-complete button {
  background-color: #349966;
  border-radius: 40px;
  padding: 16px 32px;
  color: #ffffff;
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 900;
  text-transform: uppercase;
}
.activity-basic-complete .signup_for_more {
  background-color: #349966;
  border-radius: 40px;
  padding: 16px 32px;
  color: #ffffff;
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 900;
  text-transform: uppercase;
}
.activity-basic-complete .image-left {
  position: absolute;
  left: 0;
  top: 0;
}
.activity-basic-complete .image-right {
  position: absolute;
  right: 0;
  top: 0;
}
.activity-basic-complete #activity-complete button:hover {
  background-color: #349966;
}
.activity-basic-complete #activity-complete button:active {
  background-color: #349966;
}
.activity-basic-complete #activity-complete button:focus {
  background-color: #349966;
}

.activity-basic-not-logged-in-left-side {
  display: flex;
  flex-shrink: 0;
  height: 440px;
  justify-content: center;
  position: relative;
  z-index: 9999;
  bottom: 170px;
}
.activity-basic-not-logged-in-left-side .image-left {
  position: absolute;
  z-index: 9999;
  left: -140px;
}

.activity-basic-not-logged-in {
  background: var(--Secondary-Sunflower, #fdc82f);
  height: 340px;
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  padding-top: 70px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 999;
  justify-content: space-around;
}
.activity-basic-not-logged-in-mobile-img {
  display: none;
}
.activity-basic-not-logged-in-right-side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 50px;
  width: 55%;
}
.activity-basic-not-logged-in-right-side-title {
  margin-bottom: 24px;
}
.activity-basic-not-logged-in-right-side-paragraph {
  text-align: left;
  margin-bottom: 24px;
}
.activity-basic-not-logged-in-right-side .signup_for_more {
  background-color: #349966;
  border-radius: 40px;
  color: #fff;
  font-size: 2rem;
  font-weight: 900;
  line-height: 3.2rem;
  padding: 16px 32px;
  text-transform: uppercase;
  display: flex;
  width: 340px;
  justify-content: center;
  align-items: center;
  gap: var(--spacing8, 8px);
}

@media screen and (max-width: 1050px) {
  .activity-basic-not-logged-in-left-side .image-left {
    display: none;
  }
  .activity-basic-not-logged-in {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-top: 0px;
    height: 440px;
  }
  .activity-basic-not-logged-in-mobile-img {
    display: block;
    margin-bottom: 20px;
    position: relative;
  }
  .activity-basic-not-logged-in-mobile-img img {
    display: block;
  }
  .activity-basic-not-logged-in-mobile-img-text-wrapper {
    bottom: 72px;
    color: #fdc82f;
    left: 18px;
    position: absolute;
    width: 100%;
  }
  .activity-basic-not-logged-in-mobile-img-text-wrapper .activity-basic-not-logged-in-mobile-img-text {
    color: var(--Secondary-Sunflower, #fdc82f);
    font-family: "4H Akzidenz";
    font-feature-settings: "liga" off, "clig" off;
    font-size: 19.27px;
    font-style: normal;
    font-weight: 700;
    line-height: 15.273px;
    position: absolute;
    text-transform: uppercase;
    transform: rotate(6deg);
  }
  .activity-basic-not-logged-in-left-side {
    display: flex;
    position: absolute;
    bottom: 110px;
    z-index: 9999;
    width: 553px;
    height: 440px;
    flex-shrink: 0;
  }
  .activity-basic-not-logged-in-right-side {
    align-items: center;
    padding-right: 0px;
    width: 100%;
  }
  .activity-basic-not-logged-in-right-side-paragraph {
    text-align: center;
  }
  .activity-basic-not-logged-in-right-side .signup_for_more {
    width: 80%;
  }
}
@media screen and (min-width: 1050px) and (max-width: 1780px) {
  .activity-basic-not-logged-in {
    padding-top: 40px !important;
  }
  .activity-basic-not-logged-in-right-side {
    padding-left: 200px;
  }
}
.activity-basic-disclaimer {
  display: flex;
  width: 100%;
  background-color: #111111;
  padding: 16px 80px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 2rem;
  z-index: 999;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .activity-basic-complete {
    width: 85%;
  }
  .activity-basic-complete h3 {
    font-size: 4rem;
    line-height: 4.8rem;
  }
  .activity-basic-complete button {
    padding: 12px 24px;
    font-size: 1.8rem;
    line-height: 2.4rem;
    width: 100%;
  }
  .activity-basic-complete .level-up-img {
    top: -80px;
    left: 0;
  }
  .activity-basic-complete .image-left {
    position: absolute;
    left: -290px;
    top: -200px;
  }
  .activity-basic-complete .image-right {
    position: absolute;
    right: -290px;
    top: -200px;
  }
  .activity-basic-complete .signup_for_more {
    padding: 16px 20px;
    font-size: 1.7rem;
  }
  .activity-basic-disclaimer {
    padding: 16px 16px;
  }
  .icon-separator {
    top: unset !important;
  }
}
@page {}
.page-template-page-activity-pdf {
  width: 100%;
  height: calc(90% - 50px);
}
.page-template-page-activity-pdf .counter:before {
  content: counter(page);
}
.page-template-page-activity-pdf .page-break {
  page-break-before: always;
}
.page-template-page-activity-pdf table {
  width: 100%;
}
.page-template-page-activity-pdf .i-100 {
  width: 100%;
  height: auto;
  border-radius: 32px;
}
.page-template-page-activity-pdf .w-60 {
  width: 60%;
}
.page-template-page-activity-pdf .w-26p {
  width: 26px;
}
.page-template-page-activity-pdf .w-40 {
  width: 40%;
}
.page-template-page-activity-pdf .w-100 {
  width: 100%;
}
.page-template-page-activity-pdf .ml-16 {
  margin-left: 16px;
}
.page-template-page-activity-pdf .mr-16 {
  margin-right: 16px;
}
.page-template-page-activity-pdf .mb-16 {
  margin-bottom: 16px;
}
.page-template-page-activity-pdf .mt-24 {
  margin-top: 24px;
}
.page-template-page-activity-pdf .mb-24 {
  margin-bottom: 24px;
}
.page-template-page-activity-pdf .va-top {
  vertical-align: top;
}
.page-template-page-activity-pdf .va-middle {
  vertical-align: middle;
}
.page-template-page-activity-pdf .h-86p {
  height: 86px;
}
.page-template-page-activity-pdf .italic {
  font-style: italic;
}
.page-template-page-activity-pdf .mask {
  position: fixed;
  top: -66px;
  left: -44px;
  right: -44px;
  bottom: -10px;
  background-color: transparent;
  border: solid 4px #349966;
  border-radius: 16px;
}
.page-template-page-activity-pdf .mask .header {
  height: 32px;
  position: absolute;
  top: 0;
  right: 50px;
  background-color: #349966;
  width: 200px;
  border-radius: 0px 0px 16px 16px;
  padding: 0px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-template-page-activity-pdf .mask .header .clock {
  position: absolute;
  top: 5px;
  left: 15px;
}
.page-template-page-activity-pdf .mask .header .graduation {
  position: absolute;
  top: 5px;
  left: 105px;
}
.page-template-page-activity-pdf .mask .header .clock-span {
  font-size: 1rem;
  line-height: 1rem;
  font-weight: normal;
  color: #ffffff;
  position: absolute;
  top: 8px;
  left: 40px;
}
.page-template-page-activity-pdf .mask .header .graduation-span {
  font-size: 1rem;
  line-height: 1rem;
  font-weight: normal;
  color: #ffffff;
  position: absolute;
  top: 8px;
  left: 130px;
}
.page-template-page-activity-pdf .mask .footer {
  height: 32px;
  position: absolute;
  bottom: -80px;
  border-radius: 0px 0px 16px 16px;
  width: 100%;
  background-color: #349966;
}
.page-template-page-activity-pdf .mask .footer img {
  height: 12px;
  width: auto;
  padding-right: 16px;
  padding-left: 16px;
  border-right: solid 1px #ffffff;
  position: absolute;
  bottom: 5px;
  left: 10px;
}
.page-template-page-activity-pdf .mask .footer p {
  padding-left: 16px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 0px !important;
  position: absolute;
  left: 80px;
  bottom: 5px;
}
.page-template-page-activity-pdf .mask .footer span {
  position: absolute;
  right: 16px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  bottom: 5px;
}
.page-template-page-activity-pdf .cover {
  width: auto;
  height: 100%;
  page-break-after: always;
  z-index: 999;
  padding: 0;
  margin-top: -66px;
  margin-left: -44px;
  margin-right: -44px;
  margin-bottom: -10px;
}
.page-template-page-activity-pdf .cover .activity-pdf-top-menu {
  height: 42px;
  background-color: #f9fafb;
  border-radius: 16px 16px 0px 0px;
  padding: 14px 18px;
  z-index: 1;
}
.page-template-page-activity-pdf .cover .activity-pdf-top-menu .clover-logo {
  float: left;
}
.page-template-page-activity-pdf .cover .activity-pdf-top-menu .clover-logo img {
  width: 120px;
  height: auto;
}
.page-template-page-activity-pdf .cover .activity-pdf-top-menu .clover-msg {
  display: flex;
  text-align: center;
  justify-content: center;
  font-size: 1rem;
  line-height: 13px;
  font-weight: normal;
  color: #111111;
  padding-top: 5px;
}
.page-template-page-activity-pdf .cover .activity-pdf-top-menu .clover-msg img {
  height: 13px;
}
.page-template-page-activity-pdf .cover .activity-pdf-top-menu .clover-msg a {
  color: #349966;
  text-decoration: underline;
  padding-left: 5px;
  font-weight: bold !important;
}
.page-template-page-activity-pdf .cover .header-content {
  background-color: #349966;
  padding: 32px 50px;
  z-index: 3;
  width: inherit;
  margin-top: 0px;
}
.page-template-page-activity-pdf .cover .header-content .activity-pdf-information {
  max-width: 450px;
}
.page-template-page-activity-pdf .cover .header-content .activity-pdf-information h3 {
  font-size: 3.2rem;
  color: #ffffff;
  font-weight: bold;
  line-height: 3.6rem;
  margin-bottom: 10px;
}
.page-template-page-activity-pdf .cover .header-content .activity-pdf-information .pdf-description {
  font-size: 1.4rem;
  color: #ffffff;
  font-weight: normal;
  line-height: 1.8rem;
  margin-bottom: 0px;
  text-transform: unset;
}
.page-template-page-activity-pdf .cover .header-content .activity-pdf-overview-topics {
  width: 140px;
  margin-left: auto;
}
.page-template-page-activity-pdf .cover .header-content .activity-pdf-overview-topics .activity-course-overview {
  float: right;
}
.page-template-page-activity-pdf .cover .header-content .activity-course-overview .overview-card {
  width: 140px;
  padding: 16px;
  height: unset !important;
  min-height: unset !important;
}
.page-template-page-activity-pdf .cover .header-content .activity-course-overview .overview-card .title {
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: bold;
  color: #111111;
}
.page-template-page-activity-pdf .cover .header-content .activity-course-overview .overview-card .information-container .graduation-container span {
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: normal;
  color: #111111;
}
.page-template-page-activity-pdf .cover .header-content .activity-course-overview .overview-card .information-container .number-activities-container span {
  font-size: 1rem;
  line-height: 2rem;
  font-weight: normal;
  color: #111111;
}
.page-template-page-activity-pdf .cover .header-content .activity-course-overview .overview-card .activity-status {
  display: none;
}
.page-template-page-activity-pdf .cover .header-content .activity-course-overview .overview-card .title-status {
  display: none;
}
.page-template-page-activity-pdf .cover .header-content .activity-course-overview .overview-card .information-container {
  height: unset !important;
}
.page-template-page-activity-pdf .cover .header-content .activity-course-overview .overview-card .topics-container .div-topic {
  margin-bottom: 5px;
}
.page-template-page-activity-pdf .cover .header-content .activity-course-overview .overview-card .topics-container .div-topic .topic-item {
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: normal;
  background-color: #004438;
  border-radius: 24px;
  padding: 4px 10px;
  color: #ffffff;
  text-align: center;
  display: inline-block;
  margin: 0;
}
.page-template-page-activity-pdf .cover .header-triangle {
  border-right: 770px solid transparent;
  border-top: 50px solid #349966;
  height: 0;
  width: 0;
  z-index: 1;
  position: relative;
}
.page-template-page-activity-pdf .pdf-cover-image {
  border-radius: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  left: -44px;
  top: -66px;
  right: -44px;
  bottom: -10px;
  position: absolute;
  z-index: -1;
}
.page-template-page-activity-pdf .activity-pdf-content {
  width: 100%;
  padding: 0px;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-pdf-title {
  width: 100%;
  padding-bottom: 32px;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-pdf-title .title-icon {
  background-color: #fdc82f;
  width: 48px;
  height: 48px;
  border-radius: 50px;
  margin-right: 16px;
  float: left;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-pdf-title .title-icon img {
  padding-top: 12px;
  padding-left: 12px;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-pdf-title .title-icon-green {
  background-color: #004438;
  width: 48px;
  height: 48px;
  border-radius: 50px;
  margin-right: 16px;
  float: left;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-pdf-title .title-icon-green img {
  padding-top: 12px;
  padding-left: 12px;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-pdf-title .menu-title-pdf {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 4.8rem;
  color: #111111;
  margin-bottom: -20px;
}
.page-template-page-activity-pdf .activity-pdf-content .about-info {
  vertical-align: top;
  width: 50%;
}
.page-template-page-activity-pdf .activity-pdf-content .about-info h5 {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: bold !important;
  color: #111111;
  margin-bottom: 8px;
  text-transform: unset !important;
}
.page-template-page-activity-pdf .activity-pdf-content .about-info p {
  margin: 0px;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: normal !important;
  color: #111111;
}
.page-template-page-activity-pdf .activity-pdf-content .about-image {
  vertical-align: top;
  width: 50%;
  padding-left: 16px;
}
.page-template-page-activity-pdf .activity-pdf-content .about-image .activity-about-image {
  max-width: 100%;
  margin-bottom: 10px;
  border-radius: 16px;
}
.page-template-page-activity-pdf .activity-pdf-content .materials-item-basic {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6rem;
  color: #111111;
  margin-bottom: 8px;
}
.page-template-page-activity-pdf .activity-pdf-content .materials-item-basic img {
  margin-right: 10px;
  float: left;
}
.page-template-page-activity-pdf .activity-pdf-content .materials-item-basic .download-material {
  margin: 0px 0px -3px 10px;
  float: unset;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-step-introduction {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.6rem;
  color: #4d5761;
  margin-bottom: 32px;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-step-introduction a {
  color: #349966;
  font-weight: bold;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-step-introduction a::after {
  content: "";
  display: inline-block;
  height: 22px;
  width: 22px;
  margin-left: 5px;
}
.page-template-page-activity-pdf .activity-pdf-content .table-steps {
  margin-bottom: 68px;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item {
  vertical-align: middle;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item .activity-step-image {
  margin: 0px auto;
  display: block;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item li {
  font-size: 1rem;
  list-style-type: disc;
  margin-bottom: 1rem;
  line-height: 1.2rem;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item li ::marker {
  color: #004438;
  font-size: 1.2rem;
  font-weight: bold;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item .step-count {
  background-color: #c9e3dc;
  border-radius: 32px;
  padding: 2px 6px;
  text-align: center;
  font-size: 1.2rem;
  color: #004438;
  font-weight: bold;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item .text-content {
  width: 60%;
  float: left;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item .right-content {
  width: 40%;
  float: left;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item h5 {
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #111111;
  margin-bottom: 16px;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item h5 p {
  margin: 0;
  padding: 0;
  font-size: unset;
  font-weight: unset;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item h5 a {
  color: #349966;
  font-weight: bold;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item h5 a::after {
  content: "";
  display: inline-block;
  height: 12px;
  width: 12px;
  margin-left: 5px;
  background-size: contain;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item p {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6rem;
  color: #111111;
  margin-bottom: 0px;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item p a {
  color: #349966;
  font-weight: bold;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item p a::after {
  content: "";
  background: url("../images/icons/download-green.svg") no-repeat center center;
  display: inline-block;
  height: 12px;
  width: 12px;
  margin-left: 5px;
  background-size: contain;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item .step-dyn-main {
  background-color: #f54359;
  border-radius: 24px;
  border-bottom: 8px solid #f54359;
  margin-left: 8px;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item .step-dyn-main .step-dyn {
  background-color: #ebbda9;
  padding: 16px 24px;
  border-radius: 24px;
  margin-top: 38px;
  position: relative;
  margin-left: -8px;
  margin-right: 8px;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item .step-dyn-main .step-dyn .sticker {
  position: absolute;
  right: -28px;
  top: -25px;
  width: 58px;
  height: 58px;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item .step-dyn-main .step-dyn span {
  font-weight: bold !important;
  font-size: 0.8rem;
  line-height: 1.2rem;
  background-color: #ffffff;
  text-transform: uppercase;
  border-radius: 16px;
  padding: 4px 16px;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item .step-dyn-main .step-dyn p {
  margin-top: 20px;
  margin-bottom: 0px;
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #111111;
  font-weight: bold;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item .step-resources {
  max-width: 600px;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item .step-qr-image {
  padding: 16px;
  border-radius: 24px;
  border: solid 16px #349966;
  text-align: center;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item .step-qr-image img {
  width: 160px;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-steps-item .step-qr-image span {
  color: #111111;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.4rem;
}
.page-template-page-activity-pdf .activity-pdf-content .question-number {
  color: #f54359;
  margin-bottom: 0px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.6rem;
}
.page-template-page-activity-pdf .activity-pdf-content .question-text {
  color: #111111;
  margin-bottom: 0px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.6rem;
}
.page-template-page-activity-pdf .activity-pdf-content .answer {
  color: #111111;
  margin-bottom: 2px;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6rem;
}
.page-template-page-activity-pdf .activity-pdf-content .answer span {
  color: #f54359;
  font-weight: bold;
}
.page-template-page-activity-pdf .activity-pdf-content .reflection-section {
  margin-left: -44px;
  margin-right: -44px;
  position: relative;
  margin-top: 70px;
  margin-bottom: 70px;
}
.page-template-page-activity-pdf .activity-pdf-content .reflection-section .reflection-up {
  border-left: 770px solid transparent;
  border-bottom: 50px solid #c9e3dc;
  height: 0;
  width: 0;
  position: absolute;
  left: 0px;
  top: -50px;
  z-index: -1;
}
.page-template-page-activity-pdf .activity-pdf-content .reflection-section .reflection-down {
  border-right: 770px solid transparent;
  border-top: 50px solid #c9e3dc;
  height: 0;
  width: 0;
  position: absolute;
  left: 0px;
  z-index: -1;
}
.page-template-page-activity-pdf .activity-pdf-content .reflection-section .reflection {
  padding: 24px 100px;
  background-color: #c9e3dc;
}
.page-template-page-activity-pdf .activity-pdf-content .reflection-section .reflection .reflection-questions {
  color: #111111;
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.page-template-page-activity-pdf .activity-pdf-content .reflection-section .reflection .reflection-questions span {
  border-radius: 50px;
  background-color: #ffffff;
  color: #004438;
  margin-right: 8px;
  padding: 2px 8px;
  vertical-align: top;
}
.page-template-page-activity-pdf .activity-pdf-content .reflection-section .reflection .reflection-questions p {
  display: inline-block;
  width: 90%;
}
.page-template-page-activity-pdf .activity-pdf-content .bonus-section {
  margin-left: -44px;
  margin-right: -44px;
  position: relative;
  margin-top: 60px;
  margin-bottom: 60px;
}
.page-template-page-activity-pdf .activity-pdf-content .bonus-section .bonus-up {
  border-left: 770px solid transparent;
  border-bottom: 50px solid #111111;
  height: 0;
  width: 0;
  position: absolute;
  left: 0px;
  top: -50px;
  z-index: -1;
}
.page-template-page-activity-pdf .activity-pdf-content .bonus-section .bonus-down {
  border-right: 770px solid transparent;
  border-top: 50px solid #111111;
  height: 0;
  width: 0;
  position: absolute;
  left: 0px;
  z-index: -1;
}
.page-template-page-activity-pdf .activity-pdf-content .bonus-section .bonus-item {
  margin-bottom: 0px;
  margin-top: 0px;
  background-color: #111111;
  padding: 60px;
}
.page-template-page-activity-pdf .activity-pdf-content .bonus-section .bonus-item .bonus-image {
  position: absolute;
  right: 5px;
  top: -90px;
  height: 100px;
  z-index: 9999;
}
.page-template-page-activity-pdf .activity-pdf-content .bonus-section .bonus-item .bonus-sticker {
  color: #ffffff;
  background-color: #349966;
  padding: 4px 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.4rem;
  text-transform: uppercase;
  border-radius: 16px;
  margin-bottom: 16px;
  width: fit-content;
}
.page-template-page-activity-pdf .activity-pdf-content .bonus-section .bonus-item h5 {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #ffffff;
  margin-top: 18px;
  font-weight: bold;
}
.page-template-page-activity-pdf .activity-pdf-content .bonus-section .bonus-item p {
  color: #ffffff !important;
  margin-bottom: 0px;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6rem;
}
.page-template-page-activity-pdf .activity-pdf-content .image-youtube {
  position: relative;
  overflow: hidden;
  height: auto;
}
.page-template-page-activity-pdf .activity-pdf-content .youtube-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-template-page-activity-pdf .activity-pdf-content .youtube-link {
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: bold;
  color: #349966;
}
.page-template-page-activity-pdf .activity-pdf-content .paragraph {
  color: #4d5761 !important;
  margin-bottom: 24px;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6rem;
}
.page-template-page-activity-pdf .activity-pdf-content .italic {
  font-style: italic !important;
}
.page-template-page-activity-pdf .activity-pdf-content .disclaimer {
  color: #4d5761 !important;
  margin-bottom: 0px;
  font-weight: normal;
  font-size: 0.6rem;
  line-height: 1rem;
}
.page-template-page-activity-pdf .activity-pdf-content .correct-answers .test-answers {
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1rem;
  color: #4d5761;
  margin-bottom: 4px;
  margin-top: 140px;
  border-top: solid 1px #d2d6db;
  padding-top: 16px;
}
.page-template-page-activity-pdf .activity-pdf-content .correct-answers .answers {
  margin-bottom: 32px;
  margin-top: 0;
  padding-top: 0;
}
.page-template-page-activity-pdf .activity-pdf-content .correct-answers .correct-answer {
  display: inline;
  font-weight: normal;
  font-size: 0.8rem;
  line-height: 1rem;
  color: #4d5761;
  margin-right: 8px;
  margin-top: 0px;
}
.page-template-page-activity-pdf .activity-pdf-content .correct-answers .correct-answer .correct-count {
  font-weight: bold;
}
.page-template-page-activity-pdf .activity-pdf-content .final.content {
  vertical-align: bottom;
}
.page-template-page-activity-pdf .activity-pdf-content .brought-to-you {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.6rem;
  color: #111111;
  padding-top: 32px;
  border-top: solid 1px #d2d6db;
  padding-bottom: 16px;
}
.page-template-page-activity-pdf .activity-pdf-content .activity-course-sponsors-logos img {
  height: 20px;
  margin-right: 16px;
}

.page-template-page-activity-scorm {
  padding-top: 0px !important;
}
.page-template-page-activity-scorm .w-100 {
  width: 100% !important;
}
.page-template-page-activity-scorm .activity-scorm {
  overflow: hidden;
  position: relative;
}
.page-template-page-activity-scorm .activity-scorm .activity-scorm-top-menu {
  height: 80px;
  background-color: #ffffff;
  padding: 14px 24px;
}
.page-template-page-activity-scorm .activity-scorm .activity-scorm-top-menu .clover-logo {
  float: left;
}
.page-template-page-activity-scorm .activity-scorm .activity-scorm-top-menu .clover-logo img {
  width: 200px;
  height: auto;
}
.page-template-page-activity-scorm .activity-scorm .activity-scorm-top-menu .exit {
  float: right;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 900;
  text-transform: uppercase;
  margin-top: 14px;
}
.page-template-page-activity-scorm .activity-scorm .activity-scorm-top-menu .exit a {
  display: flex;
  align-items: center;
}
.page-template-page-activity-scorm .activity-scorm .activity-scorm-top-menu .exit a span {
  color: #111111;
}
.page-template-page-activity-scorm .activity-scorm .activity-scorm-top-menu .exit a i {
  margin-left: 26px;
}
.page-template-page-activity-scorm .activity-scorm .scorm-content {
  padding: 0px;
  background-color: #282828;
}
.page-template-page-activity-scorm .activity-scorm .scorm-content .scorm-iframe {
  width: 100%;
  height: calc(100vh - 100px);
}
.page-template-page-activity-scorm .activity-scorm .scorm-content .scorm-iframe #PopupBlockedHeaderMessage {
  font-size: 2rem !important;
  line-height: 2.4rem !important;
  font-weight: 900;
  text-transform: uppercase !important;
  font-family: "4H Gilroy", Arial, sans-serif;
}
.page-template-page-activity-scorm .modal-leave-size {
  width: 1096px;
  margin: 0 auto;
  text-align: center;
}
.page-template-page-activity-scorm .modal-leave-size .modal-leave-learner .log-out-icon-div {
  width: 120px;
  height: 120px;
  display: flex;
  padding: 16px;
  align-items: center;
  justify-content: center;
  background-color: #349966;
  border-radius: 120px;
  margin: 0 auto;
  margin-bottom: 48px;
}
.page-template-page-activity-scorm .modal-leave-size .modal-leave-learner h3 {
  margin-bottom: 16px;
  font-size: 3.2rem !important;
  color: #111111;
  font-weight: 900;
  line-height: 4rem;
}
.page-template-page-activity-scorm .modal-leave-size .modal-leave-learner p {
  margin-bottom: 56px !important;
  font-size: 2rem !important;
  color: #4d5761;
  font-weight: 500 !important;
  line-height: 3.2rem !important;
}
.page-template-page-activity-scorm .modal-leave-size .modal-leave-learner .btn-div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-template-page-activity-scorm .modal-leave-size .modal-leave-learner .btn-div .btn-save {
  font-size: 2rem;
  color: #349966;
  font-weight: 900;
  line-height: 3.2rem;
  border-radius: 40px;
  border: solid 2px #349966;
  padding: 16px 0px;
  width: 340px;
  text-transform: uppercase;
  margin-right: 32px;
}
.page-template-page-activity-scorm .modal-leave-size .modal-leave-learner .btn-div .btn-sign-up {
  font-size: 2rem;
  color: #349966;
  font-weight: 900;
  line-height: 3.2rem;
  border-radius: 40px;
  border: solid 2px #349966;
  padding: 16px 0px;
  width: 340px;
  text-transform: uppercase;
  margin-right: 32px;
}
.page-template-page-activity-scorm .modal-leave-size .modal-leave-learner .btn-div .btn-return {
  font-size: 2rem;
  background-color: #349966;
  color: #ffffff;
  font-weight: 900;
  line-height: 3.2rem;
  border-radius: 40px;
  border: solid 2px #349966;
  padding: 16px 0px;
  width: 340px;
  text-transform: uppercase;
  position: relative !important;
  right: unset;
  top: unset;
}
@media screen and (max-width: 768px) {
  .page-template-page-activity-scorm .activity-scorm-top-menu .exit span {
    display: none;
  }
}

@keyframes ldio-f1vy2bcq4z {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ldio-f1vy2bcq4z div {
  box-sizing: border-box !important;
}

.ldio-f1vy2bcq4z > div {
  position: absolute;
  width: 136px;
  height: 136px;
  top: 32px;
  left: 32px;
  border-radius: 50%;
  border: 16px solid #000;
  border-color: #349966 transparent #349966 transparent;
  animation: ldio-f1vy2bcq4z 1.3333333333s linear infinite;
}

.ldio-f1vy2bcq4z > div:nth-child(2),
.ldio-f1vy2bcq4z > div:nth-child(4) {
  width: 100px;
  height: 100px;
  top: 50px;
  left: 50px;
  animation: ldio-f1vy2bcq4z 1.3333333333s linear infinite reverse;
}

.ldio-f1vy2bcq4z > div:nth-child(2) {
  border-color: transparent #ffb236 transparent #ffb236;
}

.ldio-f1vy2bcq4z > div:nth-child(3) {
  border-color: transparent;
}

.ldio-f1vy2bcq4z > div:nth-child(3) div {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
}

.ldio-f1vy2bcq4z > div:nth-child(3) div:before,
.ldio-f1vy2bcq4z > div:nth-child(3) div:after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  top: -16px;
  left: 44px;
  background: #349966;
  border-radius: 50%;
  box-shadow: 0 120px 0 0 #349966;
}

.ldio-f1vy2bcq4z > div:nth-child(3) div:after {
  left: -16px;
  top: 44px;
  box-shadow: 120px 0 0 0 #349966;
}

.ldio-f1vy2bcq4z > div:nth-child(4) {
  border-color: transparent;
}

.ldio-f1vy2bcq4z > div:nth-child(4) div {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
}

.ldio-f1vy2bcq4z > div:nth-child(4) div:before,
.ldio-f1vy2bcq4z > div:nth-child(4) div:after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  top: -16px;
  left: 26px;
  background: #ffb236;
  border-radius: 50%;
  box-shadow: 0 84px 0 0 #ffb236;
}

.ldio-f1vy2bcq4z > div:nth-child(4) div:after {
  left: -16px;
  top: 26px;
  box-shadow: 84px 0 0 0 #ffb236;
}

.loadingio-spinner-double-ring-b8tpb4hu7y {
  width: 200px;
  height: 150px;
  display: block;
  overflow: hidden;
  background: none;
  margin: 40px auto 0;
}

.results-state-spinner {
  display: none;
}

.ldio-f1vy2bcq4z {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.5);
  backface-visibility: hidden;
  transform-origin: center 0;
  /* see note above */
}

.ldio-f1vy2bcq4z div {
  box-sizing: content-box;
}

.date-extension .ico-green-calendar {
  display: block;
  height: 20px;
  width: 20px;
  background: url("../images/icons/calendar-green.svg") no-repeat center center;
}
.date-extension .ico-green-down-arrow {
  display: block;
  height: 20px;
  width: 20px;
  background: url("../images/icons/arrow-down-green.svg") no-repeat center center;
}
.date-extension #datepicker {
  font-weight: 900;
  text-transform: uppercase;
  font-family: "4H Gilroy", Arial, sans-serif;
  text-align: center;
}

.daterangepicker {
  box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
  border-radius: 20px !important;
}
.daterangepicker:before, .daterangepicker:after {
  content: none !important;
}
.daterangepicker .ranges {
  margin-top: 0 !important;
  width: 100% !important;
}
.daterangepicker .ranges ul {
  width: auto !important;
}
.daterangepicker .ranges li.active {
  background: #e2efe9 !important;
  font-weight: 700;
  color: #111 !important;
}
.daterangepicker .ranges li {
  display: flex;
  align-items: center;
  padding: 4px 18px !important;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.4rem !important;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.4px;
}
.daterangepicker .drp-buttons {
  border-top: 1px solid #e5e7eb;
}
.daterangepicker .drp-buttons .drp-selected {
  font-weight: 700;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.4rem !important;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.4px;
}
.daterangepicker .drp-buttons .btn {
  border-radius: 60px;
  padding: 16px 22px;
}
.daterangepicker .drp-buttons .cancelBtn {
  background-color: #fff;
  color: #111;
  border: 1px solid #e5e7eb;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.4rem !important;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.4px;
}
.daterangepicker .drp-buttons .applyBtn {
  background-color: #349966;
  color: #fff;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.4rem !important;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.4px;
}
.daterangepicker .drp-calendar .calendar-table .table-condensed td {
  border-radius: 40px !important;
  width: 30px;
  height: 30px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.4rem !important;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.4px;
}
.daterangepicker .drp-calendar .calendar-table .table-condensed td.active {
  background-color: #349966 !important;
}
.daterangepicker .drp-calendar .calendar-table .table-condensed .in-range {
  background-color: rgba(52, 153, 102, 0.1294117647) !important;
}
.daterangepicker .drp-calendar .calendar-table .next span {
  border: solid #349966 !important;
  border-width: 0 2px 2px 0 !important;
}
.daterangepicker .drp-calendar .calendar-table .prev span {
  border: solid #349966 !important;
  border-width: 0 2px 2px 0 !important;
}

@media screen and (min-width: 768px) {
  .date-extension #datepicker {
    min-width: 220px;
  }
  .daterangepicker {
    height: 400px;
    margin-top: -50px !important;
    right: 60px !important;
  }
  .daterangepicker .ranges {
    height: 25%;
    width: 100% !important;
    border-right: 1px solid #e5e7eb;
  }
  .daterangepicker .ranges ul {
    height: 100%;
  }
  .daterangepicker .ranges ul li {
    height: 14%;
  }
  .daterangepicker .ranges ul li:first-child:hover {
    border-top-left-radius: 18px !important;
  }
  .daterangepicker .ranges ul li:first-child {
    border-top-left-radius: 18px !important;
  }
  .daterangepicker .drp-buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .daterangepicker .drp-buttons .btn {
    width: 125px;
    height: 55px;
  }
  .daterangepicker .drp-calendar.left {
    border: none !important;
  }
}
@media screen and (max-width: 1280px) {
  .daterangepicker {
    top: 100vh;
    left: 20px;
    right: 20px;
    height: 100vh !important;
    width: 100% !important;
    margin: 0px !important;
    border-radius: 0px !important;
    position: absolute !important;
  }
  .daterangepicker .drp-calendar {
    width: 100%;
    padding: 4px 20px !important;
    max-width: 100% !important;
  }
  .daterangepicker .drp-buttons {
    height: 100%;
  }
  .daterangepicker .drp-buttons .drp-selected {
    display: block;
    text-align: center;
    padding: 0;
    margin-bottom: 24px;
  }
  .daterangepicker .drp-buttons .cancelBtn {
    width: calc(50% - 32px);
    margin: 0;
    margin-left: 24px;
    margin-right: 6px;
  }
  .daterangepicker .drp-buttons .applyBtn {
    width: calc(50% - 32px);
    margin: 0;
    margin-right: 24px;
    margin-left: 6px;
  }
  .daterangepicker .drp-buttons .btn {
    padding: 16px 40px !important;
  }
}
@media screen and (min-width: 1280px) {
  .daterangepicker .ranges {
    height: 80%;
    width: auto !important;
  }
}
#feedback-activity .QSI__EmbeddedFeedbackContainer fieldset {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#feedback-activity .QSI__EmbeddedFeedbackContainer fieldset label {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  color: #ffffff;
}
#feedback-activity .QSI__EmbeddedFeedbackContainer .QSI__EmbeddedFeedbackContainer_Stars .QSI__EmbeddedFeedbackContainer_StarButton svg {
  position: relative;
  transform: none;
  width: auto;
}
#feedback-activity .QSI__EmbeddedFeedbackContainer .QSI__EmbeddedFeedbackContainer_Stars .QSI__EmbeddedFeedbackContainer_StarButton svg path {
  fill: #FDC82F;
}

.gamipress-notification {
  border-radius: 16px;
}
.gamipress-notification .gamipress-notification-close {
  font-size: 24px !important;
  top: 2rem !important;
  right: 2rem !important;
}
.gamipress-notification .gamipress-notification-content .gamipress-notification-achievement .gamipress-notification-achievement-description {
  display: none;
}

.pins-notifications {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.pins-notifications .pins-notifications-text {
  width: 60%;
}
.pins-notifications .pins-notifications-text h5 {
  text-transform: none;
  margin-bottom: 20px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.04rem;
  color: #ffffff;
}
.pins-notifications .pins-notifications-text .notification-achievement-title,
.pins-notifications .pins-notifications-text .notification-achievement-congratulations,
.pins-notifications .pins-notifications-text a {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.04rem;
  color: #ffffff;
}
.pins-notifications .pins-notifications-text .notification-achievement-title {
  font-weight: 700;
  margin-bottom: 0;
}
.pins-notifications .pins-notifications-text .notification-achievement-congratulations {
  font-weight: 500;
  margin-bottom: 20px;
}
.pins-notifications .pins-notifications-text a {
  text-transform: uppercase;
  color: #c9e3dc;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
}
.pins-notifications .pins-notifications-text .pins-notification-arrow {
  display: block;
  height: 15px;
  width: 15px;
  background: url("../images/icons/pin-notifications-arrow.svg") no-repeat center center;
}
.pins-notifications .pins-notifications-text p:last-child {
  margin-bottom: 0;
}

.achievements-certificates-section .certificates-section {
  z-index: 1;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement {
  flex-direction: column;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement #certificate-pdf-content {
  border: solid 15px #c9e3dc;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 10px;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail {
  z-index: 1 !important;
  height: 480px;
  width: 340px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px;
  text-align: center;
  margin: auto;
  position: relative;
  gap: 10px;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail .cert-thumb-w-bg {
  position: relative;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail .cert-thumb-w-bg .gamipress-achievement-thumbnail {
  width: 60px;
  height: auto;
  position: absolute;
  left: 35%;
  z-index: 1;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail .cert-thumb-w-bg .cert-pin-bg {
  position: relative;
  width: 200px;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail .certificates-thumbnail-clover-logo {
  width: 100px;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  margin-bottom: 0;
  font-size: 1.2rem;
  text-transform: none;
  line-height: 3rem;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail h3 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  margin-bottom: 0;
  font-size: 1.8rem;
  text-transform: none;
  line-height: 2rem;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 1rem;
  text-transform: none;
  line-height: 2rem;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail .certificate-signature-date {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 70%;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail .certificate-signature-date .certificate-signature {
  width: 50%;
  max-width: 100px;
  border: none;
  padding: 0;
  margin: 0;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail .certificate-signature-date .certificate-date h5 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail .certificate-signature-date .certificate-date span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.4rem;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail .certificates-bottom h5 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  margin-bottom: 20px;
  font-size: 1.8rem;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail .certificates-bottom .certificate-sponsors {
  width: 100%;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-pdf-download-btn {
  margin: 20px auto;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 0 27px;
  position: relative;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-pdf-download-btn.waiting::after {
  background: url(../images/loader.gif);
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-pdf-download-btn.waiting:hover {
  cursor: progress;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-pdf-download-btn.waiting span {
  opacity: 0.6;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-pdf-download-btn.waiting i {
  opacity: 0.6;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-pdf-download-btn span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  margin-bottom: 0;
  font-size: 2rem;
  text-transform: uppercase;
  line-height: 2.4rem;
  letter-spacing: 0.16rem;
  color: #349966;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .share-certificate-container {
  margin: auto;
  display: none;
  gap: 10px;
  align-items: center;
}
.achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .share-certificate-container .gamipress-share-buttons-label {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  margin-bottom: 0;
  font-size: 2rem;
  line-height: 2.2rem;
  letter-spacing: 0.06rem;
}

.certificates-pdf-icon {
  display: block;
  height: 20px;
  width: 20px;
  background: url("../images/icons/certificates_pdf_icon.svg") no-repeat center center;
}

.certificate-thumbnail-pdf {
  display: table;
  padding: 20px 60px;
  text-align: center;
  margin: auto;
  position: relative;
  border-spacing: 0 40px;
}
.certificate-thumbnail-pdf .clover-logo-container {
  width: 100%;
  display: table-row;
}
.certificate-thumbnail-pdf .clover-logo-container .certificates-thumbnail-clover-logo {
  width: 200px;
  margin: auto;
}
.certificate-thumbnail-pdf .thumbnail-container {
  display: table-row;
  width: 100%;
}
.certificate-thumbnail-pdf .thumbnail-container .attachment-post-thumbnail {
  width: 120px;
  height: auto;
  display: table-row;
  margin: auto;
}
.certificate-thumbnail-pdf .thumbnail-container .cert-thumb-w-bg {
  position: relative;
}
.certificate-thumbnail-pdf .thumbnail-container .cert-thumb-w-bg .wp-post-image {
  left: 42%;
  top: -10px;
  position: absolute;
}
.certificate-thumbnail-pdf .thumbnail-container .cert-pin-bg {
  margin: auto;
  width: 350px;
}
.certificate-thumbnail-pdf h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  margin-bottom: 0;
  font-size: 2rem;
  text-transform: none;
  line-height: 3rem;
  display: table-row;
}
.certificate-thumbnail-pdf h3 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  margin-bottom: 0;
  font-size: 3rem;
  text-transform: none;
  line-height: 2rem;
  display: table-row;
}
.certificate-thumbnail-pdf p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 1.4rem;
  text-transform: none;
  line-height: 2.4rem;
  display: table-row;
}
.certificate-thumbnail-pdf .certificate-signature-date {
  display: table;
  width: 100%;
}
.certificate-thumbnail-pdf .certificate-signature-date .certificate-signature {
  display: table-cell;
  width: 50%;
  border: none;
  padding: 0;
  margin: 0;
}
.certificate-thumbnail-pdf .certificate-signature-date .certificate-date {
  display: table-cell;
  width: 50%;
}
.certificate-thumbnail-pdf .certificate-signature-date .certificate-date h5 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 1.4rem;
  text-transform: uppercase;
}
.certificate-thumbnail-pdf .certificate-bottom {
  margin-top: 20px;
}
.certificate-thumbnail-pdf .certificate-bottom .certificate-sponsors {
  display: table-row;
  width: 90%;
}

.certificate-sponsors {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail {
    height: 800px;
    width: 620px;
    padding: 20px 60px;
    gap: 30px;
  }
  .achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail .certificates-thumbnail-clover-logo {
    width: 200px;
  }
  .achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail .cert-thumb-w-bg .gamipress-achievement-thumbnail {
    width: 120px;
    left: 32%;
    top: -12px;
  }
  .achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail .cert-thumb-w-bg .cert-pin-bg {
    width: 350px;
  }
  .achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail h4 {
    font-size: 2rem;
  }
  .achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail h3 {
    font-size: 3rem;
  }
  .achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
  .achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail .certificate-signature-date .certificate-date h5 {
    font-size: 1.4rem;
  }
  .achievements-certificates-section .certificates-section .certificates-columns-container .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .certificate-thumbnail .certificate-signature-date .certificate-date span {
    font-size: 1.8rem;
  }
}
.file-thumb.wpdm-file.wpdm-file-pdf {
  display: none;
}

.fl-builder .fl-col {
  max-width: 400px;
}

@media screen and (min-width: 768px) {
  .fl-builder .fl-col {
    max-width: unset;
  }
}
.fl-row-content-wrap.hero {
  position: relative;
}
.fl-row-content-wrap.hero h1 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.fl-row-content-wrap.hero h1 > span {
  width: 80%;
  max-width: 51rem;
}
.fl-row-content-wrap.hero .subheading {
  width: 80%;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 51rem;
}
.fl-row-content-wrap.hero .hero-badge {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 142px;
}

.fl-row-content-wrap.hero-with-image h1 {
  margin-bottom: 1rem;
  margin-top: 2rem;
}
.fl-row-content-wrap.hero-with-image .subheading {
  width: 80%;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 51rem;
}
.fl-row-content-wrap.hero-with-image .fl-photo-content.hero {
  position: relative;
}
.fl-row-content-wrap.hero-with-image .fl-photo-content.hero img {
  position: relative;
  z-index: 2;
}
.fl-row-content-wrap.hero-with-image .fl-photo-content.hero img.hero-bottom-left-badge {
  position: absolute;
  bottom: -60px;
  left: -60px;
  z-index: 3;
  width: 120px;
}
.fl-row-content-wrap.hero-with-image .fl-photo-content.hero img.hero-top-right-badge {
  position: absolute;
  top: -60px;
  right: -60px;
  z-index: 1;
  width: 120px;
}

@media screen and (min-width: 700px) {
  .fl-row-content-wrap.hero .hero-badge {
    bottom: unset;
    top: 50%;
    right: -40px;
    width: 200px;
    margin-top: -120px;
  }
  .fl-row-content-wrap.hero-with-image .fl-photo-content.hero img.hero-bottom-left-badge {
    bottom: -100px;
    left: -100px;
    width: 200px;
  }
  .fl-row-content-wrap.hero-with-image .fl-photo-content.hero img.hero-top-right-badge {
    top: -100px;
    right: -100px;
    width: 200px;
  }
}
@media screen and (min-width: 768px) {
  .fl-row-content-wrap.hero h1 > span {
    width: auto;
  }
  .fl-row-content-wrap.hero .subheading {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto;
  }
  .fl-row-content-wrap.hero .hero-badge {
    margin-top: -120px;
    right: -20px;
    top: 50%;
    width: 200px;
  }
  .fl-row-content-wrap.hero-with-image .fl-photo-content.hero img.hero-bottom-left-badge {
    bottom: -130px;
    left: -130px;
    width: 260px;
  }
  .fl-row-content-wrap.hero-with-image .fl-photo-content.hero img.hero-top-right-badge {
    top: -130px;
    right: -130px;
    width: 260px;
  }
}
@media screen and (min-width: 1050px) {
  .fl-row-content-wrap.hero h1 > span {
    max-width: 60rem;
  }
  .fl-row-content-wrap.hero .hero-badge {
    margin-top: -210px;
    right: 0;
    top: 50%;
    width: 350px;
  }
  .fl-row-content-wrap.hero-with-image .fl-photo-content.hero img.hero-bottom-left-badge {
    bottom: -145px;
    left: -145px;
    width: 290px;
  }
  .fl-row-content-wrap.hero-with-image .fl-photo-content.hero img.hero-top-right-badge {
    top: -145px;
    right: -145px;
    width: 290px;
  }
}
@media screen and (min-width: 1280px) {
  .fl-row-content-wrap.hero h1 > span {
    max-width: 62rem;
  }
  .fl-row-content-wrap.hero .subheading {
    max-width: 62rem;
  }
  .fl-row-content-wrap.hero .hero-badge {
    margin-top: 0;
    right: 0;
    top: 0;
    width: 410px;
  }
  .fl-row-content-wrap.hero-with-image .subheading {
    max-width: 61rem;
  }
  .fl-row-content-wrap.hero-with-image .fl-photo-content.hero img.hero-bottom-left-badge {
    bottom: -168px;
    left: -168px;
    width: 336px;
  }
  .fl-row-content-wrap.hero-with-image .fl-photo-content.hero img.hero-top-right-badge {
    top: -168px;
    right: -168px;
    width: 336px;
  }
}
@media screen and (min-width: 1400px) {
  .fl-row-content-wrap.hero .hero-badge {
    width: 450px;
  }
}
@media screen and (min-width: 768px) {
  .resource-hero .fl-row-content-wrap.hero .hero-badge {
    top: 60px !important;
    bottom: unset !important;
    width: 280px !important;
  }
}
@media screen and (max-width: 768px) {
  .resource-hero {
    margin-bottom: 50px !important;
  }
  .resource-hero .fl-row-content-wrap.hero .hero-badge {
    bottom: -45px !important;
    width: 134px !important;
  }
  .resource-hero .fl-builder-layer-align-bottom-center {
    height: auto !important;
  }
  .resource-hero .fl-builder-layer {
    bottom: -1px !important;
  }
  .resource-hero .fl-row .fourh-heading {
    margin-bottom: 0;
    font-size: 2.4rem !important;
  }
  .resource-hero .fl-row .fourh-heading .slant {
    display: none;
  }
  .resource-hero .fl-builder .fl-col {
    max-width: unsert;
  }
}
.fl-row-content-wrap.text-side-badges .left-badge,
.fl-row-content-wrap.text-side-badges .right-badge {
  display: none;
}

@media screen and (min-width: 1300px) {
  .fl-row-content-wrap.text-side-badges {
    position: relative;
  }
  .fl-row-content-wrap.text-side-badges .left-badge,
  .fl-row-content-wrap.text-side-badges .right-badge {
    position: absolute;
    display: inline;
    width: 220px;
    margin-top: -110px;
  }
  .fl-row-content-wrap.text-side-badges .left-badge {
    left: 0;
  }
  .fl-row-content-wrap.text-side-badges .right-badge {
    right: 0;
  }
  .fl-row-content-wrap.text-side-badges .left-badge.half-way-down,
  .fl-row-content-wrap.text-side-badges .right-badge.half-way-down {
    top: 50%;
  }
  .fl-row-content-wrap.text-side-badges .left-badge.third-way-down,
  .fl-row-content-wrap.text-side-badges .right-badge.third-way-down {
    top: 33%;
  }
  .fl-row-content-wrap.text-side-badges .left-badge.two-third-way-down,
  .fl-row-content-wrap.text-side-badges .right-badge.two-third-way-down {
    top: 66%;
  }
}
@media screen and (min-width: 1400px) {
  .fl-row-content-wrap.text-side-badges .left-badge,
  .fl-row-content-wrap.text-side-badges .right-badge {
    width: 336px;
    margin-top: -163px;
  }
}
.fl-photo-content.center_align_image_badges {
  position: relative;
  margin: 11% 0 7% 0;
  display: block;
}
.fl-photo-content.center_align_image_badges .fl-photo-img {
  z-index: 2;
  position: relative;
  width: 100%;
}
.fl-photo-content.center_align_image_badges .center-aligned-top-left-badge,
.fl-photo-content.center_align_image_badges .center-aligned-bottom-right-badge {
  position: absolute;
  width: 112.5%;
  max-width: unset;
}
.fl-photo-content.center_align_image_badges .center-aligned-top-left-badge {
  right: 50%;
  z-index: 1;
  top: -19%;
}
.fl-photo-content.center_align_image_badges .center-aligned-bottom-right-badge {
  left: 50%;
  z-index: 1;
  bottom: -12%;
}

.fl-row-content-wrap.background-color-section {
  position: relative;
}
.fl-row-content-wrap.background-color-section .bg-section-top-right-badge,
.fl-row-content-wrap.background-color-section .bg-section-bottom-left-badge {
  position: absolute;
  z-index: 2;
}
.fl-row-content-wrap.background-color-section .bg-section-top-right-badge {
  right: 0;
  top: -50px;
  width: 148px;
}
.fl-row-content-wrap.background-color-section .bg-section-bottom-left-badge {
  left: 0;
  bottom: -50px;
  width: 181px;
}

@media screen and (min-width: 768px) {
  .fl-row-content-wrap.background-color-section .bg-section-top-right-badge {
    top: -50px;
    width: 210px;
  }
  .fl-row-content-wrap.background-color-section .bg-section-bottom-left-badge {
    bottom: -50px;
    width: 240px;
  }
}
@media screen and (min-width: 1050px) {
  .fl-row-content-wrap.background-color-section .bg-section-top-right-badge {
    top: -50px;
    width: 270px;
  }
  .fl-row-content-wrap.background-color-section .bg-section-bottom-left-badge {
    bottom: -50px;
    width: 290px;
  }
}
@media screen and (min-width: 1280px) {
  .fl-row-content-wrap.background-color-section .bg-section-top-right-badge {
    top: -80px;
    width: 336px;
  }
  .fl-row-content-wrap.background-color-section .bg-section-bottom-left-badge {
    bottom: -80px;
    width: 336px;
  }
}
@media screen and (min-width: 1400px) {
  .fl-row-content-wrap.background-color-section .bg-section-top-right-badge {
    top: -50px;
    width: 336px;
  }
  .fl-row-content-wrap.background-color-section .bg-section-bottom-left-badge {
    bottom: -50px;
    width: 336px;
  }
}
@media screen and (min-width: 1600px) {
  .fl-row-content-wrap.background-color-section .bg-section-top-right-badge {
    top: 0;
  }
  .fl-row-content-wrap.background-color-section .bg-section-bottom-left-badge {
    bottom: 0;
  }
}
.fourh-image-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.fourh-image-content .image {
  width: 100%;
}
.fourh-image-content.two-images .image.image-one {
  margin-bottom: 23px;
}
.fourh-image-content.three-images .image.image-one,
.fourh-image-content.three-images .image.image-two {
  margin-bottom: 23px;
}

@media screen and (min-width: 768px) {
  .fourh-image-content {
    flex-wrap: nowrap;
  }
  .fourh-image-content .image {
    width: unset;
  }
  .fourh-image-content .image img {
    width: auto;
  }
  .fourh-image-content.one-image .image.image-one {
    width: 100%;
  }
  .fourh-image-content.one-image .image.image-one img {
    width: 100%;
  }
  .fourh-image-content.two-images .image.image-one {
    margin-bottom: unset;
    margin-right: 3.5%;
  }
  .fourh-image-content.three-images .image.image-one {
    margin-right: 3.5%;
  }
  .fourh-image-content.three-images .image.image-two {
    margin-right: 3.5%;
  }
}
.fl-photo img {
  border-radius: 4rem;
}

.uabb-video__outer-wrap {
  border-radius: 4rem;
}

.fl-row-content-wrap.background-left-color-section {
  position: relative;
}
.fl-row-content-wrap.background-left-color-section .bg-left-section-bottom-color-image {
  position: absolute;
  z-index: -1;
}
.fl-row-content-wrap.background-left-color-section .bg-left-section-bottom-color-image {
  left: 0;
  top: 80px;
  width: 220px;
}

@media screen and (min-width: 700px) {
  .fl-row-content-wrap.background-left-color-section .bg-left-section-bottom-color-image {
    top: 25px;
    width: 300px;
  }
}
@media screen and (min-width: 768px) {
  .fl-row-content-wrap.background-left-color-section .bg-left-section-bottom-color-image {
    top: 120px;
    width: 270px;
  }
}
@media screen and (min-width: 1050px) {
  .fl-row-content-wrap.background-left-color-section .bg-left-section-bottom-color-image {
    width: 350px;
    top: 60px;
  }
}
@media screen and (min-width: 1280px) {
  .fl-row-content-wrap.background-left-color-section .bg-left-section-bottom-color-image {
    width: 420px;
    top: 10px;
  }
}
@media screen and (min-width: 1400px) {
  .fl-row-content-wrap.background-left-color-section .bg-left-section-bottom-color-image {
    width: 480px;
    top: 0;
  }
}
@media screen and (min-width: 1600px) {
  .fl-row-content-wrap.background-left-color-section .bg-left-section-bottom-color-image {
    width: 550px;
    top: -40px;
  }
}
.fl-row-content-wrap.skewed_background_image {
  position: relative;
}
.fl-row-content-wrap.skewed_background_image .skewed-bg-image-bl-sticker {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 180px;
  height: 180px;
  z-index: 1;
  bottom: -17%;
}

@media screen and (min-width: 768px) {
  .fl-row-content-wrap.skewed_background_image .skewed-bg-image-bl-sticker {
    bottom: -13%;
    width: 258px;
    height: 258px;
  }
}
@media screen and (min-width: 1100px) {
  .fl-row-content-wrap.skewed_background_image .skewed-bg-image-bl-sticker {
    bottom: -9%;
  }
}
@media screen and (min-width: 1280px) {
  .fl-row-content-wrap.skewed_background_image .skewed-bg-image-bl-sticker {
    bottom: -14%;
    width: 336px;
    height: 336px;
  }
}
@media screen and (min-width: 1400px) {
  .fl-row-content-wrap.skewed_background_image .skewed-bg-image-bl-sticker {
    bottom: -12%;
  }
}
@media screen and (min-width: 1600px) {
  .fl-row-content-wrap.skewed_background_image .skewed-bg-image-bl-sticker {
    bottom: -9%;
  }
}
.fl-row-content-wrap.background-right-image-shape {
  position: relative;
  z-index: 1;
}
.fl-row-content-wrap.background-right-image-shape .bg-right-image-shape {
  position: absolute;
  z-index: -1;
  right: 0;
  width: 275px;
  bottom: -30px;
}

@media screen and (min-width: 700px) {
  .fl-row-content-wrap.background-right-image-shape .bg-right-image-shape {
    width: 320px;
    bottom: -70px;
  }
}
@media screen and (min-width: 768px) {
  .fl-row-content-wrap.background-right-image-shape .bg-right-image-shape {
    bottom: -9%;
    width: 320px;
    height: auto;
  }
}
@media screen and (min-width: 1050px) {
  .fl-row-content-wrap.background-right-image-shape .bg-right-image-shape {
    width: auto;
    height: 700px;
    bottom: -17%;
  }
}
@media screen and (min-width: 1280px) {
  .fl-row-content-wrap.background-right-image-shape .bg-right-image-shape {
    height: 750px;
    bottom: -24%;
    width: auto;
  }
}
@media screen and (min-width: 1400px) {
  .fl-row-content-wrap.background-right-image-shape .bg-right-image-shape {
    width: auto;
    bottom: -24%;
  }
}
@media screen and (min-width: 1600px) {
  .fl-row-content-wrap.background-right-image-shape .bg-right-image-shape {
    width: auto;
    bottom: -24%;
  }
}
.fl-row-content-wrap .image-top-right-badge {
  position: absolute;
  right: -20px;
  top: -30px;
  z-index: 2;
  width: 64px;
}

@media screen and (min-width: 768px) {
  .fl-row-content-wrap .image-top-right-badge {
    right: -35px;
    top: -45px;
    width: 104px;
  }
}
.fl-row-content-wrap.background-left-shape-right-badge .bg-left-center-shape {
  position: absolute;
  top: 79%;
  left: 0;
  transform: translateY(-50%);
  width: 240px;
  z-index: -1;
}
.fl-row-content-wrap.background-left-shape-right-badge .bg-right-bottom-badge {
  position: absolute;
  bottom: -18px;
  right: 0;
  z-index: 1;
  height: 107px;
}

@media screen and (min-width: 700px) {
  .fl-row-content-wrap.background-left-shape-right-badge .bg-left-center-shape {
    width: 300px;
    top: 76%;
  }
  .fl-row-content-wrap.background-left-shape-right-badge .bg-right-bottom-badge {
    bottom: -10px;
  }
}
@media screen and (min-width: 768px) {
  .fl-row-content-wrap.background-left-shape-right-badge .bg-left-center-shape {
    width: 350px;
    top: 60%;
  }
  .fl-row-content-wrap.background-left-shape-right-badge .bg-right-bottom-badge {
    height: 160px;
  }
}
@media screen and (min-width: 1050px) {
  .fl-row-content-wrap.background-left-shape-right-badge .bg-left-center-shape {
    width: 400px;
    top: 55%;
  }
  .fl-row-content-wrap.background-left-shape-right-badge .bg-right-bottom-badge {
    height: 180px;
    bottom: 0;
  }
}
@media screen and (min-width: 1280px) {
  .fl-row-content-wrap.background-left-shape-right-badge .bg-left-center-shape {
    width: 450px;
    top: 55%;
  }
  .fl-row-content-wrap.background-left-shape-right-badge .bg-right-bottom-badge {
    height: 200px;
  }
}
@media screen and (min-width: 1400px) {
  .fl-row-content-wrap.background-left-shape-right-badge .bg-left-center-shape {
    width: 500px;
    top: 55%;
  }
  .fl-row-content-wrap.background-left-shape-right-badge .bg-right-bottom-badge {
    height: auto;
  }
}
@media screen and (min-width: 1600px) {
  .fl-row-content-wrap.background-left-shape-right-badge .bg-left-center-shape {
    width: auto;
    top: 55%;
  }
}
.newsletter-widget-row {
  position: fixed;
  bottom: 16px;
  right: 16px;
  height: 48px;
  width: 48px;
  z-index: 10;
}
.newsletter-widget-row .newsletter-popup .uabb-button,
.newsletter-widget-row .newsletter-popup .uabb-button:focus,
.newsletter-widget-row .newsletter-popup .uabb-button:hover {
  background-color: #349966 !important;
  width: 48px;
  height: 48px !important;
  border-radius: 48px !important;
  background-image: url(/wp-content/themes/4h/assets/images/icons/mail.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
}

@media screen and (min-width: 768px) {
  .newsletter-widget-row {
    right: 5%;
    bottom: 25px;
    height: 64px;
    width: 64px;
  }
  .newsletter-widget-row .newsletter-popup .uabb-button,
  .newsletter-widget-row .newsletter-popup .uabb-button:focus,
  .newsletter-widget-row .newsletter-popup .uabb-button:hover {
    width: 64px;
    height: 64px !important;
    border-radius: 64px !important;
    background-size: 32px;
  }
}
@media screen and (min-width: 1280px) {
  .newsletter-widget-row {
    bottom: 78px;
    right: 96px;
  }
}
.testimonials-three-slides .uabb-testimonial {
  width: 400px !important;
}

@media only screen and (max-width: 768px) {
  .testimonials-three-slides .uabb-testimonial {
    width: 380px !important;
  }
}
body.search-results main h1,
body.search-no-results main h1 {
  text-align: center;
  margin-bottom: 3.2rem;
}
body.search-results main .search-form:not(.media-toolbar-primary),
body.search-no-results main .search-form:not(.media-toolbar-primary) {
  position: relative;
  padding: 0;
  height: auto;
}
body.search-results main .search-form:not(.media-toolbar-primary) .search-field,
body.search-no-results main .search-form:not(.media-toolbar-primary) .search-field {
  width: 100%;
  max-width: 81rem;
}
body.search-results main .search-form:not(.media-toolbar-primary) .close-search,
body.search-no-results main .search-form:not(.media-toolbar-primary) .close-search {
  display: none;
}
body.search-results main .result-count,
body.search-no-results main .result-count {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.6rem;
  text-transform: uppercase;
  color: #4d5761;
  letter-spacing: 0.16rem;
  margin-bottom: 2.4rem;
  display: inline-block;
  margin-top: 4rem;
}
body.search-results main .search-result-list,
body.search-no-results main .search-result-list {
  border-top: solid 1px #d2d6db;
  margin-bottom: 1.6rem;
}
body.search-results main .search-result-list article,
body.search-no-results main .search-result-list article {
  padding-top: 3.2rem;
  padding-bottom: 2.4rem;
  border-bottom: solid 1px #d2d6db;
}
body.search-results main .search-result-list article h2,
body.search-no-results main .search-result-list article h2 {
  margin-bottom: 0.8rem;
  text-transform: unset;
  line-height: 2.8rem;
}
body.search-results main .search-result-list article h2 a,
body.search-no-results main .search-result-list article h2 a {
  font-weight: 900;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 2rem;
  letter-spacing: 0.04rem;
}
body.search-results main .search-result-list article h2 a strong,
body.search-no-results main .search-result-list article h2 a strong {
  font-weight: 700;
}
body.search-results main .search-result-list article p,
body.search-no-results main .search-result-list article p {
  font-size: 1.4rem;
  margin-bottom: 3.2rem;
}
body.search-results main .search-result-list article p strong,
body.search-no-results main .search-result-list article p strong {
  font-weight: 700;
}
body.search-results main .search-result-list article .breadcrumb,
body.search-no-results main .search-result-list article .breadcrumb {
  color: #4d5761;
  font-size: 1.4rem;
}
body.search-results main .fourh-pagination-desktop,
body.search-no-results main .fourh-pagination-desktop {
  display: none;
}
body.search-results main .fourh-pagination-mobile,
body.search-no-results main .fourh-pagination-mobile {
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 2.3rem;
}
body.search-results main .fourh-pagination-mobile .prev-link:after,
body.search-results main .fourh-pagination-mobile .next-link:after,
body.search-no-results main .fourh-pagination-mobile .prev-link:after,
body.search-no-results main .fourh-pagination-mobile .next-link:after {
  display: none;
}
body.search-results main .fourh-pagination-mobile .prev-link,
body.search-no-results main .fourh-pagination-mobile .prev-link {
  position: absolute;
  left: 0;
  display: flex;
}
body.search-results main .fourh-pagination-mobile .next-link,
body.search-no-results main .fourh-pagination-mobile .next-link {
  position: absolute;
  right: 0;
  display: flex;
}
body.search-results main .fourh-pagination-mobile .count,
body.search-no-results main .fourh-pagination-mobile .count {
  flex-grow: 0;
  color: #4d5761;
  font-size: 1.4rem;
}
body.search-results main .fourh-pagination-mobile .count strong,
body.search-no-results main .fourh-pagination-mobile .count strong {
  font-weight: 700;
}
body.search-results main .no-results,
body.search-no-results main .no-results {
  margin-top: 7.2rem;
  display: block;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  text-align: center;
}
body.search-results main .no-results .search-term,
body.search-no-results main .no-results .search-term {
  color: #349966;
}
body.search-results main h2.popular-results,
body.search-no-results main h2.popular-results {
  border-top: solid 1px #d2d6db;
  margin-top: 8rem;
  padding-top: 4rem;
  margin-bottom: 2.4rem;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 900;
  text-transform: unset;
}
body.search-results main .popular-results-list,
body.search-no-results main .popular-results-list {
  list-style: none;
}
body.search-results main .popular-results-list li,
body.search-no-results main .popular-results-list li {
  padding-left: 0;
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
}
body.search-results main .popular-results-list li:before,
body.search-no-results main .popular-results-list li:before {
  display: none;
}
body.search-results main .popular-results-list li a,
body.search-no-results main .popular-results-list li a {
  font-weight: 900;
  font-size: 2rem;
  line-height: 2.4rem;
}
body.search-results main .popular-results-list li a:after,
body.search-no-results main .popular-results-list li a:after {
  display: none;
}
body.search-results main .popular-results-list li img,
body.search-no-results main .popular-results-list li img {
  margin-right: 1.6rem;
}

@media screen and (min-width: 1050px) {
  body.search-results main h1,
  body.search-no-results main h1 {
    margin-bottom: 4.8rem;
    margin-top: 9.5rem;
  }
  body.search-results main .search-form:not(.media-toolbar-primary) .clear-search-btn,
  body.search-no-results main .search-form:not(.media-toolbar-primary) .clear-search-btn {
    right: 2.4rem;
    margin-right: 0;
  }
  body.search-results main .result-count,
  body.search-no-results main .result-count {
    margin-top: 6.4rem;
    margin-bottom: 3.2rem;
  }
  body.search-results main .search-result-list,
  body.search-no-results main .search-result-list {
    margin-bottom: 15.6rem;
  }
  body.search-results main .search-result-list article,
  body.search-no-results main .search-result-list article {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
  body.search-results main .search-result-list article:last-of-type,
  body.search-no-results main .search-result-list article:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
  }
  body.search-results main .search-result-list article h2,
  body.search-no-results main .search-result-list article h2 {
    line-height: 3.2rem;
  }
  body.search-results main .search-result-list article h2 a,
  body.search-no-results main .search-result-list article h2 a {
    font-size: 2.4rem;
  }
  body.search-results main .search-result-list article p,
  body.search-no-results main .search-result-list article p {
    font-size: 2rem;
  }
  body.search-results main .fourh-pagination-mobile,
  body.search-no-results main .fourh-pagination-mobile {
    display: none;
  }
  body.search-results main .fourh-pagination-desktop,
  body.search-no-results main .fourh-pagination-desktop {
    display: block;
    border-top: solid 1px #d2d6db;
    padding-top: 2rem;
    padding-bottom: 2.3rem;
  }
  body.search-results main .fourh-pagination-desktop h2,
  body.search-no-results main .fourh-pagination-desktop h2 {
    display: none;
  }
  body.search-results main .fourh-pagination-desktop .nav-links,
  body.search-no-results main .fourh-pagination-desktop .nav-links {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
  }
  body.search-results main .fourh-pagination-desktop .nav-links .page-numbers,
  body.search-no-results main .fourh-pagination-desktop .nav-links .page-numbers {
    font-weight: 400;
    font-size: 1.6rem;
    color: #4d5761;
    display: inline-block;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body.search-results main .fourh-pagination-desktop .nav-links .page-numbers:hover:after,
  body.search-no-results main .fourh-pagination-desktop .nav-links .page-numbers:hover:after {
    display: none;
  }
  body.search-results main .fourh-pagination-desktop .nav-links .page-numbers.prev, body.search-results main .fourh-pagination-desktop .nav-links .page-numbers.next,
  body.search-no-results main .fourh-pagination-desktop .nav-links .page-numbers.prev,
  body.search-no-results main .fourh-pagination-desktop .nav-links .page-numbers.next {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
    width: auto;
    height: auto;
    position: absolute;
  }
  body.search-results main .fourh-pagination-desktop .nav-links .page-numbers.prev img, body.search-results main .fourh-pagination-desktop .nav-links .page-numbers.next img,
  body.search-no-results main .fourh-pagination-desktop .nav-links .page-numbers.prev img,
  body.search-no-results main .fourh-pagination-desktop .nav-links .page-numbers.next img {
    width: 20px;
  }
  body.search-results main .fourh-pagination-desktop .nav-links .page-numbers.prev,
  body.search-no-results main .fourh-pagination-desktop .nav-links .page-numbers.prev {
    left: 0;
  }
  body.search-results main .fourh-pagination-desktop .nav-links .page-numbers.prev img,
  body.search-no-results main .fourh-pagination-desktop .nav-links .page-numbers.prev img {
    margin-right: 0.8rem;
  }
  body.search-results main .fourh-pagination-desktop .nav-links .page-numbers.next,
  body.search-no-results main .fourh-pagination-desktop .nav-links .page-numbers.next {
    right: 0;
  }
  body.search-results main .fourh-pagination-desktop .nav-links .page-numbers.next img,
  body.search-no-results main .fourh-pagination-desktop .nav-links .page-numbers.next img {
    margin-left: 0.8rem;
  }
  body.search-results main .fourh-pagination-desktop .nav-links .page-numbers.current,
  body.search-no-results main .fourh-pagination-desktop .nav-links .page-numbers.current {
    background-color: #ecf9f2;
    border-radius: 40px;
    color: #349966;
    font-weight: 700;
  }
  body.search-results main .no-results,
  body.search-no-results main .no-results {
    font-size: 3.2rem;
    margin-top: 9.6rem;
  }
  body.search-results main h2.popular-results,
  body.search-no-results main h2.popular-results {
    margin-top: 9.6rem;
    font-size: 2.4rem;
    padding-top: 6.4rem;
    margin-bottom: 4.8rem;
    line-height: 3.2rem;
  }
  body.search-results main .popular-results-list li a,
  body.search-no-results main .popular-results-list li a {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  body.search-results main .popular-results-list li img,
  body.search-no-results main .popular-results-list li img {
    margin-right: 1.8rem;
    width: 32px;
    height: 32px;
  }
}
.page-template-page-clover-login {
  overflow-x: hidden;
  background-color: #f9fafb;
}
.page-template-page-clover-login .clover-login-page {
  height: auto;
  display: flex;
  position: relative;
}
.page-template-page-clover-login .clover-login-page .clover-login-right-shape {
  display: none;
}
.page-template-page-clover-login .clover-login-page .clover-login-right-shape-mobile {
  position: absolute;
  right: 0;
  top: -55px;
  width: auto;
}
.page-template-page-clover-login .clover-login-page .clover-login-left-shape {
  position: absolute;
  bottom: -40px;
  left: -50px;
  width: 100px;
  z-index: -1;
}
.page-template-page-clover-login .clover-login-page .clover-login-loggedin-left-shape {
  position: absolute;
  bottom: -40px;
  left: -50px;
  width: 100px;
  z-index: -1;
}
.page-template-page-clover-login .clover-login-page .clover-login-loggedin-main-block {
  padding: 40px 32px;
  height: auto;
  width: 100%;
  margin: 48px 16px;
  background: #ffffff;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 16px;
  z-index: 1;
}
.page-template-page-clover-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 4rem;
  line-height: 4.8rem;
  letter-spacing: 0.2px;
  text-align: center;
  text-transform: capitalize;
  color: #111111;
}
.page-template-page-clover-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-text {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  text-align: center;
  text-transform: initial;
  color: #111111;
  margin-bottom: 0;
}
.page-template-page-clover-login .clover-login-page .clover-login-loggedin-main-block .clover-login-sign-up {
  display: block;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 60px;
}
.page-template-page-clover-login .clover-login-page .clover-login-loggedin-main-block .clover-login-sign-up .btn {
  font-size: 2rem;
  font-weight: 900;
  line-height: 3.2rem;
  color: #FFFFFF;
  background-color: #349966;
  border-radius: 40px;
  padding: 16px 32px;
  text-transform: uppercase;
  display: inline-block;
  width: 80%;
}
.page-template-page-clover-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-clover-image {
  width: 100%;
  max-width: 284px;
  margin: 48px auto;
  display: block;
}
.page-template-page-clover-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-my4h {
  position: relative;
}
.page-template-page-clover-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-my4h #clover-login-loggedin-my4h-mx {
  max-width: 312px;
  margin: auto;
}
.page-template-page-clover-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-my4h #clover-login-loggedin-hr {
  position: absolute;
  left: -32px;
  right: -32px;
  margin: 0;
  border: none;
  height: 1px;
  background-color: #e5e7eb;
}
.page-template-page-clover-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-my4h .clover-login-loggedin-my4h-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  text-transform: initial;
  color: #111111;
  padding-top: 32px;
  padding-bottom: 18px;
  margin-bottom: 0;
}
.page-template-page-clover-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-my4h .clover-login-loggedin-links {
  display: block;
  width: fit-content;
  margin-bottom: 24px;
  display: flex;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
}
.page-template-page-clover-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-my4h .clover-login-loggedin-links img {
  margin-right: 16px;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block {
  display: block;
  padding: 40px 32px;
  height: auto;
  width: 100%;
  margin: 48px 16px;
  background: #ffffff;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 16px;
  z-index: 1;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block p {
  margin: 0;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-title {
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  font-weight: 900;
  font-family: "4H Gilroy", Arial, sans-serif;
  text-align: center;
  text-transform: initial;
  color: #111111;
  margin-bottom: 24px;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-text {
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  font-weight: 500;
  font-family: "4H Gilroy", Arial, sans-serif;
  text-align: center;
  text-transform: initial;
  color: #111111;
  margin-bottom: 24px;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-text-success {
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  font-weight: 300;
  font-family: #349966;
  text-align: center;
  text-transform: initial;
  color: #111111;
  margin-bottom: 12px;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-text-1 {
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  font-weight: 500;
  font-family: "4H Gilroy", Arial, sans-serif;
  text-align: center;
  text-transform: initial;
  color: #111111;
  margin-bottom: 0;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-text-login-icons {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.4px;
  font-family: "4H Gilroy", Arial, sans-serif;
  text-align: center;
  text-transform: initial;
  color: #111111;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-login-btn {
  background-color: #349966;
  padding: 16px 32px;
  border-radius: 40px;
  height: 48px;
  width: 100%;
  margin: 0 auto 24px;
  display: block;
  color: #ffffff;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-signup {
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  font-weight: 900;
  font-family: "4H Gilroy", Arial, sans-serif;
  text-align: center;
  text-transform: initial;
  color: #111111;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .mo-openid-app-icons {
  display: none !important;
  margin: 0 auto -24px;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .mo-openid-app-icons a {
  margin-left: 0 !important;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .mo-openid-app-icons .mo_btn-social {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem !important;
  line-height: 1.4rem !important;
  letter-spacing: 1px !important;
  text-transform: uppercase;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 {
  display: block;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .clover-login-social-login {
  margin: auto;
  max-width: 343px;
  width: 100%;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .clover-login-social-login .nsl-container-block .nsl-container-buttons {
  max-width: 343px;
  width: 100%;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .clover-login-social-login .nsl-container-block a {
  max-width: 343px;
  width: 100%;
  height: 64px;
  border: 2px solid #9da4ae;
  border-radius: 40px;
  line-height: 24px;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .clover-login-social-login .nsl-container-block a:first-child {
  margin: 0 0 8px;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .clover-login-social-login .nsl-container-block a:last-child {
  margin: 8px 0 0;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .clover-login-social-login .nsl-container-block .nsl-button {
  display: flex;
  flex-direction: row-reverse;
  color: #111111;
  box-shadow: none;
  justify-content: center;
  border-radius: 40px;
  height: 60px;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .clover-login-social-login .nsl-container-block .nsl-button .nsl-button-svg-container {
  flex: none;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .clover-login-social-login .nsl-container-block .nsl-button .nsl-button-svg-container {
  padding: 8px 0 8px 8px;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .clover-login-social-login .nsl-container-block .nsl-button .nsl-button-label-container {
  font-weight: 900;
  font-size: 18px;
  font-family: "4H Gilroy", Arial, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  flex: inherit;
  margin: 0 8px 0 0;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 br {
  display: none;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .mo_image_id {
  display: none;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .mo_btn-block {
  width: auto;
  margin: auto;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #111111;
  padding-left: 0 !important;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .mo_btn-social > img {
  position: relative !important;
  width: 24px;
  height: 24px;
  left: 16px;
  vertical-align: top;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form {
  width: auto;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form #field_0_3 {
  display: none;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form #gform_submit_button_0 {
  width: 100% !important;
  height: 48px;
  padding: 0;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form #gform_submit_button_0:hover {
  background-color: #349966;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form #gform_fields_login #field_0_1 .validation_message {
  margin-bottom: -16px;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form #gform_fields_login .gfield {
  margin-bottom: 16px;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form #gform_fields_login .gfield .validation_message {
  margin-top: 0;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form #gform_fields_login .gfield_label {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #2d3648;
  margin: 0;
  margin-bottom: 4px !important;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 #clover_login_page_recover_password {
  display: table;
  margin: 0 auto 16px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 #field_0_2 .ginput_container_text {
  position: relative;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 #field_0_2 .ginput_container_text #input_2 {
  padding-right: 56px;
}
.page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 #field_0_2 .ginput_container_text .clover-login-show-hide-icon {
  position: absolute;
  right: 25px;
  top: 17px;
  cursor: pointer;
}

@media screen and (min-width: 832px) {
  .page-template-page-clover-login #clover_login_page_logged_in {
    height: auto !important;
  }
  .page-template-page-clover-login .clover-login-page {
    height: 747px;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-right-shape {
    display: block;
    position: absolute;
    right: 0;
    top: -50px;
    width: 250px;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-right-shape-mobile {
    display: none;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-left-shape {
    bottom: -40px;
    width: 300px;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-loggedin-left-shape {
    bottom: 29px;
    width: 300px;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-loggedin-main-block {
    width: 488px;
    margin: 96px auto;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-title {
    font-size: 4.8rem;
    line-height: 5.6rem;
    letter-spacing: 0.6px;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-text {
    font-size: 2.8rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-clover-image {
    width: auto;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-my4h .clover-login-loggedin-my4h-title {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
    padding-top: 38px;
    padding-bottom: 32px;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-main-block {
    height: min-content;
    width: 800px;
    margin: 30px auto;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-title {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-text {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
    margin-bottom: 32px;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-text-success {
    line-height: 3.2rem;
    font-style: italic;
    font-size: 1.8rem;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-text-1 {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-login-btn {
    height: 64px;
    width: 343px;
    font-size: 2rem;
    line-height: 3.2rem;
    margin: 0 auto 32px;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-signup {
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .mo_btn-block {
    max-width: 343px;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form {
    max-width: 343px;
    margin: auto;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form #gform_submit_button_0 {
    max-width: 343px;
    height: 64px;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 #clover_login_page_recover_password {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}
@media screen and (min-width: 1280px) {
  .page-template-page-clover-login .clover-login-page .clover-login-right-shape {
    top: -30px;
    width: auto;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-left-shape {
    bottom: -80px;
    width: auto;
  }
  .page-template-page-clover-login .clover-login-page .clover-login-loggedin-left-shape {
    width: auto;
  }
}
.white-bg {
  background-color: white;
}

.page-template-page-clover-register {
  background-color: #f9fafb;
  padding-top: 0 !important;
}
.page-template-page-clover-register header {
  display: none !important;
}
.page-template-page-clover-register main {
  width: 100%;
  display: inline-grid;
}
.page-template-page-clover-register .clover-register-header-logo {
  height: 64px;
  display: flex;
  width: 100%;
}
.page-template-page-clover-register .clover-register-header-logo .clover-register-logo {
  align-self: center;
  width: inherit;
}
.page-template-page-clover-register .clover-register-header-logo .clover-register-logo::after {
  display: none;
}
.page-template-page-clover-register .clover-register-header-logo .clover-register-clover-logo {
  display: block;
  margin: auto;
  max-width: 176px;
}
.page-template-page-clover-register .clover-register-controls-block {
  display: block;
  background-color: #ffffff;
  width: 100%;
  text-align: center;
  position: fixed;
  bottom: 0;
  z-index: 99;
  height: 96px;
  margin-top: 16px;
}
.page-template-page-clover-register .clover-register-controls-block .clover-register-control-buttons {
  display: flex;
  position: relative;
  height: 64px;
  width: 100%;
  top: 16px;
  right: 16px;
}
.page-template-page-clover-register .clover-register-controls-block .clover-register-control-buttons #control-button-previous {
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 176px;
  height: 64px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 3.2rem;
  color: #4d5761;
}
.page-template-page-clover-register .clover-register-controls-block .clover-register-control-buttons #control-button-previous img {
  margin-right: 16px;
}
.page-template-page-clover-register .clover-register-controls-block .clover-register-control-buttons #control-button-previous2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 176px;
  height: 64px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 3.2rem;
  color: #4d5761;
}
.page-template-page-clover-register .clover-register-controls-block .clover-register-control-buttons #control-button-previous2 img {
  margin-right: 16px;
}
.page-template-page-clover-register .clover-register-controls-block .clover-register-control-buttons .control-button-next-disabled {
  background-color: #d2d6db !important;
  color: #ffffff !important;
  border: none !important;
}
.page-template-page-clover-register .clover-register-controls-block .clover-register-control-buttons .control-button-next-disabled img {
  filter: brightness(0) saturate(100%) invert(94%) sepia(100%) saturate(0%) hue-rotate(208deg) brightness(103%) contrast(102%) !important;
}
.page-template-page-clover-register .clover-register-controls-block .clover-register-control-buttons #control-button-next {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px 16px 32px;
  width: 176px;
  height: 64px;
  color: #349966;
  border-radius: 40px;
  border: 2px solid #349966;
  border-radius: 40px;
  position: absolute;
  right: 0;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 3.2rem;
  color: #349966;
}
.page-template-page-clover-register .clover-register-controls-block .clover-register-control-buttons #control-button-next img {
  margin-left: 16px;
}
.page-template-page-clover-register #two_steps .clover-register-main-block .clover-register-stepbar .clover-register-inner-stepbar-state {
  width: 50%;
}
.page-template-page-clover-register .clover-register-page {
  margin: 48px 16px 120px;
  position: relative;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block {
  width: 100%;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-stepbar {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #111111;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-stepbar .clover-register-stepbar-state {
  position: relative;
  width: 100%;
  height: 24px;
  border-radius: 34px;
  background: rgba(52, 153, 102, 0.08);
  margin: 16px 0 48px;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-stepbar .clover-register-inner-stepbar-state {
  background-color: #349966;
  width: 33.333333%;
  height: 24px;
  position: absolute;
  border-radius: 34px;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-titles {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  text-align: center;
  letter-spacing: 0.4px;
  color: #000000;
  text-transform: initial;
  margin: 32px auto;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-1 {
  display: none;
  color: #111111;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin {
  color: #111111;
  margin: 48px 0;
  width: 100%;
  display: table;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .crat-box-selected {
  background-color: #004438 !important;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box {
  position: relative;
  display: flex;
  padding: 24px;
  width: 100%;
  height: 146px;
  background: #FFFFFF;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 16px;
  margin-bottom: 24px;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-img {
  display: flex;
  width: 40%;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-text {
  display: block;
  width: 60%;
  height: fit-content;
  margin: auto;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-text .crat-box-selected-title {
  color: #ffffff !important;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-text .crat-box-selected-text {
  color: #ffffff !important;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-text .clover-register-acount-type-box-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #111111;
  margin-bottom: 16px;
  text-transform: initial;
  text-align: center;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-text .clover-register-acount-type-box-title-number {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 3.2rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #111111;
  margin-bottom: 16px;
  text-transform: initial;
  text-align: center;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-text .clover-register-acount-type-box-text {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.4px;
  color: #111111;
  margin: 0 16px 0 16px;
  text-align: center;
  display: none;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-text .clover-register-acount-type-box-text .subtitle {
  display: block;
  padding-bottom: 2rem;
  font-weight: bold;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-text .clover-register-acount-type-box-text .description {
  display: block;
  padding-bottom: 2rem;
  text-align: center;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-text .clover-register-acount-type-box-text .last_line_bold {
  font-weight: bold;
  text-align: center;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-text .clover-register-acount-type-box-text .last_line {
  display: block;
  text-align: center;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-acount-type-box-image {
  height: 98px;
  display: block;
  margin: auto;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step1-login {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #000000;
  text-align: center;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-login-link {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #349966;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-2 {
  margin-bottom: 68px;
  display: none;
  color: #111111;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin {
  color: #111111;
  margin: 48px 0;
  width: 100%;
  display: table;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .crat-box-selected {
  background-color: #004438 !important;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box {
  position: relative;
  display: flex;
  padding: 24px;
  width: 100%;
  height: 146px;
  background: #FFFFFF;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 16px;
  margin-bottom: 24px;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  opacity: 0;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-img {
  display: flex;
  width: 40%;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-text {
  display: block;
  width: 60%;
  height: fit-content;
  margin: auto;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-text .crat-box-selected-title {
  color: #ffffff !important;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-text .crat-box-selected-text {
  color: #ffffff !important;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-text .clover-register-acount-type-box-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 2rem;
  letter-spacing: 0.4px;
  color: #111111;
  margin-top: 0.4rem;
  margin-bottom: 0.2rem;
  text-transform: initial;
  text-align: center;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-acount-type-box-image {
  height: 98px;
  display: block;
  margin: auto;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step1-login {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #000000;
  text-align: center;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-login-link {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #349966;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 {
  display: none;
  color: #111111;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .mo-openid-app-icons {
  display: none !important;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .mo_image_id {
  display: none;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .mo_btn-block {
  width: auto;
  margin: auto;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #111111;
  padding-left: 0 !important;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .mo_btn-social > img {
  position: relative !important;
  width: 24px;
  height: 24px;
  left: 16px;
  vertical-align: top;
  margin-right: 24px;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-social {
  display: block;
  margin-top: 48px;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-social .clover-register-step3-social-divs {
  width: 100%;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .hr-divider {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  margin: 40px 0;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .hr-divider:before {
  content: "";
  background: #d2d6db;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .hr-divider:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  color: #111111;
  padding: 0 0.5em;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.4px;
  line-height: 3.2rem;
  background-color: #fcfcfa;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .gform_wrapper.gravity-theme .ginput_complex {
  display: block;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .gform_wrapper form .gform_body .gfield button {
  height: 100%;
  width: auto;
  margin: -4px 12px;
  background: transparent;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .dashicons-hidden:before {
  content: url("../../assets/images/CL_eye-off.svg") !important;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .dashicons-visibility:before {
  content: url("../../assets/images/CL_eye.svg") !important;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .clover-register-learner {
  display: none;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .clover-register-parent {
  display: none;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .clover-update-parent {
  display: none;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .clover-update-leader {
  display: none;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .clover-register-leader {
  display: none;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .gfield_required {
  display: none;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .cr-form-name .name_last {
  display: block;
  margin-top: 24px;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .cr-form-email {
  margin-top: 40px !important;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .cr-form-password {
  margin-top: 40px !important;
  margin-bottom: 24px !important;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .cr-form-password .ginput_container_password label {
  display: none;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .cr-form-terms-of-service {
  margin-top: 48px;
  margin-bottom: 20px;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .cr-form-terms-of-service legend {
  margin-bottom: 32px;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .cr-form-marketing-preferences legend {
  margin-bottom: 32px;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .cr-form-marketing-preferences .gfield_checkbox div {
  margin-bottom: 24px;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .cr-form-marketing-preferences .gfield_checkbox div label {
  margin: 0;
  max-width: 100%;
  font-weight: 400;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .cr-form-marketing-preferences .gfield_checkbox div label a {
  font-weight: 700;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form label {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form label span {
  font-weight: 400;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form label span a {
  font-weight: 700;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form input[type=submit]:hover {
  background: #349966;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .gform_footer {
  margin-top: 16px !important;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .fourh-clover-form-password {
  margin: 40px auto 0 0;
  width: 384px;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .fourh-clover-form-password .fourh-clover-register-form-titles {
  margin-bottom: 16px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  margin-bottom: 32px;
  text-transform: initial;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .fourh-clover-form-password .fourh-clover-register-form-text {
  margin-bottom: 0;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
}
.page-template-page-clover-register .clover-register-page .clover-register-main-block .cr-active {
  display: block !important;
}
.page-template-page-clover-register .clover-register-page .enable-u13-user {
  display: block !important;
}
.page-template-page-clover-register .clover-register-page .disable-u13-user {
  display: none !important;
}
.page-template-page-clover-register .clover-register-page .clover-register-u13 {
  display: none;
}
.page-template-page-clover-register .clover-register-page .clover-register-u13 .clover-register-u13-top-mobile {
  position: absolute;
  right: -16px;
  top: -16px;
  z-index: -1;
}
.page-template-page-clover-register .clover-register-page .clover-register-u13 .clover-register-u13-bottom-mobile {
  bottom: -160px;
  left: -30px;
  position: absolute;
  z-index: -1;
}
.page-template-page-clover-register .clover-register-page .clover-register-u13 .clover-register-u13-top {
  display: none;
}
.page-template-page-clover-register .clover-register-page .clover-register-u13 .clover-register-u13-bottom {
  display: none;
}
.page-template-page-clover-register .clover-register-page .clover-register-u13 .u13-main-block {
  display: block;
  padding: 48px 17px;
  width: 100%;
  height: auto;
  background: #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 16px;
}
.page-template-page-clover-register .clover-register-page .clover-register-u13 .u13-main-block .u13-block-image {
  margin: 0 auto 32px;
  display: block;
}
.page-template-page-clover-register .clover-register-page .clover-register-u13 .u13-main-block .u13-block-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  text-align: center;
  letter-spacing: 0.4px;
  color: #000000;
  text-transform: initial;
  margin: 32px auto;
}
.page-template-page-clover-register .clover-register-page .clover-register-u13 .u13-main-block .u13-block-text {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  text-align: center;
  color: #111111;
  margin-bottom: 16px;
}
.page-template-page-clover-register .clover-register-page .clover-register-u13 .u13-main-block .u13-back-to-4h {
  background-color: #349966;
  padding: 12px 32px;
  border-radius: 40px;
  height: 48px;
  width: 100%;
  margin: 42px auto 24px;
  display: block;
  color: #ffffff;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
}
.page-template-page-clover-register .clover-register-page .clover-register-u13 .u13-main-block .u13-back-to-4h::after {
  height: 0px !important;
}

@media screen and (min-width: 768px) {
  .page-template-page-clover-register .clover-register-header-logo {
    background-color: #ffffff;
    height: 80px;
  }
  .page-template-page-clover-register .clover-register-page {
    margin: 16px 16px 40px;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-u13 {
    margin: 80px auto;
    position: relative;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-u13 .clover-register-u13-top-mobile {
    display: none;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-u13 .clover-register-u13-bottom-mobile {
    display: none;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-u13 .clover-register-u13-top {
    display: block;
    position: absolute;
    right: 0%;
    top: -196px;
    z-index: -1;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-u13 .clover-register-u13-bottom {
    display: block;
    bottom: -320px;
    left: 5%;
    position: absolute;
    z-index: -1;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-u13 .u13-main-block {
    padding: 48px;
    width: 669px;
    height: auto;
    margin: auto;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-u13 .u13-main-block .u13-block-title {
    font-size: 3.2rem;
    line-height: 4rem;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-u13 .u13-main-block .u13-block-text {
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-u13 .u13-main-block .u13-back-to-4h {
    height: 64px;
    padding: 20px 32px;
    width: 343px;
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
@media screen and (min-width: 832px) {
  .page-template-page-clover-register .clover-register-clover-logo {
    max-width: 176px;
  }
  .page-template-page-clover-register .clover-register-controls-block {
    margin-top: 32px;
  }
  .page-template-page-clover-register .clover-register-controls-block .clover-register-control-buttons {
    width: 800px;
    margin: auto;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block {
    width: 800px;
    margin: 16px auto;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-stepbar {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-titles {
    font-size: 3.2rem;
    line-height: 4rem;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-1 {
    display: none;
    color: #ffffff;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-1 #crat_box_1 {
    left: -32px;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-1 #crat_box_3 {
    right: -32px;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-2 {
    margin-bottom: 112px;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-2 #crat_box_4 {
    right: 11px;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-2 #crat_box_5 {
    left: 11px;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .mo_btn-block {
    max-width: 384px;
    text-align: left;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-social {
    display: flex;
    margin-top: 80px;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-social .clover-register-step3-social-divs {
    width: 50%;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-social .clover-register-step3-social-divs a {
    text-align: center;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .cr-form-name, .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .cr-form-email, .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .cr-form-password {
    width: 384px;
    margin: auto;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .cr-form-terms-of-service {
    margin-top: 96px;
    margin-bottom: 32px;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .gform_footer {
    width: 384px;
    margin: auto !important;
    margin-top: 86px !important;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-page-step-3 .clover-register-step3-form .fourh-clover-form-password {
    margin: 40px auto 0;
    width: 384px;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin {
    margin: 48px auto;
    width: unset;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box {
    display: table-cell;
    padding: 24px 8px;
    width: 240px;
    height: 332px;
    text-align: left;
    margin-bottom: unset;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-img {
    display: block;
    width: 100%;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-text {
    display: block;
    width: 100%;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-text .clover-register-acount-type-box-title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin: 16px 0 4px 0;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-text .clover-register-acount-type-box-title-number {
    font-size: 4.8rem;
    line-height: 5.6rem;
    margin: 16px 0 4px 0;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-account-type-style-mobile-text .clover-register-acount-type-box-text {
    display: block;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step-begin .clover-register-acount-type-box .clover-register-acount-type-box-image {
    height: 156px;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-main-block .clover-register-step1-login {
    font-weight: 400;
  }
}
@media screen and (min-width: 1120px) {
  .page-template-page-clover-register .clover-register-clover-logo {
    margin-top: -104px;
  }
}
@media screen and (min-width: 1280px) {
  .page-template-page-clover-register .clover-register-page .clover-register-u13 .clover-register-u13-top {
    right: 12%;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-u13 .clover-register-u13-bottom {
    left: 12%;
  }
}
@media screen and (min-width: 1400px) {
  .page-template-page-clover-register .clover-register-page .clover-register-u13 .clover-register-u13-top {
    right: 16%;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-u13 .clover-register-u13-bottom {
    left: 16%;
  }
}
@media screen and (min-width: 1600px) {
  .page-template-page-clover-register .clover-register-page .clover-register-u13 .clover-register-u13-top {
    right: 20%;
  }
  .page-template-page-clover-register .clover-register-page .clover-register-u13 .clover-register-u13-bottom {
    left: 20%;
  }
}
.page-template-page-clover-register-success {
  background-color: #f9fafb;
  padding-top: 0 !important;
}
.page-template-page-clover-register-success header {
  display: none !important;
}
.page-template-page-clover-register-success main {
  width: 100%;
  display: inline-grid;
}
.page-template-page-clover-register-success .clover-register-header-logo {
  height: 64px;
  display: flex;
  width: 100%;
}
.page-template-page-clover-register-success .clover-register-header-logo .clover-register-logo {
  align-self: center;
  width: inherit;
}
.page-template-page-clover-register-success .clover-register-header-logo .clover-register-logo::after {
  display: none;
}
.page-template-page-clover-register-success .clover-register-header-logo .clover-register-clover-logo {
  display: block;
  margin: auto;
  max-width: 117px;
}
.page-template-page-clover-register-success .clover-register-success-page {
  margin: 44px 16px 160px;
  position: relative;
}
.page-template-page-clover-register-success .clover-register-success-page .clover-register-success .clover-register-u13-top-mobile {
  position: absolute;
  right: -16px;
  top: -44px;
  z-index: -1;
}
.page-template-page-clover-register-success .clover-register-success-page .clover-register-success .clover-register-u13-bottom-mobile {
  bottom: -280px;
  left: -30px;
  position: absolute;
  z-index: -1;
}
.page-template-page-clover-register-success .clover-register-success-page .clover-register-success .clover-register-u13-top {
  display: none;
}
.page-template-page-clover-register-success .clover-register-success-page .clover-register-success .clover-register-u13-bottom {
  display: none;
}
.page-template-page-clover-register-success .clover-register-success-page .clover-register-success .u13-main-block {
  display: block;
  padding: 48px 16px;
  width: 100%;
  height: auto;
  background: #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 16px;
}
.page-template-page-clover-register-success .clover-register-success-page .clover-register-success .u13-main-block .u13-block-image {
  margin: 0 auto 32px;
  display: block;
}
.page-template-page-clover-register-success .clover-register-success-page .clover-register-success .u13-main-block .u13-block-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  text-align: center;
  letter-spacing: 0.4px;
  color: #000000;
  text-transform: initial;
  margin: 0 auto 32px;
}
.page-template-page-clover-register-success .clover-register-success-page .clover-register-success .u13-main-block .u13-block-text {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  text-align: center;
  color: #111111;
  margin-bottom: 16px;
}
.page-template-page-clover-register-success .clover-register-success-page .clover-register-success .u13-main-block .u13-block-text-email {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  text-align: center;
  color: #111111;
  margin-bottom: 16px;
}
.page-template-page-clover-register-success .clover-register-success-page .clover-register-success .u13-main-block .u13-block-text-subtitle {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  text-align: center;
  color: #111111;
  margin-bottom: 32px;
}
.page-template-page-clover-register-success .clover-register-success-page .clover-register-success .u13-main-block .u13-back-to-4h {
  background-color: #349966;
  padding: 12px 32px;
  border-radius: 40px;
  height: 48px;
  width: 100%;
  margin: 0 auto 24px;
  display: block;
  color: #ffffff;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
}
.page-template-page-clover-register-success .clover-register-success-page .clover-register-success .u13-main-block .u13-back-to-4h::after {
  height: 0px !important;
}

@media screen and (min-width: 768px) {
  .page-template-page-clover-register-success .clover-register-header-logo {
    background-color: #ffffff;
    height: 80px;
  }
  .page-template-page-clover-register-success .clover-register-success-page {
    margin: 60px 16px 60px;
    position: relative;
  }
  .page-template-page-clover-register-success .clover-register-success-page .clover-register-success {
    margin: 80px auto;
    position: relative;
  }
  .page-template-page-clover-register-success .clover-register-success-page .clover-register-success .clover-register-u13-top-mobile {
    display: none;
  }
  .page-template-page-clover-register-success .clover-register-success-page .clover-register-success .clover-register-u13-bottom-mobile {
    display: none;
  }
  .page-template-page-clover-register-success .clover-register-success-page .clover-register-success .clover-register-u13-top {
    display: block;
    position: absolute;
    right: 0%;
    top: -196px;
    z-index: -1;
  }
  .page-template-page-clover-register-success .clover-register-success-page .clover-register-success .clover-register-u13-bottom {
    display: block;
    bottom: -320px;
    left: 5%;
    position: absolute;
    z-index: -1;
  }
  .page-template-page-clover-register-success .clover-register-success-page .clover-register-success .u13-main-block {
    padding: 90px 48px;
    width: 669px;
    height: auto;
    margin: auto;
  }
  .page-template-page-clover-register-success .clover-register-success-page .clover-register-success .u13-main-block .u13-block-title {
    font-size: 3.2rem;
    line-height: 4rem;
    margin: 0 auto 44px;
  }
  .page-template-page-clover-register-success .clover-register-success-page .clover-register-success .u13-main-block .u13-block-text {
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .page-template-page-clover-register-success .clover-register-success-page .clover-register-success .u13-main-block .u13-block-text-email {
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .page-template-page-clover-register-success .clover-register-success-page .clover-register-success .u13-main-block .u13-block-text-subtitle {
    font-size: 2.8rem;
    line-height: 4rem;
    margin-bottom: 44px;
  }
  .page-template-page-clover-register-success .clover-register-success-page .clover-register-success .u13-main-block .u13-back-to-4h {
    width: 343px;
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
@media screen and (min-width: 1050px) {
  .page-template-page-clover-register-success .clover-register-success-page .clover-register-success .clover-register-u13-top {
    display: block;
    position: absolute;
    right: 50px;
    top: -196px;
    z-index: -1;
  }
  .page-template-page-clover-register-success .clover-register-success-page .clover-register-success .clover-register-u13-bottom {
    display: block;
    bottom: -320px;
    left: 100px;
    position: absolute;
    z-index: -1;
  }
}
@media screen and (min-width: 1280px) {
  .page-template-page-clover-register-success .clover-register-success-page .clover-register-success .clover-register-u13-top {
    display: block;
    position: absolute;
    right: 100px;
    top: -196px;
    z-index: -1;
  }
  .page-template-page-clover-register-success .clover-register-success-page .clover-register-success .clover-register-u13-bottom {
    display: block;
    bottom: -320px;
    left: 150px;
    position: absolute;
    z-index: -1;
  }
}
@media screen and (min-width: 1400px) {
  .page-template-page-clover-register-success .clover-register-success-page .clover-register-success .clover-register-u13-top {
    display: block;
    position: absolute;
    right: 200px;
    top: -196px;
    z-index: -1;
  }
  .page-template-page-clover-register-success .clover-register-success-page .clover-register-success .clover-register-u13-bottom {
    display: block;
    bottom: -320px;
    left: 250px;
    position: absolute;
    z-index: -1;
  }
}
@media screen and (min-width: 1600px) {
  .page-template-page-clover-register-success .clover-register-success-page .clover-register-success .clover-register-u13-top {
    display: block;
    position: absolute;
    right: 300px;
    top: -196px;
    z-index: -1;
  }
  .page-template-page-clover-register-success .clover-register-success-page .clover-register-success .clover-register-u13-bottom {
    display: block;
    bottom: -320px;
    left: 350px;
    position: absolute;
    z-index: -1;
  }
}
.page-template-page-create-learner-profile {
  background-color: #f9fafb;
  padding-top: 0 !important;
}
.page-template-page-create-learner-profile header {
  display: none !important;
}
.page-template-page-create-learner-profile main {
  width: 100%;
  display: inline-grid;
}
.page-template-page-create-learner-profile .text-align-left {
  text-align: left !important;
}
.page-template-page-create-learner-profile .clover-create-profile-header-logo {
  height: 64px;
  display: flex;
  width: 100%;
  z-index: 2;
}
.page-template-page-create-learner-profile .clover-create-profile-header-logo .clover-create-profile-logo {
  align-self: center;
  width: inherit;
}
.page-template-page-create-learner-profile .clover-create-profile-header-logo .clover-create-profile-logo::after {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile-header-logo .clover-create-profile-clover-logo {
  display: block;
  margin: auto;
  max-width: 117px;
}
.page-template-page-create-learner-profile .clover-create-profile-welcome {
  display: flex;
  background-color: #004438;
}
.page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-tr-shape {
  display: block;
  position: absolute;
  right: -87px;
  top: 64px;
  width: 280px;
}
.page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-bl-shape {
  display: block;
  position: absolute;
  bottom: -100px;
  left: -60px;
  width: 200px;
}
.page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-main-outer-block {
  display: block;
  width: 100%;
  margin: auto 16px;
  z-index: 1;
  position: relative;
}
.page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-main-outer-block .clover-create-profile-welcome-inner-tr-shape {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-main-outer-block .clover-create-profile-welcome-inner-bl-shape {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-main-outer-block .clover-create-profile-welcome-main-block {
  padding: 40px 32px;
  height: auto;
  width: 100%;
  margin: 48px 0 160px;
  background: #ffffff;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 16px;
  z-index: 1;
}
.page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-main-outer-block .clover-create-profile-welcome-main-block .clover-create-profile-welcome-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 4rem;
  line-height: 4.8rem;
  letter-spacing: 0.2px;
  text-align: center;
  color: #111111;
  margin-bottom: 32px;
}
.page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-main-outer-block .clover-create-profile-welcome-main-block .clover-create-profile-welcome-text {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  text-align: center;
  text-transform: initial;
  color: #111111;
  margin-bottom: 24px;
}
.page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-main-outer-block .clover-create-profile-welcome-main-block .clover-create-profile-welcome-button {
  background-color: #349966;
  color: #ffffff;
  border-radius: 40px;
  padding: 12px 24px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 2.4rem;
  letter-spacing: 1px;
  text-align: center;
  width: 100%;
  height: 48px;
  position: relative;
}
.page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-main-outer-block .clover-create-profile-welcome-main-block .clover-create-profile-welcome-arrow {
  position: absolute;
  right: 30px;
  top: 16px;
  filter: invert(100%) sepia(2%) saturate(6737%) hue-rotate(25deg) brightness(114%) contrast(100%);
}
.page-template-page-create-learner-profile .deactivate_welcome {
  display: none !important;
}
.page-template-page-create-learner-profile .create-profile-result-message {
  margin: 24px;
  color: #ffffff;
  text-align: center;
  font-weight: 500;
  font-size: 2.4rem;
  font-family: "4H Gilroy", Arial, sans-serif;
}
.page-template-page-create-learner-profile #clover_learner .clover-create-profile-main-block .clover-create-profile-stepbar .clover-create-profile-inner-stepbar-state {
  width: 25%;
}
.page-template-page-create-learner-profile #clover_caregiver .clover-create-profile-main-block .clover-create-profile-stepbar .clover-create-profile-inner-stepbar-state {
  width: 50%;
}
.page-template-page-create-learner-profile #clover_educator .clover-create-profile-main-block .clover-create-profile-stepbar .clover-create-profile-inner-stepbar-state {
  width: 50%;
}
.page-template-page-create-learner-profile .clover-create-profile-outter {
  display: none;
  background-color: #004438;
  position: relative;
}
.page-template-page-create-learner-profile .clover-create-profile-outter .clover-create-profile-tr-shape {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile-outter .clover-create-profile-bl-shape {
  display: none;
}
.page-template-page-create-learner-profile .activate_steps_outter {
  display: block !important;
}
.page-template-page-create-learner-profile .clover-create-profile {
  margin: 16px;
  position: relative;
  display: inline-block;
  width: calc(100% - 32px);
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout {
  padding: 16px;
  display: none;
  overflow-y: auto;
  scrollbar-width: 30px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .clover-caregiver-checkout-title {
  margin-bottom: 48px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .clover-caregiver-checkout-title .clover-create-profile-step-titles-plan {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  text-align: center;
  letter-spacing: 0.4px;
  color: #ffffff;
  text-transform: initial;
  margin: 48px auto;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .clover-caregiver-checkout-title .clover-create-profile-step-text-plan {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
  text-align: left;
  letter-spacing: 0.4px;
  color: #ffffff;
  text-transform: initial;
  margin-bottom: 0;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .clover-caregiver-checkout-title .clover-create-profile-link-plan {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.8rem;
  text-align: left;
  letter-spacing: 0.4px;
  color: #ffffff;
  text-transform: initial;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout #plan_supporter,
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout #plan_free {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .cta-checkout {
  display: block !important;
  margin: 24px auto;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 900;
  color: #ffffff;
  background-color: #349966;
  border-radius: 40px;
  letter-spacing: 1px;
  padding: 16px 24px;
  width: fit-content;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .btn-disabled {
  background-color: #d2d6db !important;
  color: #ffffff !important;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .woocommerce-notices-wrapper {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
  border-top-color: #349966;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before {
  color: #349966;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout #customer_details .col-1 {
  width: 100%;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout #customer_details .col-1 .woocommerce-billing-fields h3 {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p label {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.4rem;
  color: #ffffff;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p .woocommerce-input-wrapper input,
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p .woocommerce-input-wrapper select {
  border-radius: 40px;
  padding: 12px 24px;
  border: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper #billing_company_field,
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper #billing_address_2_field {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout #customer_details .col-2 {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout #order_review_heading {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .woocommerce-checkout-review-order {
  color: #ffffff;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .woocommerce-checkout-review-order .cart-subtotal,
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .woocommerce-checkout-review-order .recurring-totals,
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .woocommerce-checkout-review-order .cart-subtotal {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .shop_table {
  border: 1px solid #ffffff;
  border-collapse: collapse;
  margin: 24px 0;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .shop_table thead tr th {
  border: 1px solid #ffffff;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .shop_table tbody tr td {
  border: 1px solid #ffffff;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .shop_table tbody tr th {
  border: 1px solid #ffffff;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .shop_table tfoot tr td {
  border: 1px solid #ffffff;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .shop_table tfoot tr th {
  border: 1px solid #ffffff;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .shop_table tfoot .recurring-total {
  border-top: none;
  border-bottom: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .woocommerce-checkout-payment ul,
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .woocommerce-checkout-payment .place-order {
  padding: 24px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .woocommerce-checkout-payment ul li {
  padding-left: 0;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .woocommerce-checkout-payment ul li label {
  color: #111111;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.4px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text {
  color: #111111;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.4px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .woocommerce-checkout-payment .place-order button,
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .woocommerce-checkout-payment .place-order input {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout::-webkit-scrollbar {
  width: 12px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout::-webkit-scrollbar-thumb {
  background: #d2d6db;
  border-radius: 8px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 8px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block {
  width: 100%;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-stepbar {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #ffffff;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-stepbar .clover-create-profile-stepbar-state {
  position: relative;
  width: 100%;
  height: 24px;
  border-radius: 34px;
  background: #e5e7eb;
  margin: 16px 0 48px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-stepbar .clover-create-profile-inner-stepbar-state {
  background-color: #349966;
  width: 33.333333%;
  height: 24px;
  position: absolute;
  border-radius: 34px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-choose-plan-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  text-align: center;
  letter-spacing: 0.6px;
  color: #ffffff;
  text-transform: initial;
  margin: 48px auto;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-step-titles {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  text-align: center;
  letter-spacing: 0.4px;
  color: #ffffff;
  text-transform: initial;
  margin: 48px auto;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-step-text {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
  text-align: center;
  letter-spacing: 0.4px;
  color: #ffffff;
  text-transform: initial;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .text-mg-top {
  margin-top: 24px !important;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .text-mg-bottom {
  margin-bottom: 48px !important;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-form {
  padding-bottom: 24px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-form .clover-continue-profile-creation {
  padding: 24px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-form .clover-continue-profile-creation .clover-continue-profile-text {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
  text-align: center;
  letter-spacing: 0.4px;
  color: #ffffff;
  text-transform: initial;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-form .clover-continue-profile-creation .clover-continue-profile-button {
  background-color: #349966;
  color: #ffffff;
  border-radius: 40px;
  padding: 16px 24px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 2.4rem;
  letter-spacing: 1px;
  text-align: center;
  width: 100%;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-form .plan_added_hide {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-form .select2 {
  width: 100% !important;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-form .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 16px;
  content: "";
  background-image: url(/wp-content/themes/4h/assets/images/icons/chevron-down.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  border: none;
  display: block;
  height: 2.4rem;
  margin-top: 0;
  right: 2.1rem;
  transform: rotate(0);
  transform-origin: 50% 50%;
  width: 2.4rem;
  transition: all 0.15s ease-in-out;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-form .select2-container--open .select2-selection .select2-selection__arrow {
  transform: rotate(180deg) !important;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-form .select2-container--open .select2-selection .select2-selection__arrow b {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-form .select2-selection {
  appearance: none;
  background-position: right 2rem center;
  background-repeat: no-repeat;
  background-size: 1em;
  border: 2px solid #9da4ae;
  border-radius: 40px;
  height: 56px;
  padding: 16px;
  width: 100%;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .sub-completed {
  height: auto !important;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block #caregiver_role {
  height: auto;
  margin-bottom: 24px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-step-begin-selects {
  width: 100%;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-step-begin-selects label {
  display: block;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #ffffff;
  text-transform: initial;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-step-begin-selects select {
  width: 100%;
  padding: 16px;
  height: 56px;
  border-radius: 40px;
  border: 2px solid #9da4ae;
  appearance: none;
  background-image: url("../../assets/images/sel_arrow.svg") !important;
  background-repeat: no-repeat;
  background-position: right 2rem center;
  background-size: 1em;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-step-begin-selects .clover-state-input {
  width: 100%;
  padding: 16px;
  height: 56px;
  border-radius: 40px;
  border: 2px solid #9da4ae;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-1 {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-1 .clover-create-profile-state,
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-1 .clover-create-profile-county {
  margin-bottom: 24px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-1 .clover-create-profile-county .clover-create-profile-county-options {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-1 {
  position: relative;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-1 .clover-caregiver-plans-block {
  display: block;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-1 .clover-caregiver-plans-block #supporter {
  background-color: #349966 !important;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-1 .clover-caregiver-plans-block #supporter .clover-caregiver-plan-header {
  border-bottom: none;
  height: auto;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-1 .clover-caregiver-plans-block #supporter .tabs {
  background-color: #ffffff;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-1 .clover-caregiver-plans-block #supporter .tabs ul {
  padding: 0 20px;
  margin-bottom: 40px;
  margin-top: 0;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-1 .clover-caregiver-plans-block #supporter .tabs ul li {
  flex: 1;
  text-align: center;
  margin: 0;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-1 .clover-caregiver-plans-block #supporter .tabs .tab {
  padding: 0 40px 48px;
  text-align: center;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-1 .clover-caregiver-plans-block #supporter .tabs .tab h6 {
  font-size: 20;
  font-weight: 900;
  text-transform: uppercase;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-1 .clover-caregiver-plans-block #supporter .tabs .tab .clover-caregiver-plan-header-text {
  font-size: 16px;
  margin-bottom: 0;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-1 .clover-caregiver-plans-block #supporter .tabs .tab .clover-caregiver-plan-savings-text {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  border-radius: 11px;
  background-color: #c9e3dc;
  display: inline-block;
  padding: 0 16px;
  line-height: 22px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-1 .clover-caregiver-plans-block #supporter .clover-caregiver-plan-description {
  padding-top: 40px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-1 .clover-caregiver-plans-block #supporter .clover-caregiver-plan-description ul {
  flex-direction: column;
  padding: 0;
  border-bottom: none;
  margin-bottom: 0;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-1 .clover-caregiver-plans-block #supporter .clover-caregiver-plan-description ul li {
  text-align: left;
  font-size: 1.8rem;
  line-height: 2.4rem;
  padding-bottom: 2.4rem;
  letter-spacing: 0.4px;
}
@media screen and (min-width: 768px) {
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-1 .clover-caregiver-plans-block #supporter .clover-caregiver-plan-description ul li {
    padding-bottom: 32px;
    font-size: 2rem;
    line-height: 3.2rem;
  }
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-1 .clover-caregiver-plans-block #supporter .clover-caregiver-plan-description ul li img {
  margin-right: 12px;
  vertical-align: middle;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-1 .clover-caregiver-plans-block #basic {
  margin-bottom: 58px !important;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-2 {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-2 .clover-create-profile-birth-year,
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-2 .clover-create-profile-birth-month,
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-2 .clover-create-profile-grade {
  margin-bottom: 24px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-educator-page-step-1 {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-educator-page-step-1 .clover-create-profile-state,
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-educator-page-step-1 .clover-create-profile-county {
  margin-bottom: 24px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-educator-page-step-1 .clover-create-profile-county .clover-create-profile-county-options {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-educator-page-step-2 {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-educator-page-step-2 .clover-create-profile-birth-year,
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-educator-page-step-2 .clover-create-profile-birth-month,
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-educator-page-step-2 .clover-create-profile-grade {
  margin-bottom: 24px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-2 {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-2 .clover-create-profile-birth-year,
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-2 .clover-create-profile-birth-month,
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-2 .clover-create-profile-grade {
  margin-bottom: 24px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .activate_step {
  display: block;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-2 {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-2 .clover-create-profile-previously-involved {
  display: block;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-2 .clover-create-profile-previously-involved #ccppib_box_1 {
  margin-bottom: 16px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-2 .clover-create-profile-previously-involved .clover-create-profile-previously-involved-boxes {
  position: relative;
  width: 100%;
  height: 79px;
  background-color: #ffffff;
  border-radius: 16px;
  border: 2px solid #ffffff;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-2 .clover-create-profile-previously-involved .clover-create-profile-previously-involved-boxes .clover-create-profile-involvement {
  bottom: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-2 .clover-create-profile-previously-involved .clover-create-profile-previously-involved-boxes .clover-create-profile-involvement-box-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  margin: 22.5px auto;
  text-align: center;
  text-transform: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-educator-page-step-2 {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-educator-page-step-2 .clover-create-profile-previously-involved {
  display: block;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-educator-page-step-2 .clover-create-profile-previously-involved #ccppib_box_1 {
  margin-bottom: 16px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-educator-page-step-2 .clover-create-profile-previously-involved .clover-create-profile-previously-involved-boxes {
  position: relative;
  width: 100%;
  height: 79px;
  background-color: #ffffff;
  border-radius: 16px;
  border: 2px solid #ffffff;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-educator-page-step-2 .clover-create-profile-previously-involved .clover-create-profile-previously-involved-boxes .clover-create-profile-involvement {
  bottom: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-educator-page-step-2 .clover-create-profile-previously-involved .clover-create-profile-previously-involved-boxes .clover-create-profile-involvement-box-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  margin: 22.5px auto;
  text-align: center;
  text-transform: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-3,
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-3 .clover-create-profile-previously-involved,
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-previously-involved {
  display: block;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-3 .clover-create-profile-previously-involved #ccppib_box_1,
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-previously-involved #ccppib_box_1 {
  margin-bottom: 16px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-3 .clover-create-profile-previously-involved .clover-create-profile-previously-involved-boxes,
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-previously-involved .clover-create-profile-previously-involved-boxes {
  position: relative;
  width: 100%;
  height: 79px;
  background-color: #ffffff;
  border-radius: 16px;
  border: 2px solid #ffffff;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-3 .clover-create-profile-previously-involved .clover-create-profile-previously-involved-boxes .clover-create-profile-involvement,
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-previously-involved .clover-create-profile-previously-involved-boxes .clover-create-profile-involvement {
  bottom: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-3 .clover-create-profile-previously-involved .clover-create-profile-previously-involved-boxes .clover-create-profile-involvement-box-title,
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-previously-involved .clover-create-profile-previously-involved-boxes .clover-create-profile-involvement-box-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  margin: 22.5px auto;
  text-align: center;
  text-transform: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 {
  display: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-gender {
  display: block;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-gender #ccpgb_box_1 {
  margin-bottom: 16px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-gender #ccpgb_box_2 {
  margin-bottom: 16px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-gender #ccpgb_box_3 {
  margin-bottom: 16px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-gender #ccpgb_box_4 {
  margin-bottom: 16px;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-gender .clover-create-profile-gender-boxes {
  position: relative;
  width: 100%;
  height: 79px;
  background-color: #ffffff;
  border-radius: 16px;
  border: 2px solid #ffffff;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-gender .clover-create-profile-gender-boxes .clover-create-profile-gender-input {
  bottom: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  width: 100%;
  height: 100% !important;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-gender .clover-create-profile-gender-boxes .clover-create-profile-gender-box-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  margin: 22.5px auto;
  text-align: center;
  text-transform: none;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .cr-active {
  display: block !important;
}
.page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .activate_step_2 {
  display: none !important;
}
.page-template-page-create-learner-profile #need_sub {
  display: none;
}
.page-template-page-create-learner-profile #need_sub_div {
  display: none;
}
.page-template-page-create-learner-profile #need_sub_div #sub-previous-btn {
  display: flex;
  width: 100%;
}
.page-template-page-create-learner-profile .buttons_visible {
  display: block !important;
}
.page-template-page-create-learner-profile .clover-create-profile-control-buttons {
  background-color: #004438;
  border-top: 2px solid #c9e3dc;
  display: none;
  height: 112px;
  position: relative;
  width: 100%;
  z-index: 2;
}
.page-template-page-create-learner-profile .clover-create-profile-control-buttons .clover-create-profile-control-buttons-inner {
  height: 64px;
  margin: 23px 16px;
  position: relative;
}
.page-template-page-create-learner-profile .clover-create-profile-control-buttons #control-button-previous {
  display: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 176px;
  height: 64px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 3.2rem;
  color: #ffffff;
}
.page-template-page-create-learner-profile .clover-create-profile-control-buttons #control-button-previous img {
  margin-right: 16px;
}
.page-template-page-create-learner-profile .clover-create-profile-control-buttons #sub-previous-btn {
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 176px;
  height: 64px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 3.2rem;
  color: #ffffff;
}
.page-template-page-create-learner-profile .clover-create-profile-control-buttons #sub-previous-btn img {
  margin-right: 16px;
}
.page-template-page-create-learner-profile .clover-create-profile-control-buttons .control-button-next-disabled {
  background-color: #d2d6db !important;
  color: #ffffff !important;
  border: none !important;
}
.page-template-page-create-learner-profile .clover-create-profile-control-buttons .control-button-next-disabled img {
  filter: brightness(0) saturate(100%) invert(94%) sepia(100%) saturate(0%) hue-rotate(208deg) brightness(103%) contrast(102%) !important;
}
.page-template-page-create-learner-profile .clover-create-profile-control-buttons #control-button-next {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px 16px 32px;
  width: 176px;
  height: 64px;
  color: #349966;
  border-radius: 40px;
  border: 2px solid #349966;
  border-radius: 40px;
  position: absolute;
  right: 0;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 3.2rem;
  color: #349966;
  top: 0;
}
.page-template-page-create-learner-profile .clover-create-profile-control-buttons #control-button-next img {
  margin-left: 16px;
}
.page-template-page-create-learner-profile .clover-create-profile-control-buttons #control-button-submit {
  display: none;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 16px 16px 16px 24px;
  width: auto;
  height: 64px;
  color: #349966;
  border-radius: 40px;
  border: 2px solid #349966;
  border-radius: 40px;
  position: absolute;
  right: 0;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 3.2rem;
  color: #349966;
  top: 0;
}
.page-template-page-create-learner-profile .clover-create-profile-control-buttons #control-button-submit img {
  margin-left: 16px;
}
.page-template-page-create-learner-profile .activate_buttons_plan {
  display: block !important;
}
.page-template-page-create-learner-profile .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 24px;
  margin-top: -3px;
}
.page-template-page-create-learner-profile #loadind_ajax_cp {
  margin: auto;
  width: 80px;
  display: none;
}
.page-template-page-create-learner-profile .center_ajax_icon {
  display: block !important;
}
.page-template-page-create-learner-profile .disabled_county_block {
  pointer-events: none !important;
}
.page-template-page-create-learner-profile .disabled_county_block .select2-selection--single {
  background-color: #eee !important;
  opacity: 0.8 !important;
}

@media screen and (min-width: 768px) {
  .page-template-page-create-learner-profile .clover-create-profile-header-logo {
    background-color: #ffffff;
    height: 80px;
  }
}
@media screen and (min-width: 832px) {
  .page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-tr-shape {
    display: none;
  }
  .page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-bl-shape {
    display: none;
  }
  .page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-main-outer-block {
    height: 500px;
    margin: 137px auto;
    padding: 0;
    position: relative;
    width: 686px;
    z-index: 0;
  }
  .page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-main-outer-block .clover-create-profile-welcome-inner-tr-shape {
    display: block;
    position: absolute;
    right: -130px;
    top: -138px;
    width: 480px;
    z-index: -1;
  }
  .page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-main-outer-block .clover-create-profile-welcome-inner-bl-shape {
    bottom: -340px;
    display: block;
    left: -140px;
    position: absolute;
    width: 480px;
  }
  .page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-main-outer-block .clover-create-profile-welcome-main-block {
    width: 686px;
    height: 500px;
    margin: 0;
    padding: 114px 48px;
    position: relative;
  }
  .page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-main-outer-block .clover-create-profile-welcome-main-block .clover-create-profile-welcome-title {
    font-size: 4.8rem;
    line-height: 5.6rem;
  }
  .page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-main-outer-block .clover-create-profile-welcome-main-block .clover-create-profile-welcome-text {
    font-size: 2.8rem;
    line-height: 4rem;
    margin-bottom: 40px;
  }
  .page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-main-outer-block .clover-create-profile-welcome-main-block .clover-create-profile-welcome-button {
    font-size: 2rem;
    line-height: 3.2rem;
    width: 343px;
    height: 64px;
    margin: auto;
    display: block;
  }
  .page-template-page-create-learner-profile .clover-create-profile-welcome .clover-create-profile-welcome-main-outer-block .clover-create-profile-welcome-main-block .clover-create-profile-welcome-arrow {
    position: absolute;
    right: 30px;
    top: 24px;
    filter: invert(100%) sepia(2%) saturate(6737%) hue-rotate(25deg) brightness(114%) contrast(100%);
  }
  .page-template-page-create-learner-profile .clover-create-profile-clover-logo {
    max-width: 176px;
  }
  .page-template-page-create-learner-profile .clover-create-profile-outter {
    background-color: #004438;
    position: relative;
  }
  .page-template-page-create-learner-profile .clover-create-profile-outter .clover-create-profile-tr-shape {
    display: block;
    position: absolute;
    right: 0;
    width: 250px;
    top: -70px;
  }
  .page-template-page-create-learner-profile .clover-create-profile-outter .clover-create-profile-bl-shape {
    display: block;
    position: absolute;
    bottom: -192px;
    left: -60px;
  }
  .page-template-page-create-learner-profile .clover-create-profile {
    display: block;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout {
    width: 800px;
    margin-left: 104px;
    height: 800px;
    overflow: auto;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .clover-caregiver-checkout-title {
    margin-bottom: 96px;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .clover-caregiver-checkout-title .clover-create-profile-step-titles-plan {
    font-size: 3.2rem;
    line-height: 4rem;
    margin: 48px auto;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .clover-caregiver-checkout-title .clover-create-profile-step-text-plan {
    font-weight: 400;
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-caregiver-plans-checkout .clover-caregiver-checkout-title .clover-create-profile-link-plan {
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block {
    width: 800px;
    margin: 48px auto;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-form {
    padding-bottom: 48px;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-form .clover-continue-profile-creation {
    padding: 96px;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-form .clover-continue-profile-creation .clover-continue-profile-text {
    font-weight: 400;
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-form .clover-continue-profile-creation .clover-continue-profile-button {
    font-size: 1.8rem;
    width: 340px;
    margin: auto;
    display: block;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block #caregiver_role {
    height: 800px;
    margin-bottom: 300px;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .continue-profile-div {
    height: auto !important;
    margin-bottom: 96px !important;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-stepbar {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-step-titles {
    font-size: 4rem;
    line-height: 5.6rem;
    margin: 96px auto 48px;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-choose-plan-title {
    font-size: 3.2rem;
    line-height: 4rem;
    margin: 48px auto 96px;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-step-text {
    font-weight: 400;
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .text-mg-top {
    margin-top: 48px !important;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .text-mg-bottom {
    margin-bottom: 48px !important;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-create-profile-step-begin-selects {
    width: 100%;
    max-width: 380px;
    margin: auto;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-2 .clover-create-profile-previously-involved {
    display: flex;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-2 .clover-create-profile-previously-involved #ccppib_box_1 {
    margin-left: auto;
    margin-right: 16px;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-2 .clover-create-profile-previously-involved #ccppib_box_2 {
    margin-right: auto;
    margin-left: 16px;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-caregiver-page-step-2 .clover-create-profile-previously-involved .clover-create-profile-previously-involved-boxes {
    width: 280px;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-educator-page-step-2 .clover-create-profile-previously-involved {
    display: flex;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-educator-page-step-2 .clover-create-profile-previously-involved #ccppib_box_1 {
    margin-left: auto;
    margin-right: 16px;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-educator-page-step-2 .clover-create-profile-previously-involved #ccppib_box_2 {
    margin-right: auto;
    margin-left: 16px;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-educator-page-step-2 .clover-create-profile-previously-involved .clover-create-profile-previously-involved-boxes {
    width: 280px;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-3 .clover-create-profile-previously-involved,
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-previously-involved {
    display: flex;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-3 .clover-create-profile-previously-involved #ccppib_box_1,
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-previously-involved #ccppib_box_1 {
    margin-left: auto;
    margin-right: 16px;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-3 .clover-create-profile-previously-involved #ccppib_box_2,
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-previously-involved #ccppib_box_2 {
    margin-right: auto;
    margin-left: 16px;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-3 .clover-create-profile-previously-involved .clover-create-profile-previously-involved-boxes,
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-previously-involved .clover-create-profile-previously-involved-boxes {
    width: 280px;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-gender {
    display: flex;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-gender #ccpgb_box_1 {
    margin-left: auto;
    margin-right: 16px;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-gender #ccpgb_box_2 {
    margin-right: auto;
    margin-left: 16px;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-gender #ccpgb_box_3 {
    margin-left: auto;
    margin-right: 16px;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-gender #ccpgb_box_4 {
    margin-right: auto;
    margin-left: 16px;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-create-profile-main-block .clover-learner-page-step-4 .clover-create-profile-gender .clover-create-profile-gender-boxes {
    width: 280px;
  }
  .page-template-page-create-learner-profile .clover-create-profile-control-buttons {
    height: 192px;
  }
  .page-template-page-create-learner-profile .clover-create-profile-control-buttons .clover-create-profile-control-buttons-inner {
    height: 64px;
    margin: 63px auto;
    display: flex;
    max-width: 816px;
  }
}
@media screen and (min-width: 1120px) {
  .page-template-page-clover-register .clover-create-profile-clover-logo {
    margin-top: -104px;
  }
}
@media screen and (min-width: 1280px) {
  .page-template-page-create-learner-profile .clover-create-profile .clover-register-u13 .clover-register-u13-top {
    right: 12%;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-register-u13 .clover-register-u13-bottom {
    left: 12%;
  }
}
@media screen and (min-width: 1400px) {
  .page-template-page-create-learner-profile .clover-create-profile .clover-register-u13 .clover-register-u13-top {
    right: 16%;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-register-u13 .clover-register-u13-bottom {
    left: 16%;
  }
}
@media screen and (min-width: 1600px) {
  .page-template-page-create-learner-profile .clover-create-profile .clover-register-u13 .clover-register-u13-top {
    right: 20%;
  }
  .page-template-page-create-learner-profile .clover-create-profile .clover-register-u13 .clover-register-u13-bottom {
    left: 20%;
  }
}
.page-template-page-4h-professional-register main {
  width: 100%;
  display: inline-grid;
}
.page-template-page-4h-professional-register .ginput_complex {
  align-items: flex-start !important;
}
.page-template-page-4h-professional-register .fourh-professional-register {
  margin: 16px;
  position: relative;
}
.page-template-page-4h-professional-register .fourh-professional-register .mo_image_id {
  display: none !important;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block {
  width: 100%;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .mo-openid-app-icons {
  display: none !important;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .hr-divider {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  margin: 40px 0;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .hr-divider:before {
  content: "";
  background: #d2d6db;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .hr-divider:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  color: #111111;
  padding: 0 0.5em;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.4px;
  line-height: 3.2rem;
  background-color: #fcfcfa;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-social {
  display: block;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-social .fourh-professional-register-social-divs {
  width: 100%;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-social .fourh-professional-register-social-divs a {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #111111;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-social .fourh-professional-register-social-divs a img {
  left: 18px;
  top: 12px;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-align: center;
  margin-bottom: 35px;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-text {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.4px;
  color: #111111;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-separator {
  margin-bottom: 32px;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-professional-register-italic {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.4px;
  font-style: italic;
  color: #4d5761;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-professional-register-form-titles {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  margin-bottom: 32px;
  text-transform: initial;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-name .gfield_label,
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-email .gfield_label {
  display: none;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-name fieldset,
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-email fieldset {
  margin-bottom: 24px;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-name label,
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-email label {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-resources {
  margin: 16px 0 48px;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-resources h4 {
  margin-bottom: 0;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-password {
  margin: 16px 0 32px;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-password .fourh-professional-register-form-titles {
  margin-bottom: 16px;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-password .fourh-professional-register-form-text {
  margin-bottom: 0;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-password-fields .gform_show_password {
  background: transparent;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-password-fields .dashicons-hidden:before {
  content: url("../../assets/images/CL_eye-off.svg") !important;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-password-fields .dashicons-visibility:before {
  content: url("../../assets/images/CL_eye.svg") !important;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-checkbox .gchoice label {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-checkbox .gfield_description {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #9da4ae;
  margin-left: 46px;
  padding-top: 6px;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-checkbox-forced .gchoice label {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-checkbox-forced .gfield_description {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #9da4ae;
  margin-left: 46px;
  padding-top: 6px;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-checkbox-forced .gfield_checkbox div {
  z-index: -1 !important;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-checkbox-comn .gchoice label {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-checkbox-comn .gchoice:first-child {
  margin-bottom: 28px;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-checkbox-comn .gfield_description {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #9da4ae;
  margin-left: 46px;
  padding-top: 6px;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-checkbox-comn legend {
  margin-bottom: 24px;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-last-hr {
  margin-bottom: 0;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-last-hr hr {
  margin-bottom: 42px;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-hr {
  margin-bottom: 0;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-hr .fourh-professional-register-separator {
  margin-top: 16px;
  margin-bottom: 48px;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-professional-register-form-text {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-personal-info {
  margin-bottom: 32px;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-personal-info .fourh-professional-register-form-titles {
  margin-bottom: 12px;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-personal-info .fourh-professional-register-form-text {
  margin-bottom: 0;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-address label {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-address input {
  margin-top: 8px;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-address select {
  width: 100%;
  padding: 16px;
  height: 56px;
  border-radius: 40px;
  border: 2px solid #9da4ae;
  appearance: none;
  background-image: url("../../assets/images/sel_arrow.svg") !important;
  background-repeat: no-repeat;
  background-position: right 2rem center;
  background-size: 1em;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .fourh-pro-form-alumni select {
  width: 100%;
  padding: 16px;
  height: 56px;
  border-radius: 40px;
  border: 2px solid #9da4ae;
  appearance: none;
  background-image: url("../../assets/images/sel_arrow.svg") !important;
  background-repeat: no-repeat;
  background-position: right 2rem center;
  background-size: 1em;
}
.page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .gform_button {
  width: 100%;
}

@media screen and (min-width: 832px) {
  .page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block {
    width: 800px;
    margin: 96px auto;
  }
  .page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-title {
    font-size: 4.8rem;
    line-height: 5.6rem;
  }
  .page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-text {
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-separator {
    margin-bottom: 56px;
  }
  .page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-form .gform_button {
    width: 210px;
  }
  .page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-social {
    display: flex;
  }
  .page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-social .fourh-professional-register-social-divs {
    width: 50%;
  }
  .page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-social .fourh-professional-register-social-divs a {
    text-align: center;
    margin-bottom: 0 !important;
  }
  .page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-social .fourh-professional-register-social-divs {
    margin-right: 16px;
  }
  .page-template-page-4h-professional-register .fourh-professional-register .fourh-professional-register-main-block .fourh-professional-register-social .fourh-professional-register-social-divs:last-child {
    margin-left: 16px;
    margin-right: 0;
  }
}
.common_request .fl-builder-content *,
.common_request .fl-builder-content *:before,
.common_request .fl-builder-content *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.common_request .rcm-access {
  vertical-align: middle;
  display: flex !important;
}
.common_request .rcm-access br {
  display: none;
}
.common_request .fl-row:before,
.common_request .fl-row:after,
.common_request .fl-row-content:before,
.common_request .fl-row-content:after,
.common_request .fl-col-group:before,
.common_request .fl-col-group:after,
.common_request .fl-col:before,
.common_request .fl-col:after,
.common_request .fl-module:before,
.common_request .fl-module:after,
.common_request .fl-module-content:before,
.common_request .fl-module-content:after {
  display: table;
  content: " ";
}
.common_request .fl-row:after,
.common_request .fl-row-content:after,
.common_request .fl-col-group:after,
.common_request .fl-col:after,
.common_request .fl-module:after,
.common_request .fl-module-content:after {
  clear: both;
}
.common_request .fl-clear {
  clear: both;
}
.common_request .fl-clearfix:before,
.common_request .fl-clearfix:after {
  display: table;
  content: " ";
}
.common_request .fl-clearfix:after {
  clear: both;
}
.common_request .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.common_request .fl-visible-large,
.common_request .fl-visible-large-medium,
.common_request .fl-visible-medium,
.common_request .fl-visible-medium-mobile,
.common_request .fl-visible-mobile,
.common_request .fl-col-group .fl-visible-medium.fl-col,
.common_request .fl-col-group .fl-visible-medium-mobile.fl-col,
.common_request .fl-col-group .fl-visible-mobile.fl-col {
  display: none;
}
.common_request .fl-row,
.common_request .fl-row-content {
  margin-left: auto;
  margin-right: auto;
  min-width: 0;
}
.common_request .fl-row-content-wrap {
  position: relative;
}
.common_request .fl-builder-mobile .fl-row-bg-photo .fl-row-content-wrap {
  background-attachment: scroll;
}
.common_request .fl-row-bg-video,
.common_request .fl-row-bg-video .fl-row-content,
.common_request .fl-row-bg-embed,
.common_request .fl-row-bg-embed .fl-row-content {
  position: relative;
}
.common_request .fl-row-bg-video .fl-bg-video,
.common_request .fl-row-bg-embed .fl-bg-embed-code {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.common_request .fl-row-bg-video .fl-bg-video video,
.common_request .fl-row-bg-embed .fl-bg-embed-code video {
  bottom: 0;
  left: 0px;
  max-width: none;
  position: absolute;
  right: 0;
  top: 0px;
}
.common_request .fl-row-bg-video .fl-bg-video iframe,
.common_request .fl-row-bg-embed .fl-bg-embed-code iframe {
  pointer-events: none;
  width: 100vw;
  height: 56.25vw;
  max-width: none;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.common_request .fl-bg-video-fallback {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0px;
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.common_request .fl-row-bg-slideshow,
.common_request .fl-row-bg-slideshow .fl-row-content {
  position: relative;
}
.common_request .fl-row .fl-bg-slideshow {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.common_request .fl-builder-edit .fl-row .fl-bg-slideshow * {
  bottom: 0;
  height: auto !important;
  left: 0;
  position: absolute !important;
  right: 0;
  top: 0;
}
.common_request .fl-row-bg-overlay .fl-row-content-wrap:after {
  border-radius: inherit;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.common_request .fl-row-bg-overlay .fl-row-content {
  position: relative;
  z-index: 1;
}
.common_request .fl-row-custom-height .fl-row-content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
}
.common_request .fl-row-overlap-top .fl-row-content-wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}
.common_request .fl-row-custom-height .fl-row-content-wrap {
  min-height: 0;
}
.common_request .fl-row-full-height .fl-row-content,
.common_request .fl-row-custom-height .fl-row-content {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.common_request .fl-row-full-height .fl-row-full-width.fl-row-content,
.common_request .fl-row-custom-height .fl-row-full-width.fl-row-content {
  max-width: 100%;
  width: 100%;
}
.common_request .fl-builder-ie-11 .fl-row.fl-row-full-height:not(.fl-visible-medium):not(.fl-visible-medium-mobile):not(.fl-visible-mobile),
.common_request .fl-builder-ie-11 .fl-row.fl-row-custom-height:not(.fl-visible-medium):not(.fl-visible-medium-mobile):not(.fl-visible-mobile) {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.common_request .fl-builder-ie-11 .fl-row-full-height .fl-row-content-wrap,
.common_request .fl-builder-ie-11 .fl-row-custom-height .fl-row-content-wrap {
  height: auto;
}
.common_request .fl-builder-ie-11 .fl-row-full-height .fl-row-content,
.common_request .fl-builder-ie-11 .fl-row-custom-height .fl-row-content {
  flex: 0 0 auto;
  flex-basis: 100%;
  margin: 0;
}
.common_request .fl-builder-ie-11 .fl-row-full-height.fl-row-align-top .fl-row-content,
.common_request .fl-builder-ie-11 .fl-row-full-height.fl-row-align-bottom .fl-row-content,
.common_request .fl-builder-ie-11 .fl-row-custom-height.fl-row-align-top .fl-row-content,
.common_request .fl-builder-ie-11 .fl-row-custom-height.fl-row-align-bottom .fl-row-content {
  margin: 0 auto;
}
.common_request .fl-builder-ie-11 .fl-row-full-height.fl-row-align-center .fl-col-group:not(.fl-col-group-equal-height),
.common_request .fl-builder-ie-11 .fl-row-custom-height.fl-row-align-center .fl-col-group:not(.fl-col-group-equal-height) {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.common_request .fl-row-full-height.fl-row-align-center .fl-row-content-wrap,
.common_request .fl-row-custom-height.fl-row-align-center .fl-row-content-wrap {
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.common_request .fl-row-full-height.fl-row-align-bottom .fl-row-content-wrap,
.common_request .fl-row-custom-height.fl-row-align-bottom .fl-row-content-wrap {
  align-items: flex-end;
  justify-content: flex-end;
  -webkit-align-items: flex-end;
  -webkit-justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-box-pack: end;
  -ms-flex-align: end;
  -ms-flex-pack: end;
}
.common_request .fl-builder-ie-11 .fl-row-full-height.fl-row-align-bottom .fl-row-content-wrap,
.common_request .fl-builder-ie-11 .fl-row-custom-height.fl-row-align-bottom .fl-row-content-wrap {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.common_request .fl-col-group-equal-height,
.common_request .fl-col-group-equal-height .fl-col,
.common_request .fl-col-group-equal-height .fl-col-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.common_request .fl-col-group-equal-height {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.common_request .fl-col-group-equal-height.fl-col-group-has-child-loading {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.common_request .fl-col-group-equal-height .fl-col,
.common_request .fl-col-group-equal-height .fl-col-content {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.common_request .fl-col-group-equal-height .fl-col-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-shrink: 1;
  min-width: 1px;
  max-width: 100%;
  width: 100%;
}
.common_request .fl-col-group-equal-height:before,
.common_request .fl-col-group-equal-height .fl-col:before,
.common_request .fl-col-group-equal-height .fl-col-content:before,
.common_request .fl-col-group-equal-height:after,
.common_request .fl-col-group-equal-height .fl-col:after,
.common_request .fl-col-group-equal-height .fl-col-content:after {
  content: none;
}
.common_request .fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-top .fl-col-content,
.common_request .fl-col-group-equal-height.fl-col-group-align-top .fl-col-content {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.common_request .fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-center .fl-col-content,
.common_request .fl-col-group-equal-height.fl-col-group-align-center .fl-col-content {
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.common_request .fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content,
.common_request .fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
}
.common_request .fl-col-group-equal-height.fl-col-group-align-center .fl-module,
.common_request .fl-col-group-equal-height.fl-col-group-align-center .fl-col-group {
  width: 100%;
}
.common_request .fl-builder-ie-11 .fl-col-group-equal-height,
.common_request .fl-builder-ie-11 .fl-col-group-equal-height .fl-col,
.common_request .fl-builder-ie-11 .fl-col-group-equal-height .fl-col-content,
.common_request .fl-builder-ie-11 .fl-col-group-equal-height .fl-module,
.common_request .fl-col-group-equal-height.fl-col-group-align-center .fl-col-group {
  min-height: 1px;
}
.common_request .fl-col {
  float: left;
  min-height: 1px;
}
.common_request .fl-col-bg-overlay .fl-col-content {
  position: relative;
}
.common_request .fl-col-bg-overlay .fl-col-content:after {
  border-radius: inherit;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.common_request .fl-col-bg-overlay .fl-module {
  position: relative;
  z-index: 2;
}
.common_request .fl-module img {
  max-width: 100%;
}
.common_request .fl-builder-module-template {
  margin: 0 auto;
  max-width: 1100px;
  padding: 20px;
}
.common_request .fl-builder-content a.fl-button,
.common_request .fl-builder-content a.fl-button:visited {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  padding: 12px 24px;
  text-decoration: none;
  text-shadow: none;
}
.common_request .fl-builder-content .fl-button:hover {
  text-decoration: none;
}
.common_request .fl-builder-content .fl-button:active {
  position: relative;
  top: 1px;
}
.common_request .fl-builder-content .fl-button-width-full .fl-button {
  text-align: center;
}
.common_request .fl-builder-content .fl-button-width-custom .fl-button {
  display: inline-block;
  text-align: center;
  max-width: 100%;
}
.common_request .fl-builder-content .fl-button-left {
  text-align: left;
}
.common_request .fl-builder-content .fl-button-center {
  text-align: center;
}
.common_request .fl-builder-content .fl-button-right {
  text-align: right;
}
.common_request .fl-builder-content .fl-button i {
  font-size: 1.3em;
  height: auto;
  margin-right: 8px;
  vertical-align: middle;
  width: auto;
}
.common_request .fl-builder-content .fl-button i.fl-button-icon-after {
  margin-left: 8px;
  margin-right: 0;
}
.common_request .fl-builder-content .fl-button-has-icon .fl-button-text {
  vertical-align: middle;
}
.common_request .fl-icon-wrap {
  display: inline-block;
}
.common_request .fl-icon {
  display: table-cell;
  vertical-align: middle;
}
.common_request .fl-icon a {
  text-decoration: none;
}
.common_request .fl-icon i {
  float: right;
  height: auto;
  width: auto;
}
.common_request .fl-icon i:before {
  border: none !important;
  height: auto;
  width: auto;
}
.common_request .fl-icon-text {
  display: table-cell;
  text-align: left;
  padding-left: 15px;
  vertical-align: middle;
}
.common_request .fl-icon-text-empty {
  display: none;
}
.common_request .fl-icon-text *:last-child {
  margin: 0 !important;
  padding: 0 !important;
}
.common_request .fl-icon-text a {
  text-decoration: none;
}
.common_request .fl-icon-text span {
  display: block;
}
.common_request .fl-icon-text span.mce-edit-focus {
  min-width: 1px;
}
.common_request .fl-photo {
  line-height: 0;
  position: relative;
}
.common_request .fl-photo-align-left {
  text-align: left;
}
.common_request .fl-photo-align-center {
  text-align: center;
}
.common_request .fl-photo-align-right {
  text-align: right;
}
.common_request .fl-photo-content {
  display: inline-block;
  line-height: 0;
  position: relative;
  max-width: 100%;
}
.common_request .fl-photo-img-svg {
  width: 100%;
}
.common_request .fl-photo-content img {
  display: inline;
  height: auto;
  max-width: 100%;
}
.common_request .fl-photo-crop-circle img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.common_request .fl-photo-caption {
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.common_request .fl-photo-caption-below {
  padding-bottom: 20px;
  padding-top: 10px;
}
.common_request .fl-photo-caption-hover {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  color: #fff;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 10px 15px;
  position: absolute;
  right: 0;
  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.common_request .fl-photo-content:hover .fl-photo-caption-hover {
  opacity: 100;
  filter: alpha(opacity=100);
}
.common_request .fl-builder-pagination,
.common_request .fl-builder-pagination-load-more {
  padding: 40px 0;
}
.common_request .fl-builder-pagination ul.page-numbers {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.common_request .fl-builder-pagination li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.common_request .fl-builder-pagination li a.page-numbers,
.common_request .fl-builder-pagination li span.page-numbers {
  border: 1px solid #e6e6e6;
  display: inline-block;
  padding: 5px 10px;
  margin: 0 0 5px;
}
.common_request .fl-builder-pagination li a.page-numbers:hover,
.common_request .fl-builder-pagination li span.current {
  background: #f5f5f5;
  text-decoration: none;
}
.common_request .fl-slideshow,
.common_request .fl-slideshow * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.common_request .fl-slideshow .fl-slideshow-image img {
  max-width: none !important;
}
.common_request .fl-slideshow-social {
  line-height: 0 !important;
}
.common_request .fl-slideshow-social * {
  margin: 0 !important;
}
.common_request .fl-builder-content .bx-wrapper .bx-viewport {
  background: transparent;
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  left: 0;
}
.common_request .mfp-wrap button.mfp-arrow,
.common_request .mfp-wrap button.mfp-arrow:active,
.common_request .mfp-wrap button.mfp-arrow:hover,
.common_request .mfp-wrap button.mfp-arrow:focus {
  background: transparent !important;
  border: none !important;
  outline: none;
  position: absolute;
  top: 50%;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.common_request .mfp-wrap .mfp-close,
.common_request .mfp-wrap .mfp-close:active,
.common_request .mfp-wrap .mfp-close:hover,
.common_request .mfp-wrap .mfp-close:focus {
  background: transparent !important;
  border: none !important;
  outline: none;
  position: absolute;
  top: 0;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.common_request .admin-bar .mfp-wrap .mfp-close,
.common_request .admin-bar .mfp-wrap .mfp-close:active,
.common_request .admin-bar .mfp-wrap .mfp-close:hover,
.common_request .admin-bar .mfp-wrap .mfp-close:focus {
  top: 32px !important;
}
.common_request img.mfp-img {
  padding: 0;
}
.common_request .mfp-counter {
  display: none;
}
.common_request .mfp-wrap .mfp-preloader.fa {
  font-size: 30px;
}
.common_request .fl-form-field {
  margin-bottom: 15px;
}
.common_request .fl-form-field input.fl-form-error {
  border-color: #dd6420;
}
.common_request .fl-form-error-message {
  clear: both;
  color: #dd6420;
  display: none;
  padding-top: 8px;
  font-size: 12px;
  font-weight: lighter;
}
.common_request .fl-form-button-disabled {
  opacity: 0.5;
}
.common_request .fl-animation {
  opacity: 0;
}
.common_request .fl-builder-preview .fl-animation,
.common_request .fl-builder-edit .fl-animation,
.common_request .fl-animated {
  opacity: 1;
}
.common_request .fl-animated {
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.common_request .fl-button.fl-button-icon-animation i {
  width: 0 !important;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
.common_request .fl-button.fl-button-icon-animation:hover i {
  opacity: 1 !important;
  -ms-filter: "alpha(opacity=100)";
}
.common_request .fl-button.fl-button-icon-animation i.fl-button-icon-after {
  margin-left: 0px !important;
}
.common_request .fl-button.fl-button-icon-animation:hover i.fl-button-icon-after {
  margin-left: 10px !important;
}
.common_request .fl-button.fl-button-icon-animation i.fl-button-icon-before {
  margin-right: 0 !important;
}
.common_request .fl-button.fl-button-icon-animation:hover i.fl-button-icon-before {
  margin-right: 20px !important;
  margin-left: -10px;
}
.common_request .single:not(.woocommerce).single-fl-builder-template .fl-content {
  width: 100%;
}
.common_request .fl-builder-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.common_request .fl-builder-shape-layer {
  z-index: 0;
}
.common_request .fl-builder-shape-layer.fl-builder-bottom-edge-layer {
  z-index: 1;
}
.common_request .fl-row-bg-overlay .fl-builder-shape-layer {
  z-index: 1;
}
.common_request .fl-row-bg-overlay .fl-builder-shape-layer.fl-builder-bottom-edge-layer {
  z-index: 2;
}
.common_request .fl-row-has-layers .fl-row-content {
  z-index: 1;
}
.common_request .fl-row-bg-overlay .fl-row-content {
  z-index: 2;
}
.common_request .fl-builder-layer > * {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.common_request .fl-builder-layer + .fl-row-content {
  position: relative;
}
.common_request .fl-builder-layer .fl-shape {
  fill: #aaa;
  stroke: none;
  stroke-width: 0;
  width: 100%;
}
@supports (-webkit-touch-callout: inherit) {
  .common_request .fl-row.fl-row-bg-parallax .fl-row-content-wrap,
  .common_request .fl-row.fl-row-bg-fixed .fl-row-content-wrap {
    background-position: center !important;
    background-attachment: scroll !important;
  }
}
@supports (-webkit-touch-callout: none) {
  .common_request .fl-row.fl-row-bg-fixed .fl-row-content-wrap {
    background-position: center !important;
    background-attachment: scroll !important;
  }
}
.common_request .fl-row-fixed-width {
  max-width: 1280px;
}
.common_request .fl-row-content-wrap {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.common_request .fl-row-content-wrap {
  padding-top: 32px;
  padding-right: 32px;
  padding-bottom: 32px;
  padding-left: 32px;
}
.common_request .fl-col-content {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.common_request .fl-col-content {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.common_request .fl-module-content {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
@media (max-width: 1200px) {
  .common_request body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-xl,
  .common_request body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-xl {
    display: none !important;
  }
  .common_request .fl-visible-xl,
  .common_request .fl-visible-medium,
  .common_request .fl-visible-medium-mobile,
  .common_request .fl-visible-mobile,
  .common_request .fl-col-group .fl-visible-xl.fl-col,
  .common_request .fl-col-group .fl-visible-medium.fl-col,
  .common_request .fl-col-group .fl-visible-medium-mobile.fl-col,
  .common_request .fl-col-group .fl-visible-mobile.fl-col {
    display: none;
  }
  .common_request .fl-visible-desktop,
  .common_request .fl-visible-desktop-medium,
  .common_request .fl-visible-large,
  .common_request .fl-visible-large-medium,
  .common_request .fl-col-group .fl-visible-desktop.fl-col,
  .common_request .fl-col-group .fl-visible-desktop-medium.fl-col,
  .common_request .fl-col-group .fl-visible-large.fl-col,
  .common_request .fl-col-group .fl-visible-large-medium.fl-col {
    display: block;
  }
  .common_request .fl-col-group-equal-height .fl-visible-desktop.fl-col,
  .common_request .fl-col-group-equal-height .fl-visible-desktop-medium.fl-col,
  .common_request .fl-col-group-equal-height .fl-visible-large.fl-col,
  .common_request .fl-col-group-equal-height .fl-visible-large-medium.fl-col {
    display: flex;
  }
}
@media (max-width: 1100px) {
  .common_request body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-xl,
  .common_request body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-xl,
  .common_request body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-desktop,
  .common_request body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-desktop,
  .common_request body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-large,
  .common_request body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-large {
    display: none !important;
  }
  .common_request .fl-visible-xl,
  .common_request .fl-visible-desktop,
  .common_request .fl-visible-large,
  .common_request .fl-visible-mobile,
  .common_request .fl-col-group .fl-visible-xl.fl-col,
  .common_request .fl-col-group .fl-visible-desktop.fl-col,
  .common_request .fl-col-group .fl-visible-large.fl-col,
  .common_request .fl-col-group .fl-visible-mobile.fl-col {
    display: none;
  }
  .common_request .fl-visible-desktop-medium,
  .common_request .fl-visible-large-medium,
  .common_request .fl-visible-medium,
  .common_request .fl-visible-medium-mobile,
  .common_request .fl-col-group .fl-visible-desktop-medium.fl-col,
  .common_request .fl-col-group .fl-visible-large-medium.fl-col,
  .common_request .fl-col-group .fl-visible-medium.fl-col,
  .common_request .fl-col-group .fl-visible-medium-mobile.fl-col {
    display: block;
  }
  .common_request .fl-col-group-equal-height .fl-visible-desktop-medium.fl-col,
  .common_request .fl-col-group-equal-height .fl-visible-large-medium.fl-col,
  .common_request .fl-col-group-equal-height .fl-visible-medium.fl-col,
  .common_request .fl-col-group-equal-height .fl-visible-medium-mobile.fl-col {
    display: flex;
  }
  .common_request .fl-row[data-node] > .fl-row-content-wrap {
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
  }
}
@media (max-width: 767px) {
  .common_request body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-xl,
  .common_request body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-xl,
  .common_request body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-desktop,
  .common_request body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-desktop,
  .common_request body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-desktop-medium,
  .common_request body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-desktop-medium,
  .common_request body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-large,
  .common_request body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-large,
  .common_request body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-large-medium,
  .common_request body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-large-medium {
    display: none !important;
  }
  .common_request .fl-visible-xl,
  .common_request .fl-visible-desktop,
  .common_request .fl-visible-desktop-medium,
  .common_request .fl-visible-large,
  .common_request .fl-visible-large-medium,
  .common_request .fl-visible-medium,
  .common_request .fl-col-group .fl-visible-xl.fl-col,
  .common_request .fl-col-group .fl-visible-desktop.fl-col,
  .common_request .fl-col-group .fl-visible-desktop-medium.fl-col,
  .common_request .fl-col-group .fl-visible-large-medium.fl-col,
  .common_request .fl-col-group .fl-visible-medium.fl-col,
  .common_request .fl-col-group-equal-height .fl-visible-xl.fl-col,
  .common_request .fl-col-group-equal-height .fl-visible-desktop.fl-col,
  .common_request .fl-col-group-equal-height .fl-visible-desktop-medium.fl-col,
  .common_request .fl-col-group-equal-height .fl-visible-large-medium.fl-col,
  .common_request .fl-col-group-equal-height .fl-visible-medium.fl-col {
    display: none;
  }
  .common_request .fl-visible-medium-mobile,
  .common_request .fl-visible-mobile,
  .common_request .fl-col-group .fl-visible-medium-mobile.fl-col,
  .common_request .fl-col-group .fl-visible-mobile.fl-col {
    display: block;
  }
  .common_request .fl-row-content-wrap {
    background-attachment: scroll !important;
  }
  .common_request .fl-row-bg-parallax .fl-row-content-wrap {
    background-attachment: scroll !important;
    background-position: center center !important;
  }
  .common_request .fl-col-group.fl-col-group-equal-height {
    display: block;
  }
  .common_request .fl-col-group.fl-col-group-equal-height.fl-col-group-custom-width {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .common_request .fl-col-group.fl-col-group-responsive-reversed {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap-reverse;
    -webkit-flex-wrap: wrap-reverse;
    -ms-box-orient: horizontal;
  }
  .common_request .fl-col-group.fl-col-group-responsive-reversed .fl-col {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 0;
  }
  .common_request .fl-col {
    clear: both;
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: auto !important;
  }
  .common_request .fl-col-small:not(.fl-col-small-full-width) {
    max-width: 400px;
  }
  .common_request .fl-block-col-resize {
    display: none;
  }
  .common_request .fl-row[data-node] .fl-row-content-wrap {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .common_request .fl-row[data-node] .fl-bg-video,
  .common_request .fl-row[data-node] .fl-bg-slideshow {
    left: 0;
    right: 0;
  }
  .common_request .fl-col[data-node] .fl-col-content {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .common_request .fl-row[data-node] > .fl-row-content-wrap {
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
  }
}
.common_request .page .fl-post-header,
.common_request .single-fl-builder-template .fl-post-header {
  display: none;
}
.common_request .fl-node-simrdvpac9ek.fl-row-full-height > .fl-row-content-wrap,
.common_request .fl-node-simrdvpac9ek.fl-row-custom-height > .fl-row-content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.common_request .fl-node-simrdvpac9ek.fl-row-full-height > .fl-row-content-wrap {
  min-height: 100vh;
}
.common_request .fl-node-simrdvpac9ek.fl-row-custom-height > .fl-row-content-wrap {
  min-height: 0;
}
.common_request .fl-builder-edit .fl-node-simrdvpac9ek.fl-row-full-height > .fl-row-content-wrap {
  min-height: calc(100vh - 48px);
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .common_request .fl-node-simrdvpac9ek.fl-row-full-height > .fl-row-content-wrap {
    min-height: 1024px;
  }
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
  .common_request .fl-node-simrdvpac9ek.fl-row-full-height > .fl-row-content-wrap {
    min-height: 768px;
  }
}
@media screen and (device-aspect-ratio: 40/71) {
  .common_request .fl-node-simrdvpac9ek.fl-row-full-height > .fl-row-content-wrap {
    min-height: 500px;
  }
}
.common_request .fl-node-simrdvpac9ek > .fl-row-content-wrap {
  background-color: #004438;
}
.common_request .fl-node-simrdvpac9ek.fl-row-custom-height > .fl-row-content-wrap {
  min-height: 450px;
}
.common_request .fl-node-simrdvpac9ek .fl-builder-bottom-edge-layer > * {
  width: 100%;
  left: auto;
  right: auto;
  height: auto;
  top: auto;
  bottom: 0;
  transform: scaleX(-1) scaleY(-1);
}
.common_request .fl-node-simrdvpac9ek .fl-builder-bottom-edge-layer .fl-shape-content .fl-shape {
  fill: #ffffff;
}
.common_request .fl-node-1cfuj5zwih9g > .fl-row-content-wrap {
  margin-top: 48px;
  margin-bottom: 24px;
}
.common_request .fl-node-512d4gbq6shw {
  width: 100%;
}
.common_request .fl-node-cds9ibvlp4zf {
  width: 100%;
}
.common_request .fl-node-z7bejuxq6nc4 {
  width: 50%;
}
.common_request .fl-node-r6qgm8tuxvds {
  width: 50%;
}
.common_request .fl-module-heading .fl-heading {
  padding: 0 !important;
  margin: 0 !important;
}
.common_request .fl-row .fl-col .fl-node-qplx7seknzug h2.fl-heading a,
.common_request .fl-row .fl-col .fl-node-qplx7seknzug h2.fl-heading .fl-heading-text,
.common_request .fl-row .fl-col .fl-node-qplx7seknzug h2.fl-heading .fl-heading-text *,
.common_request .fl-node-qplx7seknzug h2.fl-heading .fl-heading-text {
  color: #ffffff;
}
.common_request .fl-builder-content .fl-rich-text strong {
  font-weight: bold;
}
.common_request .fl-builder-content .fl-node-9u6iksgx38a2 .fl-module-content .fl-rich-text,
.common_request .fl-builder-content .fl-node-9u6iksgx38a2 .fl-module-content .fl-rich-text * {
  color: #111111;
}
.common_request .fl-builder-content .fl-node-9u6iksgx38a2 .fl-rich-text,
.common_request .fl-builder-content .fl-node-9u6iksgx38a2 .fl-rich-text *:not(b, strong) {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0.4px;
}
@media (max-width: 1100px) {
  .common_request .fl-builder-content .fl-node-9u6iksgx38a2 .fl-rich-text,
  .common_request .fl-builder-content .fl-node-9u6iksgx38a2 .fl-rich-text *:not(b, strong) {
    font-size: 24px;
  }
}
.common_request .fl-node-9u6iksgx38a2 > .fl-module-content {
  margin-bottom: -32px;
}
@media (max-width: 767px) {
  .common_request .fl-node-9u6iksgx38a2 > .fl-module-content {
    margin-bottom: 0px;
  }
}
.common_request .fl-builder-content .fl-node-wjo68ea1s9yh .fl-module-content .fl-rich-text,
.common_request .fl-builder-content .fl-node-wjo68ea1s9yh .fl-module-content .fl-rich-text * {
  color: #000000;
}
.common_request .fl-builder-content .fl-node-wjo68ea1s9yh .fl-rich-text,
.common_request .fl-builder-content .fl-node-wjo68ea1s9yh .fl-rich-text *:not(b, strong) {
  font-size: 20px;
  line-height: 32px;
}
@media (max-width: 1100px) {
  .common_request .fl-builder-content .fl-node-wjo68ea1s9yh .fl-rich-text,
  .common_request .fl-builder-content .fl-node-wjo68ea1s9yh .fl-rich-text *:not(b, strong) {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .common_request .fl-builder-content .fl-node-wjo68ea1s9yh .fl-rich-text,
  .common_request .fl-builder-content .fl-node-wjo68ea1s9yh .fl-rich-text *:not(b, strong) {
    font-size: 16px;
    line-height: 24px;
  }
}
.common_request .fl-node-wjo68ea1s9yh > .fl-module-content {
  margin-bottom: -24px;
}
@media (max-width: 767px) {
  .common_request .fl-node-wjo68ea1s9yh > .fl-module-content {
    margin-bottom: 0px;
  }
}
.common_request .fl-button-group-layout-horizontal .fl-button-group-buttons {
  display: flex;
  flex-wrap: wrap;
}
.common_request .fl-button-group-layout-horizontal .fl-button-wrap {
  display: inline-block;
}
.common_request .fl-button-group-layout-vertical .fl-button-group-buttons {
  display: block;
}
.common_request .fl-button-group-layout-vertical .fl-button-wrap {
  display: block;
}
.common_request .fl-node-31w7uel4nhf0 .fl-button-group-layout-vertical .fl-button-group-buttons a.fl-button,
.common_request .fl-node-31w7uel4nhf0 .fl-button-group-layout-horizontal .fl-button-group-buttons a.fl-button {
  width: 100%;
}
.common_request .fl-node-31w7uel4nhf0 .fl-button-group-layout-horizontal .fl-button-group-buttons {
  justify-content: flex-start;
}
.common_request .fl-node-31w7uel4nhf0 .fl-button-group-layout-vertical .fl-button-group-button .fl-button-wrap {
  text-align: left;
}
.common_request .fl-node-31w7uel4nhf0 .fl-button-group-layout-horizontal .fl-button-group-buttons {
  justify-content: flex-start;
}
.common_request .fl-builder-content .fl-node-31w7uel4nhf0 .fl-button-group .fl-button-group-buttons .fl-button-group-button {
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.common_request .fl-node-31w7uel4nhf0 > .fl-module-content {
  margin-bottom: -24px;
}
@media (max-width: 767px) {
  .common_request .fl-node-31w7uel4nhf0 > .fl-module-content {
    margin-bottom: 0px;
  }
}
.common_request .uabb-imgicon-wrap .uabb-image {
  line-height: 0;
  position: relative;
}
.common_request .uabb-imgicon-wrap .uabb-image-align-left {
  text-align: left;
}
.common_request .uabb-imgicon-wrap .uabb-image-align-center {
  text-align: center;
}
.common_request .uabb-imgicon-wrap .uabb-image-align-right {
  text-align: right;
}
.common_request .uabb-imgicon-wrap .uabb-image-content {
  border-radius: 0;
  display: inline-block;
  line-height: 0;
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
.common_request .uabb-imgicon-wrap .uabb-image-content img {
  display: inline;
  height: auto !important;
  max-width: 100%;
  width: auto;
  border-radius: inherit;
}
.common_request .fl-builder-content .uabb-imgicon-wrap .uabb-image-content img {
  box-sizing: border-box;
  display: block;
}
.common_request .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-circle img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.common_request .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-square img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.common_request .fl-node-fu98kzvo3h5q .uabb-imgicon-wrap {
  text-align: center;
}
.common_request .fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
}
.common_request .uabb-module-content h1,
.common_request .uabb-module-content h2,
.common_request .uabb-module-content h3,
.common_request .uabb-module-content h4,
.common_request .uabb-module-content h5,
.common_request .uabb-module-content h6 {
  margin: 0;
  clear: both;
}
.common_request .fl-module-content a,
.common_request .fl-module-content a:hover,
.common_request .fl-module-content a:focus {
  text-decoration: none;
}
.common_request .uabb-row-separator {
  position: absolute;
  width: 100%;
  left: 0;
}
.common_request .uabb-top-row-separator {
  top: 0;
  bottom: auto;
}
.common_request .uabb-bottom-row-separator {
  top: auto;
  bottom: 0;
}
.common_request .fl-builder-content-editing .fl-visible-medium.uabb-row,
.common_request .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row,
.common_request .fl-builder-content-editing .fl-visible-mobile.uabb-row {
  display: none !important;
}
@media (max-width: 992px) {
  .common_request .fl-builder-content-editing .fl-visible-desktop.uabb-row,
  .common_request .fl-builder-content-editing .fl-visible-mobile.uabb-row {
    display: none !important;
  }
  .common_request .fl-builder-content-editing .fl-visible-desktop-medium.uabb-row,
  .common_request .fl-builder-content-editing .fl-visible-medium.uabb-row,
  .common_request .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .common_request .fl-builder-content-editing .fl-visible-desktop.uabb-row,
  .common_request .fl-builder-content-editing .fl-visible-desktop-medium.uabb-row,
  .common_request .fl-builder-content-editing .fl-visible-medium.uabb-row {
    display: none !important;
  }
  .common_request .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row,
  .common_request .fl-builder-content-editing .fl-visible-mobile.uabb-row {
    display: block !important;
  }
}
.common_request .fl-responsive-preview-content .fl-builder-content-editing {
  overflow-x: hidden;
  overflow-y: visible;
}
.common_request .uabb-row-separator svg {
  width: 100%;
}
.common_request .uabb-top-row-separator.uabb-has-svg svg {
  position: absolute;
  padding: 0;
  margin: 0;
  left: 50%;
  top: -1px;
  bottom: auto;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.common_request .uabb-bottom-row-separator.uabb-has-svg svg {
  position: absolute;
  padding: 0;
  margin: 0;
  left: 50%;
  bottom: -1px;
  top: auto;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.common_request .uabb-bottom-row-separator.uabb-has-svg .uasvg-wave-separator {
  bottom: 0;
}
.common_request .uabb-top-row-separator.uabb-has-svg .uasvg-wave-separator {
  top: 0;
}
.common_request .uabb-bottom-row-separator.uabb-svg-triangle svg,
.common_request .uabb-bottom-row-separator.uabb-xlarge-triangle svg,
.common_request .uabb-top-row-separator.uabb-xlarge-triangle-left svg,
.common_request .uabb-bottom-row-separator.uabb-svg-circle svg,
.common_request .uabb-top-row-separator.uabb-slime-separator svg,
.common_request .uabb-top-row-separator.uabb-grass-separator svg,
.common_request .uabb-top-row-separator.uabb-grass-bend-separator svg,
.common_request .uabb-bottom-row-separator.uabb-mul-triangles-separator svg,
.common_request .uabb-top-row-separator.uabb-wave-slide-separator svg,
.common_request .uabb-top-row-separator.uabb-pine-tree-separator svg,
.common_request .uabb-top-row-separator.uabb-pine-tree-bend-separator svg,
.common_request .uabb-bottom-row-separator.uabb-stamp-separator svg,
.common_request .uabb-bottom-row-separator.uabb-xlarge-circle svg,
.common_request .uabb-top-row-separator.uabb-wave-separator svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scaleY(-1);
  -moz-transform: translateX(-50%) scaleY(-1);
  -ms-transform: translateX(-50%) scaleY(-1);
  -o-transform: translateX(-50%) scaleY(-1);
  transform: translateX(-50%) scaleY(-1);
}
.common_request .uabb-bottom-row-separator.uabb-big-triangle svg {
  left: 50%;
  -webkit-transform: scale(1) scaleY(-1) translateX(-50%);
  -moz-transform: scale(1) scaleY(-1) translateX(-50%);
  -ms-transform: scale(1) scaleY(-1) translateX(-50%);
  -o-transform: scale(1) scaleY(-1) translateX(-50%);
  transform: scale(1) scaleY(-1) translateX(-50%);
}
.common_request .uabb-top-row-separator.uabb-big-triangle svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scale(1);
  -moz-transform: translateX(-50%) scale(1);
  -ms-transform: translateX(-50%) scale(1);
  -o-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1);
}
.common_request .uabb-top-row-separator.uabb-xlarge-triangle-right svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scale(-1);
  -moz-transform: translateX(-50%) scale(-1);
  -ms-transform: translateX(-50%) scale(-1);
  -o-transform: translateX(-50%) scale(-1);
  transform: translateX(-50%) scale(-1);
}
.common_request .uabb-bottom-row-separator.uabb-xlarge-triangle-right svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scaleX(-1);
  -moz-transform: translateX(-50%) scaleX(-1);
  -ms-transform: translateX(-50%) scaleX(-1);
  -o-transform: translateX(-50%) scaleX(-1);
  transform: translateX(-50%) scaleX(-1);
}
.common_request .uabb-top-row-separator.uabb-curve-up-separator svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scaleY(-1);
  -moz-transform: translateX(-50%) scaleY(-1);
  -ms-transform: translateX(-50%) scaleY(-1);
  -o-transform: translateX(-50%) scaleY(-1);
  transform: translateX(-50%) scaleY(-1);
}
.common_request .uabb-top-row-separator.uabb-curve-down-separator svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scale(-1);
  -moz-transform: translateX(-50%) scale(-1);
  -ms-transform: translateX(-50%) scale(-1);
  -o-transform: translateX(-50%) scale(-1);
  transform: translateX(-50%) scale(-1);
}
.common_request .uabb-bottom-row-separator.uabb-curve-down-separator svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scaleX(-1);
  -moz-transform: translateX(-50%) scaleX(-1);
  -ms-transform: translateX(-50%) scaleX(-1);
  -o-transform: translateX(-50%) scaleX(-1);
  transform: translateX(-50%) scaleX(-1);
}
.common_request .uabb-top-row-separator.uabb-tilt-left-separator svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scale(-1);
  -moz-transform: translateX(-50%) scale(-1);
  -ms-transform: translateX(-50%) scale(-1);
  -o-transform: translateX(-50%) scale(-1);
  transform: translateX(-50%) scale(-1);
}
.common_request .uabb-top-row-separator.uabb-tilt-right-separator svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scaleY(-1);
  -moz-transform: translateX(-50%) scaleY(-1);
  -ms-transform: translateX(-50%) scaleY(-1);
  -o-transform: translateX(-50%) scaleY(-1);
  transform: translateX(-50%) scaleY(-1);
}
.common_request .uabb-bottom-row-separator.uabb-tilt-left-separator svg {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.common_request .uabb-bottom-row-separator.uabb-tilt-right-separator svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scaleX(-1);
  -moz-transform: translateX(-50%) scaleX(-1);
  -ms-transform: translateX(-50%) scaleX(-1);
  -o-transform: translateX(-50%) scaleX(-1);
  transform: translateX(-50%) scaleX(-1);
}
.common_request .uabb-top-row-separator.uabb-tilt-left-separator,
.common_request .uabb-top-row-separator.uabb-tilt-right-separator {
  top: 0;
}
.common_request .uabb-bottom-row-separator.uabb-tilt-left-separator,
.common_request .uabb-bottom-row-separator.uabb-tilt-right-separator {
  bottom: 0;
}
.common_request .uabb-top-row-separator.uabb-arrow-outward-separator svg,
.common_request .uabb-top-row-separator.uabb-arrow-inward-separator svg,
.common_request .uabb-top-row-separator.uabb-cloud-separator svg,
.common_request .uabb-top-row-separator.uabb-multi-triangle svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scaleY(-1);
  -moz-transform: translateX(-50%) scaleY(-1);
  -ms-transform: translateX(-50%) scaleY(-1);
  -o-transform: translateX(-50%) scaleY(-1);
  transform: translateX(-50%) scaleY(-1);
}
.common_request .uabb-bottom-row-separator.uabb-multi-triangle svg {
  bottom: -2px;
}
.common_request .uabb-row-separator.uabb-round-split:after,
.common_request .uabb-row-separator.uabb-round-split:before {
  left: 0;
  width: 50%;
  background: inherit inherit/inherit inherit inherit inherit;
  content: "";
  position: absolute;
}
.common_request .uabb-button-wrap a,
.common_request .uabb-button-wrap a:visited {
  display: inline-block;
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
  text-shadow: none;
}
.common_request .fl-builder-content .uabb-button:hover {
  text-decoration: none;
}
.common_request .fl-builder-content .uabb-button-width-full .uabb-button {
  display: block;
  text-align: center;
}
.common_request .uabb-button-width-custom .uabb-button {
  display: inline-block;
  text-align: center;
  max-width: 100%;
}
.common_request .fl-builder-content .uabb-button-left {
  text-align: left;
}
.common_request .fl-builder-content .uabb-button-center {
  text-align: center;
}
.common_request .fl-builder-content .uabb-button-right {
  text-align: right;
}
.common_request .fl-builder-content .uabb-button i,
.common_request .fl-builder-content .uabb-button i:before {
  font-size: 1em;
  height: 1em;
  line-height: 1em;
  width: 1em;
}
.common_request .uabb-button .uabb-button-icon-after {
  margin-left: 8px;
  margin-right: 0;
}
.common_request .uabb-button .uabb-button-icon-before {
  margin-left: 0;
  margin-right: 8px;
}
.common_request .uabb-button .uabb-button-icon-no-text {
  margin: 0;
}
.common_request .uabb-button-has-icon .uabb-button-text {
  vertical-align: middle;
}
.common_request .uabb-icon-wrap {
  display: inline-block;
}
.common_request .uabb-icon a {
  text-decoration: none;
}
.common_request .uabb-icon i {
  display: block;
}
.common_request .uabb-icon i:before {
  border: none !important;
  background: none !important;
}
.common_request .uabb-icon-text {
  display: table-cell;
  text-align: left;
  padding-left: 15px;
  vertical-align: middle;
}
.common_request .uabb-icon-text *:last-child {
  margin: 0 !important;
  padding: 0 !important;
}
.common_request .uabb-icon-text a {
  text-decoration: none;
}
.common_request .uabb-photo {
  line-height: 0;
  position: relative;
  z-index: 2;
}
.common_request .uabb-photo-align-left {
  text-align: left;
}
.common_request .uabb-photo-align-center {
  text-align: center;
}
.common_request .uabb-photo-align-right {
  text-align: right;
}
.common_request .uabb-photo-content {
  border-radius: 0;
  display: inline-block;
  line-height: 0;
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
.common_request .uabb-photo-content img {
  border-radius: inherit;
  display: inline;
  height: auto;
  max-width: 100%;
  width: auto;
}
.common_request .fl-builder-content .uabb-photo-crop-circle img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.common_request .fl-builder-content .uabb-photo-crop-square img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.common_request .uabb-photo-caption {
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.common_request .uabb-photo-caption-below {
  padding-bottom: 20px;
  padding-top: 10px;
}
.common_request .uabb-photo-caption-hover {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  color: #fff;
  left: 0;
  opacity: 0;
  visibility: hidden;
  filter: alpha(opacity=0);
  padding: 10px 15px;
  position: absolute;
  right: 0;
  -webkit-transition: visibility 200ms linear;
  -moz-transition: visibility 200ms linear;
  transition: visibility 200ms linear;
}
.common_request .uabb-photo-content:hover .uabb-photo-caption-hover {
  opacity: 100;
  visibility: visible;
}
.common_request .uabb-active-btn {
  background: #1e8cbe;
  border-color: #0074a2;
  -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
  box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
  color: white;
}
.common_request .fl-builder-bar .fl-builder-add-content-button {
  display: block !important;
  opacity: 1 !important;
}
.common_request .uabb-imgicon-wrap .uabb-icon {
  display: block;
}
.common_request .uabb-imgicon-wrap .uabb-icon i {
  float: none;
}
.common_request .uabb-imgicon-wrap .uabb-image {
  line-height: 0;
  position: relative;
}
.common_request .uabb-imgicon-wrap .uabb-image-align-left {
  text-align: left;
}
.common_request .uabb-imgicon-wrap .uabb-image-align-center {
  text-align: center;
}
.common_request .uabb-imgicon-wrap .uabb-image-align-right {
  text-align: right;
}
.common_request .uabb-imgicon-wrap .uabb-image-content {
  display: inline-block;
  border-radius: 0;
  line-height: 0;
  position: relative;
  max-width: 100%;
}
.common_request .uabb-imgicon-wrap .uabb-image-content img {
  display: inline;
  height: auto !important;
  max-width: 100%;
  width: auto;
  border-radius: inherit;
  box-shadow: none;
  box-sizing: content-box;
}
.common_request .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-circle img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.common_request .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-square img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.common_request .uabb-creative-button-wrap a,
.common_request .uabb-creative-button-wrap a:visited {
  background: #fafafa;
  border: 1px solid #ccc;
  color: #333;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  text-decoration: none;
  text-shadow: none;
  box-shadow: none;
  position: relative;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.common_request .uabb-creative-button-wrap a:focus {
  text-decoration: none;
  text-shadow: none;
  box-shadow: none;
}
.common_request .uabb-creative-button-wrap a .uabb-creative-button-text,
.common_request .uabb-creative-button-wrap a .uabb-creative-button-icon,
.common_request .uabb-creative-button-wrap a:visited .uabb-creative-button-text,
.common_request .uabb-creative-button-wrap a:visited .uabb-creative-button-icon {
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.common_request .uabb-creative-button-wrap a:hover {
  text-decoration: none;
}
.common_request .uabb-creative-button-wrap .uabb-creative-button-width-full .uabb-creative-button {
  display: block;
  text-align: center;
}
.common_request .uabb-creative-button-wrap .uabb-creative-button-width-custom .uabb-creative-button {
  display: inline-block;
  text-align: center;
  max-width: 100%;
}
.common_request .uabb-creative-button-wrap .uabb-creative-button-left {
  text-align: left;
}
.common_request .uabb-creative-button-wrap .uabb-creative-button-center {
  text-align: center;
}
.common_request .uabb-creative-button-wrap .uabb-creative-button-right {
  text-align: right;
}
.common_request .uabb-creative-button-wrap .uabb-creative-button i {
  font-size: 1.3em;
  height: auto;
  vertical-align: middle;
  width: auto;
}
.common_request .uabb-creative-button-wrap .uabb-creative-button .uabb-creative-button-icon-after {
  margin-left: 8px;
  margin-right: 0;
}
.common_request .uabb-creative-button-wrap .uabb-creative-button .uabb-creative-button-icon-before {
  margin-right: 8px;
  margin-left: 0;
}
.common_request .uabb-creative-button-wrap.uabb-creative-button-icon-no-text .uabb-creative-button i {
  margin: 0;
}
.common_request .uabb-creative-button-wrap .uabb-creative-button-has-icon .uabb-creative-button-text {
  vertical-align: middle;
}
.common_request .uabb-creative-button-wrap a,
.common_request .uabb-creative-button-wrap a:visited {
  padding: 12px 24px;
}
.common_request .uabb-creative-button.uabb-creative-transparent-btn {
  background: transparent;
}
.common_request .uabb-creative-button.uabb-creative-transparent-btn:after {
  content: "";
  position: absolute;
  z-index: 1;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.common_request .uabb-transparent-fill-top-btn:after,
.common_request .uabb-transparent-fill-bottom-btn:after {
  width: 100%;
  height: 0;
  left: 0;
}
.common_request .uabb-transparent-fill-top-btn:after {
  top: 0;
}
.common_request .uabb-transparent-fill-bottom-btn:after {
  bottom: 0;
}
.common_request .uabb-transparent-fill-left-btn:after,
.common_request .uabb-transparent-fill-right-btn:after {
  width: 0;
  height: 100%;
  top: 0;
}
.common_request .uabb-transparent-fill-left-btn:after {
  left: 0;
}
.common_request .uabb-transparent-fill-right-btn:after {
  right: 0;
}
.common_request .uabb-transparent-fill-center-btn:after {
  width: 0;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.common_request .uabb-transparent-fill-diagonal-btn:after,
.common_request .uabb-transparent-fill-horizontal-btn:after {
  width: 100%;
  height: 0;
  top: 50%;
  left: 50%;
}
.common_request .uabb-transparent-fill-diagonal-btn {
  overflow: hidden;
}
.common_request .uabb-transparent-fill-diagonal-btn:after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.common_request .uabb-transparent-fill-horizontal-btn:after {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.common_request .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_down-btn,
.common_request .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_up-btn,
.common_request .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_left-btn,
.common_request .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_right-btn {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.common_request .perspective {
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  perspective: 800px;
  margin: 0;
}
.common_request .uabb-creative-button.uabb-creative-threed-btn:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  transition: all 200ms linear;
}
.common_request .uabb-creative-button.uabb-creative-threed-btn {
  outline: 1px solid transparent;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.common_request .uabb-creative-threed-btn.uabb-animate_top-btn:after {
  height: 40%;
  left: 0;
  top: -40%;
  width: 100%;
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
.common_request .uabb-creative-threed-btn.uabb-animate_bottom-btn:after {
  width: 100%;
  height: 40%;
  left: 0;
  top: 100%;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.common_request .uabb-creative-threed-btn.uabb-animate_left-btn:after {
  width: 20%;
  height: 100%;
  left: -20%;
  top: 0;
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: rotateY(-60deg);
  -moz-transform: rotateY(-60deg);
  -ms-transform: rotateY(-60deg);
  transform: rotateY(-60deg);
}
.common_request .uabb-creative-threed-btn.uabb-animate_right-btn:after {
  width: 20%;
  height: 100%;
  left: 104%;
  top: 0;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotateY(120deg);
  -moz-transform: rotateY(120deg);
  -ms-transform: rotateY(120deg);
  transform: rotateY(120deg);
}
.common_request .uabb-animate_top-btn:hover {
  -webkit-transform: rotateX(-15deg);
  -moz-transform: rotateX(-15deg);
  -ms-transform: rotateX(-15deg);
  -o-transform: rotateX(-15deg);
  transform: rotateX(-15deg);
}
.common_request .uabb-animate_bottom-btn:hover {
  -webkit-transform: rotateX(15deg);
  -moz-transform: rotateX(15deg);
  -ms-transform: rotateX(15deg);
  -o-transform: rotateX(15deg);
  transform: rotateX(15deg);
}
.common_request .uabb-animate_left-btn:hover {
  -webkit-transform: rotateY(6deg);
  -moz-transform: rotateY(6deg);
  -ms-transform: rotateY(6deg);
  -o-transform: rotateY(6deg);
  transform: rotateY(6deg);
}
.common_request .uabb-animate_right-btn:hover {
  -webkit-transform: rotateY(-6deg);
  -moz-transform: rotateY(-6deg);
  -ms-transform: rotateY(-6deg);
  -o-transform: rotateY(-6deg);
  transform: rotateY(-6deg);
}
.common_request .uabb-creative-flat-btn.uabb-animate_to_right-btn,
.common_request .uabb-creative-flat-btn.uabb-animate_to_left-btn,
.common_request .uabb-creative-flat-btn.uabb-animate_from_top-btn,
.common_request .uabb-creative-flat-btn.uabb-animate_from_bottom-btn {
  overflow: hidden;
  position: relative;
}
.common_request .uabb-creative-flat-btn.uabb-animate_to_right-btn i,
.common_request .uabb-creative-flat-btn.uabb-animate_to_left-btn i,
.common_request .uabb-creative-flat-btn.uabb-animate_from_top-btn i,
.common_request .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i {
  bottom: 0;
  height: 100%;
  margin: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  width: 100%;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.common_request .uabb-creative-flat-btn.uabb-animate_to_right-btn .uabb-button-text,
.common_request .uabb-creative-flat-btn.uabb-animate_to_left-btn .uabb-button-text,
.common_request .uabb-creative-flat-btn.uabb-animate_from_top-btn .uabb-button-text,
.common_request .uabb-creative-flat-btn.uabb-animate_from_bottom-btn .uabb-button-text {
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.common_request .uabb-creative-flat-btn.uabb-animate_to_right-btn i:before,
.common_request .uabb-creative-flat-btn.uabb-animate_to_left-btn i:before,
.common_request .uabb-creative-flat-btn.uabb-animate_from_top-btn i:before,
.common_request .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.common_request .uabb-creative-flat-btn.uabb-animate_to_right-btn:hover i,
.common_request .uabb-creative-flat-btn.uabb-animate_to_left-btn:hover i {
  left: 0;
}
.common_request .uabb-creative-flat-btn.uabb-animate_from_top-btn:hover i,
.common_request .uabb-creative-flat-btn.uabb-animate_from_bottom-btn:hover i {
  top: 0;
}
.common_request .uabb-creative-flat-btn.uabb-animate_to_right-btn i {
  top: 0;
  left: -100%;
}
.common_request .uabb-creative-flat-btn.uabb-animate_to_right-btn:hover .uabb-button-text {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  -o-transform: translateX(200%);
  transform: translateX(200%);
}
.common_request .uabb-creative-flat-btn.uabb-animate_to_left-btn i {
  top: 0;
  left: 100%;
}
.common_request .uabb-creative-flat-btn.uabb-animate_to_left-btn:hover .uabb-button-text {
  -webkit-transform: translateX(-200%);
  -moz-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  -o-transform: translateX(-200%);
  transform: translateX(-200%);
}
.common_request .uabb-creative-flat-btn.uabb-animate_from_top-btn i {
  top: -100%;
  left: 0;
}
.common_request .uabb-creative-flat-btn.uabb-animate_from_top-btn:hover .uabb-button-text {
  -webkit-transform: translateY(400px);
  -moz-transform: translateY(400px);
  -ms-transform: translateY(400px);
  -o-transform: translateY(400px);
  transform: translateY(400px);
}
.common_request .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i {
  top: 100%;
  left: 0;
}
.common_request .uabb-creative-flat-btn.uabb-animate_from_bottom-btn:hover .uabb-button-text {
  -webkit-transform: translateY(-400px);
  -moz-transform: translateY(-400px);
  -ms-transform: translateY(-400px);
  -o-transform: translateY(-400px);
  transform: translateY(-400px);
}
.common_request .uabb-tab-acc-content .wp-video,
.common_request .uabb-tab-acc-content video.wp-video-shortcode,
.common_request .uabb-tab-acc-content .mejs-container:not(.mejs-audio),
.common_request .uabb-tab-acc-content .mejs-overlay.load,
.common_request .uabb-adv-accordion-content .wp-video,
.common_request .uabb-adv-accordion-content video.wp-video-shortcode,
.common_request .uabb-adv-accordion-content .mejs-container:not(.mejs-audio),
.common_request .uabb-adv-accordion-content .mejs-overlay.load {
  width: 100% !important;
  height: 100% !important;
}
.common_request .uabb-tab-acc-content .mejs-container:not(.mejs-audio),
.common_request .uabb-adv-accordion-content .mejs-container:not(.mejs-audio) {
  padding-top: 56.25%;
}
.common_request .uabb-tab-acc-content .wp-video,
.common_request .uabb-tab-acc-content video.wp-video-shortcode,
.common_request .uabb-adv-accordion-content .wp-video,
.common_request .uabb-adv-accordion-content video.wp-video-shortcode {
  max-width: 100% !important;
}
.common_request .uabb-tab-acc-content video.wp-video-shortcode,
.common_request .uabb-adv-accordion-content video.wp-video-shortcode {
  position: relative;
}
.common_request .uabb-tab-acc-content .mejs-container:not(.mejs-audio) .mejs-mediaelement,
.common_request .uabb-adv-accordion-content .mejs-container:not(.mejs-audio) .mejs-mediaelement {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.common_request .uabb-tab-acc-content .mejs-overlay-play,
.common_request .uabb-adv-accordion-content .mejs-overlay-play {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto !important;
  height: auto !important;
}
.common_request .fl-row-content-wrap .uabb-row-particles-background,
.common_request .uabb-col-particles-background {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.common_request .uabb-js-breakpoint {
  content: "default";
  display: none;
}
@media screen and (max-width: 1100px) {
  .common_request .uabb-js-breakpoint {
    content: "1100";
  }
}
@media screen and (max-width: 767px) {
  .common_request .uabb-js-breakpoint {
    content: "767";
  }
}

.prof_resources h1,
.prof_resources p,
.prof_resources .button-group {
  text-align: center;
}
.prof_resources .button-group .button {
  width: 140px;
}
@media screen and (max-width: 768px) {
  .prof_resources .button-group {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }
}
.prof_resources .fl-builder-content *,
.prof_resources .fl-builder-content *:before,
.prof_resources .fl-builder-content *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.prof_resources .fl-row:before,
.prof_resources .fl-row:after,
.prof_resources .fl-row-content:before,
.prof_resources .fl-row-content:after,
.prof_resources .fl-col-group:before,
.prof_resources .fl-col-group:after,
.prof_resources .fl-col:before,
.prof_resources .fl-col:after,
.prof_resources .fl-module:before,
.prof_resources .fl-module:after,
.prof_resources .fl-module-content:before,
.prof_resources .fl-module-content:after {
  display: table;
  content: " ";
}
.prof_resources .fl-row:after,
.prof_resources .fl-row-content:after,
.prof_resources .fl-col-group:after,
.prof_resources .fl-col:after,
.prof_resources .fl-module:after,
.prof_resources .fl-module-content:after {
  clear: both;
}
.prof_resources .fl-clear {
  clear: both;
}
.prof_resources .fl-clearfix:before,
.prof_resources .fl-clearfix:after {
  display: table;
  content: " ";
}
.prof_resources .fl-clearfix:after {
  clear: both;
}
.prof_resources .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.prof_resources .fl-visible-large,
.prof_resources .fl-visible-large-medium,
.prof_resources .fl-visible-medium,
.prof_resources .fl-visible-medium-mobile,
.prof_resources .fl-visible-mobile,
.prof_resources .fl-col-group .fl-visible-medium.fl-col,
.prof_resources .fl-col-group .fl-visible-medium-mobile.fl-col,
.prof_resources .fl-col-group .fl-visible-mobile.fl-col {
  display: none;
}
.prof_resources .fl-row,
.prof_resources .fl-row-content {
  margin-left: auto;
  margin-right: auto;
  min-width: 0;
}
.prof_resources .fl-row-content-wrap {
  position: relative;
}
.prof_resources .fl-builder-mobile .fl-row-bg-photo .fl-row-content-wrap {
  background-attachment: scroll;
}
.prof_resources .fl-row-bg-video,
.prof_resources .fl-row-bg-video .fl-row-content,
.prof_resources .fl-row-bg-embed,
.prof_resources .fl-row-bg-embed .fl-row-content {
  position: relative;
}
.prof_resources .fl-row-bg-video .fl-bg-video,
.prof_resources .fl-row-bg-embed .fl-bg-embed-code {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.prof_resources .fl-row-bg-video .fl-bg-video video,
.prof_resources .fl-row-bg-embed .fl-bg-embed-code video {
  bottom: 0;
  left: 0px;
  max-width: none;
  position: absolute;
  right: 0;
  top: 0px;
}
.prof_resources .fl-row-bg-video .fl-bg-video iframe,
.prof_resources .fl-row-bg-embed .fl-bg-embed-code iframe {
  pointer-events: none;
  width: 100vw;
  height: 56.25vw;
  max-width: none;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.prof_resources .fl-bg-video-fallback {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0px;
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.prof_resources .fl-row-bg-slideshow,
.prof_resources .fl-row-bg-slideshow .fl-row-content {
  position: relative;
}
.prof_resources .fl-row .fl-bg-slideshow {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.prof_resources .fl-builder-edit .fl-row .fl-bg-slideshow * {
  bottom: 0;
  height: auto !important;
  left: 0;
  position: absolute !important;
  right: 0;
  top: 0;
}
.prof_resources .fl-row-bg-overlay .fl-row-content-wrap:after {
  border-radius: inherit;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.prof_resources .fl-row-bg-overlay .fl-row-content {
  position: relative;
  z-index: 1;
}
.prof_resources .fl-row-custom-height .fl-row-content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
}
.prof_resources .fl-row-overlap-top .fl-row-content-wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}
.prof_resources .fl-row-custom-height .fl-row-content-wrap {
  min-height: 0;
}
.prof_resources .fl-row-full-height .fl-row-content,
.prof_resources .fl-row-custom-height .fl-row-content {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.prof_resources .fl-row-full-height .fl-row-full-width.fl-row-content,
.prof_resources .fl-row-custom-height .fl-row-full-width.fl-row-content {
  max-width: 100%;
  width: 100%;
}
.prof_resources .fl-builder-ie-11 .fl-row.fl-row-full-height:not(.fl-visible-medium):not(.fl-visible-medium-mobile):not(.fl-visible-mobile),
.prof_resources .fl-builder-ie-11 .fl-row.fl-row-custom-height:not(.fl-visible-medium):not(.fl-visible-medium-mobile):not(.fl-visible-mobile) {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.prof_resources .fl-builder-ie-11 .fl-row-full-height .fl-row-content-wrap,
.prof_resources .fl-builder-ie-11 .fl-row-custom-height .fl-row-content-wrap {
  height: auto;
}
.prof_resources .fl-builder-ie-11 .fl-row-full-height .fl-row-content,
.prof_resources .fl-builder-ie-11 .fl-row-custom-height .fl-row-content {
  flex: 0 0 auto;
  flex-basis: 100%;
  margin: 0;
}
.prof_resources .fl-builder-ie-11 .fl-row-full-height.fl-row-align-top .fl-row-content,
.prof_resources .fl-builder-ie-11 .fl-row-full-height.fl-row-align-bottom .fl-row-content,
.prof_resources .fl-builder-ie-11 .fl-row-custom-height.fl-row-align-top .fl-row-content,
.prof_resources .fl-builder-ie-11 .fl-row-custom-height.fl-row-align-bottom .fl-row-content {
  margin: 0 auto;
}
.prof_resources .fl-builder-ie-11 .fl-row-full-height.fl-row-align-center .fl-col-group:not(.fl-col-group-equal-height),
.prof_resources .fl-builder-ie-11 .fl-row-custom-height.fl-row-align-center .fl-col-group:not(.fl-col-group-equal-height) {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.prof_resources .fl-row-full-height.fl-row-align-center .fl-row-content-wrap,
.prof_resources .fl-row-custom-height.fl-row-align-center .fl-row-content-wrap {
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.prof_resources .fl-row-full-height.fl-row-align-bottom .fl-row-content-wrap,
.prof_resources .fl-row-custom-height.fl-row-align-bottom .fl-row-content-wrap {
  align-items: flex-end;
  justify-content: flex-end;
  -webkit-align-items: flex-end;
  -webkit-justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-box-pack: end;
  -ms-flex-align: end;
  -ms-flex-pack: end;
}
.prof_resources .fl-builder-ie-11 .fl-row-full-height.fl-row-align-bottom .fl-row-content-wrap,
.prof_resources .fl-builder-ie-11 .fl-row-custom-height.fl-row-align-bottom .fl-row-content-wrap {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.prof_resources .fl-col-group-equal-height,
.prof_resources .fl-col-group-equal-height .fl-col,
.prof_resources .fl-col-group-equal-height .fl-col-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.prof_resources .fl-col-group-equal-height {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.prof_resources .fl-col-group-equal-height.fl-col-group-has-child-loading {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.prof_resources .fl-col-group-equal-height .fl-col,
.prof_resources .fl-col-group-equal-height .fl-col-content {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.prof_resources .fl-col-group-equal-height .fl-col-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-shrink: 1;
  min-width: 1px;
  max-width: 100%;
  width: 100%;
}
.prof_resources .fl-col-group-equal-height:before,
.prof_resources .fl-col-group-equal-height .fl-col:before,
.prof_resources .fl-col-group-equal-height .fl-col-content:before,
.prof_resources .fl-col-group-equal-height:after,
.prof_resources .fl-col-group-equal-height .fl-col:after,
.prof_resources .fl-col-group-equal-height .fl-col-content:after {
  content: none;
}
.prof_resources .fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-top .fl-col-content,
.prof_resources .fl-col-group-equal-height.fl-col-group-align-top .fl-col-content {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.prof_resources .fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-center .fl-col-content,
.prof_resources .fl-col-group-equal-height.fl-col-group-align-center .fl-col-content {
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.prof_resources .fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content,
.prof_resources .fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
}
.prof_resources .fl-col-group-equal-height.fl-col-group-align-center .fl-module,
.prof_resources .fl-col-group-equal-height.fl-col-group-align-center .fl-col-group {
  width: 100%;
}
.prof_resources .fl-builder-ie-11 .fl-col-group-equal-height,
.prof_resources .fl-builder-ie-11 .fl-col-group-equal-height .fl-col,
.prof_resources .fl-builder-ie-11 .fl-col-group-equal-height .fl-col-content,
.prof_resources .fl-builder-ie-11 .fl-col-group-equal-height .fl-module,
.prof_resources .fl-col-group-equal-height.fl-col-group-align-center .fl-col-group {
  min-height: 1px;
}
.prof_resources .fl-col {
  float: left;
  min-height: 1px;
}
.prof_resources .fl-col-bg-overlay .fl-col-content {
  position: relative;
}
.prof_resources .fl-col-bg-overlay .fl-col-content:after {
  border-radius: inherit;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.prof_resources .fl-col-bg-overlay .fl-module {
  position: relative;
  z-index: 2;
}
.prof_resources .fl-module img {
  max-width: 100%;
}
.prof_resources .fl-builder-module-template {
  margin: 0 auto;
  max-width: 1100px;
  padding: 20px;
}
.prof_resources .fl-builder-content a.fl-button,
.prof_resources .fl-builder-content a.fl-button:visited {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  padding: 12px 24px;
  text-decoration: none;
  text-shadow: none;
}
.prof_resources .fl-builder-content .fl-button:hover {
  text-decoration: none;
}
.prof_resources .fl-builder-content .fl-button:active {
  position: relative;
  top: 1px;
}
.prof_resources .fl-builder-content .fl-button-width-full .fl-button {
  text-align: center;
}
.prof_resources .fl-builder-content .fl-button-width-custom .fl-button {
  display: inline-block;
  text-align: center;
  max-width: 100%;
}
.prof_resources .fl-builder-content .fl-button-left {
  text-align: left;
}
.prof_resources .fl-builder-content .fl-button-center {
  text-align: center;
}
.prof_resources .fl-builder-content .fl-button-right {
  text-align: right;
}
.prof_resources .fl-builder-content .fl-button i {
  font-size: 1.3em;
  height: auto;
  margin-right: 8px;
  vertical-align: middle;
  width: auto;
}
.prof_resources .fl-builder-content .fl-button i.fl-button-icon-after {
  margin-left: 8px;
  margin-right: 0;
}
.prof_resources .fl-builder-content .fl-button-has-icon .fl-button-text {
  vertical-align: middle;
}
.prof_resources .fl-icon-wrap {
  display: inline-block;
}
.prof_resources .fl-icon {
  display: table-cell;
  vertical-align: middle;
}
.prof_resources .fl-icon a {
  text-decoration: none;
}
.prof_resources .fl-icon i {
  float: right;
  height: auto;
  width: auto;
}
.prof_resources .fl-icon i:before {
  border: none !important;
  height: auto;
  width: auto;
}
.prof_resources .fl-icon-text {
  display: table-cell;
  text-align: left;
  padding-left: 15px;
  vertical-align: middle;
}
.prof_resources .fl-icon-text-empty {
  display: none;
}
.prof_resources .fl-icon-text *:last-child {
  margin: 0 !important;
  padding: 0 !important;
}
.prof_resources .fl-icon-text a {
  text-decoration: none;
}
.prof_resources .fl-icon-text span {
  display: block;
}
.prof_resources .fl-icon-text span.mce-edit-focus {
  min-width: 1px;
}
.prof_resources .fl-photo {
  line-height: 0;
  position: relative;
}
.prof_resources .fl-photo-align-left {
  text-align: left;
}
.prof_resources .fl-photo-align-center {
  text-align: center;
}
.prof_resources .fl-photo-align-right {
  text-align: right;
}
.prof_resources .fl-photo-content {
  display: inline-block;
  line-height: 0;
  position: relative;
  max-width: 100%;
}
.prof_resources .fl-photo-img-svg {
  width: 100%;
}
.prof_resources .fl-photo-content img {
  display: inline;
  height: auto;
  max-width: 100%;
}
.prof_resources .fl-photo-crop-circle img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.prof_resources .fl-photo-caption {
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.prof_resources .fl-photo-caption-below {
  padding-bottom: 20px;
  padding-top: 10px;
}
.prof_resources .fl-photo-caption-hover {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  color: #fff;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 10px 15px;
  position: absolute;
  right: 0;
  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.prof_resources .fl-photo-content:hover .fl-photo-caption-hover {
  opacity: 100;
  filter: alpha(opacity=100);
}
.prof_resources .fl-builder-pagination,
.prof_resources .fl-builder-pagination-load-more {
  padding: 40px 0;
}
.prof_resources .fl-builder-pagination ul.page-numbers {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.prof_resources .fl-builder-pagination li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.prof_resources .fl-builder-pagination li a.page-numbers,
.prof_resources .fl-builder-pagination li span.page-numbers {
  border: 1px solid #e6e6e6;
  display: inline-block;
  padding: 5px 10px;
  margin: 0 0 5px;
}
.prof_resources .fl-builder-pagination li a.page-numbers:hover,
.prof_resources .fl-builder-pagination li span.current {
  background: #f5f5f5;
  text-decoration: none;
}
.prof_resources .fl-slideshow,
.prof_resources .fl-slideshow * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.prof_resources .fl-slideshow .fl-slideshow-image img {
  max-width: none !important;
}
.prof_resources .fl-slideshow-social {
  line-height: 0 !important;
}
.prof_resources .fl-slideshow-social * {
  margin: 0 !important;
}
.prof_resources .fl-builder-content .bx-wrapper .bx-viewport {
  background: transparent;
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  left: 0;
}
.prof_resources .mfp-wrap button.mfp-arrow,
.prof_resources .mfp-wrap button.mfp-arrow:active,
.prof_resources .mfp-wrap button.mfp-arrow:hover,
.prof_resources .mfp-wrap button.mfp-arrow:focus {
  background: transparent !important;
  border: none !important;
  outline: none;
  position: absolute;
  top: 50%;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.prof_resources .mfp-wrap .mfp-close,
.prof_resources .mfp-wrap .mfp-close:active,
.prof_resources .mfp-wrap .mfp-close:hover,
.prof_resources .mfp-wrap .mfp-close:focus {
  background: transparent !important;
  border: none !important;
  outline: none;
  position: absolute;
  top: 0;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.prof_resources .admin-bar .mfp-wrap .mfp-close,
.prof_resources .admin-bar .mfp-wrap .mfp-close:active,
.prof_resources .admin-bar .mfp-wrap .mfp-close:hover,
.prof_resources .admin-bar .mfp-wrap .mfp-close:focus {
  top: 32px !important;
}
.prof_resources img.mfp-img {
  padding: 0;
}
.prof_resources .mfp-counter {
  display: none;
}
.prof_resources .mfp-wrap .mfp-preloader.fa {
  font-size: 30px;
}
.prof_resources .fl-form-field {
  margin-bottom: 15px;
}
.prof_resources .fl-form-field input.fl-form-error {
  border-color: #dd6420;
}
.prof_resources .fl-form-error-message {
  clear: both;
  color: #dd6420;
  display: none;
  padding-top: 8px;
  font-size: 12px;
  font-weight: lighter;
}
.prof_resources .fl-form-button-disabled {
  opacity: 0.5;
}
.prof_resources .fl-animation {
  opacity: 0;
}
.prof_resources .fl-builder-preview .fl-animation,
.prof_resources .fl-builder-edit .fl-animation,
.prof_resources .fl-animated {
  opacity: 1;
}
.prof_resources .fl-animated {
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.prof_resources .fl-button.fl-button-icon-animation i {
  width: 0 !important;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
.prof_resources .fl-button.fl-button-icon-animation:hover i {
  opacity: 1 !important;
  -ms-filter: "alpha(opacity=100)";
}
.prof_resources .fl-button.fl-button-icon-animation i.fl-button-icon-after {
  margin-left: 0px !important;
}
.prof_resources .fl-button.fl-button-icon-animation:hover i.fl-button-icon-after {
  margin-left: 10px !important;
}
.prof_resources .fl-button.fl-button-icon-animation i.fl-button-icon-before {
  margin-right: 0 !important;
}
.prof_resources .fl-button.fl-button-icon-animation:hover i.fl-button-icon-before {
  margin-right: 20px !important;
  margin-left: -10px;
}
.prof_resources .single:not(.woocommerce).single-fl-builder-template .fl-content {
  width: 100%;
}
.prof_resources .fl-builder-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.prof_resources .fl-builder-shape-layer {
  z-index: 0;
}
.prof_resources .fl-builder-shape-layer.fl-builder-bottom-edge-layer {
  z-index: 1;
}
.prof_resources .fl-row-bg-overlay .fl-builder-shape-layer {
  z-index: 1;
}
.prof_resources .fl-row-bg-overlay .fl-builder-shape-layer.fl-builder-bottom-edge-layer {
  z-index: 2;
}
.prof_resources .fl-row-has-layers .fl-row-content {
  z-index: 1;
}
.prof_resources .fl-row-bg-overlay .fl-row-content {
  z-index: 2;
}
.prof_resources .fl-builder-layer > * {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.prof_resources .fl-builder-layer + .fl-row-content {
  position: relative;
}
.prof_resources .fl-builder-layer .fl-shape {
  fill: #aaa;
  stroke: none;
  stroke-width: 0;
  width: 100%;
}
@supports (-webkit-touch-callout: inherit) {
  .prof_resources .fl-row.fl-row-bg-parallax .fl-row-content-wrap,
  .prof_resources .fl-row.fl-row-bg-fixed .fl-row-content-wrap {
    background-position: center !important;
    background-attachment: scroll !important;
  }
}
@supports (-webkit-touch-callout: none) {
  .prof_resources .fl-row.fl-row-bg-fixed .fl-row-content-wrap {
    background-position: center !important;
    background-attachment: scroll !important;
  }
}
.prof_resources .fl-row-fixed-width {
  max-width: 1280px;
}
.prof_resources .fl-row-content-wrap {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.prof_resources .fl-row-content-wrap {
  padding-top: 32px;
  padding-right: 32px;
  padding-bottom: 32px;
  padding-left: 32px;
}
.prof_resources .fl-col-content {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.prof_resources .fl-col-content {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.prof_resources .fl-module-content {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
@media (max-width: 1200px) {
  .prof_resources body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-xl,
  .prof_resources body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-xl {
    display: none !important;
  }
  .prof_resources .fl-visible-xl,
  .prof_resources .fl-visible-medium,
  .prof_resources .fl-visible-medium-mobile,
  .prof_resources .fl-visible-mobile,
  .prof_resources .fl-col-group .fl-visible-xl.fl-col,
  .prof_resources .fl-col-group .fl-visible-medium.fl-col,
  .prof_resources .fl-col-group .fl-visible-medium-mobile.fl-col,
  .prof_resources .fl-col-group .fl-visible-mobile.fl-col {
    display: none;
  }
  .prof_resources .fl-visible-desktop,
  .prof_resources .fl-visible-desktop-medium,
  .prof_resources .fl-visible-large,
  .prof_resources .fl-visible-large-medium,
  .prof_resources .fl-col-group .fl-visible-desktop.fl-col,
  .prof_resources .fl-col-group .fl-visible-desktop-medium.fl-col,
  .prof_resources .fl-col-group .fl-visible-large.fl-col,
  .prof_resources .fl-col-group .fl-visible-large-medium.fl-col {
    display: block;
  }
  .prof_resources .fl-col-group-equal-height .fl-visible-desktop.fl-col,
  .prof_resources .fl-col-group-equal-height .fl-visible-desktop-medium.fl-col,
  .prof_resources .fl-col-group-equal-height .fl-visible-large.fl-col,
  .prof_resources .fl-col-group-equal-height .fl-visible-large-medium.fl-col {
    display: flex;
  }
}
@media (max-width: 1100px) {
  .prof_resources body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-xl,
  .prof_resources body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-xl,
  .prof_resources body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-desktop,
  .prof_resources body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-desktop,
  .prof_resources body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-large,
  .prof_resources body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-large {
    display: none !important;
  }
  .prof_resources .fl-visible-xl,
  .prof_resources .fl-visible-desktop,
  .prof_resources .fl-visible-large,
  .prof_resources .fl-visible-mobile,
  .prof_resources .fl-col-group .fl-visible-xl.fl-col,
  .prof_resources .fl-col-group .fl-visible-desktop.fl-col,
  .prof_resources .fl-col-group .fl-visible-large.fl-col,
  .prof_resources .fl-col-group .fl-visible-mobile.fl-col {
    display: none;
  }
  .prof_resources .fl-visible-desktop-medium,
  .prof_resources .fl-visible-large-medium,
  .prof_resources .fl-visible-medium,
  .prof_resources .fl-visible-medium-mobile,
  .prof_resources .fl-col-group .fl-visible-desktop-medium.fl-col,
  .prof_resources .fl-col-group .fl-visible-large-medium.fl-col,
  .prof_resources .fl-col-group .fl-visible-medium.fl-col,
  .prof_resources .fl-col-group .fl-visible-medium-mobile.fl-col {
    display: block;
  }
  .prof_resources .fl-col-group-equal-height .fl-visible-desktop-medium.fl-col,
  .prof_resources .fl-col-group-equal-height .fl-visible-large-medium.fl-col,
  .prof_resources .fl-col-group-equal-height .fl-visible-medium.fl-col,
  .prof_resources .fl-col-group-equal-height .fl-visible-medium-mobile.fl-col {
    display: flex;
  }
  .prof_resources .fl-row[data-node] > .fl-row-content-wrap {
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
  }
}
@media (max-width: 767px) {
  .prof_resources body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-xl,
  .prof_resources body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-xl,
  .prof_resources body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-desktop,
  .prof_resources body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-desktop,
  .prof_resources body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-desktop-medium,
  .prof_resources body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-desktop-medium,
  .prof_resources body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-large,
  .prof_resources body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-large,
  .prof_resources body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-large-medium,
  .prof_resources body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-large-medium {
    display: none !important;
  }
  .prof_resources .fl-visible-xl,
  .prof_resources .fl-visible-desktop,
  .prof_resources .fl-visible-desktop-medium,
  .prof_resources .fl-visible-large,
  .prof_resources .fl-visible-large-medium,
  .prof_resources .fl-visible-medium,
  .prof_resources .fl-col-group .fl-visible-xl.fl-col,
  .prof_resources .fl-col-group .fl-visible-desktop.fl-col,
  .prof_resources .fl-col-group .fl-visible-desktop-medium.fl-col,
  .prof_resources .fl-col-group .fl-visible-large-medium.fl-col,
  .prof_resources .fl-col-group .fl-visible-medium.fl-col,
  .prof_resources .fl-col-group-equal-height .fl-visible-xl.fl-col,
  .prof_resources .fl-col-group-equal-height .fl-visible-desktop.fl-col,
  .prof_resources .fl-col-group-equal-height .fl-visible-desktop-medium.fl-col,
  .prof_resources .fl-col-group-equal-height .fl-visible-large-medium.fl-col,
  .prof_resources .fl-col-group-equal-height .fl-visible-medium.fl-col {
    display: none;
  }
  .prof_resources .fl-visible-medium-mobile,
  .prof_resources .fl-visible-mobile,
  .prof_resources .fl-col-group .fl-visible-medium-mobile.fl-col,
  .prof_resources .fl-col-group .fl-visible-mobile.fl-col {
    display: block;
  }
  .prof_resources .fl-row-content-wrap {
    background-attachment: scroll !important;
  }
  .prof_resources .fl-row-bg-parallax .fl-row-content-wrap {
    background-attachment: scroll !important;
    background-position: center center !important;
  }
  .prof_resources .fl-col-group.fl-col-group-equal-height {
    display: block;
  }
  .prof_resources .fl-col-group.fl-col-group-equal-height.fl-col-group-custom-width {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .prof_resources .fl-col-group.fl-col-group-responsive-reversed {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap-reverse;
    -webkit-flex-wrap: wrap-reverse;
    -ms-box-orient: horizontal;
  }
  .prof_resources .fl-col-group.fl-col-group-responsive-reversed .fl-col {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 0;
  }
  .prof_resources .fl-col {
    clear: both;
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: auto !important;
  }
  .prof_resources .fl-col-small:not(.fl-col-small-full-width) {
    max-width: 400px;
  }
  .prof_resources .fl-block-col-resize {
    display: none;
  }
  .prof_resources .fl-row[data-node] .fl-row-content-wrap {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .prof_resources .fl-row[data-node] .fl-bg-video,
  .prof_resources .fl-row[data-node] .fl-bg-slideshow {
    left: 0;
    right: 0;
  }
  .prof_resources .fl-col[data-node] .fl-col-content {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .prof_resources .fl-row[data-node] > .fl-row-content-wrap {
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
  }
}
.prof_resources .page .fl-post-header,
.prof_resources .single-fl-builder-template .fl-post-header {
  display: none;
}
.prof_resources .fl-node-qvbcx6pnkze9.fl-row-full-height > .fl-row-content-wrap,
.prof_resources .fl-node-qvbcx6pnkze9.fl-row-custom-height > .fl-row-content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.prof_resources .fl-node-qvbcx6pnkze9.fl-row-full-height > .fl-row-content-wrap {
  min-height: 100vh;
}
.prof_resources .fl-node-qvbcx6pnkze9.fl-row-custom-height > .fl-row-content-wrap {
  min-height: 0;
}
.prof_resources .fl-builder-edit .fl-node-qvbcx6pnkze9.fl-row-full-height > .fl-row-content-wrap {
  min-height: calc(100vh - 48px);
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .prof_resources .fl-node-qvbcx6pnkze9.fl-row-full-height > .fl-row-content-wrap {
    min-height: 1024px;
  }
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
  .prof_resources .fl-node-qvbcx6pnkze9.fl-row-full-height > .fl-row-content-wrap {
    min-height: 768px;
  }
}
@media screen and (device-aspect-ratio: 40/71) {
  .prof_resources .fl-node-qvbcx6pnkze9.fl-row-full-height > .fl-row-content-wrap {
    min-height: 500px;
  }
}
.prof_resources .fl-node-qvbcx6pnkze9 > .fl-row-content-wrap {
  background-color: #349966;
}
.prof_resources .fl-node-qvbcx6pnkze9.fl-row-custom-height > .fl-row-content-wrap {
  min-height: 400px;
  height: 500px;
}
.prof_resources .fl-node-qvbcx6pnkze9.fl-row-custom-height > .fl-row-content-wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleX(1) scaleY(2) skew(-88deg);
  -ms-transform: scaleX(1) scaleY(2) skew(-88deg);
  transform: scaleX(1) scaleY(2) skew(-88deg);
  z-index: 1;
}
.prof_resources .fl-node-qvbcx6pnkze9 .fl-builder-bottom-edge-layer > * {
  width: 100%;
  left: auto;
  right: auto;
  height: auto;
  top: auto;
  bottom: 0;
  transform: scaleX(-1) scaleY(-1);
}
.prof_resources .fl-node-qvbcx6pnkze9 .fl-builder-bottom-edge-layer .fl-shape-content .fl-shape {
  fill: #ffffff;
}
.prof_resources .fl-node-qvbcx6pnkze9 > .fl-row-content-wrap {
  padding-top: 150px;
  padding-bottom: 200px;
}
.prof_resources .fl-node-pbw0y2rdqh4o.fl-row-fixed-width,
.prof_resources .fl-node-pbw0y2rdqh4o .fl-row-fixed-width {
  max-width: 1600px;
}
.prof_resources .fl-node-vbawp8ycf2rx.fl-row-fixed-width,
.prof_resources .fl-node-vbawp8ycf2rx .fl-row-fixed-width {
  max-width: 1600px;
}
.prof_resources .fl-node-h4ykr8futqz7 {
  width: 100%;
}
.prof_resources .fl-node-gsxnjvyew3oq {
  width: 100%;
}
.prof_resources .fl-node-gsxnjvyew3oq #fourh-breadcrumbs .breadcrumb-mobile {
  display: flex;
  gap: 5px;
}
.prof_resources .fl-node-botmn74yh1a9 {
  width: 50%;
}
.prof_resources .fl-node-f54s7w1nrgul {
  width: 50%;
}
.prof_resources .fl-builder-content .fl-rich-text strong {
  font-weight: bold;
}
.prof_resources .fl-builder-content .fl-node-7eva4kxrn5gz .fl-module-content .fl-rich-text,
.prof_resources .fl-builder-content .fl-node-7eva4kxrn5gz .fl-module-content .fl-rich-text * {
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .prof_resources .fl-builder-content .fl-node-7eva4kxrn5gz .fl-module-content .fl-rich-text p {
    text-align: left;
    margin-bottom: 0;
    position: absolute;
    top: -100px;
  }
}
@media screen and (max-width: 768px) {
  .prof_resources .fl-builder-content .fl-node-7eva4kxrn5gz .fl-module-content .fl-rich-text p {
    position: absolute;
    top: -100px;
    left: 10%;
  }
}
.prof_resources .fl-builder-content .fl-node-7eva4kxrn5gz .fl-rich-text,
.prof_resources .fl-builder-content .fl-node-7eva4kxrn5gz .fl-rich-text *:not(b, strong) {
  font-family: "4H Akzidenz", Arial, sans-serif;
  font-weight: 700;
  font-size: 64px;
  line-height: 72px;
}
@media (max-width: 767px) {
  .prof_resources .fl-builder-content .fl-node-7eva4kxrn5gz .fl-rich-text,
  .prof_resources .fl-builder-content .fl-node-7eva4kxrn5gz .fl-rich-text *:not(b, strong) {
    font-size: 24px;
  }
}
.prof_resources .fl-builder-content .fl-node-xsj7l08ywpk4 .fl-module-content .fl-rich-text,
.prof_resources .fl-builder-content .fl-node-xsj7l08ywpk4 .fl-module-content .fl-rich-text * {
  color: #111111;
}
.prof_resources .fl-builder-content .fl-node-xsj7l08ywpk4 .fl-rich-text,
.prof_resources .fl-builder-content .fl-node-xsj7l08ywpk4 .fl-rich-text *:not(b, strong) {
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0.6px;
}
@media (max-width: 767px) {
  .prof_resources .fl-builder-content .fl-node-xsj7l08ywpk4 .fl-rich-text,
  .prof_resources .fl-builder-content .fl-node-xsj7l08ywpk4 .fl-rich-text *:not(b, strong) {
    font-size: 24px;
    line-height: 32px;
  }
}
.prof_resources .fl-node-xsj7l08ywpk4 > .fl-module-content {
  margin-bottom: -32px;
}
@media (max-width: 767px) {
  .prof_resources .fl-node-xsj7l08ywpk4.fl-module > .fl-module-content {
    margin-bottom: -24px;
  }
}
.prof_resources .fl-builder-content .fl-node-98jyfk07lgtz .fl-rich-text,
.prof_resources .fl-builder-content .fl-node-98jyfk07lgtz .fl-rich-text *:not(b, strong) {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0.4px;
}
@media (max-width: 1100px) {
  .prof_resources .fl-builder-content .fl-node-98jyfk07lgtz .fl-rich-text,
  .prof_resources .fl-builder-content .fl-node-98jyfk07lgtz .fl-rich-text *:not(b, strong) {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .prof_resources .fl-builder-content .fl-node-98jyfk07lgtz .fl-rich-text,
  .prof_resources .fl-builder-content .fl-node-98jyfk07lgtz .fl-rich-text *:not(b, strong) {
    font-size: 16px;
    line-height: 24px;
  }
}
.prof_resources .fl-node-98jyfk07lgtz > .fl-module-content {
  margin-bottom: -24px;
}
@media (max-width: 767px) {
  .prof_resources .fl-node-98jyfk07lgtz > .fl-module-content {
    margin-bottom: 0px;
  }
}
.prof_resources .fl-button-group-layout-horizontal .fl-button-group-buttons {
  display: flex;
  flex-wrap: wrap;
}
.prof_resources .fl-button-group-layout-horizontal .fl-button-wrap {
  display: inline-block;
}
.prof_resources .fl-button-group-layout-vertical .fl-button-group-buttons {
  display: block;
}
.prof_resources .fl-button-group-layout-vertical .fl-button-wrap {
  display: block;
}
.prof_resources .fl-node-df5ulep3xw09 .fl-button-group-layout-vertical .fl-button-group-buttons a.fl-button,
.prof_resources .fl-node-df5ulep3xw09 .fl-button-group-layout-horizontal .fl-button-group-buttons a.fl-button {
  width: 100%;
}
.prof_resources .fl-node-df5ulep3xw09 .fl-button-group-layout-horizontal .fl-button-group-buttons {
  justify-content: flex-start;
}
.prof_resources .fl-node-df5ulep3xw09 .fl-button-group-layout-vertical .fl-button-group-button .fl-button-wrap {
  text-align: left;
}
.prof_resources .fl-node-df5ulep3xw09 .fl-button-group-layout-horizontal .fl-button-group-buttons {
  justify-content: flex-start;
}
.prof_resources .fl-builder-content .fl-node-df5ulep3xw09 .fl-button-group .fl-button-group-buttons .fl-button-group-button {
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.prof_resources .uabb-imgicon-wrap .uabb-image {
  line-height: 0;
  position: relative;
}
.prof_resources .uabb-imgicon-wrap .uabb-image-align-left {
  text-align: left;
}
.prof_resources .uabb-imgicon-wrap .uabb-image-align-center {
  text-align: center;
}
.prof_resources .uabb-imgicon-wrap .uabb-image-align-right {
  text-align: right;
}
.prof_resources .uabb-imgicon-wrap .uabb-image-content {
  border-radius: 0;
  display: inline-block;
  line-height: 0;
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
.prof_resources .uabb-imgicon-wrap .uabb-image-content img {
  display: inline;
  height: auto !important;
  max-width: 100%;
  width: auto;
  border-radius: inherit;
}
.prof_resources .fl-builder-content .uabb-imgicon-wrap .uabb-image-content img {
  box-sizing: border-box;
  display: block;
}
.prof_resources .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-circle img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.prof_resources .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-square img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.prof_resources .fl-node-7lx5diupacow .uabb-imgicon-wrap {
  text-align: center;
}
.prof_resources .fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
}
.prof_resources .uabb-module-content h1,
.prof_resources .uabb-module-content h2,
.prof_resources .uabb-module-content h3,
.prof_resources .uabb-module-content h4,
.prof_resources .uabb-module-content h5,
.prof_resources .uabb-module-content h6 {
  margin: 0;
  clear: both;
}
.prof_resources .fl-module-content a,
.prof_resources .fl-module-content a:hover,
.prof_resources .fl-module-content a:focus {
  text-decoration: none;
}
.prof_resources .uabb-row-separator {
  position: absolute;
  width: 100%;
  left: 0;
}
.prof_resources .uabb-top-row-separator {
  top: 0;
  bottom: auto;
}
.prof_resources .uabb-bottom-row-separator {
  top: auto;
  bottom: 0;
}
.prof_resources .fl-builder-content-editing .fl-visible-medium.uabb-row,
.prof_resources .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row,
.prof_resources .fl-builder-content-editing .fl-visible-mobile.uabb-row {
  display: none !important;
}
@media (max-width: 992px) {
  .prof_resources .fl-builder-content-editing .fl-visible-desktop.uabb-row,
  .prof_resources .fl-builder-content-editing .fl-visible-mobile.uabb-row {
    display: none !important;
  }
  .prof_resources .fl-builder-content-editing .fl-visible-desktop-medium.uabb-row,
  .prof_resources .fl-builder-content-editing .fl-visible-medium.uabb-row,
  .prof_resources .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .prof_resources .fl-builder-content-editing .fl-visible-desktop.uabb-row,
  .prof_resources .fl-builder-content-editing .fl-visible-desktop-medium.uabb-row,
  .prof_resources .fl-builder-content-editing .fl-visible-medium.uabb-row {
    display: none !important;
  }
  .prof_resources .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row,
  .prof_resources .fl-builder-content-editing .fl-visible-mobile.uabb-row {
    display: block !important;
  }
}
.prof_resources .fl-responsive-preview-content .fl-builder-content-editing {
  overflow-x: hidden;
  overflow-y: visible;
}
.prof_resources .uabb-row-separator svg {
  width: 100%;
}
.prof_resources .uabb-top-row-separator.uabb-has-svg svg {
  position: absolute;
  padding: 0;
  margin: 0;
  left: 50%;
  top: -1px;
  bottom: auto;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.prof_resources .uabb-bottom-row-separator.uabb-has-svg svg {
  position: absolute;
  padding: 0;
  margin: 0;
  left: 50%;
  bottom: -1px;
  top: auto;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.prof_resources .uabb-bottom-row-separator.uabb-has-svg .uasvg-wave-separator {
  bottom: 0;
}
.prof_resources .uabb-top-row-separator.uabb-has-svg .uasvg-wave-separator {
  top: 0;
}
.prof_resources .uabb-bottom-row-separator.uabb-svg-triangle svg,
.prof_resources .uabb-bottom-row-separator.uabb-xlarge-triangle svg,
.prof_resources .uabb-top-row-separator.uabb-xlarge-triangle-left svg,
.prof_resources .uabb-bottom-row-separator.uabb-svg-circle svg,
.prof_resources .uabb-top-row-separator.uabb-slime-separator svg,
.prof_resources .uabb-top-row-separator.uabb-grass-separator svg,
.prof_resources .uabb-top-row-separator.uabb-grass-bend-separator svg,
.prof_resources .uabb-bottom-row-separator.uabb-mul-triangles-separator svg,
.prof_resources .uabb-top-row-separator.uabb-wave-slide-separator svg,
.prof_resources .uabb-top-row-separator.uabb-pine-tree-separator svg,
.prof_resources .uabb-top-row-separator.uabb-pine-tree-bend-separator svg,
.prof_resources .uabb-bottom-row-separator.uabb-stamp-separator svg,
.prof_resources .uabb-bottom-row-separator.uabb-xlarge-circle svg,
.prof_resources .uabb-top-row-separator.uabb-wave-separator svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scaleY(-1);
  -moz-transform: translateX(-50%) scaleY(-1);
  -ms-transform: translateX(-50%) scaleY(-1);
  -o-transform: translateX(-50%) scaleY(-1);
  transform: translateX(-50%) scaleY(-1);
}
.prof_resources .uabb-bottom-row-separator.uabb-big-triangle svg {
  left: 50%;
  -webkit-transform: scale(1) scaleY(-1) translateX(-50%);
  -moz-transform: scale(1) scaleY(-1) translateX(-50%);
  -ms-transform: scale(1) scaleY(-1) translateX(-50%);
  -o-transform: scale(1) scaleY(-1) translateX(-50%);
  transform: scale(1) scaleY(-1) translateX(-50%);
}
.prof_resources .uabb-top-row-separator.uabb-big-triangle svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scale(1);
  -moz-transform: translateX(-50%) scale(1);
  -ms-transform: translateX(-50%) scale(1);
  -o-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1);
}
.prof_resources .uabb-top-row-separator.uabb-xlarge-triangle-right svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scale(-1);
  -moz-transform: translateX(-50%) scale(-1);
  -ms-transform: translateX(-50%) scale(-1);
  -o-transform: translateX(-50%) scale(-1);
  transform: translateX(-50%) scale(-1);
}
.prof_resources .uabb-bottom-row-separator.uabb-xlarge-triangle-right svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scaleX(-1);
  -moz-transform: translateX(-50%) scaleX(-1);
  -ms-transform: translateX(-50%) scaleX(-1);
  -o-transform: translateX(-50%) scaleX(-1);
  transform: translateX(-50%) scaleX(-1);
}
.prof_resources .uabb-top-row-separator.uabb-curve-up-separator svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scaleY(-1);
  -moz-transform: translateX(-50%) scaleY(-1);
  -ms-transform: translateX(-50%) scaleY(-1);
  -o-transform: translateX(-50%) scaleY(-1);
  transform: translateX(-50%) scaleY(-1);
}
.prof_resources .uabb-top-row-separator.uabb-curve-down-separator svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scale(-1);
  -moz-transform: translateX(-50%) scale(-1);
  -ms-transform: translateX(-50%) scale(-1);
  -o-transform: translateX(-50%) scale(-1);
  transform: translateX(-50%) scale(-1);
}
.prof_resources .uabb-bottom-row-separator.uabb-curve-down-separator svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scaleX(-1);
  -moz-transform: translateX(-50%) scaleX(-1);
  -ms-transform: translateX(-50%) scaleX(-1);
  -o-transform: translateX(-50%) scaleX(-1);
  transform: translateX(-50%) scaleX(-1);
}
.prof_resources .uabb-top-row-separator.uabb-tilt-left-separator svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scale(-1);
  -moz-transform: translateX(-50%) scale(-1);
  -ms-transform: translateX(-50%) scale(-1);
  -o-transform: translateX(-50%) scale(-1);
  transform: translateX(-50%) scale(-1);
}
.prof_resources .uabb-top-row-separator.uabb-tilt-right-separator svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scaleY(-1);
  -moz-transform: translateX(-50%) scaleY(-1);
  -ms-transform: translateX(-50%) scaleY(-1);
  -o-transform: translateX(-50%) scaleY(-1);
  transform: translateX(-50%) scaleY(-1);
}
.prof_resources .uabb-bottom-row-separator.uabb-tilt-left-separator svg {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.prof_resources .uabb-bottom-row-separator.uabb-tilt-right-separator svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scaleX(-1);
  -moz-transform: translateX(-50%) scaleX(-1);
  -ms-transform: translateX(-50%) scaleX(-1);
  -o-transform: translateX(-50%) scaleX(-1);
  transform: translateX(-50%) scaleX(-1);
}
.prof_resources .uabb-top-row-separator.uabb-tilt-left-separator,
.prof_resources .uabb-top-row-separator.uabb-tilt-right-separator {
  top: 0;
}
.prof_resources .uabb-bottom-row-separator.uabb-tilt-left-separator,
.prof_resources .uabb-bottom-row-separator.uabb-tilt-right-separator {
  bottom: 0;
}
.prof_resources .uabb-top-row-separator.uabb-arrow-outward-separator svg,
.prof_resources .uabb-top-row-separator.uabb-arrow-inward-separator svg,
.prof_resources .uabb-top-row-separator.uabb-cloud-separator svg,
.prof_resources .uabb-top-row-separator.uabb-multi-triangle svg {
  left: 50%;
  -webkit-transform: translateX(-50%) scaleY(-1);
  -moz-transform: translateX(-50%) scaleY(-1);
  -ms-transform: translateX(-50%) scaleY(-1);
  -o-transform: translateX(-50%) scaleY(-1);
  transform: translateX(-50%) scaleY(-1);
}
.prof_resources .uabb-bottom-row-separator.uabb-multi-triangle svg {
  bottom: -2px;
}
.prof_resources .uabb-row-separator.uabb-round-split:after,
.prof_resources .uabb-row-separator.uabb-round-split:before {
  left: 0;
  width: 50%;
  background: inherit inherit/inherit inherit inherit inherit;
  content: "";
  position: absolute;
}
.prof_resources .uabb-button-wrap a,
.prof_resources .uabb-button-wrap a:visited {
  display: inline-block;
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
  text-shadow: none;
}
.prof_resources .fl-builder-content .uabb-button:hover {
  text-decoration: none;
}
.prof_resources .fl-builder-content .uabb-button-width-full .uabb-button {
  display: block;
  text-align: center;
}
.prof_resources .uabb-button-width-custom .uabb-button {
  display: inline-block;
  text-align: center;
  max-width: 100%;
}
.prof_resources .fl-builder-content .uabb-button-left {
  text-align: left;
}
.prof_resources .fl-builder-content .uabb-button-center {
  text-align: center;
}
.prof_resources .fl-builder-content .uabb-button-right {
  text-align: right;
}
.prof_resources .fl-builder-content .uabb-button i,
.prof_resources .fl-builder-content .uabb-button i:before {
  font-size: 1em;
  height: 1em;
  line-height: 1em;
  width: 1em;
}
.prof_resources .uabb-button .uabb-button-icon-after {
  margin-left: 8px;
  margin-right: 0;
}
.prof_resources .uabb-button .uabb-button-icon-before {
  margin-left: 0;
  margin-right: 8px;
}
.prof_resources .uabb-button .uabb-button-icon-no-text {
  margin: 0;
}
.prof_resources .uabb-button-has-icon .uabb-button-text {
  vertical-align: middle;
}
.prof_resources .uabb-icon-wrap {
  display: inline-block;
}
.prof_resources .uabb-icon a {
  text-decoration: none;
}
.prof_resources .uabb-icon i {
  display: block;
}
.prof_resources .uabb-icon i:before {
  border: none !important;
  background: none !important;
}
.prof_resources .uabb-icon-text {
  display: table-cell;
  text-align: left;
  padding-left: 15px;
  vertical-align: middle;
}
.prof_resources .uabb-icon-text *:last-child {
  margin: 0 !important;
  padding: 0 !important;
}
.prof_resources .uabb-icon-text a {
  text-decoration: none;
}
.prof_resources .uabb-photo {
  line-height: 0;
  position: relative;
  z-index: 2;
}
.prof_resources .uabb-photo-align-left {
  text-align: left;
}
.prof_resources .uabb-photo-align-center {
  text-align: center;
}
.prof_resources .uabb-photo-align-right {
  text-align: right;
}
.prof_resources .uabb-photo-content {
  border-radius: 0;
  display: inline-block;
  line-height: 0;
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
.prof_resources .uabb-photo-content img {
  border-radius: inherit;
  display: inline;
  height: auto;
  max-width: 100%;
  width: auto;
}
.prof_resources .fl-builder-content .uabb-photo-crop-circle img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.prof_resources .fl-builder-content .uabb-photo-crop-square img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.prof_resources .uabb-photo-caption {
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.prof_resources .uabb-photo-caption-below {
  padding-bottom: 20px;
  padding-top: 10px;
}
.prof_resources .uabb-photo-caption-hover {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  color: #fff;
  left: 0;
  opacity: 0;
  visibility: hidden;
  filter: alpha(opacity=0);
  padding: 10px 15px;
  position: absolute;
  right: 0;
  -webkit-transition: visibility 200ms linear;
  -moz-transition: visibility 200ms linear;
  transition: visibility 200ms linear;
}
.prof_resources .uabb-photo-content:hover .uabb-photo-caption-hover {
  opacity: 100;
  visibility: visible;
}
.prof_resources .uabb-active-btn {
  background: #1e8cbe;
  border-color: #0074a2;
  -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
  box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
  color: white;
}
.prof_resources .fl-builder-bar .fl-builder-add-content-button {
  display: block !important;
  opacity: 1 !important;
}
.prof_resources .uabb-imgicon-wrap .uabb-icon {
  display: block;
}
.prof_resources .uabb-imgicon-wrap .uabb-icon i {
  float: none;
}
.prof_resources .uabb-imgicon-wrap .uabb-image {
  line-height: 0;
  position: relative;
}
.prof_resources .uabb-imgicon-wrap .uabb-image-align-left {
  text-align: left;
}
.prof_resources .uabb-imgicon-wrap .uabb-image-align-center {
  text-align: center;
}
.prof_resources .uabb-imgicon-wrap .uabb-image-align-right {
  text-align: right;
}
.prof_resources .uabb-imgicon-wrap .uabb-image-content {
  display: inline-block;
  border-radius: 0;
  line-height: 0;
  position: relative;
  max-width: 100%;
}
.prof_resources .uabb-imgicon-wrap .uabb-image-content img {
  display: inline;
  height: auto !important;
  max-width: 100%;
  width: auto;
  border-radius: inherit;
  box-shadow: none;
  box-sizing: content-box;
}
.prof_resources .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-circle img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.prof_resources .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-square img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.prof_resources .uabb-creative-button-wrap a,
.prof_resources .uabb-creative-button-wrap a:visited {
  background: #fafafa;
  border: 1px solid #ccc;
  color: #333;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  text-decoration: none;
  text-shadow: none;
  box-shadow: none;
  position: relative;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.prof_resources .uabb-creative-button-wrap a:focus {
  text-decoration: none;
  text-shadow: none;
  box-shadow: none;
}
.prof_resources .uabb-creative-button-wrap a .uabb-creative-button-text,
.prof_resources .uabb-creative-button-wrap a .uabb-creative-button-icon,
.prof_resources .uabb-creative-button-wrap a:visited .uabb-creative-button-text,
.prof_resources .uabb-creative-button-wrap a:visited .uabb-creative-button-icon {
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.prof_resources .uabb-creative-button-wrap a:hover {
  text-decoration: none;
}
.prof_resources .uabb-creative-button-wrap .uabb-creative-button-width-full .uabb-creative-button {
  display: block;
  text-align: center;
}
.prof_resources .uabb-creative-button-wrap .uabb-creative-button-width-custom .uabb-creative-button {
  display: inline-block;
  text-align: center;
  max-width: 100%;
}
.prof_resources .uabb-creative-button-wrap .uabb-creative-button-left {
  text-align: left;
}
.prof_resources .uabb-creative-button-wrap .uabb-creative-button-center {
  text-align: center;
}
.prof_resources .uabb-creative-button-wrap .uabb-creative-button-right {
  text-align: right;
}
.prof_resources .uabb-creative-button-wrap .uabb-creative-button i {
  font-size: 1.3em;
  height: auto;
  vertical-align: middle;
  width: auto;
}
.prof_resources .uabb-creative-button-wrap .uabb-creative-button .uabb-creative-button-icon-after {
  margin-left: 8px;
  margin-right: 0;
}
.prof_resources .uabb-creative-button-wrap .uabb-creative-button .uabb-creative-button-icon-before {
  margin-right: 8px;
  margin-left: 0;
}
.prof_resources .uabb-creative-button-wrap.uabb-creative-button-icon-no-text .uabb-creative-button i {
  margin: 0;
}
.prof_resources .uabb-creative-button-wrap .uabb-creative-button-has-icon .uabb-creative-button-text {
  vertical-align: middle;
}
.prof_resources .uabb-creative-button-wrap a,
.prof_resources .uabb-creative-button-wrap a:visited {
  padding: 12px 24px;
}
.prof_resources .uabb-creative-button.uabb-creative-transparent-btn {
  background: transparent;
}
.prof_resources .uabb-creative-button.uabb-creative-transparent-btn:after {
  content: "";
  position: absolute;
  z-index: 1;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.prof_resources .uabb-transparent-fill-top-btn:after,
.prof_resources .uabb-transparent-fill-bottom-btn:after {
  width: 100%;
  height: 0;
  left: 0;
}
.prof_resources .uabb-transparent-fill-top-btn:after {
  top: 0;
}
.prof_resources .uabb-transparent-fill-bottom-btn:after {
  bottom: 0;
}
.prof_resources .uabb-transparent-fill-left-btn:after,
.prof_resources .uabb-transparent-fill-right-btn:after {
  width: 0;
  height: 100%;
  top: 0;
}
.prof_resources .uabb-transparent-fill-left-btn:after {
  left: 0;
}
.prof_resources .uabb-transparent-fill-right-btn:after {
  right: 0;
}
.prof_resources .uabb-transparent-fill-center-btn:after {
  width: 0;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.prof_resources .uabb-transparent-fill-diagonal-btn:after,
.prof_resources .uabb-transparent-fill-horizontal-btn:after {
  width: 100%;
  height: 0;
  top: 50%;
  left: 50%;
}
.prof_resources .uabb-transparent-fill-diagonal-btn {
  overflow: hidden;
}
.prof_resources .uabb-transparent-fill-diagonal-btn:after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.prof_resources .uabb-transparent-fill-horizontal-btn:after {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.prof_resources .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_down-btn,
.prof_resources .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_up-btn,
.prof_resources .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_left-btn,
.prof_resources .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_right-btn {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.prof_resources .perspective {
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  perspective: 800px;
  margin: 0;
}
.prof_resources .uabb-creative-button.uabb-creative-threed-btn:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  transition: all 200ms linear;
}
.prof_resources .uabb-creative-button.uabb-creative-threed-btn {
  outline: 1px solid transparent;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.prof_resources .uabb-creative-threed-btn.uabb-animate_top-btn:after {
  height: 40%;
  left: 0;
  top: -40%;
  width: 100%;
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
.prof_resources .uabb-creative-threed-btn.uabb-animate_bottom-btn:after {
  width: 100%;
  height: 40%;
  left: 0;
  top: 100%;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.prof_resources .uabb-creative-threed-btn.uabb-animate_left-btn:after {
  width: 20%;
  height: 100%;
  left: -20%;
  top: 0;
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: rotateY(-60deg);
  -moz-transform: rotateY(-60deg);
  -ms-transform: rotateY(-60deg);
  transform: rotateY(-60deg);
}
.prof_resources .uabb-creative-threed-btn.uabb-animate_right-btn:after {
  width: 20%;
  height: 100%;
  left: 104%;
  top: 0;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotateY(120deg);
  -moz-transform: rotateY(120deg);
  -ms-transform: rotateY(120deg);
  transform: rotateY(120deg);
}
.prof_resources .uabb-animate_top-btn:hover {
  -webkit-transform: rotateX(-15deg);
  -moz-transform: rotateX(-15deg);
  -ms-transform: rotateX(-15deg);
  -o-transform: rotateX(-15deg);
  transform: rotateX(-15deg);
}
.prof_resources .uabb-animate_bottom-btn:hover {
  -webkit-transform: rotateX(15deg);
  -moz-transform: rotateX(15deg);
  -ms-transform: rotateX(15deg);
  -o-transform: rotateX(15deg);
  transform: rotateX(15deg);
}
.prof_resources .uabb-animate_left-btn:hover {
  -webkit-transform: rotateY(6deg);
  -moz-transform: rotateY(6deg);
  -ms-transform: rotateY(6deg);
  -o-transform: rotateY(6deg);
  transform: rotateY(6deg);
}
.prof_resources .uabb-animate_right-btn:hover {
  -webkit-transform: rotateY(-6deg);
  -moz-transform: rotateY(-6deg);
  -ms-transform: rotateY(-6deg);
  -o-transform: rotateY(-6deg);
  transform: rotateY(-6deg);
}
.prof_resources .uabb-creative-flat-btn.uabb-animate_to_right-btn,
.prof_resources .uabb-creative-flat-btn.uabb-animate_to_left-btn,
.prof_resources .uabb-creative-flat-btn.uabb-animate_from_top-btn,
.prof_resources .uabb-creative-flat-btn.uabb-animate_from_bottom-btn {
  overflow: hidden;
  position: relative;
}
.prof_resources .uabb-creative-flat-btn.uabb-animate_to_right-btn i,
.prof_resources .uabb-creative-flat-btn.uabb-animate_to_left-btn i,
.prof_resources .uabb-creative-flat-btn.uabb-animate_from_top-btn i,
.prof_resources .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i {
  bottom: 0;
  height: 100%;
  margin: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  width: 100%;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.prof_resources .uabb-creative-flat-btn.uabb-animate_to_right-btn .uabb-button-text,
.prof_resources .uabb-creative-flat-btn.uabb-animate_to_left-btn .uabb-button-text,
.prof_resources .uabb-creative-flat-btn.uabb-animate_from_top-btn .uabb-button-text,
.prof_resources .uabb-creative-flat-btn.uabb-animate_from_bottom-btn .uabb-button-text {
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.prof_resources .uabb-creative-flat-btn.uabb-animate_to_right-btn i:before,
.prof_resources .uabb-creative-flat-btn.uabb-animate_to_left-btn i:before,
.prof_resources .uabb-creative-flat-btn.uabb-animate_from_top-btn i:before,
.prof_resources .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.prof_resources .uabb-creative-flat-btn.uabb-animate_to_right-btn:hover i,
.prof_resources .uabb-creative-flat-btn.uabb-animate_to_left-btn:hover i {
  left: 0;
}
.prof_resources .uabb-creative-flat-btn.uabb-animate_from_top-btn:hover i,
.prof_resources .uabb-creative-flat-btn.uabb-animate_from_bottom-btn:hover i {
  top: 0;
}
.prof_resources .uabb-creative-flat-btn.uabb-animate_to_right-btn i {
  top: 0;
  left: -100%;
}
.prof_resources .uabb-creative-flat-btn.uabb-animate_to_right-btn:hover .uabb-button-text {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  -o-transform: translateX(200%);
  transform: translateX(200%);
}
.prof_resources .uabb-creative-flat-btn.uabb-animate_to_left-btn i {
  top: 0;
  left: 100%;
}
.prof_resources .uabb-creative-flat-btn.uabb-animate_to_left-btn:hover .uabb-button-text {
  -webkit-transform: translateX(-200%);
  -moz-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  -o-transform: translateX(-200%);
  transform: translateX(-200%);
}
.prof_resources .uabb-creative-flat-btn.uabb-animate_from_top-btn i {
  top: -100%;
  left: 0;
}
.prof_resources .uabb-creative-flat-btn.uabb-animate_from_top-btn:hover .uabb-button-text {
  -webkit-transform: translateY(400px);
  -moz-transform: translateY(400px);
  -ms-transform: translateY(400px);
  -o-transform: translateY(400px);
  transform: translateY(400px);
}
.prof_resources .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i {
  top: 100%;
  left: 0;
}
.prof_resources .uabb-creative-flat-btn.uabb-animate_from_bottom-btn:hover .uabb-button-text {
  -webkit-transform: translateY(-400px);
  -moz-transform: translateY(-400px);
  -ms-transform: translateY(-400px);
  -o-transform: translateY(-400px);
  transform: translateY(-400px);
}
.prof_resources .uabb-tab-acc-content .wp-video,
.prof_resources .uabb-tab-acc-content video.wp-video-shortcode,
.prof_resources .uabb-tab-acc-content .mejs-container:not(.mejs-audio),
.prof_resources .uabb-tab-acc-content .mejs-overlay.load,
.prof_resources .uabb-adv-accordion-content .wp-video,
.prof_resources .uabb-adv-accordion-content video.wp-video-shortcode,
.prof_resources .uabb-adv-accordion-content .mejs-container:not(.mejs-audio),
.prof_resources .uabb-adv-accordion-content .mejs-overlay.load {
  width: 100% !important;
  height: 100% !important;
}
.prof_resources .uabb-tab-acc-content .mejs-container:not(.mejs-audio),
.prof_resources .uabb-adv-accordion-content .mejs-container:not(.mejs-audio) {
  padding-top: 56.25%;
}
.prof_resources .uabb-tab-acc-content .wp-video,
.prof_resources .uabb-tab-acc-content video.wp-video-shortcode,
.prof_resources .uabb-adv-accordion-content .wp-video,
.prof_resources .uabb-adv-accordion-content video.wp-video-shortcode {
  max-width: 100% !important;
}
.prof_resources .uabb-tab-acc-content video.wp-video-shortcode,
.prof_resources .uabb-adv-accordion-content video.wp-video-shortcode {
  position: relative;
}
.prof_resources .uabb-tab-acc-content .mejs-container:not(.mejs-audio) .mejs-mediaelement,
.prof_resources .uabb-adv-accordion-content .mejs-container:not(.mejs-audio) .mejs-mediaelement {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.prof_resources .uabb-tab-acc-content .mejs-overlay-play,
.prof_resources .uabb-adv-accordion-content .mejs-overlay-play {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto !important;
  height: auto !important;
}
.prof_resources .fl-row-content-wrap .uabb-row-particles-background,
.prof_resources .uabb-col-particles-background {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.prof_resources .uabb-js-breakpoint {
  content: "default";
  display: none;
}
@media screen and (max-width: 1100px) {
  .prof_resources .uabb-js-breakpoint {
    content: "1100";
  }
}
@media screen and (max-width: 767px) {
  .prof_resources .uabb-js-breakpoint {
    content: "767";
  }
}

.professional-register-success-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 40px 0;
}
.professional-register-success-page .professional-fourh-logo-centered {
  height: 150px;
  width: 150px;
}
.professional-register-success-page .professional-success-text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.professional-register-success-page .professional-success-text-container h2 {
  font-family: "4H Akzidenz", Arial, sans-serif;
}
.professional-register-success-page .professional-success-text-container h2, .professional-register-success-page .professional-success-text-container h5 {
  text-transform: uppercase;
  margin-bottom: 2rem;
}
.professional-register-success-page .professional-success-text-container span {
  font-weight: 900;
}
.professional-register-success-page .professional-return-button {
  background: #349966;
  height: 6.4rem;
  padding: 0 4rem;
  font-weight: 900;
  font-family: "4H Gilroy", Arial, sans-serif;
  color: #ffffff;
  border-radius: 20rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .professional-register-success-page {
    padding: 0 20px;
    text-align: center;
  }
}
.page-template-page-forgot-password {
  overflow-x: hidden;
  background-color: #f9fafb;
}
.page-template-page-forgot-password #app {
  display: flex;
  flex-direction: column;
}
.page-template-page-forgot-password main {
  height: 100%;
}
.page-template-page-forgot-password .forgot-password-page {
  height: auto;
  display: flex;
  position: relative;
}
.page-template-page-forgot-password .forgot-password-page div.validation_message {
  background: transparent;
  border: none;
  color: #f54359;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-top: 0.6rem;
  padding: 0;
}
.page-template-page-forgot-password .forgot-password-page input.validation_message {
  border-color: #f54359 !important;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-right-shape {
  display: none;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-right-shape-mobile {
  position: absolute;
  right: 0;
  top: -55px;
  width: auto;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-left-shape {
  position: absolute;
  bottom: -40px;
  left: -50px;
  width: 100px;
  z-index: -1;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block {
  padding: 40px 32px;
  height: fit-content;
  width: 100%;
  margin: 48px 16px;
  background: #ffffff;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 16px;
  z-index: 1;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block p {
  margin: 0;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .error {
  background-color: #f54359;
  border: none;
  border-radius: 16px;
  color: #ffffff;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-top: 0.6rem;
  padding: 16px;
  margin-bottom: 16px;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-key {
  background-color: #349966;
  padding: 24px;
  border-radius: 50px;
  margin: auto auto 24px;
  display: block;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-page-title {
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  font-weight: 900;
  font-family: "4H Gilroy", Arial, sans-serif;
  text-align: center;
  text-transform: initial;
  color: #111111;
  margin-bottom: 16px;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-page-text {
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  font-weight: 500;
  font-family: "4H Gilroy", Arial, sans-serif;
  text-align: center;
  text-transform: initial;
  color: #111111;
  margin-bottom: 24px;
  max-width: 464px;
  margin: auto;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-form .ginput_container_password {
  flex-direction: column;
  align-items: stretch;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-form .my-account-change-pw-ico {
  position: absolute;
  right: 25px;
  top: 17px;
  cursor: pointer;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-form .gform-grid-col {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-form .gform_button {
  border: none;
  padding: 0px 32px;
  height: 64px;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-form label {
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  font-weight: 700;
  font-family: "4H Gilroy", Arial, sans-serif;
  text-transform: initial;
  color: #111111;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-form label:last-of-type {
  margin-top: 16px;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-form input {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 8px 8px 24px;
  background: #ffffff;
  border: 2px solid #9da4ae;
  border-radius: 40px;
  height: 56px;
  width: 100%;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-email {
  display: grid;
  margin-bottom: 24px;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-email label {
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  font-weight: 700;
  font-family: "4H Gilroy", Arial, sans-serif;
  text-transform: initial;
  color: #111111;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-email input {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 8px 8px 24px;
  background: #ffffff;
  border: 2px solid #9da4ae;
  border-radius: 40px;
  height: 56px;
  width: 100%;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-email .forgot-password-custom-4h-message {
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  font-family: "4H Gilroy", Arial, sans-serif;
  text-transform: initial;
  color: #111111;
  margin-top: 10px;
  margin-bottom: -15px;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-result-message {
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  font-weight: 500;
  font-family: "4H Gilroy", Arial, sans-serif;
  color: #111111;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-page-btn {
  background-color: #349966;
  padding: 16px 32px;
  border-radius: 40px;
  height: auto;
  width: 100%;
  margin: 0 auto 24px;
  display: block;
  color: #ffffff;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  text-align: center;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .reset-password-page-btn {
  background-color: #349966;
  padding: 16px 32px;
  border-radius: 40px;
  height: 64px;
  width: 100%;
  margin: 0 auto 24px;
  display: block;
  color: #ffffff;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .reset-password-input-div {
  position: relative;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .reset-password-input-div img {
  position: absolute;
  top: 16px;
  right: 24px;
}
.page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .custom-hidden {
  display: none !important;
}
.page-template-page-forgot-password .forgot-password-page .email-sent-main-block {
  padding: 40px 10px;
  height: auto;
  width: 100%;
  margin: 48px 16px;
  background: #ffffff;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 16px;
  z-index: 1;
}
.page-template-page-forgot-password .forgot-password-page .email-sent-main-block .forgot-password-key {
  background-color: #349966;
  padding: 24px;
  border-radius: 50px;
  margin: auto auto 24px;
  display: block;
}
.page-template-page-forgot-password .forgot-password-page .email-sent-main-block p {
  margin: 0;
}
.page-template-page-forgot-password .forgot-password-page .email-sent-main-block .forgot-password-page-title {
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  font-weight: 900;
  font-family: "4H Gilroy", Arial, sans-serif;
  text-align: center;
  text-transform: initial;
  color: #111111;
  margin-bottom: 16px;
}
.page-template-page-forgot-password .forgot-password-page .email-sent-main-block .forgot-password-page-text {
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  font-weight: 500;
  font-family: "4H Gilroy", Arial, sans-serif;
  text-align: center;
  text-transform: initial;
  color: #111111;
  margin-bottom: 24px;
}
.page-template-page-forgot-password .forgot-password-page .email-sent-main-block .email-sent-client-email {
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  font-weight: 700;
  font-family: "4H Gilroy", Arial, sans-serif;
  text-transform: initial;
  color: #111111;
}
.page-template-page-forgot-password .forgot-password-page .email-sent-main-block .close-page-btn {
  background-color: #349966;
  padding: 16px 32px;
  border-radius: 40px;
  height: 64px;
  width: 100%;
  margin: 0 auto;
  display: block;
  color: #ffffff;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.page-template-page-forgot-password .forgot-password-page .email-sent-main-block .close-button-text {
  color: #ffffff;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media screen and (min-width: 832px) {
  .page-template-page-forgot-password main {
    min-height: 747px;
  }
  .page-template-page-forgot-password .forgot-password-page {
    height: 555px;
  }
  .page-template-page-forgot-password .forgot-password-page .forgot-password-right-shape {
    display: block;
    position: absolute;
    right: 0;
    top: -50px;
    width: 250px;
  }
  .page-template-page-forgot-password .forgot-password-page .forgot-password-right-shape-mobile {
    display: none;
  }
  .page-template-page-forgot-password .forgot-password-page .forgot-password-left-shape {
    bottom: -40px;
    width: 300px;
  }
  .page-template-page-forgot-password .forgot-password-page .rp-password {
    height: auto;
  }
  .page-template-page-forgot-password .forgot-password-page .forgot-password-main-block {
    height: fit-content;
    width: 800px;
    margin: auto;
    padding: 64px;
  }
  .page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-page-title {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
  }
  .page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-page-text {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
    margin-bottom: 32px;
  }
  .page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-email label {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.4px;
    font-weight: 700;
    font-family: "4H Gilroy", Arial, sans-serif;
    text-transform: initial;
    color: #111111;
  }
  .page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-email input {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 8px 8px 24px;
    background: #ffffff;
    border: 2px solid #9da4ae;
    border-radius: 40px;
    height: 56px;
    width: 100%;
  }
  .page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-page-btn {
    height: 64px;
    width: 340px;
    font-size: 2rem;
    line-height: 3.2rem;
    margin: 0 auto 32px;
    text-align: center;
  }
  .page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .btn-disabled {
    background-color: #d2d6db !important;
    color: #ffffff !important;
  }
  .page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .reset-password-page-btn {
    height: 64px;
    width: 360px;
    font-size: 2rem;
    line-height: 3.2rem;
    margin: 0 auto 32px;
  }
  .page-template-page-forgot-password .forgot-password-page .forgot-password-main-block .forgot-password-email {
    max-width: 464px;
    margin: auto auto 24px;
  }
  .page-template-page-forgot-password .forgot-password-page .email-sent-main-block {
    height: 496px;
    width: 800px;
    margin: 96px auto;
    padding: 64px;
  }
  .page-template-page-forgot-password .forgot-password-page .email-sent-main-block .forgot-password-page-title {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
  }
  .page-template-page-forgot-password .forgot-password-page .email-sent-main-block .forgot-password-page-text {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
    max-width: 464px;
    margin: auto auto 32px;
  }
  .page-template-page-forgot-password .forgot-password-page .email-sent-main-block .email-sent-client-email {
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .page-template-page-forgot-password .forgot-password-page .email-sent-main-block .close-page-btn {
    height: 64px;
    width: 180px;
    font-size: 2rem;
    line-height: 3.2rem;
    margin: 0 auto 32px;
  }
}
@media screen and (min-width: 1280px) {
  .page-template-page-forgot-password .forgot-password-page .forgot-password-right-shape {
    top: -30px;
    width: auto;
  }
  .page-template-page-forgot-password .forgot-password-page .forgot-password-left-shape {
    bottom: -80px;
    width: auto;
  }
}
main {
  position: relative;
}

.show-mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .show-mobile {
    display: block;
  }
}

.hide-mobile {
  display: block;
}
@media screen and (max-width: 768px) {
  .hide-mobile {
    display: none;
  }
}

.chevron::before {
  border-style: solid;
  border-color: #349966;
  border-width: 2px 2px 0 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: relative;
  width: 8px;
  vertical-align: top;
  transform: rotate(135deg);
  margin: 6px;
}

#green-leaf {
  width: 50vw;
  height: 50vw;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#green-leaf path {
  transform: scaleX(-1) translateX(-100%);
}

#half-circle {
  width: 30vw;
  height: 40vw;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: -1;
  transform: translateY(-50%);
}
#half-circle path {
  transform: rotate(-90deg) translate(-88%, 95%) scale(1.3);
}

#yellow-leaf {
  width: 38vw;
  height: 32vw;
  position: absolute;
  left: -37px;
  bottom: -13px;
}

.activities {
  width: 100%;
  height: 100%;
  min-height: 150vh;
  position: relative;
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .activities {
    padding: 50px 16px 0;
  }
}
@media screen and (max-width: 768px) {
  .activities .fb {
    display: none;
  }
}
.activities .activity-information-container .activity-information {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .activities .activity-information-container .activity-information {
    text-align: center;
    max-height: 200px !important;
  }
}
.activities .course-activities,
.activities .activity-information-container {
  width: 100%;
  max-width: 1216px;
  padding: 0;
  margin: 0 auto;
}
.activities .course-activities .content {
  margin: 0 -14px;
  overflow: auto;
}
@media screen and (max-width: 769px) {
  .activities .course-activities .content {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}
.activities .activity-information {
  width: 100% !important;
}
@media screen and (max-width: 768px) {
  .activities .activity-information {
    margin-left: 0;
    margin-right: 0;
  }
}
.activities .activity-course-card-container {
  width: 24.632% !important;
  margin: 20px 0 !important;
  float: left;
}
@media screen and (max-width: 768px) {
  .activities .activity-course-card-container {
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 880px) {
  .activities .activity-course-card-container {
    width: 50% !important;
  }
}
@media (min-width: 880px) and (max-width: 1280px) {
  .activities .activity-course-card-container {
    width: 33% !important;
  }
}
.activities .activity-card,
.activities .course-card {
  margin: 0 auto;
}
.activities .activity-card.curriculum,
.activities .course-card.curriculum {
  background: #f54359;
}
.activities .activity-status-btn {
  margin: 10px auto;
  display: block;
}
.activities .activity-status-btn:active {
  color: #349966;
  background: #fff;
  border: 2px solid #349966;
}
@media screen and (max-width: 768px) {
  .activities .activity-status-btn {
    float: initial;
  }
}
.activities .activity-status-btn.inverted {
  color: #349966;
  background: #fff;
  border: 2px solid #349966;
  margin-top: 4rem;
}
.activities .activity-status-btn.inverted:active {
  color: #fff;
  background: #349966;
  border: 2px solid #349966;
}
.activities .activities-search-bar {
  width: 100%;
  max-width: 592px;
  height: 50px;
  margin: 0 auto;
  margin-bottom: 24px;
  background: #f3f4f6;
  border: none;
  border-radius: 24px;
  overflow: hidden;
  padding: 2px 2px 2px 52px;
  box-sizing: border-box;
  position: relative;
}
.activities .activities-search-bar svg {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.activities .activities-search-bar input {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0.4px;
}
.activities .activities-search-bar input:active,
.activities .activities-search-bar input:focus-visible,
.activities .activities-search-bar input:focus {
  border-top-color: #f3f4f6 !important;
  border-bottom-color: #f3f4f6 !important;
  border-left-color: #f3f4f6 !important;
  border-right-color: #f3f4f6 !important;
  outline-color: #f3f4f6 !important;
  outline-width: 0;
}
.activities .activities-filter-bar {
  width: 100%;
  margin: 24px 0 48px 0;
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  font-family: "4H Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: #4d5761;
  padding: 25px 0;
  transition: transform 0.5s;
}
.activities .activities-filter-bar .top span {
  margin-right: 64px;
}
@media screen and (max-width: 768px) {
  .activities .activities-filter-bar .top span {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .activities .activities-filter-bar {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 123;
    top: 0;
    left: 0;
    border-radius: 0;
    transform: translate(100%, 0);
    overflow: scroll;
    max-height: calc(100vh - 24px);
  }
}
.activities .activities-filter-bar.active .activity-information-container {
  max-height: 100px;
  padding-top: 25px;
}
@media screen and (max-width: 768px) {
  .activities .activities-filter-bar.active {
    transform: translate(0, 0);
    padding-top: 120px;
  }
}
.activities .activities-filter-bar .activity-information-container {
  padding: initial;
  padding-left: 64px;
  padding-right: 64px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  height: auto;
  max-height: 0;
  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  .activities .activities-filter-bar .activity-information-container {
    max-height: 200px !important;
  }
}
.activities .activities-filter-bar .activity-information-container info {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 60px;
  letter-spacing: 0.4px;
  color: #4d5761;
  text-transform: initial;
}
.activities .activities-filter-bar .activity-information-container info span {
  color: #349966;
  font-weight: bold;
  cursor: pointer;
  border-bottom: 2px solid #349966;
}
.activities .activities-filter-bar .activity-information-container .activity-information .activity-status-btn {
  width: 248px;
  margin: initial;
  float: right;
}
@media screen and (max-width: 768px) {
  .activities .activities-filter-bar .activity-information-container .activity-information .activity-status-btn {
    margin: 0 auto;
  }
}
.activities .activities-filter-bar .filter-button {
  border-bottom: 4px solid transparent;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .activities .activities-filter-bar .filter-button {
    display: block;
  }
  .activities .activities-filter-bar .filter-button .chevron {
    float: right;
  }
}
.activities .activities-filter-bar .filter-button.active {
  border-bottom: 4px solid #349966;
}
.activities .activities-filter-bar .filter-button.active .chevron::before {
  transform: rotate(-45deg);
  vertical-align: middle;
}
.activities .activities-filter-bar .filter-button n {
  margin: 0 3px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}
.activities .activities-filter-bar .top {
  padding: 0 25px 2px;
}
.activities .activities-filter-bar .filter-box {
  padding: 0;
  background: white;
  border-top: 0px solid #d2d6db;
  border-bottom: 0px solid #d2d6db;
  padding-left: 56px;
  padding-right: 56px;
  padding-top: 0;
  padding-bottom: 0;
  height: auto;
  max-height: 0;
  transition: all 0.5s;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .activities .activities-filter-bar .filter-box {
    padding: 0;
  }
}
.activities .activities-filter-bar .filter-box.opened {
  padding-top: 56px;
  padding-bottom: 56px;
  max-height: 155vh;
  border-top: 1px solid #d2d6db;
  border-bottom: 1px solid #d2d6db;
  margin-bottom: 6px;
}
.activities .activities-filter-bar .filter-box span {
  padding: 5px;
  border: 1px solid gray;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.4px;
  color: #4d5761;
  padding: 4px 20px;
  margin: 8px;
  border: 2px solid #d2d6db;
  border-radius: 24px;
  text-align: center;
  position: relative;
  cursor: pointer;
  display: inline-block;
  /*
  &:before{
      content: "\00D7";
      font-size: 18px;
      background: orange;
      display: inline-block;
      line-height: 1;
      padding: 0px 3px;
      border-radius: 13px;
      margin: 0 4px 0 -15px;
  }
  */
}
.activities .activities-filter-bar .filter-box span.selected {
  color: #fff;
  background: #004438;
  border-color: #004438;
}
.activities .ordering-btn {
  box-sizing: border-box;
  padding: 16px 24px 16px 24px;
  width: 180px;
  height: 64px;
  background: #ffffff;
  border: 2px solid #349966;
  border-radius: 40px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 900;
  letter-spacing: 0.1rem;
  line-height: 2.4rem;
  text-align: center;
  text-transform: uppercase;
  color: #349966;
  float: right;
}
.activities .ordering-btn:hover, .activities .ordering-btn:active, .activities .ordering-btn:focus {
  border: 2px solid #349966 !important;
}
@media screen and (max-width: 768px) {
  .activities .ordering-btn {
    border: none;
    padding: 16px 0 16px 24px;
    width: auto;
  }
}
.activities .activities-status {
  height: 80px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 14px;
  position: relative;
}
.activities .activities-status.active .ordering-pan {
  display: block;
}
@media screen and (max-width: 768px) {
  .activities .activities-status.active .ordering-pan {
    transform: translate(0, 0);
    padding-top: 140px;
  }
}
.activities .activities-status.active .ordering-pan .activity-information-container {
  padding-top: 50vw;
}
.activities .activities-status.active .chevron::before {
  transform: rotate(-45deg);
  vertical-align: middle;
}
.activities .activities-status .ordering-pan {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(0, 100%);
  z-index: 9;
  padding: 8px;
  background: #ffffff;
  border: 2px solid #e5e7eb;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 40px;
  display: none;
  transition: transform 0.5s;
}
@media screen and (max-width: 768px) {
  .activities .activities-status .ordering-pan {
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(100%, 0);
    border-radius: 0;
    display: block;
  }
}
.activities .activities-status .ordering-pan .ordering-item {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.4px;
  color: #111111;
  padding: 11px 54px 10px 16px;
  cursor: pointer;
}
.activities .activities-status .ordering-pan .ordering-item span {
  margin-right: 12px;
  opacity: 0;
}
.activities .activities-status .ordering-pan .ordering-item.active span {
  opacity: 1;
}
.activities .activities-status .sort-by {
  color: #4d5761;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 1.6px;
  line-height: 24px;
  text-align: center;
}
.activities .activities-status .text {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: #4d5761;
  float: left;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .activities .activities-status .text {
    padding: 20px 0;
  }
}
.activities .mobile-menu-close {
  font-size: 13vw;
  text-align: right;
  float: right;
  font-weight: 100;
}
.activities .mobile-filter-bar {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 1.6px;
  line-height: 24px;
  color: #4d5761;
}
.activities .mobile-filter-bar span {
  float: right;
}
.activities .mobile-filter-bar path {
  stroke: #4d5761;
}
.activities .mobile-filter-bar.not-empty path {
  stroke: #349966;
}
.activities .mobile-filter-bar info {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 60px;
  letter-spacing: 0.4px;
  color: #4d5761;
  text-transform: initial;
}
.activities .mobile-filter-bar info span {
  color: #349966;
  font-weight: bold;
  cursor: pointer;
  border-bottom: 2px solid #349966;
  line-height: 1.5;
  float: initial;
  margin-left: 14px;
}
.activities .showing-results {
  text-align: center;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 1.6px;
  line-height: 24px;
  display: none;
}
.activities .showing-results keyword {
  color: #349966;
}
.activities .showing-results cross:after {
  content: "×";
  font-size: 18px;
  border: 2px solid #349966;
  background: #fff;
  color: #349966;
  display: inline-block;
  line-height: 1;
  border-radius: 13px;
  box-sizing: border-box;
  cursor: pointer;
  height: 22px;
  padding: 0px 3px;
  text-align: center;
  width: 22px;
}
.activities #load-more.inactive {
  color: #4d5761 !important;
  border-color: #4d5761 !important;
  opacity: 0.7;
}
.activities .nothing-found {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #4d5761;
  letter-spacing: 1.6px;
  line-height: 24px;
  text-align: center;
  margin: 0;
  margin: 10px 0 50px;
}
.activities .nothing-found.main {
  color: #111111;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 25px;
  font-weight: 900;
  margin: 50px 0 10px;
}
.activities #selected-filters {
  display: none;
}
.activities #selected-filters span {
  padding: 5px;
  border: 1px solid gray;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.4px;
  padding: 4px 12px;
  margin: 8px;
  border-radius: 24px;
  text-align: center;
  position: relative;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  background: #004438;
  border-color: #004438;
}
.activities #selected-filters span:after {
  content: "×";
  font-size: 18px;
  display: inline-block;
  line-height: 1;
  padding: 0px 3px;
  border-radius: 13px;
  border: 2px solid #fff;
  margin-left: 4px;
}
.activities #selected-filters j {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 60px;
  text-transform: none;
  display: inline;
  border-bottom: 2px solid #349966;
  color: #349966;
  cursor: pointer;
  font-weight: 700;
}
.activities .activity-status-btn.inactive {
  color: #fff;
  background-color: #d2d6db;
}

#modal-be-honest .modal-content {
  text-align: center;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
#modal-be-honest .modal-content .be-honest-icon {
  margin: 0 auto;
}
#modal-be-honest .modal-content h3 {
  margin-bottom: 1.8rem;
}
#modal-be-honest .modal-content p {
  width: 70%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #modal-be-honest .modal-content p {
    width: 80%;
  }
}
#modal-be-honest .modal-content #activity-submit {
  background: #349966;
  color: #fff;
  display: block;
  padding: 20px 32px;
  border-radius: 40px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 900;
  height: 64px;
  letter-spacing: 0.1rem;
  line-height: 2.4rem;
  text-align: center;
  text-transform: uppercase;
  width: 50%;
  margin: 0 auto;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  #modal-be-honest .modal-content #activity-submit {
    width: 80%;
  }
}
#modal-be-honest .modal-content .btn-return {
  position: relative;
  right: 0;
  text-transform: uppercase;
}

@media screen and (min-width: 769px) {
  body.applied-filters #selected-filters {
    display: block;
  }
}

.inactive-fade {
  opacity: 0.5;
  filter: grayscale(1);
}

.woocommerce-checkout .woocommerce {
  padding: 0;
}
.woocommerce-checkout .woocommerce-notices-wrapper {
  display: none;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
  border-top-color: #349966;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before {
  color: #349966;
}
.woocommerce-checkout #customer_details .col-1 {
  width: 100%;
}
.woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields h3 {
  display: none;
}
.woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p label {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.4rem;
  color: #111111;
}
.woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p .woocommerce-input-wrapper input,
.woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p .woocommerce-input-wrapper select {
  border-radius: 40px;
  padding: 12px 24px;
  border: 1px solid #111111;
}
.woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper #billing_company_field,
.woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper #billing_address_2_field {
  display: none;
}
.woocommerce-checkout #customer_details .col-2 {
  display: none;
}
.woocommerce-checkout #order_review_heading {
  display: none;
}
.woocommerce-checkout .woocommerce-checkout-review-order {
  color: #111111;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
}
.woocommerce-checkout .woocommerce-checkout-review-order .cart-subtotal,
.woocommerce-checkout .woocommerce-checkout-review-order .recurring-totals,
.woocommerce-checkout .woocommerce-checkout-review-order .cart-subtotal {
  display: none;
}
.woocommerce-checkout .shop_table {
  border: 0 !important;
  border-collapse: collapse;
  margin: 15px 0 24px !important;
  background: #ebe9eb;
  border-radius: 5px;
}
.woocommerce-checkout .shop_table thead {
  display: none;
}
.woocommerce-checkout .shop_table tbody tr td {
  border: 0 !important;
}
.woocommerce-checkout .shop_table tbody tr td .product-quantity {
  display: none !important;
}
.woocommerce-checkout .shop_table tbody tr th {
  border: 1px solid #111111;
}
.woocommerce-checkout .shop_table tfoot tr td {
  border: 0 !important;
}
.woocommerce-checkout .shop_table tfoot tr th {
  border: 0 !important;
}
.woocommerce-checkout .shop_table tfoot .recurring-total {
  border-top: none;
  border-bottom: none;
}
.woocommerce-checkout .woocommerce-checkout-payment ul,
.woocommerce-checkout .woocommerce-checkout-payment .place-order {
  padding: 24px;
}
.woocommerce-checkout .woocommerce-checkout-payment ul li {
  padding-left: 0;
}
.woocommerce-checkout .woocommerce-checkout-payment ul li label {
  color: #111111;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.4px;
}
.woocommerce-checkout .woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text {
  color: #111111;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.4px;
}
.woocommerce-checkout .woocommerce-checkout-payment .place-order #place_order {
  float: none !important;
  align-items: center;
  background: #349966;
  border-radius: 40px;
  color: #ffffff;
  display: block;
  flex-direction: row;
  height: 48px;
  justify-content: center;
  margin: auto;
  padding: 12px 32px;
  width: 100%;
}
.woocommerce-checkout form input[type=text], .woocommerce-checkout form input[type=email], .woocommerce-checkout form input[type=tel], .woocommerce-checkout form input[type=url], .woocommerce-checkout form input[type=number], .woocommerce-checkout form select, .woocommerce-checkout form .fourh-nice-select, .woocommerce-checkout form textarea, .woocommerce-checkout form input[type=password] {
  height: 5.6rem;
  border-radius: 4rem;
  appearance: none;
  border: solid 2px #9da4ae;
  padding: 0 2.4rem;
  color: #111111;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 2rem;
  outline: none;
  background: #ffffff;
  width: 100%;
  margin: 0rem 0 0 0;
}
.woocommerce-checkout form input[type=text]::placeholder, .woocommerce-checkout form input[type=email]::placeholder, .woocommerce-checkout form input[type=tel]::placeholder, .woocommerce-checkout form input[type=url]::placeholder, .woocommerce-checkout form input[type=number]::placeholder, .woocommerce-checkout form select::placeholder, .woocommerce-checkout form .fourh-nice-select::placeholder, .woocommerce-checkout form textarea::placeholder, .woocommerce-checkout form input[type=password]::placeholder {
  color: #6c737f;
}
.woocommerce-checkout form input[type=text]:focus, .woocommerce-checkout form input[type=email]:focus, .woocommerce-checkout form input[type=tel]:focus, .woocommerce-checkout form input[type=url]:focus, .woocommerce-checkout form input[type=number]:focus, .woocommerce-checkout form select:focus, .woocommerce-checkout form .fourh-nice-select:focus, .woocommerce-checkout form textarea:focus, .woocommerce-checkout form input[type=password]:focus {
  border-color: #349966;
}
.woocommerce-checkout form input[type=text]:disabled, .woocommerce-checkout form input[type=email]:disabled, .woocommerce-checkout form input[type=tel]:disabled, .woocommerce-checkout form input[type=url]:disabled, .woocommerce-checkout form input[type=number]:disabled, .woocommerce-checkout form select:disabled, .woocommerce-checkout form .fourh-nice-select:disabled, .woocommerce-checkout form textarea:disabled, .woocommerce-checkout form input[type=password]:disabled {
  background-color: #f9fafb;
  border-color: #e5e7eb;
  color: #d2d6db;
}
.woocommerce-checkout form input[type=text]:disabled::placeholder, .woocommerce-checkout form input[type=email]:disabled::placeholder, .woocommerce-checkout form input[type=tel]:disabled::placeholder, .woocommerce-checkout form input[type=url]:disabled::placeholder, .woocommerce-checkout form input[type=number]:disabled::placeholder, .woocommerce-checkout form select:disabled::placeholder, .woocommerce-checkout form .fourh-nice-select:disabled::placeholder, .woocommerce-checkout form textarea:disabled::placeholder, .woocommerce-checkout form input[type=password]:disabled::placeholder {
  color: #d2d6db;
}
.woocommerce-checkout form input[type=text]:-webkit-autofill, .woocommerce-checkout form input[type=text]:-webkit-autofill:hover, .woocommerce-checkout form input[type=text]:-webkit-autofill:focus, .woocommerce-checkout form input[type=email]:-webkit-autofill, .woocommerce-checkout form input[type=email]:-webkit-autofill:hover, .woocommerce-checkout form input[type=email]:-webkit-autofill:focus, .woocommerce-checkout form input[type=tel]:-webkit-autofill, .woocommerce-checkout form input[type=tel]:-webkit-autofill:hover, .woocommerce-checkout form input[type=tel]:-webkit-autofill:focus, .woocommerce-checkout form input[type=url]:-webkit-autofill, .woocommerce-checkout form input[type=url]:-webkit-autofill:hover, .woocommerce-checkout form input[type=url]:-webkit-autofill:focus, .woocommerce-checkout form input[type=number]:-webkit-autofill, .woocommerce-checkout form input[type=number]:-webkit-autofill:hover, .woocommerce-checkout form input[type=number]:-webkit-autofill:focus, .woocommerce-checkout form select:-webkit-autofill, .woocommerce-checkout form select:-webkit-autofill:hover, .woocommerce-checkout form select:-webkit-autofill:focus, .woocommerce-checkout form .fourh-nice-select:-webkit-autofill, .woocommerce-checkout form .fourh-nice-select:-webkit-autofill:hover, .woocommerce-checkout form .fourh-nice-select:-webkit-autofill:focus, .woocommerce-checkout form textarea:-webkit-autofill, .woocommerce-checkout form textarea:-webkit-autofill:hover, .woocommerce-checkout form textarea:-webkit-autofill:focus, .woocommerce-checkout form input[type=password]:-webkit-autofill, .woocommerce-checkout form input[type=password]:-webkit-autofill:hover, .woocommerce-checkout form input[type=password]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
}
.woocommerce-checkout form .select2 {
  width: 100% !important;
}
.woocommerce-checkout form .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 20px !important;
}
.woocommerce-checkout form .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 14px;
  right: 10px;
}
.woocommerce-checkout form .select2-selection {
  appearance: none;
  background-position: right 2rem center;
  background-repeat: no-repeat;
  background-size: 1em;
  border: 2px solid #9da4ae;
  border-radius: 40px;
  height: 56px;
  padding: 16px;
  width: 100%;
}
.woocommerce-checkout .select2-dropdown--below {
  top: calc(100% + 0.4rem) !important;
}

.cm-access-granted .common_measures_request {
  display: none !important;
}

.cm-request-access .common_measures_checkbox {
  display: none !important;
}

@media screen and (min-width: 768px) {
  .woocommerce-checkout .woocommerce-checkout-payment #place_order {
    height: 64px !important;
    padding: 16px 32px !important;
    width: 340px !important;
  }
}
.page-template-page-my-account .my-account-outter {
  padding: 16px;
  margin: 16px;
}
.page-template-page-my-account .my-account-outter .my-account-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 4rem;
  line-height: 4.8rem;
  letter-spacing: 0.2px;
  text-align: center;
  text-transform: capitalize;
  color: #111111;
}
.page-template-page-my-account .my-account-outter .my-account-inner-box-nav {
  border-bottom: 1px solid #e5e7eb;
}
.page-template-page-my-account .my-account-outter .my-account-inner-box-nav .my-account-inner-box-nav-ul {
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  display: inline-block;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-bottom: -8px;
}
.page-template-page-my-account .my-account-outter .my-account-inner-box-nav .my-account-inner-box-nav-ul .my-account-inner-box-nav-li {
  display: inline-block;
  padding: 8px 18px;
  margin: 0;
  cursor: pointer;
  border-bottom: 4px solid transparent;
}
.page-template-page-my-account .my-account-outter .my-account-inner-box-nav .my-account-inner-box-nav-ul .my-account-inner-box-nav-li.email-notif-tab {
  display: none;
}
.page-template-page-my-account .my-account-outter .my-account-inner-box-nav .my-account-inner-box-nav-ul .my-account-inner-box-nav-li span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 2.4rem;
  letter-spacing: 1.6px;
  color: #6c737f;
  text-transform: uppercase;
}
.page-template-page-my-account .my-account-outter .my-account-inner-box-nav .my-account-inner-box-nav-ul .my-account-inner-box-nav-li span:hover {
  color: #111111;
}
.page-template-page-my-account .my-account-outter .my-account-inner-box-nav .my-account-inner-box-nav-ul .my-account-inner-box-nav-li:nth-child(2) {
  margin-left: 20px;
  margin-right: 20px;
}
.page-template-page-my-account .my-account-outter .my-account-inner-box-nav .my-account-inner-box-nav-ul .ma-active-li {
  border-bottom: 4px solid #349966;
}
.page-template-page-my-account .my-account-outter .my-account-inner-box-nav .my-account-inner-box-nav-ul .ma-active-li span {
  color: #111111;
}
.page-template-page-my-account .my-account-outter .my-account-inner-box-nav .my-account-inner-box-nav-ul::-webkit-scrollbar {
  display: none;
}
.page-template-page-my-account .my-account-tab-content .gf-county-container {
  width: 100% !important;
  max-width: 386px;
}
.page-template-page-my-account .my-account-tab-content #my_account_tab_2 {
  padding: 16px;
  margin: 16px 16px 144px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block {
  display: none;
  margin-top: 32px;
  margin-bottom: 0;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .gform_body {
  padding: 16px;
  margin: 16px 16px 0 16px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .gform_footer {
  border-top: 1px solid #d2d6db;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .gform_footer input {
  margin: 16px;
  width: 100%;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-notification-success {
  display: none;
  background-color: #d4edda;
  border-color: #c3e6cb;
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  margin-bottom: 35px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-notification-success span {
  color: #155724 !important;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .ma-changed-email-true {
  display: block;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .ma-changed-profile-true {
  display: block;
  margin-bottom: 41px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-email-notifications-success {
  display: flex;
  justify-content: center;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-profile-notifications-success {
  display: block;
  width: fit-content;
  text-align: center;
  margin: auto;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-img-text {
  display: flex;
  position: relative;
  margin-bottom: 48px;
  cursor: pointer;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-img-text .my-account-tab-img {
  margin-top: 1px;
  margin-right: 12px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-img-text .my-account-tab-text-g {
  display: block;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 0.6px;
  color: #349966;
  text-transform: uppercase;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-text {
  display: block;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #4d5761;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-text-strong {
  display: block;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #349966;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-text-strong-b {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-left .my-account-tab-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right ul li {
  list-style: inside;
  margin-bottom: 2px;
  color: #4d5761;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right .ma-block-col-right-sl {
  margin-bottom: 24px;
  display: flex;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right .ma-block-col-right-sl p {
  margin-bottom: 0;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right .my-account-notification-success {
  display: none;
  background-color: #d4edda;
  border-color: #c3e6cb;
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  margin-bottom: 24px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right .my-account-notification-success span {
  color: #155724 !important;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right .ma-changed-subscription-true {
  display: block !important;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right .ma-caregiver-sub-mb {
  margin-bottom: 3.2rem !important;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right .ma-manage-subscription-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  width: 100%;
  height: 48px;
  background: #349966;
  border-radius: 40px;
  color: #ffffff;
  margin-bottom: 32px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right .ma-manage-subscription-btn:hover {
  color: #ffffff;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right #lifetime-coupon-btn {
  background: none !important;
  border: none;
  padding: 0 !important;
  /*optional*/
  font-family: arial, sans-serif;
  /*input has OS specific font-family*/
  color: #349966;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  font-size: 2rem;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(31, 42, 55, 0.6);
  backdrop-filter: blur(12px);
  z-index: 1000;
  overflow: auto;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-pi-block-change-close {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main {
  position: absolute;
  background-color: #ffffff;
  z-index: 1001;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 36px;
  overflow: auto;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-header .my-account-plans-header-tittle {
  height: 92px;
  padding: 24px 24px 32px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-header .my-account-plans-header-tittle .my-account-pi-h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #111111;
  letter-spacing: 0.4px;
  text-align: center;
  text-transform: initial;
  margin: 2px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-header .my-account-plans-header-tittle #downgradeErrorMessage {
  color: #ffffff;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: italic;
  line-height: 2rem;
  text-align: center;
  background: #f54359;
  opacity: 0.8;
  border-radius: 8px;
  padding: 24px;
  display: none;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .cta-checkout {
  display: block;
  margin: 24px auto 0;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 900;
  color: #ffffff;
  background-color: #349966;
  border-radius: 40px;
  letter-spacing: 1px;
  padding: 16px 24px;
  width: fit-content;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .btn-disabled {
  background-color: #d2d6db !important;
  color: #ffffff !important;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-sub-checkout-form {
  display: none;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .subs-form-style {
  height: calc(100% - 104px);
  overflow: auto;
  padding: 12px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .subs-form-style::-webkit-scrollbar {
  width: 12px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .subs-form-style::-webkit-scrollbar-thumb {
  background: #d2d6db;
  border-radius: 8px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .subs-form-style::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 8px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block {
  display: block;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block #supporter {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block #supporter .clover-caregiver-plan-header {
  border-bottom: none;
  height: auto;
  padding-top: 24px;
  background-color: #349966;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block #supporter .clover-caregiver-plan-header .clover-caregiver-plan-header-title {
  font-size: 2.6rem;
  line-height: 3.6rem;
  background-color: #ffffff;
  margin-bottom: 0;
  text-align: center;
  padding-top: 27px;
  padding-bottom: 27px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block #supporter .tabs {
  background-color: #ffffff;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block #supporter .tabs ul {
  padding: 0 20px;
  margin-bottom: 40px;
  margin-top: 0;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block #supporter .tabs ul li {
  flex: 1;
  text-align: center;
  margin: 0;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block #supporter .tabs .tab {
  padding: 0 32px 24px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block #supporter .tabs .tab {
    padding: 0 16px 24px;
  }
}
@media screen and (min-width: 1050px) {
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block #supporter .tabs .tab {
    padding: 0 32px 24px;
  }
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block #supporter .tabs .tab h6 {
  font-size: 20;
  font-weight: 900;
  text-transform: uppercase;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block #supporter .tabs .tab .clover-caregiver-plan-header-text {
  font-size: 16px;
  margin-bottom: 0;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block #supporter .tabs .tab .clover-caregiver-plan-savings-text {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  border-radius: 11px;
  background-color: #c9e3dc;
  display: inline-block;
  padding: 0 16px;
  line-height: 22px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block #supporter .clover-caregiver-plan-description {
  padding-top: 40px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block #supporter .clover-caregiver-plan-description ul {
  flex-direction: column;
  padding: 0;
  border-bottom: none;
  margin-bottom: 0;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block #supporter .clover-caregiver-plan-description ul li {
  text-align: left;
  font-size: 2rem;
  line-height: 2.6rem;
  padding-bottom: 24px;
  letter-spacing: 0.4px;
}
@media screen and (min-width: 768px) {
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block #supporter .clover-caregiver-plan-description ul li {
    font-size: 1.8rem;
    line-height: 2rem;
    padding-bottom: 16px;
  }
}
@media screen and (min-width: 1050px) {
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block #supporter .clover-caregiver-plan-description ul li {
    font-size: 2rem;
    line-height: 2.6rem;
    padding-bottom: 24px;
  }
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block #supporter .clover-caregiver-plan-description ul li img {
  margin-right: 12px;
  vertical-align: middle;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block #basic {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan {
  width: calc(100% - 48px);
  margin-left: 24px;
  margin-right: 24px;
  display: block;
  background-color: #e0ded8;
  border-radius: 32px;
  padding-top: 1px;
  margin-bottom: 28px;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan .my-account-plan-button {
  background-color: #349966;
  color: #ffffff;
  border-radius: 40px;
  padding: 16px 24px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 2.4rem;
  letter-spacing: 1px;
  text-align: center;
  width: 100%;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan .btn-disabled {
  background-color: #d2d6db !important;
  color: #ffffff !important;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan button:disabled {
  background-color: #d2d6db !important;
  color: #ffffff !important;
  cursor: default;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan a:disabled {
  color: #d2d6db !important;
  cursor: default;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan .my-account-plan-header {
  border-bottom: 1px solid #e5e7eb;
  background-color: #ffffff;
  margin-top: 24px;
  padding: 20px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan .my-account-plan-header .my-account-plan-header-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 2.4rem;
  line-height: 3.6rem;
  font-weight: 900;
  letter-spacing: 0.4px;
  text-transform: initial;
  text-align: center;
  margin: 0;
  margin-bottom: 8px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan .my-account-plan-header .my-account-plan-header-title-h6 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 900;
  letter-spacing: 0.4px;
  text-transform: initial;
  text-align: center;
  margin: 0;
  margin-bottom: 8px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan .my-account-plan-header .my-account-plan-header-text {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  letter-spacing: 0.4px;
  text-transform: initial;
  text-align: center;
  margin: 0;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan .my-account-plan-body {
  position: relative;
  background-color: #ffffff;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
  padding: 20px 32px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan .my-account-plan-body .product-plan-body-text {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2rem;
  letter-spacing: 0.4px;
  text-transform: initial;
  margin-bottom: 24px;
  padding-left: 0;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan .my-account-plan-body .product-plan-body-text img {
  margin-right: 12px;
  vertical-align: middle;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-email fieldset {
  display: block;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-email fieldset legend {
  display: inline-block;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
  margin-bottom: 24px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-email fieldset .ginput_container {
  display: block;
  width: 100%;
  position: relative;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-email fieldset .ginput_container label {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #4d5761;
  margin-bottom: 24px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields {
  display: block;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset {
  display: flex;
  border-bottom: 1px solid #e5e7eb;
  padding-top: 0;
  padding-bottom: 16px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset legend {
  display: inline-block;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
  margin-bottom: 24px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset .ginput_container {
  display: block;
  float: left;
  margin-bottom: 32px !important;
  margin-top: 0 !important;
  position: relative;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset .ginput_container label {
  font-size: 2rem;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset .my-account-gf-last-checkbox {
  margin-bottom: 0;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset .my-account-gf-right-field .ginput_container_text {
  margin: 1rem 0 0;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset:nth-child(1) {
  padding-top: 0 !important;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset:nth-child(2) {
  margin-top: 48px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset:nth-child(3) {
  margin-top: 48px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset:nth-child(2) {
  margin-top: 48px;
  border-bottom: 1px solid #e5e7eb;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset:nth-child(3) {
  margin-top: 48px;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields input {
  margin-top: 0;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfield {
  margin-bottom: 3.2rem;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .my-account-gf-left-field .fourh-nice-select {
  margin: 0 !important;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .my-account-gf-left-field .fourh-nice-select .option {
  white-space: break-spaces;
  line-height: 2.2rem;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .my-account-gf-left-field .fourh-nice-select .current {
  white-space: break-spaces;
  line-height: 2.2rem;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .my-account-gf-right-field .fourh-nice-select {
  margin: 0 !important;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .my-account-gf-right-field .fourh-nice-select .option {
  white-space: break-spaces;
  line-height: 2.2rem;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .my-account-gf-right-field .fourh-nice-select .current {
  white-space: break-spaces;
  line-height: 2.2rem;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields {
  display: block;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset {
  display: flex;
  border-bottom: 1px solid #e5e7eb;
  padding-top: 0;
  padding-bottom: 16px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset legend {
  display: inline-block;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
  margin-bottom: 24px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset .ginput_container {
  display: block;
  float: left;
  margin-bottom: 32px !important;
  margin-top: 0 !important;
  position: relative;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset .ginput_container label {
  font-size: 2rem;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset .my-account-gf-last-checkbox {
  margin-bottom: 0;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(1) {
  padding-top: 0 !important;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(2) {
  margin-top: 48px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(3) {
  margin-top: 48px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(4) {
  margin-top: 48px;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(5) {
  margin-top: 48px;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields input {
  margin-top: 0;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfield {
  margin-bottom: 3.2rem;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .my-account-gf-left-field .fourh-nice-select {
  margin: 0 !important;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .my-account-gf-left-field .fourh-nice-select .option {
  white-space: break-spaces;
  line-height: 2.2rem;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .my-account-gf-left-field .fourh-nice-select .current {
  white-space: break-spaces;
  line-height: 2.2rem;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .my-account-gf-right-field .fourh-nice-select {
  margin: 0 !important;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .my-account-gf-right-field .fourh-nice-select .option {
  white-space: break-spaces;
  line-height: 2.2rem;
}
.page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .my-account-gf-right-field .fourh-nice-select .current {
  white-space: break-spaces;
  line-height: 2.2rem;
}
.page-template-page-my-account .my-account-tab-content .ma-active-tab {
  display: block;
}
.page-template-page-my-account .my-account-tab-content .my-account-separator {
  background-color: #e5e7eb;
  height: 1px;
  border: 0;
  margin-bottom: 48px;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(31, 42, 55, 0.6);
  backdrop-filter: blur(12px);
  z-index: 1000;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-close {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-email {
  display: none;
  position: absolute;
  background-color: #ffffff;
  z-index: 1001;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-email-pro {
  display: none;
  position: absolute;
  background-color: #ffffff;
  z-index: 1001;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .validation_message {
  margin-top: 8px !important;
  margin-bottom: -16px;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-password {
  display: grid;
  position: absolute;
  background-color: #ffffff;
  z-index: 1001;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-password-pro {
  display: grid;
  position: absolute;
  background-color: #ffffff;
  z-index: 1001;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-pw-updated-box {
  display: block !important;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-change-h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #111111;
  letter-spacing: 0.6px;
  text-align: center;
  text-transform: initial;
  margin: 80px 0 -26px;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-pw-notification-success {
  display: none;
  background-color: #d4edda;
  border-color: #c3e6cb;
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  margin: 35px 48px -45px;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-pw-notification-success span {
  color: #155724 !important;
  display: block;
  text-align: center;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-pw-updated {
  display: block !important;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .gfield {
  margin-bottom: 24px;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .gfield_required {
  display: none;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .gfield_label {
  margin-bottom: 0 !important;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .ginput_complex {
  margin-top: -4px;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .ginput_complex span:nth-child(1) {
  margin-bottom: 12px;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .ginput_complex label {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 2rem;
  letter-spacing: 0.4px;
  line-height: 3.2rem;
  font-weight: 700;
  color: #111111;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .gform_body {
  margin: 48px 8px 0;
  padding: 8px 8px 0 !important;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .gform_footer {
  border-top: 0 !important;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .gform_footer input {
  width: 100% !important;
  margin-top: 0;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-change-pw-ico {
  position: absolute;
  right: 25px;
  top: 17px;
  cursor: pointer;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .password_input_container {
  position: relative;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .password_input_container .gform_show_password .dashicons-visibility {
  display: none;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur .ginput_container {
  position: relative;
}
.page-template-page-my-account .my-account-tab-content .my-account-bg-blur-block {
  display: block !important;
}
.page-template-page-my-account .my-account-tab-content .ma-btn-disabled {
  background: #d2d6db;
}

@media screen and (min-width: 768px) {
  #supporter_plan {
    margin-top: 32px;
  }
  .page-template-page-my-account .my-account-outter {
    padding: 30px;
    margin: 30px;
  }
  .page-template-page-my-account .my-account-outter .my-account-title {
    font-size: 4.8rem;
    line-height: 5.6rem;
    letter-spacing: 0.6px;
  }
  .page-template-page-my-account .my-account-outter .my-account-inner-box-nav .my-account-inner-box-nav-ul {
    display: flex;
    margin-bottom: 0;
  }
  .page-template-page-my-account .my-account-tab-content {
    margin-top: 0;
  }
  .page-template-page-my-account .my-account-tab-content #my_account_tab_2 {
    padding: 30px;
    margin: 30px;
  }
  .page-template-page-my-account .my-account-tab-content #my_account_tab_2 .my-account-separator {
    margin-bottom: 96px;
    margin-top: 48px;
  }
  .page-template-page-my-account .my-account-tab-content #my_account_tab_3 .gform_body {
    margin: 48px;
    padding: 0 48px 75px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block {
    margin-top: 48px;
    margin-bottom: 0;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .gform_body {
    padding: 30px;
    margin: 30px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .gform_footer {
    border-top: 1px solid #d2d6db;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .gform_footer input {
    margin: 16px auto;
    width: 340px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row {
    display: flex;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-img-text .my-account-tab-text-g {
    font-size: 2rem;
    letter-spacing: 1.6px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-text {
    font-size: 2rem;
    letter-spacing: 1.6px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-left {
    max-width: 384px;
    width: 384px;
    min-width: 384px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-left .my-account-tab-title {
    font-size: 32px;
    line-height: 4rem;
    letter-spacing: 0.6px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right {
    margin-left: 32px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right .ma-block-col-right-sl {
    margin-bottom: 16px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right .ma-manage-subscription-btn {
    padding: 16px 32px;
    width: 340px;
    height: 64px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-text {
    font-size: 2rem;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-text-strong {
    font-size: 2rem;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-text-strong-b {
    font-size: 2rem;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main {
    padding: 41px 32px;
    max-width: 1080px;
    height: 880px;
    background: #ffffff;
    border-radius: 32px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    right: 64px;
    overflow: hidden;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-header .my-account-plans-tittle {
    height: auto;
    margin-bottom: 40px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-header .my-account-plans-tittle .my-account-pi-h4 {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block {
    display: flex;
    width: 100%;
    padding-top: unset;
    margin-bottom: unset;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan {
    width: 100%;
    display: block;
    background-color: #e0ded8;
    border-radius: 32px;
    padding-top: 1px;
    margin-bottom: 28px;
    margin-left: 0;
    margin-right: 0;
    min-height: 605px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan .my-account-plan-button {
    width: 100%;
    height: 64px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan .my-account-plan-header .my-account-plan-header-title {
    font-size: 3.2rem;
    line-height: 4rem;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan .my-account-plan-body {
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan .my-account-plan-body .product-plan-body-text {
    margin-bottom: 16px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan:first-child {
    margin-right: 2.4rem;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .only-one-plan .my-account-plan {
    width: 50% !important;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .subs-form-style {
    height: calc(100% - 126px);
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-email fieldset {
    display: flex;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-email fieldset legend {
    display: block;
    float: left;
    min-width: 384px;
    font-size: 3rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
    margin-bottom: unset;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-email fieldset .ginput_container {
    display: block;
    float: left;
    position: relative;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-email fieldset .ginput_container label {
    font-size: 2rem;
    margin-bottom: 48px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields {
    display: block;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset {
    display: flex;
    padding-top: 96px;
    padding-bottom: 64px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset legend {
    display: block;
    float: left;
    min-width: 384px;
    font-size: 3rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
    margin-bottom: unset;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset .ginput_container {
    display: block;
    float: left;
    margin-bottom: 0;
    position: relative;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset .ginput_container label {
    font-size: 2rem;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset ul .my-account-gf-right-field {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset ul .my-account-gf-left-field {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset ul .my-account-gf-left-field .ginput_container_text {
    margin: 1rem 0 0;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(1) {
    padding-top: 0 !important;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(2) {
    margin-top: 0;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(3) {
    margin-top: 0;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(4) {
    margin-top: 0;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(5) {
    margin-top: 0;
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields input {
    max-width: 386px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .my-account-gf-left-field .fourh-nice-select {
    max-width: 386px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .my-account-gf-right-field .fourh-nice-select {
    max-width: 386px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields {
    display: block;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset {
    display: flex;
    padding-top: 96px;
    padding-bottom: 64px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset legend {
    display: block;
    float: left;
    min-width: 384px;
    font-size: 32px;
    line-height: 4rem;
    letter-spacing: 0.6px;
    margin-bottom: unset;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset .ginput_container {
    display: block;
    float: left;
    margin-bottom: 0;
    position: relative;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset .ginput_container label {
    font-size: 2rem;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset ul .my-account-gf-right-field {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset ul .my-account-gf-left-field {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset:nth-child(1) {
    padding-top: 0 !important;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset:nth-child(2) {
    margin-top: 0;
    border-bottom: 1px solid #e5e7eb;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset:nth-child(3) {
    margin-top: 0;
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields input {
    max-width: 386px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .my-account-gf-left-field .fourh-nice-select {
    max-width: 386px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .my-account-gf-right-field .fourh-nice-select {
    max-width: 386px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-separator {
    margin-bottom: 96px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-email {
    width: 576px;
    height: 520px;
    background: #ffffff;
    border-radius: 32px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
  }
  .page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-email-pro {
    width: 576px;
    height: 520px;
    background: #ffffff;
    border-radius: 32px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
  }
  .page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-password {
    width: 572px;
    background: #ffffff;
    border-radius: 32px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    display: none;
    grid-template-rows: auto 1fr;
    align-items: center;
    height: 748px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-password .gfield_password_strength {
    margin-bottom: -10px !important;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-password .gform_footer input {
    width: 340px !important;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-password-pro {
    width: 572px;
    background: #ffffff;
    border-radius: 32px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    display: none;
    grid-template-rows: auto 1fr;
    align-items: center;
    height: 748px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-password-pro .gfield_password_strength {
    margin-bottom: -10px !important;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-password-pro .gform_footer input {
    width: 340px !important;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-pw-updated-box {
    display: block !important;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-bg-blur .my-account-change-h4 {
    font-size: 3.2rem;
    line-height: 4rem;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-bg-blur .gfield {
    margin-bottom: 26px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-bg-blur .gfield_required {
    display: none;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-bg-blur .gfield_label {
    margin-bottom: 0;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-bg-blur .ginput_complex {
    display: block;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-bg-blur .ginput_complex span:nth-child(1) span {
    margin-bottom: -12px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-bg-blur .gform_body {
    margin: 48px 48px 0 !important;
    padding: 0 48px !important;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-bg-blur .gform_footer {
    border-top: 0 !important;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-bg-blur .gform_footer input {
    width: 210px !important;
  }
}
@media screen and (min-width: 1050px) {
  .page-template-page-my-account .my-account-outter {
    padding: 48px;
    margin: 48px;
  }
  .page-template-page-my-account .my-account-tab-content #my_account_tab_2 {
    padding: 0 48px 48px;
    margin: 48px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .gform_body {
    padding: 0 48px 48px;
    margin: 48px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main {
    padding: 48px 64px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan .my-account-plan-button {
    left: 32px;
    right: 32px;
    font-size: 2rem;
    line-height: 2.6rem;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan .my-account-plan-header .my-account-plan-header-title {
    font-size: 3.2rem;
    line-height: 4rem;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan .my-account-plan-body {
    padding: 24px 32px;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan .my-account-plan-body .product-plan-body-text {
    margin-bottom: 24px;
    font-size: 2rem;
    line-height: 2.6rem;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main .my-account-plans-body .my-account-plans-block .my-account-plan:first-child {
    margin-right: 3.2rem;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset ul .my-account-gf-right-field {
    width: calc(50% - 16px) !important;
    float: left !important;
    margin-left: 16px !important;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset ul .my-account-gf-left-field {
    width: calc(50% - 16px) !important;
    float: left !important;
    margin-right: 16px !important;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset ul .my-account-gf-right-field {
    width: calc(50% - 16px) !important;
    float: left !important;
    margin-left: 16px !important;
  }
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset ul .my-account-gf-left-field {
    width: calc(50% - 16px) !important;
    float: left !important;
    margin-right: 16px !important;
  }
}
@media (max-height: 840px) and (min-width: 768px) {
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main {
    margin-top: 5% !important;
  }
}
@media (max-height: 740px) and (min-width: 768px) {
  .page-template-page-my-account .my-account-tab-content .my-account-tab-block .my-account-pi-bg-blur .my-account-plans-main {
    margin-top: 11% !important;
  }
}
.page-template-page-connected-account h4 {
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 4rem;
  letter-spacing: 0.4px;
  color: #111111;
  margin-bottom: 20px;
  text-transform: unset !important;
}
.page-template-page-connected-account .password_weak_message {
  display: none;
}
.page-template-page-connected-account .password_weak_message .password_weak_message_span {
  color: #f54359 !important;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.page-template-page-connected-account .main_weak_password_error_message .password_input_container input {
  border-color: #f54359 !important;
}
.page-template-page-connected-account .main_weak_password_error_message .weak_password_error_message {
  display: block !important;
}
.page-template-page-connected-account .connected-account-div {
  padding: 16px;
}
.page-template-page-connected-account .connected-account-div .back-home {
  display: flex;
  color: #111111 !important;
  align-items: center;
}
.page-template-page-connected-account .connected-account-div .back-home i {
  margin-right: 16px;
}
.page-template-page-connected-account .connected-account-div .my-account-outter {
  padding: 0;
  margin: 4rem 0 0;
}
.page-template-page-connected-account .connected-account-div .my-account-outter .my-account-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 4rem;
  line-height: 4.8rem;
  letter-spacing: 0.2px;
  text-align: center;
  text-transform: capitalize;
  color: #111111;
  margin-bottom: 32px;
}
.page-template-page-connected-account .connected-account-div .my-account-outter .profile-photo {
  width: 96px;
  height: 96px;
  border-radius: 96px;
  border: 8px solid #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  margin: 0 auto;
}
.page-template-page-connected-account .connected-account-div .my-account-outter .profile-photo img {
  width: 80px;
  height: 80px;
  border-radius: 80px;
}
.page-template-page-connected-account .connected-account-div .my-account-outter .profile-photo .profile-letter {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background-color: #ebbda9;
  color: #004438;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.6rem;
  line-height: 2.4rem;
  font-weight: 900;
}
.page-template-page-connected-account .connected-account-div .my-account-outter .my-account-inner-box-nav {
  margin-top: 48px;
  border-bottom: 1px solid #e5e7eb;
}
.page-template-page-connected-account .connected-account-div .my-account-outter .my-account-inner-box-nav .my-account-inner-box-nav-ul {
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  display: inline-block;
  overflow: auto;
  overflow-y: hidden;
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-bottom: -8px;
  text-align: center;
}
.page-template-page-connected-account .connected-account-div .my-account-outter .my-account-inner-box-nav .my-account-inner-box-nav-ul .my-account-inner-box-nav-li {
  display: inline-block;
  padding: 8px 18px;
  margin: 0;
  cursor: pointer;
  border-bottom: 4px solid transparent;
}
.page-template-page-connected-account .connected-account-div .my-account-outter .my-account-inner-box-nav .my-account-inner-box-nav-ul .my-account-inner-box-nav-li span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 2.4rem;
  letter-spacing: 1.6px;
  color: #6c737f;
  text-transform: uppercase;
}
.page-template-page-connected-account .connected-account-div .my-account-outter .my-account-inner-box-nav .my-account-inner-box-nav-ul .my-account-inner-box-nav-li span:hover {
  color: #111111;
}
.page-template-page-connected-account .connected-account-div .my-account-outter .my-account-inner-box-nav .my-account-inner-box-nav-ul .my-account-inner-box-nav-li:nth-child(2) {
  margin-left: 20px;
  margin-right: 20px;
}
.page-template-page-connected-account .connected-account-div .my-account-outter .my-account-inner-box-nav .my-account-inner-box-nav-ul .ma-active-li {
  border-bottom: 4px solid #349966;
}
.page-template-page-connected-account .connected-account-div .my-account-outter .my-account-inner-box-nav .my-account-inner-box-nav-ul .ma-active-li span {
  color: #111111;
}
.page-template-page-connected-account .connected-account-div .my-account-outter .my-account-inner-box-nav .my-account-inner-box-nav-ul::-webkit-scrollbar {
  display: none;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-notification-success {
  display: none;
  background-color: #d4edda;
  border-color: #c3e6cb;
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  margin-top: -35px;
  margin-bottom: 35px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-notification-success span {
  color: #155724 !important;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content #my_account_tab_2 {
  padding: 0;
  margin: 3rem 0 0;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block {
  display: none;
  margin-top: 32px;
  margin-bottom: 0;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .gform_body {
  margin: 0;
  padding: 2rem 0 0;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .gform_body .gsection {
  margin: 2rem 0rem 5.4rem;
  padding: 0;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .gform_footer {
  border-top: 1px solid #d2d6db;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .gform_footer input {
  margin: 16px;
  width: 100%;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-notification-success {
  display: none;
  background-color: #d4edda;
  border-color: #c3e6cb;
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  margin-top: -35px;
  margin-bottom: 35px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-notification-success span {
  color: #155724 !important;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .ma-changed-email-true {
  display: block;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .ma-changed-profile-true {
  display: block;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-email-notifications-success {
  display: flex;
  justify-content: center;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-profile-notifications-success {
  display: flex;
  justify-content: center;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-ma-block-row {
  display: flex;
  flex-direction: row;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-img-text {
  display: flex;
  position: relative;
  margin-bottom: 48px;
  cursor: pointer;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-img-text .my-account-tab-img {
  margin-top: 1px;
  margin-right: 12px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-img-text .my-account-tab-text-g {
  display: block;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 0.6px;
  color: #349966;
  text-transform: uppercase;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-text {
  display: block;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #4d5761;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-text-strong {
  display: block;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #349966;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-text-strong-b {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-left {
  width: 384px;
  margin-right: 32px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-left .my-account-tab-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right .ma-block-col-right-sl {
  margin-bottom: 24px;
  display: flex;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right .ma-block-col-right-sl p {
  margin-bottom: 0;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right .ma-caregiver-sub-mb {
  margin-bottom: 3.2rem !important;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right .ma-manage-subscription-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  width: 100%;
  height: 48px;
  background: #349966;
  border-radius: 40px;
  color: #ffffff;
  margin-bottom: 48px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right .ma-manage-subscription-btn:hover {
  color: #ffffff;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-email fieldset {
  display: block;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-email fieldset legend {
  display: inline-block;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
  margin-bottom: 24px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-email fieldset .ginput_container {
  display: block;
  width: 100%;
  position: relative;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-email fieldset .ginput_container label {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #4d5761;
  margin-bottom: 24px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields {
  display: block;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset {
  display: flex;
  border-bottom: 1px solid #e5e7eb;
  padding-top: 0;
  padding-bottom: 16px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset legend {
  display: inline-block;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
  margin-bottom: 24px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset .ginput_container {
  display: block;
  float: left;
  margin-bottom: 32px;
  position: relative;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset .ginput_container label {
  font-size: 2rem;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset .my-account-gf-last-checkbox {
  margin-bottom: 0;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset .my-account-gf-right-field .ginput_container_text {
  margin: 1rem 0 0;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset:nth-child(1) {
  padding-top: 0 !important;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset:nth-child(2) {
  margin-top: 48px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset:nth-child(3) {
  margin-top: 48px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset:nth-child(4) {
  margin-top: 48px;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields input {
  margin-top: 0;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfield {
  margin-bottom: 3.2rem;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields {
  display: block;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset {
  display: flex;
  border-bottom: 1px solid #e5e7eb;
  padding-top: 0;
  padding-bottom: 16px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset legend {
  display: inline-block;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
  margin-bottom: 24px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset .ginput_container {
  display: block;
  float: left;
  margin-bottom: 32px;
  position: relative;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset .ginput_container label {
  font-size: 2rem;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset .my-account-gf-last-checkbox {
  margin-bottom: 0;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(1) {
  padding-top: 0 !important;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(2) {
  margin-top: 48px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(3) {
  margin-top: 48px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(4) {
  margin-top: 48px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(5) {
  margin-top: 48px;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields input {
  margin-top: 0;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfield {
  margin-bottom: 3.2rem;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .ma-active-tab {
  display: block;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-separator {
  background-color: #e5e7eb;
  height: 1px;
  border: 0;
  margin-bottom: 48px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(31, 42, 55, 0.6);
  backdrop-filter: blur(12px);
  z-index: 1000;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-close {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-email {
  display: none;
  position: absolute;
  background-color: #ffffff;
  z-index: 1001;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-email-pro {
  display: none;
  position: absolute;
  background-color: #ffffff;
  z-index: 1001;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur .validation_message {
  margin-top: 8px !important;
  margin-bottom: -16px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-password {
  display: none;
  position: absolute;
  background-color: #ffffff;
  z-index: 1001;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-password-pro {
  display: none;
  position: absolute;
  background-color: #ffffff;
  z-index: 1001;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur .my-account-change-h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #111111;
  letter-spacing: 0.6px;
  text-align: center;
  text-transform: initial;
  margin: 80px 0 -26px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur .gfield {
  margin-bottom: 24px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur .gfield_required {
  display: none;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur .gfield_label {
  margin-bottom: 0 !important;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur .ginput_complex {
  margin-top: -4px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur .ginput_complex span:nth-child(1) {
  margin-bottom: 12px;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur .ginput_complex label {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 2rem;
  letter-spacing: 0.4px;
  line-height: 3.2rem;
  font-weight: 700;
  color: #111111;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur .gform_body {
  margin: 48px 8px 0;
  padding: 8px 8px 0 !important;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur .gform_footer {
  border-top: 0 !important;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur .gform_footer input {
  width: 100% !important;
  margin-top: 0;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur .my-account-change-pw-ico {
  position: absolute;
  right: 25px;
  top: 25px;
  cursor: pointer;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur .password_input_container {
  position: relative;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .my-account-bg-blur .ginput_container {
  position: relative;
}
.page-template-page-connected-account .connected-account-div .my-account-tab-content .ma-btn-disabled {
  background: #d2d6db;
}

@media screen and (max-width: 768px) {
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row {
    display: flex;
    flex-direction: column !important;
  }
}
@media screen and (min-width: 768px) {
  .page-template-page-connected-account .my-account-outter {
    padding: 30px;
    margin: 30px;
  }
  .page-template-page-connected-account .my-account-outter .my-account-title {
    font-size: 4.8rem;
    line-height: 5.6rem;
    letter-spacing: 0.6px;
  }
  .page-template-page-connected-account .my-account-outter .my-account-inner-box-nav .my-account-inner-box-nav-ul {
    display: flex;
    margin-bottom: 0;
  }
  .page-template-page-connected-account .my-account-tab-content {
    margin-top: 0;
  }
  .page-template-page-connected-account .my-account-tab-content #my_account_tab_2 {
    padding: 30px;
    margin: 30px;
  }
  .page-template-page-connected-account .my-account-tab-content #my_account_tab_2 .my-account-separator {
    margin-bottom: 96px;
    margin-top: 48px;
  }
  .page-template-page-connected-account .my-account-tab-content #my_account_tab_3 .gform_body {
    margin: 48px;
    padding: 0 48px 75px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block {
    margin-top: 48px;
    margin-bottom: 0;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .gform_body {
    padding: 30px;
    margin: 30px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .gform_footer {
    border-top: 1px solid #d2d6db;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .gform_footer input {
    margin: 16px auto !important;
    width: 340px !important;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row {
    display: flex;
    flex-direction: row;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-img-text .my-account-tab-text-g {
    font-size: 2rem;
    letter-spacing: 1.6px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-text {
    font-size: 2rem;
    letter-spacing: 1.6px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-left {
    max-width: 384px;
    width: 384px;
    min-width: 384px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-left .my-account-tab-title {
    font-size: 3rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right {
    margin-left: 0px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right .ma-block-col-right-sl {
    margin-bottom: 16px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-ma-block-col-right .ma-manage-subscription-btn {
    padding: 16px 32px;
    width: 340px;
    height: 64px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-text {
    font-size: 2rem;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-text-strong {
    font-size: 2rem;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-ma-block-row .my-account-tab-text-strong-b {
    font-size: 2rem;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-email fieldset {
    display: flex;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-email fieldset legend {
    display: block;
    float: left;
    min-width: 384px;
    font-size: 3rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
    margin-bottom: unset;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-email fieldset .ginput_container {
    display: block;
    float: left;
    position: relative;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-email fieldset .ginput_container label {
    font-size: 2rem;
    margin-bottom: 48px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields {
    display: block;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset {
    display: flex;
    padding-top: 96px;
    padding-bottom: 64px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset legend {
    display: block;
    float: left;
    min-width: 384px;
    font-size: 3rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
    margin-bottom: unset;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset .ginput_container {
    display: block;
    float: left;
    margin-bottom: 0;
    position: relative;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset .ginput_container label {
    font-size: 2rem;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset ul .my-account-gf-right-field {
    width: calc(50% - 16px);
    float: left;
    margin-left: 16px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset ul .my-account-gf-left-field {
    width: calc(50% - 16px);
    float: left;
    margin-right: 16px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(1) {
    padding-top: 0 !important;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(2) {
    margin-top: 0;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(3) {
    margin-top: 0;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(4) {
    margin-top: 0;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-profile .gform_body .gform_fields .gfieldset:nth-child(5) {
    margin-top: 0;
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields {
    display: block;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset {
    display: flex;
    padding-top: 96px;
    padding-bottom: 64px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset legend {
    display: block;
    float: left;
    min-width: 384px;
    font-size: 3rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
    margin-bottom: unset;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset .ginput_container {
    display: block;
    float: left;
    margin-bottom: 0;
    position: relative;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset .ginput_container label {
    font-size: 2rem;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset ul .my-account-gf-right-field {
    width: calc(50% - 16px);
    float: left;
    margin-left: 16px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset ul .my-account-gf-left-field {
    width: calc(50% - 16px);
    float: left;
    margin-right: 16px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset:nth-child(1) {
    padding-top: 0 !important;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset:nth-child(2) {
    margin-top: 0;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset:nth-child(3) {
    margin-top: 0;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .my-account-gf-educator-profile .gform_body .gform_fields .gfieldset:nth-child(4) {
    margin-top: 0;
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-separator {
    margin-bottom: 96px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-email {
    width: 576px;
    height: 520px;
    background: #ffffff;
    border-radius: 32px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-email-pro {
    width: 576px;
    height: 520px;
    background: #ffffff;
    border-radius: 32px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-password {
    width: 572px;
    background: #ffffff;
    border-radius: 32px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    display: grid;
    grid-template-rows: auto 1fr;
    align-items: center;
    height: 748px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-password .gfield_password_strength {
    margin-bottom: -10px !important;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-password .gform_footer input {
    width: 340px !important;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-password-pro {
    width: 572px;
    background: #ffffff;
    border-radius: 32px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    display: grid;
    grid-template-rows: auto 1fr;
    align-items: center;
    height: 748px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-password-pro .gfield_password_strength {
    margin-bottom: -10px !important;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-bg-blur .my-account-ma-block-change-password-pro .gform_footer input {
    width: 340px !important;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-bg-blur .my-account-change-h4 {
    font-size: 3.2rem;
    line-height: 4rem;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-bg-blur .gfield {
    margin-bottom: 26px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-bg-blur .gfield_required {
    display: none;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-bg-blur .gfield_label {
    margin-bottom: 0;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-bg-blur .ginput_complex {
    display: block;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-bg-blur .ginput_complex span:nth-child(1) span {
    margin-bottom: -12px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-bg-blur .gform_body {
    margin: 48px 48px 0 !important;
    padding: 0 48px !important;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-bg-blur .gform_footer {
    border-top: 0 !important;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-bg-blur .gform_footer input {
    width: 210px !important;
  }
  .page-template-page-connected-account .connected-account-div {
    padding: 56px 130px;
  }
}
@media screen and (min-width: 1050px) {
  .page-template-page-connected-account .my-account-outter {
    padding: 48px;
    margin: 48px;
  }
  .page-template-page-connected-account .my-account-tab-content #my_account_tab_2 {
    padding: 0 48px 48px;
    margin: 48px;
  }
  .page-template-page-connected-account .my-account-tab-content .my-account-tab-block .gform_body {
    padding: 0 48px 48px;
    margin: 48px;
  }
}
.clover-dashboard-top-left-shape,
.clover-dashboard-top-left-shape-mobile,
.clover-dashboard-middle-right-shape,
.clover-dashboard-middle-right-shape-mobile,
.clover-dashboard-bottom-left-shape,
.clover-dashboard-bottom-left-shape-mobile,
.clover-dashboard-top-right-shape,
.clover-dashboard-top-right-shape-mobile {
  display: none !important;
}

.clover-dashboard-page {
  background-color: #ffffff !important;
}
.clover-dashboard-page #intro_img_theme_1,
.clover-dashboard-page #sponsor_img_theme_1 {
  display: none;
}
.clover-dashboard-page #intro_img_theme_1_m,
.clover-dashboard-page #sponsor_img_theme_1_m {
  display: none;
}
.clover-dashboard-page.theme1 #intro_img_theme_1,
.clover-dashboard-page.theme1 #sponsor_img_theme_1 {
  display: block !important;
}
@media screen and (max-width: 768px) {
  .clover-dashboard-page.theme1 #intro_img_theme_1,
  .clover-dashboard-page.theme1 #sponsor_img_theme_1 {
    display: none !important;
  }
}
.clover-dashboard-page.theme1 #intro_img_theme_1_m,
.clover-dashboard-page.theme1 #sponsor_img_theme_1_m {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .clover-dashboard-page.theme1 #intro_img_theme_1_m,
  .clover-dashboard-page.theme1 #sponsor_img_theme_1_m {
    display: block !important;
  }
}

.page-template-page-clover-dashboard .clover-dashboard-page,
.page-template-page-clover .clover-dashboard-page {
  z-index: 1;
  background-color: currentcolor;
  background-repeat: repeat;
}
.page-template-page-clover-dashboard .theme1 #intro_img_theme_1,
.page-template-page-clover-dashboard .theme1 #sponsor_img_theme_1,
.page-template-page-clover .theme1 #intro_img_theme_1,
.page-template-page-clover .theme1 #sponsor_img_theme_1 {
  display: none !important;
}
.page-template-page-clover-dashboard .theme1 #intro_img_theme_1,
.page-template-page-clover-dashboard .theme1 #sponsor_img_theme_1,
.page-template-page-clover .theme1 #intro_img_theme_1,
.page-template-page-clover .theme1 #sponsor_img_theme_1 {
  display: block !important;
}
.page-template-page-clover-dashboard .theme1 #intro_img_theme_1_m,
.page-template-page-clover-dashboard .theme1 #sponsor_img_theme_1_m,
.page-template-page-clover .theme1 #intro_img_theme_1_m,
.page-template-page-clover .theme1 #sponsor_img_theme_1_m {
  display: none !important;
}
.page-template-page-clover-dashboard .theme2 #intro_img_theme_1,
.page-template-page-clover-dashboard .theme2 #sponsor_img_theme_1,
.page-template-page-clover .theme2 #intro_img_theme_1,
.page-template-page-clover .theme2 #sponsor_img_theme_1 {
  display: none !important;
}
.page-template-page-clover-dashboard .theme2 #intro_img_theme_1,
.page-template-page-clover-dashboard .theme2 #sponsor_img_theme_1,
.page-template-page-clover .theme2 #intro_img_theme_1,
.page-template-page-clover .theme2 #sponsor_img_theme_1 {
  display: block !important;
}
.page-template-page-clover-dashboard .theme2 #intro_img_theme_1_m,
.page-template-page-clover-dashboard .theme2 #sponsor_img_theme_1_m,
.page-template-page-clover .theme2 #intro_img_theme_1_m,
.page-template-page-clover .theme2 #sponsor_img_theme_1_m {
  display: none !important;
}
.page-template-page-clover-dashboard .theme3 #intro_img_theme_1,
.page-template-page-clover-dashboard .theme3 #sponsor_img_theme_1,
.page-template-page-clover .theme3 #intro_img_theme_1,
.page-template-page-clover .theme3 #sponsor_img_theme_1 {
  display: none !important;
}
.page-template-page-clover-dashboard .theme3 #intro_img_theme_3,
.page-template-page-clover-dashboard .theme3 #sponsor_img_theme_3,
.page-template-page-clover .theme3 #intro_img_theme_3,
.page-template-page-clover .theme3 #sponsor_img_theme_3 {
  display: block !important;
}
.page-template-page-clover-dashboard .theme3 #intro_img_theme_3_m,
.page-template-page-clover-dashboard .theme3 #sponsor_img_theme_3_m,
.page-template-page-clover .theme3 #intro_img_theme_3_m,
.page-template-page-clover .theme3 #sponsor_img_theme_3_m {
  display: none !important;
}
.page-template-page-clover-dashboard .theme4 #intro_img_theme_1,
.page-template-page-clover-dashboard .theme4 #sponsor_img_theme_1,
.page-template-page-clover .theme4 #intro_img_theme_1,
.page-template-page-clover .theme4 #sponsor_img_theme_1 {
  display: none !important;
}
.page-template-page-clover-dashboard .theme4 #intro_img_theme_4,
.page-template-page-clover-dashboard .theme4 #sponsor_img_theme_4,
.page-template-page-clover .theme4 #intro_img_theme_4,
.page-template-page-clover .theme4 #sponsor_img_theme_4 {
  display: block !important;
}
.page-template-page-clover-dashboard .theme4 #intro_img_theme_4_m,
.page-template-page-clover-dashboard .theme4 #sponsor_img_theme_4_m,
.page-template-page-clover .theme4 #intro_img_theme_4_m,
.page-template-page-clover .theme4 #sponsor_img_theme_4_m {
  display: none !important;
}
.page-template-page-clover-dashboard .theme5 #intro_img_theme_1,
.page-template-page-clover-dashboard .theme5 #sponsor_img_theme_1,
.page-template-page-clover .theme5 #intro_img_theme_1,
.page-template-page-clover .theme5 #sponsor_img_theme_1 {
  display: none !important;
}
.page-template-page-clover-dashboard .theme5 #intro_img_theme_5,
.page-template-page-clover-dashboard .theme5 #sponsor_img_theme_5,
.page-template-page-clover .theme5 #intro_img_theme_5,
.page-template-page-clover .theme5 #sponsor_img_theme_5 {
  display: block !important;
}
.page-template-page-clover-dashboard .theme5 #intro_img_theme_5_m,
.page-template-page-clover-dashboard .theme5 #sponsor_img_theme_5_m,
.page-template-page-clover .theme5 #intro_img_theme_5_m,
.page-template-page-clover .theme5 #sponsor_img_theme_5_m {
  display: none !important;
}
.page-template-page-clover-dashboard .theme6 #intro_img_theme_1,
.page-template-page-clover-dashboard .theme6 #sponsor_img_theme_1,
.page-template-page-clover .theme6 #intro_img_theme_1,
.page-template-page-clover .theme6 #sponsor_img_theme_1 {
  display: none !important;
}
.page-template-page-clover-dashboard .theme6 #intro_img_theme_6,
.page-template-page-clover-dashboard .theme6 #sponsor_img_theme_6,
.page-template-page-clover .theme6 #intro_img_theme_6,
.page-template-page-clover .theme6 #sponsor_img_theme_6 {
  display: block !important;
}
.page-template-page-clover-dashboard .theme6 #intro_img_theme_6_m,
.page-template-page-clover-dashboard .theme6 #sponsor_img_theme_6_m,
.page-template-page-clover .theme6 #intro_img_theme_6_m,
.page-template-page-clover .theme6 #sponsor_img_theme_6_m {
  display: none !important;
}
.page-template-page-clover-dashboard .theme7 #intro_img_theme_1,
.page-template-page-clover-dashboard .theme7 #sponsor_img_theme_1,
.page-template-page-clover .theme7 #intro_img_theme_1,
.page-template-page-clover .theme7 #sponsor_img_theme_1 {
  display: none !important;
}
.page-template-page-clover-dashboard .theme7 #intro_img_theme_7,
.page-template-page-clover-dashboard .theme7 #sponsor_img_theme_7,
.page-template-page-clover .theme7 #intro_img_theme_7,
.page-template-page-clover .theme7 #sponsor_img_theme_7 {
  display: block !important;
}
.page-template-page-clover-dashboard .theme7 #intro_img_theme_7_m,
.page-template-page-clover-dashboard .theme7 #sponsor_img_theme_7_m,
.page-template-page-clover .theme7 #intro_img_theme_7_m,
.page-template-page-clover .theme7 #sponsor_img_theme_7_m {
  display: none !important;
}
.page-template-page-clover-dashboard .theme8 #intro_img_theme_1,
.page-template-page-clover-dashboard .theme8 #sponsor_img_theme_1,
.page-template-page-clover .theme8 #intro_img_theme_1,
.page-template-page-clover .theme8 #sponsor_img_theme_1 {
  display: none !important;
}
.page-template-page-clover-dashboard .theme8 #intro_img_theme_8,
.page-template-page-clover-dashboard .theme8 #sponsor_img_theme_8,
.page-template-page-clover .theme8 #intro_img_theme_8,
.page-template-page-clover .theme8 #sponsor_img_theme_8 {
  display: block !important;
}
.page-template-page-clover-dashboard .theme8 #intro_img_theme_8_m,
.page-template-page-clover-dashboard .theme8 #sponsor_img_theme_8_m,
.page-template-page-clover .theme8 #intro_img_theme_8_m,
.page-template-page-clover .theme8 #sponsor_img_theme_8_m {
  display: none !important;
}
.page-template-page-clover-dashboard .theme9 #intro_img_theme_1,
.page-template-page-clover-dashboard .theme9 #sponsor_img_theme_1,
.page-template-page-clover .theme9 #intro_img_theme_1,
.page-template-page-clover .theme9 #sponsor_img_theme_1 {
  display: none !important;
}
.page-template-page-clover-dashboard .theme9 #intro_img_theme_9,
.page-template-page-clover-dashboard .theme9 #sponsor_img_theme_9,
.page-template-page-clover .theme9 #intro_img_theme_9,
.page-template-page-clover .theme9 #sponsor_img_theme_9 {
  display: block !important;
}
.page-template-page-clover-dashboard .theme9 #intro_img_theme_9_m,
.page-template-page-clover-dashboard .theme9 #sponsor_img_theme_9_m,
.page-template-page-clover .theme9 #intro_img_theme_9_m,
.page-template-page-clover .theme9 #sponsor_img_theme_9_m {
  display: none !important;
}
.page-template-page-clover-dashboard .theme10 #intro_img_theme_1,
.page-template-page-clover-dashboard .theme10 #sponsor_img_theme_1,
.page-template-page-clover .theme10 #intro_img_theme_1,
.page-template-page-clover .theme10 #sponsor_img_theme_1 {
  display: none !important;
}
.page-template-page-clover-dashboard .theme10 #intro_img_theme_10,
.page-template-page-clover-dashboard .theme10 #sponsor_img_theme_10,
.page-template-page-clover .theme10 #intro_img_theme_10,
.page-template-page-clover .theme10 #sponsor_img_theme_10 {
  display: block !important;
}
.page-template-page-clover-dashboard .theme10 #intro_img_theme_10_m,
.page-template-page-clover-dashboard .theme10 #sponsor_img_theme_10_m,
.page-template-page-clover .theme10 #intro_img_theme_10_m,
.page-template-page-clover .theme10 #sponsor_img_theme_10_m {
  display: none !important;
}
.page-template-page-clover-dashboard .theme11 #intro_img_theme_1,
.page-template-page-clover-dashboard .theme11 #sponsor_img_theme_1,
.page-template-page-clover .theme11 #intro_img_theme_1,
.page-template-page-clover .theme11 #sponsor_img_theme_1 {
  display: none !important;
}
.page-template-page-clover-dashboard .theme11 #intro_img_theme_11,
.page-template-page-clover-dashboard .theme11 #sponsor_img_theme_11,
.page-template-page-clover .theme11 #intro_img_theme_11,
.page-template-page-clover .theme11 #sponsor_img_theme_11 {
  display: block !important;
}
.page-template-page-clover-dashboard .theme11 #intro_img_theme_11_m,
.page-template-page-clover-dashboard .theme11 #sponsor_img_theme_11_m,
.page-template-page-clover .theme11 #intro_img_theme_11_m,
.page-template-page-clover .theme11 #sponsor_img_theme_11_m {
  display: none !important;
}
.page-template-page-clover-dashboard .theme12 #intro_img_theme_1,
.page-template-page-clover-dashboard .theme12 #sponsor_img_theme_1,
.page-template-page-clover .theme12 #intro_img_theme_1,
.page-template-page-clover .theme12 #sponsor_img_theme_1 {
  display: none !important;
}
.page-template-page-clover-dashboard .theme12 #intro_img_theme_12,
.page-template-page-clover-dashboard .theme12 #sponsor_img_theme_12,
.page-template-page-clover .theme12 #intro_img_theme_12,
.page-template-page-clover .theme12 #sponsor_img_theme_12 {
  display: block !important;
}
.page-template-page-clover-dashboard .theme12 #intro_img_theme_12_m,
.page-template-page-clover-dashboard .theme12 #sponsor_img_theme_12_m,
.page-template-page-clover .theme12 #intro_img_theme_12_m,
.page-template-page-clover .theme12 #sponsor_img_theme_12_m {
  display: none !important;
}
.page-template-page-clover-dashboard .theme1,
.page-template-page-clover .theme1 {
  background-color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme2,
.page-template-page-clover .theme2 {
  background-color: #002922 !important;
}
.page-template-page-clover-dashboard .theme2 .clover-dashboard-loggedin-greetings,
.page-template-page-clover .theme2 .clover-dashboard-loggedin-greetings {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme2 .clover-dashboard-loggedin-info-tittle,
.page-template-page-clover .theme2 .clover-dashboard-loggedin-info-tittle {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme2 .clover-dashboard-loggedin-info-text,
.page-template-page-clover .theme2 .clover-dashboard-loggedin-info-text {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme2 .clover-dashboard-intro-educator-prompt-main-content p,
.page-template-page-clover .theme2 .clover-dashboard-intro-educator-prompt-main-content p {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme2 .clover-dashboard-intro-connected-learners h3,
.page-template-page-clover .theme2 .clover-dashboard-intro-connected-learners h3 {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme2 .clover-dashboard-intro-connected-learners h4,
.page-template-page-clover .theme2 .clover-dashboard-intro-connected-learners h4 {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme2 .clover-dashboard-intro-top-picks-title,
.page-template-page-clover .theme2 .clover-dashboard-intro-top-picks-title {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme2 .clover-dashboard-picked-interests-sp,
.page-template-page-clover .theme2 .clover-dashboard-picked-interests-sp {
  background-color: #c9e3dc !important;
  color: #111111 !important;
}
.page-template-page-clover-dashboard .theme2 .clover-dashboard-course-ac-h4,
.page-template-page-clover .theme2 .clover-dashboard-course-ac-h4 {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme2 .clover-dashboard-course-ac-p,
.page-template-page-clover .theme2 .clover-dashboard-course-ac-p {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme2 .clover-dashboard-course-ac-sponsors-span,
.page-template-page-clover .theme2 .clover-dashboard-course-ac-sponsors-span {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme2 .clover-dashboard-sponsored-logos,
.page-template-page-clover .theme2 .clover-dashboard-sponsored-logos {
  border-radius: 16px !important;
  background-color: #ffffff !important;
  padding: 16px 24px 8px !important;
}
.page-template-page-clover-dashboard .theme2 .clover-dashboard-sponsored-logos .clover-dashboard-sl-logo,
.page-template-page-clover .theme2 .clover-dashboard-sponsored-logos .clover-dashboard-sl-logo {
  margin-bottom: 0 !important;
}
.page-template-page-clover-dashboard .theme2 .clover-dashboard-themes-pallete,
.page-template-page-clover .theme2 .clover-dashboard-themes-pallete {
  background: #ffffff !important;
}
.page-template-page-clover-dashboard .theme2 .clover-dashboard-activities-started-title,
.page-template-page-clover .theme2 .clover-dashboard-activities-started-title {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme3 .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape-mobile,
.page-template-page-clover .theme3 .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape-mobile {
  top: -40px !important;
}
.page-template-page-clover-dashboard .theme3 .clover-dashboard-sponsored-content-section .clover-dashboard-bottom-left-shape-mobile,
.page-template-page-clover .theme3 .clover-dashboard-sponsored-content-section .clover-dashboard-bottom-left-shape-mobile {
  bottom: -130px !important;
  left: -25px !important;
  width: 180px;
}
.page-template-page-clover-dashboard .theme3 .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape-mobile,
.page-template-page-clover .theme3 .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape-mobile {
  top: -58px !important;
}
.page-template-page-clover-dashboard .theme4,
.page-template-page-clover .theme4 {
  background-image: url("../images/Pattern.svg");
}
.page-template-page-clover-dashboard .theme4 .clover-dashboard-loggedin-greetings,
.page-template-page-clover .theme4 .clover-dashboard-loggedin-greetings {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme4 .clover-dashboard-loggedin-info-tittle,
.page-template-page-clover .theme4 .clover-dashboard-loggedin-info-tittle {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme4 .clover-dashboard-loggedin-info-text,
.page-template-page-clover .theme4 .clover-dashboard-loggedin-info-text {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme4 .clover-dashboard-intro-educator-prompt-main-content p,
.page-template-page-clover .theme4 .clover-dashboard-intro-educator-prompt-main-content p {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme4 .clover-dashboard-intro-connected-learners h3,
.page-template-page-clover .theme4 .clover-dashboard-intro-connected-learners h3 {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme4 .clover-dashboard-intro-connected-learners h4,
.page-template-page-clover .theme4 .clover-dashboard-intro-connected-learners h4 {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme4 .clover-dashboard-intro-top-picks-title,
.page-template-page-clover .theme4 .clover-dashboard-intro-top-picks-title {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme4 .clover-dashboard-picked-interests-sp,
.page-template-page-clover .theme4 .clover-dashboard-picked-interests-sp {
  background-color: #c9e3dc !important;
  color: #111111 !important;
}
.page-template-page-clover-dashboard .theme4 .clover-dashboard-course-ac-h4,
.page-template-page-clover .theme4 .clover-dashboard-course-ac-h4 {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme4 .clover-dashboard-course-ac-p,
.page-template-page-clover .theme4 .clover-dashboard-course-ac-p {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme4 .clover-dashboard-course-ac-sponsors-span,
.page-template-page-clover .theme4 .clover-dashboard-course-ac-sponsors-span {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme4 .clover-dashboard-sponsored-logos,
.page-template-page-clover .theme4 .clover-dashboard-sponsored-logos {
  border-radius: 16px !important;
  background-color: #ffffff !important;
  padding: 16px 24px 8px !important;
}
.page-template-page-clover-dashboard .theme4 .clover-dashboard-sponsored-logos .clover-dashboard-sl-logo,
.page-template-page-clover .theme4 .clover-dashboard-sponsored-logos .clover-dashboard-sl-logo {
  margin-bottom: 0 !important;
}
.page-template-page-clover-dashboard .theme4 .clover-dashboard-themes-pallete,
.page-template-page-clover .theme4 .clover-dashboard-themes-pallete {
  background: #ffffff !important;
}
.page-template-page-clover-dashboard .theme4 .clover-dashboard-intro-section .clover-dashboard-bottom-left-shape-mobile,
.page-template-page-clover .theme4 .clover-dashboard-intro-section .clover-dashboard-bottom-left-shape-mobile {
  width: 200px !important;
  bottom: -220px !important;
}
.page-template-page-clover-dashboard .theme4 .clover-dashboard-sponsored-content-section .clover-dashboard-bottom-left-shape-mobile,
.page-template-page-clover .theme4 .clover-dashboard-sponsored-content-section .clover-dashboard-bottom-left-shape-mobile {
  bottom: -150px !important;
}
.page-template-page-clover-dashboard .theme4 .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape-mobile,
.page-template-page-clover .theme4 .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape-mobile {
  right: 20px !important;
  top: -30px !important;
}
.page-template-page-clover-dashboard .theme4 .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape-mobile,
.page-template-page-clover .theme4 .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape-mobile {
  top: 24px !important;
  right: 20px !important;
}
.page-template-page-clover-dashboard .theme4 .clover-dashboard-activities-started-title,
.page-template-page-clover .theme4 .clover-dashboard-activities-started-title {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme5,
.page-template-page-clover .theme5 {
  background-image: url("../images/theme5-Pattern.svg");
  background-size: contain;
  background-repeat: repeat-y;
}
.page-template-page-clover-dashboard .theme5 .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape,
.page-template-page-clover .theme5 .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape {
  top: -110px !important;
}
.page-template-page-clover-dashboard .theme5 .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape,
.page-template-page-clover .theme5 .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape {
  top: -500px !important;
}
.page-template-page-clover-dashboard .theme6,
.page-template-page-clover .theme6 {
  background-image: url("../images/theme6-Pattern.svg");
  background-size: contain;
  background-repeat: repeat-y;
}
.page-template-page-clover-dashboard .theme6 .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape,
.page-template-page-clover .theme6 .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape {
  top: -240px !important;
}
.page-template-page-clover-dashboard .theme7,
.page-template-page-clover .theme7 {
  background-image: url("../images/theme7-Pattern.svg");
  background-size: contain;
  background-repeat: repeat-y;
}
.page-template-page-clover-dashboard .theme7 .clover-dashboard-top-left-shape,
.page-template-page-clover .theme7 .clover-dashboard-top-left-shape {
  top: -122px !important;
}
.page-template-page-clover-dashboard .theme7 .clover-dashboard-middle-right-shape,
.page-template-page-clover .theme7 .clover-dashboard-middle-right-shape {
  top: 23% !important;
}
.page-template-page-clover-dashboard .theme7 .clover-dashboard-top-right-shape,
.page-template-page-clover .theme7 .clover-dashboard-top-right-shape {
  top: -230px !important;
}
.page-template-page-clover-dashboard .theme7 .clover-dashboard-loggedin-greetings,
.page-template-page-clover .theme7 .clover-dashboard-loggedin-greetings {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme7 .clover-dashboard-intro-educator-prompt-main-content p,
.page-template-page-clover .theme7 .clover-dashboard-intro-educator-prompt-main-content p {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme7 .clover-dashboard-loggedin-info-tittle,
.page-template-page-clover .theme7 .clover-dashboard-loggedin-info-tittle {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme7 .clover-dashboard-loggedin-info-text,
.page-template-page-clover .theme7 .clover-dashboard-loggedin-info-text {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme7 .clover-dashboard-intro-connected-learners h3,
.page-template-page-clover .theme7 .clover-dashboard-intro-connected-learners h3 {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme7 .clover-dashboard-intro-connected-learners h4,
.page-template-page-clover .theme7 .clover-dashboard-intro-connected-learners h4 {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme7 .clover-dashboard-intro-top-picks-title,
.page-template-page-clover .theme7 .clover-dashboard-intro-top-picks-title {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme7 .clover-dashboard-picked-interests-sp,
.page-template-page-clover .theme7 .clover-dashboard-picked-interests-sp {
  background-color: #c9e3dc !important;
  color: #111111 !important;
}
.page-template-page-clover-dashboard .theme7 .clover-dashboard-course-ac-h4,
.page-template-page-clover .theme7 .clover-dashboard-course-ac-h4 {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme7 .clover-dashboard-course-ac-p,
.page-template-page-clover .theme7 .clover-dashboard-course-ac-p {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme7 .clover-dashboard-course-ac-sponsors-span,
.page-template-page-clover .theme7 .clover-dashboard-course-ac-sponsors-span {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme7 .clover-dashboard-activities-started-title,
.page-template-page-clover .theme7 .clover-dashboard-activities-started-title {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme7 .clover-dashboard-sponsored-logos,
.page-template-page-clover .theme7 .clover-dashboard-sponsored-logos {
  border-radius: 16px !important;
  background-color: #ffffff !important;
  padding: 16px 24px 8px !important;
}
.page-template-page-clover-dashboard .theme7 .clover-dashboard-sponsored-logos .clover-dashboard-sl-logo,
.page-template-page-clover .theme7 .clover-dashboard-sponsored-logos .clover-dashboard-sl-logo {
  margin-bottom: 0 !important;
}
.page-template-page-clover-dashboard .theme7 .clover-dashboard-themes-pallete,
.page-template-page-clover .theme7 .clover-dashboard-themes-pallete {
  background: #ffffff !important;
}
.page-template-page-clover-dashboard .theme8,
.page-template-page-clover .theme8 {
  background-image: url("../images/theme8-Pattern.svg");
}
.page-template-page-clover-dashboard .theme8 .clover-dashboard-top-left-shape,
.page-template-page-clover .theme8 .clover-dashboard-top-left-shape {
  top: -122px !important;
}
.page-template-page-clover-dashboard .theme8 .clover-dashboard-middle-right-shape,
.page-template-page-clover .theme8 .clover-dashboard-middle-right-shape {
  top: 32% !important;
}
.page-template-page-clover-dashboard .theme8 .clover-dashboard-top-right-shape,
.page-template-page-clover .theme8 .clover-dashboard-top-right-shape {
  top: -230px !important;
}
.page-template-page-clover-dashboard .theme8 .clover-dashboard-loggedin-greetings,
.page-template-page-clover .theme8 .clover-dashboard-loggedin-greetings {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme8 .clover-dashboard-loggedin-info-tittle,
.page-template-page-clover .theme8 .clover-dashboard-loggedin-info-tittle {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme8 .clover-dashboard-loggedin-info-text,
.page-template-page-clover .theme8 .clover-dashboard-loggedin-info-text {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme8 .clover-dashboard-intro-educator-prompt-main-content p,
.page-template-page-clover .theme8 .clover-dashboard-intro-educator-prompt-main-content p {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme8 .clover-dashboard-intro-connected-learners h3,
.page-template-page-clover .theme8 .clover-dashboard-intro-connected-learners h3 {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme8 .clover-dashboard-intro-connected-learners h4,
.page-template-page-clover .theme8 .clover-dashboard-intro-connected-learners h4 {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme8 .clover-dashboard-intro-top-picks-title,
.page-template-page-clover .theme8 .clover-dashboard-intro-top-picks-title {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme8 .clover-dashboard-picked-interests-sp,
.page-template-page-clover .theme8 .clover-dashboard-picked-interests-sp {
  background-color: #c9e3dc !important;
  color: #111111 !important;
}
.page-template-page-clover-dashboard .theme8 .clover-dashboard-course-ac-h4,
.page-template-page-clover .theme8 .clover-dashboard-course-ac-h4 {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme8 .clover-dashboard-course-ac-p,
.page-template-page-clover .theme8 .clover-dashboard-course-ac-p {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme8 .clover-dashboard-course-ac-sponsors-span,
.page-template-page-clover .theme8 .clover-dashboard-course-ac-sponsors-span {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme8 .clover-dashboard-activities-started-title,
.page-template-page-clover .theme8 .clover-dashboard-activities-started-title {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme8 .clover-dashboard-sponsored-logos,
.page-template-page-clover .theme8 .clover-dashboard-sponsored-logos {
  border-radius: 16px !important;
  background-color: #ffffff !important;
  padding: 16px 24px 8px !important;
}
.page-template-page-clover-dashboard .theme8 .clover-dashboard-sponsored-logos .clover-dashboard-sl-logo,
.page-template-page-clover .theme8 .clover-dashboard-sponsored-logos .clover-dashboard-sl-logo {
  margin-bottom: 0 !important;
}
.page-template-page-clover-dashboard .theme8 .clover-dashboard-themes-pallete,
.page-template-page-clover .theme8 .clover-dashboard-themes-pallete {
  background: #ffffff !important;
}
.page-template-page-clover-dashboard .theme9,
.page-template-page-clover .theme9 {
  background-image: url("../images/theme9-Pattern.svg");
  background-size: contain;
  background-repeat: repeat-y;
}
.page-template-page-clover-dashboard .theme9 .clover-dashboard-middle-right-shape,
.page-template-page-clover .theme9 .clover-dashboard-middle-right-shape {
  top: 30% !important;
}
.page-template-page-clover-dashboard .theme9 .clover-dashboard-top-right-shape,
.page-template-page-clover .theme9 .clover-dashboard-top-right-shape {
  top: -230px !important;
}
.page-template-page-clover-dashboard .theme9 .clover-dashboard-bottom-left-shape,
.page-template-page-clover .theme9 .clover-dashboard-bottom-left-shape {
  bottom: -200px !important;
}
.page-template-page-clover-dashboard .theme9 .clover-dashboard-loggedin-greetings,
.page-template-page-clover .theme9 .clover-dashboard-loggedin-greetings {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme9 .clover-dashboard-loggedin-info-tittle,
.page-template-page-clover .theme9 .clover-dashboard-loggedin-info-tittle {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme9 .clover-dashboard-intro-educator-prompt-main-content p,
.page-template-page-clover .theme9 .clover-dashboard-intro-educator-prompt-main-content p {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme9 .clover-dashboard-loggedin-info-text,
.page-template-page-clover .theme9 .clover-dashboard-loggedin-info-text {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme9 .clover-dashboard-intro-connected-learners h3,
.page-template-page-clover .theme9 .clover-dashboard-intro-connected-learners h3 {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme9 .clover-dashboard-intro-connected-learners h4,
.page-template-page-clover .theme9 .clover-dashboard-intro-connected-learners h4 {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme9 .clover-dashboard-intro-top-picks-title,
.page-template-page-clover .theme9 .clover-dashboard-intro-top-picks-title {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme9 .clover-dashboard-picked-interests-sp,
.page-template-page-clover .theme9 .clover-dashboard-picked-interests-sp {
  background-color: #c9e3dc !important;
  color: #111111 !important;
}
.page-template-page-clover-dashboard .theme9 .clover-dashboard-course-ac-h4,
.page-template-page-clover .theme9 .clover-dashboard-course-ac-h4 {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme9 .clover-dashboard-course-ac-p,
.page-template-page-clover .theme9 .clover-dashboard-course-ac-p {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme9 .clover-dashboard-course-ac-sponsors-span,
.page-template-page-clover .theme9 .clover-dashboard-course-ac-sponsors-span {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme9 .clover-dashboard-activities-started-title,
.page-template-page-clover .theme9 .clover-dashboard-activities-started-title {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme9 .clover-dashboard-sponsored-logos,
.page-template-page-clover .theme9 .clover-dashboard-sponsored-logos {
  border-radius: 16px !important;
  background-color: #ffffff !important;
  padding: 16px 24px 8px !important;
}
.page-template-page-clover-dashboard .theme9 .clover-dashboard-sponsored-logos .clover-dashboard-sl-logo,
.page-template-page-clover .theme9 .clover-dashboard-sponsored-logos .clover-dashboard-sl-logo {
  margin-bottom: 0 !important;
}
.page-template-page-clover-dashboard .theme9 .clover-dashboard-themes-pallete,
.page-template-page-clover .theme9 .clover-dashboard-themes-pallete {
  background: #ffffff !important;
}
.page-template-page-clover-dashboard .theme10,
.page-template-page-clover .theme10 {
  background-image: url("../images/theme10-Pattern.svg");
  background-color: #ffffff;
}
.page-template-page-clover-dashboard .theme10 .clover-dashboard-middle-right-shape,
.page-template-page-clover .theme10 .clover-dashboard-middle-right-shape {
  top: 30% !important;
}
.page-template-page-clover-dashboard .theme10 .clover-dashboard-bottom-left-shape,
.page-template-page-clover .theme10 .clover-dashboard-bottom-left-shape {
  bottom: -200px !important;
}
.page-template-page-clover-dashboard .theme10 .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape,
.page-template-page-clover .theme10 .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape {
  top: -66px !important;
}
.page-template-page-clover-dashboard .theme11,
.page-template-page-clover .theme11 {
  background-image: url("../images/theme11-Pattern.svg");
  background-color: #233241 !important;
}
.page-template-page-clover-dashboard .theme11 .clover-dashboard-top-left-shape,
.page-template-page-clover .theme11 .clover-dashboard-top-left-shape {
  top: -120px !important;
}
.page-template-page-clover-dashboard .theme11 .clover-dashboard-middle-right-shape,
.page-template-page-clover .theme11 .clover-dashboard-middle-right-shape {
  top: 34% !important;
}
.page-template-page-clover-dashboard .theme11 .clover-dashboard-top-right-shape,
.page-template-page-clover .theme11 .clover-dashboard-top-right-shape {
  top: -230px !important;
}
.page-template-page-clover-dashboard .theme11 .clover-dashboard-loggedin-greetings,
.page-template-page-clover .theme11 .clover-dashboard-loggedin-greetings {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme11 .clover-dashboard-loggedin-info-tittle,
.page-template-page-clover .theme11 .clover-dashboard-loggedin-info-tittle {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme11 .clover-dashboard-loggedin-info-text,
.page-template-page-clover .theme11 .clover-dashboard-loggedin-info-text {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme11 .clover-dashboard-intro-educator-prompt-main-content p,
.page-template-page-clover .theme11 .clover-dashboard-intro-educator-prompt-main-content p {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme11 .clover-dashboard-intro-connected-learners h3,
.page-template-page-clover .theme11 .clover-dashboard-intro-connected-learners h3 {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme11 .clover-dashboard-intro-connected-learners h4,
.page-template-page-clover .theme11 .clover-dashboard-intro-connected-learners h4 {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme11 .clover-dashboard-intro-top-picks-title,
.page-template-page-clover .theme11 .clover-dashboard-intro-top-picks-title {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme11 .clover-dashboard-picked-interests-sp,
.page-template-page-clover .theme11 .clover-dashboard-picked-interests-sp {
  background-color: #c9e3dc !important;
  color: #111111 !important;
}
.page-template-page-clover-dashboard .theme11 .clover-dashboard-course-ac-h4,
.page-template-page-clover .theme11 .clover-dashboard-course-ac-h4 {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme11 .clover-dashboard-course-ac-p,
.page-template-page-clover .theme11 .clover-dashboard-course-ac-p {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme11 .clover-dashboard-course-ac-sponsors-span,
.page-template-page-clover .theme11 .clover-dashboard-course-ac-sponsors-span {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme11 .clover-dashboard-activities-started-title,
.page-template-page-clover .theme11 .clover-dashboard-activities-started-title {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme11 .clover-dashboard-sponsored-logos,
.page-template-page-clover .theme11 .clover-dashboard-sponsored-logos {
  border-radius: 16px !important;
  background-color: #ffffff !important;
  padding: 16px 24px 8px !important;
}
.page-template-page-clover-dashboard .theme11 .clover-dashboard-sponsored-logos .clover-dashboard-sl-logo,
.page-template-page-clover .theme11 .clover-dashboard-sponsored-logos .clover-dashboard-sl-logo {
  margin-bottom: 0 !important;
}
.page-template-page-clover-dashboard .theme11 .clover-dashboard-themes-pallete,
.page-template-page-clover .theme11 .clover-dashboard-themes-pallete {
  background: #ffffff !important;
}
.page-template-page-clover-dashboard .theme12,
.page-template-page-clover .theme12 {
  background-image: url("../images/theme12-Pattern.svg");
  background-color: #ffffff !important;
}
.page-template-page-clover-dashboard .theme12 .clover-dashboard-top-right-shape,
.page-template-page-clover .theme12 .clover-dashboard-top-right-shape {
  top: -500px !important;
}
.page-template-page-clover-dashboard .theme12 .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape,
.page-template-page-clover .theme12 .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape {
  top: -100px !important;
}
.page-template-page-clover-dashboard .clover-dashboard-impersonation,
.page-template-page-clover .clover-dashboard-impersonation {
  background-color: #f3f4f6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 32px;
  height: 60px;
}
.page-template-page-clover-dashboard .clover-dashboard-impersonation p,
.page-template-page-clover .clover-dashboard-impersonation p {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  margin-bottom: 0px;
}
.page-template-page-clover-dashboard .clover-dashboard-impersonation p span,
.page-template-page-clover .clover-dashboard-impersonation p span {
  font-weight: 900;
  font-size: 2rem;
}
.page-template-page-clover-dashboard .clover-dashboard-impersonation .exit,
.page-template-page-clover .clover-dashboard-impersonation .exit {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: 0.4px;
  display: flex;
  align-items: center;
  color: #111111;
}
.page-template-page-clover-dashboard .clover-dashboard-impersonation .exit i,
.page-template-page-clover .clover-dashboard-impersonation .exit i {
  margin-left: 9px;
  width: 10px;
  height: 10px;
}
.page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur,
.page-template-page-clover .clover-dashboard-pt-bg-blur {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(31, 42, 55, 0.6);
  backdrop-filter: blur(12px);
  z-index: 1000;
  height: 100vh;
}
.page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pt-block-change-close,
.page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pt-block-change-close {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
.page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main,
.page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main {
  display: none;
  position: fixed;
  background-color: #ffffff;
  z-index: 1001;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-pick-theme-tittle,
.page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-pick-theme-tittle {
  padding: 16px 16px 0;
  height: 112px;
}
.page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-pick-theme-tittle .clover-dashboard-pt-h4,
.page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-pick-theme-tittle .clover-dashboard-pt-h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #111111;
  letter-spacing: 0.4px;
  text-align: center;
  text-transform: initial;
  margin-top: 40px;
}
.page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-themes,
.page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-themes {
  display: block;
  margin-top: 0px;
  width: 100%;
  height: 320px;
  overflow-x: hidden;
  overflow-y: auto;
}
.page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-themes .clover-dashboard-pt-themes,
.page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-themes .clover-dashboard-pt-themes {
  display: inline-block;
  width: 128px;
  height: 128px;
  padding: 0;
  margin: 0 16px;
  text-align: center;
  position: relative;
}
.page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-themes .clover-dashboard-pt-themes .clover-dashboard-pt-themes-single #selected_theme_t,
.page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-themes .clover-dashboard-pt-themes .clover-dashboard-pt-themes-single #selected_theme_t {
  border: 8px solid #349966;
}
.page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-themes .clover-dashboard-pt-themes .clover-dashboard-pt-themes-single .chover-dashboard-pt-imgs,
.page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-themes .clover-dashboard-pt-themes .clover-dashboard-pt-themes-single .chover-dashboard-pt-imgs {
  width: 128px;
  height: 128px;
  border: 8px solid #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 50%;
}
.page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-themes .clover-dashboard-pt-themes .clover-dashboard-pt-themes-single .clover-dashboard-theme-input,
.page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-themes .clover-dashboard-pt-themes .clover-dashboard-pt-themes-single .clover-dashboard-theme-input {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-theme-btns,
.page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-theme-btns {
  padding: 16px;
  height: 134px;
  border-top: 1px solid #d2d6db;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
}
.page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-theme-btns input,
.page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-theme-btns input {
  cursor: pointer;
}
.page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-theme-btns .clover-dashboard-theme-cancel,
.page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-theme-btns .clover-dashboard-theme-cancel {
  border-radius: 40px;
  background-color: #ffffff;
  border: 2px solid #349966;
  width: 100%;
  text-align: center;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  color: #349966;
  height: 48px;
  margin-top: 8px;
  order: 2;
}
.page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-theme-btns .clover-dashboard-theme-save,
.page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-theme-btns .clover-dashboard-theme-save {
  border-radius: 40px;
  background-color: #349966;
  border: 2px solid #349966;
  width: 100%;
  text-align: center;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  color: #ffffff;
  height: 48px;
  order: 1;
}
.page-template-page-clover-dashboard .clover-dashboard-page,
.page-template-page-clover .clover-dashboard-page {
  position: relative;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section {
  padding: 16px;
  position: relative;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-top-left-shape-mobile,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-top-left-shape-mobile {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-top-left-shape,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-top-left-shape {
  display: none;
  z-index: -1;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-bottom-left-shape-mobile,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-bottom-left-shape-mobile {
  position: absolute;
  bottom: -190px;
  left: 0;
  z-index: -1;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-bottom-left-shape,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-bottom-left-shape {
  display: none;
  z-index: -1;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-middle-right-shape-mobile,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-middle-right-shape-mobile {
  position: absolute;
  top: 38%;
  right: 0;
  z-index: -1;
  transform: translate(0, -30%);
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-middle-right-shape,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-middle-right-shape {
  display: none;
  z-index: -1;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left {
  display: block;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .progress-bar,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .progress-bar {
  pointer-events: none;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner {
  margin-top: 25px;
  display: flex;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .custom-avatar-picked,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .custom-avatar-picked {
  box-shadow: 0 24px 48px -6px rgba(16, 24, 40, 0.08), 0 8px 12px -4px rgba(16, 24, 40, 0.03);
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img {
  position: relative;
  border-radius: 50%;
  width: 96px;
  height: 96px;
  min-width: 96px;
  margin-right: 36px;
  background-color: #ffffff;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img .clover-dashboard-user-picked-avatar,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img .clover-dashboard-user-picked-avatar {
  width: 100%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img .clover-dashboard-intro-info-user-img-avatar,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img .clover-dashboard-intro-info-user-img-avatar {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 4.8rem;
  line-height: 6rem;
  text-align: center;
  color: #004438;
  margin: auto;
  display: block;
  margin-top: 11.5px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img .clover-dashboard-intro-info-user-img-edit,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img .clover-dashboard-intro-info-user-img-edit {
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: -10px;
  right: -10px;
  cursor: pointer;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img .clover-avatar,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img .clover-avatar {
  display: flex;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img .clover-avatar .overlay,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img .clover-avatar .overlay {
  opacity: 0;
  position: absolute;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img .level > #tooltip-container .caret,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img .level > #tooltip-container .caret {
  margin-left: 40px;
  margin-top: 1rem;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-info .clover-dashboard-loggedin-greetings,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-info .clover-dashboard-loggedin-greetings {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
  margin-bottom: 8px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-info .clover-dashboard-loggedin-tag,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-info .clover-dashboard-loggedin-tag {
  padding: 8px 16px;
  background-color: #c9e3dc;
  color: #111111;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.4px;
  border-radius: 16px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-info .clover-dashboard-loggedin-info-main,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-info .clover-dashboard-loggedin-info-main {
  display: none;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-loggedin-info-main-mobile,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-loggedin-info-main-mobile {
  display: flex;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-loggedin-info-main-mobile .clover-dashboard-loggedin-info,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-loggedin-info-main-mobile .clover-dashboard-loggedin-info {
  width: 50%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-loggedin-info-main-mobile .clover-dashboard-loggedin-info:nth-child(1),
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-loggedin-info-main-mobile .clover-dashboard-loggedin-info:nth-child(1) {
  margin-right: 8px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-loggedin-info-main-mobile .clover-dashboard-loggedin-info:nth-child(2),
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-loggedin-info-main-mobile .clover-dashboard-loggedin-info:nth-child(2) {
  margin-left: 8px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-loggedin-info-main-mobile .clover-dashboard-loggedin-info,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-loggedin-info-main-mobile .clover-dashboard-loggedin-info {
  margin-top: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-loggedin-info-main-mobile .clover-dashboard-loggedin-info .clover-dashboard-loggedin-info-tittle,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-loggedin-info-main-mobile .clover-dashboard-loggedin-info .clover-dashboard-loggedin-info-tittle {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #111111;
  letter-spacing: 0.4px;
  margin-bottom: 6px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-loggedin-info-main-mobile .clover-dashboard-loggedin-info .clover-dashboard-loggedin-info-text,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-loggedin-info-main-mobile .clover-dashboard-loggedin-info .clover-dashboard-loggedin-info-text {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.36rem;
  line-height: 2rem;
  color: #4d5761;
  letter-spacing: 0.4px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right {
  margin-top: 64px;
  text-align: center;
  margin-bottom: 96px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins {
  background-color: #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border: unset !important;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-achievements-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-achievements-container {
  display: inline-block;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-achievement,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-achievement {
  display: inline-block;
  padding: 16px 0 !important;
  width: auto;
  margin: auto;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-achievement .gamipress-achievement-image img,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-achievement .gamipress-achievement-image img {
  width: auto;
  height: 110px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-share-buttons-label,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-share-buttons-label {
  display: none !important;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-share-buttons,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-share-buttons {
  display: none !important;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-achievement-description,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-achievement-description {
  display: none !important;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin {
  width: 100%;
  border-radius: 24px;
  border: 6px dashed #e0ded8;
  padding: 48px 24px;
  background-color: #ffffff;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .pin-wrapper,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .pin-wrapper {
  display: flex;
  justify-content: center;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .pin-wrapper .slant-pin-title,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .pin-wrapper .slant-pin-title {
  font-family: "4H Akzidenz", Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 2.4rem;
  text-transform: uppercase;
  color: #ffffff;
  transform: rotate(-4deg) translateY(0.1em);
  padding: 4px 12px;
  background-color: #004438;
  transform-origin: left bottom;
  white-space: nowrap;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .awards-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .awards-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  margin-top: 30px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .awards-container .clover-icon,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .awards-container .clover-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .awards-container .clover-icon span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .awards-container .clover-icon span {
  margin-bottom: 10px;
  color: #111;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 32px;
  font-weight: 900;
  line-height: 40px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .awards-container .award,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .awards-container .award {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .awards-container .award .award-title,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .awards-container .award .award-title {
  color: #4d5761;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.4px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  margin-top: 12px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .clover-dashboard-intro-info-user-pin-h5,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .clover-dashboard-intro-info-user-pin-h5 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
  text-align: center;
  margin-bottom: 8px;
  margin-top: 10px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .clover-dashboard-intro-info-user-pin-p,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .clover-dashboard-intro-info-user-pin-p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #4d5761;
  text-align: center;
  margin-bottom: 24px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .clover-dashboard-intro-info-user-pin-af,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .clover-dashboard-intro-info-user-pin-af {
  display: block;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.4px;
  color: #349966;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  display: flex;
  justify-content: center;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .clover-dashboard-intro-info-user-pin-a,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .clover-dashboard-intro-info-user-pin-a {
  display: block;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.4px;
  color: #349966;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  display: flex;
  justify-content: center;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .clover-dashboard-intro-info-user-pin-a-icon,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .clover-dashboard-intro-info-user-pin-a-icon {
  margin-left: 10px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners {
  margin-bottom: 96px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners .clover-dashboard-intro-connected-learners-title,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners .clover-dashboard-intro-connected-learners-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #111111;
  letter-spacing: 0.4px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners .clover-dashboard-intro-connected-learners-main-content,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners .clover-dashboard-intro-connected-learners-main-content {
  display: flex;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners .clover-dashboard-intro-connected-learners-main-content .clover-dashboard-intro-connected-learners-content,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners .clover-dashboard-intro-connected-learners-main-content .clover-dashboard-intro-connected-learners-content {
  width: 100%;
  height: 96px;
  position: relative;
  border-radius: 24px;
  border: 6px dashed #e0ded8;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners .clover-dashboard-intro-connected-learners-main-content .clover-dashboard-intro-connected-learners-content .clover-dashboard-intro-connected-learners-img,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners .clover-dashboard-intro-connected-learners-main-content .clover-dashboard-intro-connected-learners-content .clover-dashboard-intro-connected-learners-img {
  margin-right: 24px;
  width: 64px;
  height: 64px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners .clover-dashboard-intro-connected-learners-main-content .clover-dashboard-intro-connected-learners-content .clover-dashboard-intro-connected-learners-content-title,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners .clover-dashboard-intro-connected-learners-main-content .clover-dashboard-intro-connected-learners-content .clover-dashboard-intro-connected-learners-content-title {
  text-align: center;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 900;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #111111;
  margin: 0;
  text-transform: initial;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-title,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #111111;
  letter-spacing: 0.4px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box {
  position: relative;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activities-list,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activities-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  transition: transform 0.3s ease;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activities-list.draggableas,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activities-list.draggableas {
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activities-list.draggableas::-webkit-scrollbar,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activities-list.draggableas::-webkit-scrollbar {
  display: none;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card-container {
  width: 100%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-course-card-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-course-card-container {
  width: 96%;
  margin: 20px 5px 0 0;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activities-list.draggableas .activity-course-card-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activities-list.draggableas .activity-course-card-container {
  flex: 0 0 auto;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card {
  display: flex;
  padding: 0px;
  width: auto;
  height: 160px;
  max-height: 160px;
  background: #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 24px;
  position: relative;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card .grade-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card .grade-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
  width: 50%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card .grade-container span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card .grade-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #4d5761;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card .card-bottom .bottom-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card .card-bottom .bottom-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card .card-bottom .bottom-container:nth-child(1),
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card .card-bottom .bottom-container:nth-child(1) {
  margin-bottom: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card .card-bottom .bottom-container span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card .card-bottom .bottom-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #4d5761;
  margin-left: 10px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card p,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #111111;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  height: 65px;
  overflow: hidden;
  padding-right: 40px;
  transition: all 0.5s;
  width: 100%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card img,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card img {
  object-fit: cover;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card {
  display: flex;
  padding: 0px;
  width: auto;
  height: 160px;
  max-height: 160px;
  background: #004438;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 24px;
  position: relative;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card.curriculum,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card.curriculum {
  background: #f54359;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card.curriculum .course-card-header .course-img-mask,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card.curriculum .course-card-header .course-img-mask {
  margin-left: -55px !important;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .course-card-header,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .course-card-header {
  width: 40%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .course-card-header .course-img-mask,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .course-card-header .course-img-mask {
  height: 100%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .course-card-header span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .course-card-header span {
  display: none;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .course-card-header img,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .course-card-header img {
  width: 100%;
  object-fit: cover;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .text-content,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .text-content {
  width: 60%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .grade-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .grade-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
  width: 50%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .grade-container span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .grade-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #c9e3dc;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .card-bottom .bottom-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .card-bottom .bottom-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .card-bottom .bottom-container:nth-child(1),
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .card-bottom .bottom-container:nth-child(1) {
  margin-bottom: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .card-bottom .bottom-container span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .card-bottom .bottom-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #c9e3dc;
  margin-left: 10px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card p,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #ffffff;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  height: 65px;
  overflow: hidden;
  padding-right: 40px;
  transition: all 0.5s;
  width: 100%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box img,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box img {
  height: 100%;
  width: 40%;
  border-radius: 0px;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-title,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #111111;
  letter-spacing: 0.4px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .cd-no-dash-border,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .cd-no-dash-border {
  border: none !important;
  min-height: unset !important;
  background-color: unset !important;
  border-radius: unset !important;
  display: flex !important;
  flex-direction: column !important;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-educator-prompt-main-content,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-educator-prompt-main-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  padding: 20px 0px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-educator-prompt-main-content p,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-educator-prompt-main-content p {
  text-align: center;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #4d5761;
  margin-bottom: 24px;
  text-transform: initial;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-educator-prompt-main-content .btn,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-educator-prompt-main-content .btn {
  text-align: center;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  color: #ffffff;
  background-color: #349966;
  padding: 16px 32px;
  margin-bottom: 24px;
  text-transform: uppercase;
  border-radius: 40px;
  width: calc(100% - 64px);
  margin: 0 32px 0px;
  display: table;
  width: auto;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content {
  min-height: 368px;
  position: relative;
  border-radius: 24px;
  border: 6px dashed #e0ded8;
  background-color: #ffffff;
  display: flex;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-img-mobile,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-img-mobile {
  position: absolute;
  left: 34.51px;
  right: 34.51px;
  top: 24px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-img-left,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-img-left {
  display: none;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-img-right,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-img-right {
  display: none;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-content,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-content {
  margin-top: 225px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-content .clover-dashboard-intro-top-picks-content-title,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-content .clover-dashboard-intro-top-picks-content-title {
  text-align: center;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 900;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #111111;
  margin-bottom: 8px;
  text-transform: initial;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-content .clover-dashboard-intro-top-picks-content-text,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-content .clover-dashboard-intro-top-picks-content-text {
  text-align: center;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #4d5761;
  margin-bottom: 24px;
  text-transform: initial;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-content .clover-dashboard-intro-top-picks-content-btn,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-content .clover-dashboard-intro-top-picks-content-btn {
  text-align: center;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  color: #ffffff;
  background-color: #349966;
  padding: 16px 32px;
  margin-bottom: 24px;
  text-transform: uppercase;
  border-radius: 40px;
  width: calc(100% - 64px);
  margin: 0 32px 48px;
  display: table;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-top-section,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-top-section {
  display: block;
  margin-bottom: 12px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-top-section .clover-dashboard-picked-interests-sp,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-top-section .clover-dashboard-picked-interests-sp {
  margin-right: 8px;
  margin-bottom: 16px;
  padding: 4px 20px;
  border-radius: 24px;
  background-color: #004438;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.4px;
  color: #ffffff;
  display: inline-block;
  float: left;
  cursor: pointer;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-top-section .checkedfalse,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-top-section .checkedfalse {
  opacity: 0.5;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-top-section .clover-dashboard-intro-info-user-img-edit,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-top-section .clover-dashboard-intro-info-user-img-edit {
  width: 38px;
  display: inline-block;
  float: left;
  cursor: pointer;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box {
  margin: 0 !important;
  position: relative;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activities-list,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activities-list {
  display: flex;
  flex-wrap: wrap;
  transition: transform 0.3s ease;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activities-list.draggabletp,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activities-list.draggabletp {
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activities-list.draggabletp::-webkit-scrollbar,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activities-list.draggabletp::-webkit-scrollbar {
  display: none;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card-container {
  width: 100%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-course-card-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-course-card-container {
  width: 96%;
  margin: 20px 5px 0 0;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activities-list.draggabletp .activity-course-card-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activities-list.draggabletp .activity-course-card-container {
  flex: 0 0 auto;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card {
  display: flex;
  padding: 0px;
  width: auto;
  height: 160px;
  max-height: 160px;
  background: #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 24px;
  position: relative;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card .grade-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card .grade-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
  width: 50%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card .grade-container span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card .grade-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #4d5761;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card .card-bottom .bottom-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card .card-bottom .bottom-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card .card-bottom .bottom-container:nth-child(1),
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card .card-bottom .bottom-container:nth-child(1) {
  margin-bottom: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card .card-bottom .bottom-container span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card .card-bottom .bottom-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #4d5761;
  margin-left: 10px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card p,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #111111;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  height: 65px;
  overflow: hidden;
  padding-right: 40px;
  transition: all 0.5s;
  width: 100%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card img,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card img {
  object-fit: cover;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card {
  display: flex;
  padding: 0px;
  width: auto;
  height: 160px;
  max-height: 160px;
  background: #004438;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 24px;
  position: relative;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card.curriculum,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card.curriculum {
  background: #f54359;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card.curriculum .course-card-header .course-img-mask,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card.curriculum .course-card-header .course-img-mask {
  margin-left: -55px !important;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .course-card-header,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .course-card-header {
  width: 40%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .course-card-header .course-img-mask,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .course-card-header .course-img-mask {
  height: 100%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .course-card-header span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .course-card-header span {
  display: none;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .course-card-header img,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .course-card-header img {
  width: 139px;
  object-fit: cover;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .text-content,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .text-content {
  width: 60%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .grade-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .grade-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
  width: 50%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .grade-container span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .grade-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #c9e3dc;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .card-bottom .bottom-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .card-bottom .bottom-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .card-bottom .bottom-container:nth-child(1),
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .card-bottom .bottom-container:nth-child(1) {
  margin-bottom: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .card-bottom .bottom-container span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .card-bottom .bottom-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #c9e3dc;
  margin-left: 10px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card p,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #ffffff;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  height: 65px;
  overflow: hidden;
  padding-right: 40px;
  transition: all 0.5s;
  width: 100%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box img,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box img {
  height: 100%;
  width: 40%;
  border-radius: 0px;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(31, 42, 55, 0.6);
  backdrop-filter: blur(12px);
  z-index: 1000;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pa-block-change-close,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pa-block-change-close {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main {
  display: none;
  position: absolute;
  background-color: #ffffff;
  z-index: 1001;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-pick-avatar-tittle,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-pick-avatar-tittle {
  padding: 16px 16px 0;
  height: 112px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-pick-avatar-tittle .clover-dashboard-pa-h4,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-pick-avatar-tittle .clover-dashboard-pa-h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #111111;
  letter-spacing: 0.4px;
  text-align: center;
  text-transform: initial;
  margin-top: 40px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs {
  position: absolute;
  width: 100%;
  bottom: 134px;
  top: 128px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 16px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs::-webkit-scrollbar,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs::-webkit-scrollbar {
  width: 12px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs::-webkit-scrollbar-track,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: #f3f4f6;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs::-webkit-scrollbar-thumb,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs::-webkit-scrollbar-thumb {
  background-color: #d2d6db;
  border-radius: 8px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all {
  display: table;
  width: 320px;
  margin: auto;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group {
  display: inline-block;
  width: 128px;
  height: 128px;
  padding: 0;
  margin: 0 16px 32px;
  text-align: center;
  position: relative;
  vertical-align: middle;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group img,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group img {
  width: 128px;
  height: 128px;
  border-radius: 50%;
  border: 8px solid #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group #selected_avatar,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group #selected_avatar {
  border: 8px solid #349966;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group .clover-default-avatar,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group .clover-default-avatar {
  width: 128px;
  height: 128px;
  border-radius: 50%;
  border: 8px solid #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  display: table;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group .clover-default-avatar p,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group .clover-default-avatar p {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 6rem;
  line-height: 8rem;
  color: #004438;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group .clover-dashboard-avatar-imgs-input,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group .clover-dashboard-avatar-imgs-input {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  cursor: pointer;
  width: inherit;
  height: inherit;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs-btns,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs-btns {
  padding: 16px;
  height: 134px;
  border-top: 1px solid #d2d6db;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs-btns input,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs-btns input {
  cursor: pointer;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs-btns .clover-dashboard-avatar-cancel,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs-btns .clover-dashboard-avatar-cancel {
  border-radius: 40px;
  background-color: #ffffff;
  border: 2px solid #349966;
  width: 100%;
  text-align: center;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  color: #349966;
  height: 48px;
  margin-top: 8px;
  order: 2;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs-btns .clover-dashboard-avatar-save,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs-btns .clover-dashboard-avatar-save {
  border-radius: 40px;
  background-color: #349966;
  border: 2px solid #349966;
  width: 100%;
  text-align: center;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  color: #ffffff;
  height: 48px;
  order: 1;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(31, 42, 55, 0.6);
  backdrop-filter: blur(12px);
  z-index: 1000;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pi-block-change-close,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pi-block-change-close {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main {
  display: none;
  position: absolute;
  background-color: #ffffff;
  z-index: 1001;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-pick-interests-tittle,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-pick-interests-tittle {
  padding: 16px 16px 0;
  height: 112px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-pick-interests-tittle .clover-dashboard-pi-h4,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-pick-interests-tittle .clover-dashboard-pi-h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #111111;
  letter-spacing: 0.4px;
  text-align: center;
  text-transform: initial;
  margin-top: 40px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs {
  position: absolute;
  width: 100%;
  bottom: 134px;
  top: 128px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 44px;
  text-align: center;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs::-webkit-scrollbar,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs::-webkit-scrollbar {
  width: 12px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs::-webkit-scrollbar-track,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: #f3f4f6;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs::-webkit-scrollbar-thumb,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs::-webkit-scrollbar-thumb {
  background-color: #d2d6db;
  border-radius: 8px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all {
  display: inline-block;
  width: calc(50% - 4px);
  padding: 0;
  text-align: center;
  position: relative;
  margin-bottom: 32px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .clover-dashboard-interests-imgs-input-group,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .clover-dashboard-interests-imgs-input-group {
  display: inline-block;
  width: 128px;
  height: 128px;
  margin: 0 auto;
  border-radius: 50%;
  border: 8px solid #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .clover-dashboard-interests-imgs-input-group img,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .clover-dashboard-interests-imgs-input-group img {
  margin-top: 10px;
  max-height: 46px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .clover-dashboard-interests-imgs-input-group .cl-ds-pii-white,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .clover-dashboard-interests-imgs-input-group .cl-ds-pii-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(7500%) hue-rotate(180deg) brightness(107%) contrast(94%) !important;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .clover-dashboard-interests-imgs-input-group .clover-dashboard-interests-imgs-input,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .clover-dashboard-interests-imgs-input-group .clover-dashboard-interests-imgs-input {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  cursor: pointer;
  width: inherit;
  height: inherit;
  background: transparent;
  box-shadow: none;
  outline: none;
  outline-width: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .clover-dashboard-interests-imgs-input-group .clover-dashboard-pi-name,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .clover-dashboard-interests-imgs-input-group .clover-dashboard-pi-name {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.4px;
  text-align: center;
  color: #111111;
  position: absolute;
  top: 70px;
  margin: 0;
  left: 50%;
  transform: translate(-50%);
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .clover-dashboard-interests-imgs-input-group .cl-ds-pi-name-white,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .clover-dashboard-interests-imgs-input-group .cl-ds-pi-name-white {
  color: #ffffff !important;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .cl-ds-iii-g-green,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .cl-ds-iii-g-green {
  background-color: #004438 !important;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs-btns,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs-btns {
  padding: 16px;
  height: 134px;
  border-top: 1px solid #d2d6db;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs-btns input,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs-btns input {
  cursor: pointer;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs-btns .clover-dashboard-interests-cancel,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs-btns .clover-dashboard-interests-cancel {
  border-radius: 40px;
  background-color: #ffffff;
  border: 2px solid #349966;
  width: 100%;
  text-align: center;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  color: #349966;
  height: 48px;
  margin-top: 8px;
  order: 2;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs-btns .clover-dashboard-interests-save,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs-btns .clover-dashboard-interests-save {
  border-radius: 40px;
  background-color: #349966;
  border: 2px solid #349966;
  width: 100%;
  text-align: center;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  color: #ffffff;
  height: 48px;
  order: 1;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-themes-pallete,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-themes-pallete {
  position: absolute;
  top: 36px;
  right: 16px;
  padding: 13px;
  border: 3px solid #e0ded8;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 50%;
  cursor: pointer;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section {
  position: relative;
  padding: 68px 16px;
  margin-top: 96px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section:before,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section:before {
  background: #c9e3dc;
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: calc(100% - 4px);
  clip-path: polygon(0 3%, 100% 0%, 100% 97%, 0% 100%);
  z-index: -1;
  top: 0;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row {
  display: block;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col {
  background-color: #ffffff;
  padding: 48px 24px;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 24px;
  z-index: 1;
  margin-bottom: 24px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-flex,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-flex {
  display: block;
  margin-bottom: 8px;
  text-align: center;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-flex .clover-dashboard-cta-col-img,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-flex .clover-dashboard-cta-col-img {
  width: 96px;
  height: 96px;
  margin-bottom: 24px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-flex .clover-dashboard-cta-col-h5,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-flex .clover-dashboard-cta-col-h5 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
  margin-bottom: 0;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-text,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-text {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #4d5761;
  margin-bottom: 32px;
  text-transform: initial;
  text-align: center;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-btn,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-btn {
  text-align: center;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 1px;
  color: #ffffff;
  background-color: #349966;
  padding: 16px 30px;
  margin-bottom: 24px;
  text-transform: uppercase;
  border-radius: 40px;
  margin: auto;
  display: table;
  width: 100%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section {
  position: relative;
  padding: 96px 0 0;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-climate,
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-climate,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors {
  padding: 0 16px 0;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel {
  padding: 0 0 0 16px;
  position: relative;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activities-list,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activities-list {
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activities-list.draggable,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activities-list.draggable {
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 20px;
  transition: transform 0.3s ease;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activities-list.draggable::-webkit-scrollbar,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activities-list.draggable::-webkit-scrollbar {
  display: none;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card-container {
  width: 100%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-course-card-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-course-card-container {
  width: 96%;
  margin: 20px 5px 0 0;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activities-list.draggable .activity-course-card-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activities-list.draggable .activity-course-card-container {
  flex: 0 0 auto;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card {
  display: flex;
  padding: 0px;
  width: auto;
  height: 160px;
  max-height: 160px;
  background: #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 24px;
  position: relative;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card .grade-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card .grade-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
  width: 50%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card .grade-container span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card .grade-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #4d5761;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container:nth-child(1),
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container:nth-child(1) {
  margin-bottom: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #4d5761;
  margin-left: 10px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card p,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #111111;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  height: 65px;
  overflow: hidden;
  padding-right: 40px;
  transition: all 0.5s;
  width: 100%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card img,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card img {
  object-fit: cover;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card {
  display: flex;
  padding: 0px;
  width: auto;
  height: 160px;
  max-height: 160px;
  background: #004438;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 24px;
  position: relative;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card.curriculum,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card.curriculum {
  background: #f54359;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card.curriculum .course-card-header .course-img-mask,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card.curriculum .course-card-header .course-img-mask {
  margin-left: -55px !important;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .course-card-header,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .course-card-header {
  width: 40%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .course-card-header .course-img-mask,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .course-card-header .course-img-mask {
  height: 100%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .course-card-header span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .course-card-header span {
  display: none;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .course-card-header img,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .course-card-header img {
  width: 100%;
  object-fit: cover;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .text-content,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .text-content {
  width: 60%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .grade-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .grade-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
  width: 50%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .grade-container span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .grade-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #c9e3dc;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container:nth-child(1),
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container:nth-child(1) {
  margin-bottom: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #c9e3dc;
  margin-left: 10px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card p,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #ffffff;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  height: 65px;
  overflow: hidden;
  padding-right: 40px;
  transition: all 0.5s;
  width: 100%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel img,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel img {
  height: 100%;
  width: 40%;
  border-radius: 0px;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape-mobile,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape-mobile {
  display: block;
  position: absolute;
  top: -90px;
  right: 0;
  z-index: -2;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape {
  display: none;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-bottom-left-shape-mobile,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-bottom-left-shape-mobile {
  display: block;
  position: absolute;
  bottom: -170px;
  left: 0;
  z-index: -1;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-bottom-left-shape,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-bottom-left-shape {
  display: none;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-climate .clover-dashboard-course-ac-h4,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-climate .clover-dashboard-course-ac-h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
  margin-bottom: 8px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-climate .clover-dashboard-course-ac-p,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-climate .clover-dashboard-course-ac-p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #4d5761;
  text-transform: initial;
  margin-bottom: 32px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors {
  display: block;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors .clover-dashboard-course-ac-sponsors-span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors .clover-dashboard-course-ac-sponsors-span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main {
  margin-top: 24px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos {
  display: block;
  align-items: center;
  margin-bottom: 64px;
  width: fit-content;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos .clover-dashboard-sl-a,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos .clover-dashboard-sl-a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos .clover-dashboard-sl-a .clover-dashboard-sl-logo,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos .clover-dashboard-sl-a .clover-dashboard-sl-logo {
  margin-bottom: 16px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom {
  position: relative;
  padding: 96px 0;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-climate,
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-climate,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors {
  padding: 0 16px 0;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel {
  padding: 0 0 0 16px;
  position: relative;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activities-list,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activities-list {
  display: flex;
  flex-wrap: wrap;
  transition: transform 0.3s ease;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activities-list.draggableb,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activities-list.draggableb {
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activities-list.draggableb::-webkit-scrollbar,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activities-list.draggableb::-webkit-scrollbar {
  display: none;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card-container {
  width: 100%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-course-card-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-course-card-container {
  width: 96%;
  margin: 20px 5px 0 0;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activities-list.draggableb .activity-course-card-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activities-list.draggableb .activity-course-card-container {
  flex: 0 0 auto;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card {
  display: flex;
  padding: 0px;
  width: auto;
  height: 160px;
  max-height: 160px;
  background: #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 24px;
  position: relative;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card .grade-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card .grade-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
  width: 50%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card .grade-container span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card .grade-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #4d5761;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container:nth-child(1),
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container:nth-child(1) {
  margin-bottom: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #4d5761;
  margin-left: 10px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card p,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #111111;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  height: 65px;
  overflow: hidden;
  padding-right: 40px;
  transition: all 0.5s;
  width: 100%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card img,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card img {
  object-fit: cover;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card {
  display: flex;
  padding: 0px;
  width: auto;
  height: 160px;
  max-height: 160px;
  background: #004438;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 24px;
  position: relative;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card.curriculum,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card.curriculum {
  background: #f54359;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card.curriculum .course-card-header .course-img-mask,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card.curriculum .course-card-header .course-img-mask {
  margin-left: -55px !important;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .course-card-header,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .course-card-header {
  width: 40%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .course-card-header .course-img-mask,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .course-card-header .course-img-mask {
  height: 100%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .course-card-header span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .course-card-header span {
  display: none;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .course-card-header img,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .course-card-header img {
  width: 100%;
  object-fit: cover;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .text-content,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .text-content {
  width: 60%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .grade-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .grade-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
  width: 50%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .grade-container span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .grade-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #c9e3dc;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container:nth-child(1),
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container:nth-child(1) {
  margin-bottom: 20px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #c9e3dc;
  margin-left: 10px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card p,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #ffffff;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  height: 65px;
  overflow: hidden;
  padding-right: 40px;
  transition: all 0.5s;
  width: 100%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel img,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel img {
  height: 100%;
  width: 40%;
  border-radius: 0px;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape-mobile,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape-mobile {
  display: block;
  position: absolute;
  top: -90px;
  right: 0;
  z-index: -2;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape {
  display: none;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-bottom-left-shape-mobile,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-bottom-left-shape-mobile {
  display: block;
  position: absolute;
  bottom: -170px;
  left: 0;
  z-index: -1;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-bottom-left-shape,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-bottom-left-shape {
  display: none;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-climate .clover-dashboard-course-ac-h4,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-climate .clover-dashboard-course-ac-h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
  margin-bottom: 8px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-climate .clover-dashboard-course-ac-p,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-climate .clover-dashboard-course-ac-p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #4d5761;
  text-transform: initial;
  margin-bottom: 32px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors {
  display: block;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors .clover-dashboard-course-ac-sponsors-span,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors .clover-dashboard-course-ac-sponsors-span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main {
  margin-top: 24px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos {
  display: block;
  align-items: center;
  margin-bottom: 64px;
  width: fit-content;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos .clover-dashboard-sl-a,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos .clover-dashboard-sl-a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos .clover-dashboard-sl-a .clover-dashboard-sl-logo,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos .clover-dashboard-sl-a .clover-dashboard-sl-logo {
  margin-bottom: 16px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-generic-content-section,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-generic-content-section {
  margin-top: 96px;
  padding: 68px 16px;
  position: relative;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-generic-content-section:before,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-generic-content-section:before {
  background: #e0ded8;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 4px);
  clip-path: polygon(0 0%, 100% 3%, 100% 100%, 0 97%);
  z-index: -1;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner {
  display: block;
  padding: 40px 24px;
  background: #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 32px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner .clover-dashboard-gc-inner-img,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner .clover-dashboard-gc-inner-img {
  height: 144px;
  width: 144px;
  margin: 0 auto 24px;
  display: block;
  border-radius: 50%;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner .clover-dashboard-gc-inner-content .clover-dashboard-gc-ic-h4,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner .clover-dashboard-gc-inner-content .clover-dashboard-gc-ic-h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
  margin-bottom: 8px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner .clover-dashboard-gc-inner-content .clover-dashboard-gc-ic-p,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner .clover-dashboard-gc-inner-content .clover-dashboard-gc-ic-p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #4d5761;
  text-transform: initial;
  margin-bottom: 24px;
}
.page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner .clover-dashboard-gc-inner-content .clover-dashboard-gc-ic-a,
.page-template-page-clover .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner .clover-dashboard-gc-inner-content .clover-dashboard-gc-ic-a {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  color: #ffffff;
  background-color: #349966;
  padding: 8px 32px;
  text-transform: uppercase;
  border-radius: 40px;
  width: 100%;
  display: block;
  text-align: center;
}

.no-clover-redirect {
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 60vh;
  justify-content: center;
}
.no-clover-redirect .fourh-logo-centered {
  width: 140px;
  margin-bottom: 4.8rem;
}
.no-clover-redirect .loading-spinner-gif {
  width: 100px;
}
.no-clover-redirect h3 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 3.2rem;
  text-transform: uppercase;
}

@media screen and (min-width: 769px) and (max-width: 1339px) {
  .page-template-page-clover-dashboard .clover-dashboard-intro-info-col-left,
  .page-template-page-clover .clover-dashboard-intro-info-col-left {
    margin-top: 0 !important;
  }
  .page-template-page-clover-dashboard .clover-dashboard-intro-info-col-left .progress-bar,
  .page-template-page-clover .clover-dashboard-intro-info-col-left .progress-bar {
    height: 225px;
    left: 100px;
    position: absolute;
    top: 85px;
    transform: rotate(42deg);
    width: 225px;
    z-index: 3;
  }
  .page-template-page-clover-dashboard .clover-dashboard-intro-left-inner .level,
  .page-template-page-clover .clover-dashboard-intro-left-inner .level {
    bottom: -4px;
    position: absolute;
    right: -15px;
    z-index: 4;
  }
  .page-template-page-clover-dashboard .clover-dashboard-intro-left-inner .level .level-display,
  .page-template-page-clover .clover-dashboard-intro-left-inner .level .level-display {
    font-feature-settings: "clig" off, "liga" off;
    align-items: center;
    background: var(--Primary-White, #fff);
    border: 4px solid var(--Primary-4-H-Green, #349966);
    border-radius: var(--spacing40, 40px);
    box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
    color: var(--Primary-4-H-Green, #349966);
    display: flex;
    font-family: "4H GILROY";
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    height: 50px;
    justify-content: center;
    letter-spacing: 0.4px;
    line-height: 16px;
    margin-bottom: 10px;
    padding: 15px var(--spacing12, 0);
    text-align: center;
    width: 50px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-intro-left-inner .level .level-display.lvl-max,
  .page-template-page-clover .clover-dashboard-intro-left-inner .level .level-display.lvl-max {
    border-color: black;
    color: black;
    background: linear-gradient(180deg, #ffffff 51%, #999999 100%);
  }
  .page-template-page-clover-dashboard .clover-dashboard-intro-left-inner .level .level-label,
  .page-template-page-clover .clover-dashboard-intro-left-inner .level .level-label {
    color: var(--Primary-4-H-Green, #349966);
    font-family: "4H Gilroy";
    font-size: var(--font-size-4xs, 12px);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.4px;
    line-height: 20px;
    text-align: center;
    position: relative;
  }
  .page-template-page-clover-dashboard .clover-dashboard-intro-left-inner .level > #tooltip-container,
  .page-template-page-clover .clover-dashboard-intro-left-inner .level > #tooltip-container {
    left: -32px;
  }
  .page-template-page-clover-dashboard .clover-avatar:hover > .overlay,
  .page-template-page-clover .clover-avatar:hover > .overlay {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 100px;
    cursor: pointer;
    display: flex;
    height: 100%;
    opacity: 1 !important;
    width: 100%;
  }
  .page-template-page-clover-dashboard .clover-avatar:hover > .overlay .edit-icon,
  .page-template-page-clover .clover-avatar:hover > .overlay .edit-icon {
    height: 10%;
    margin: auto 5px auto auto;
  }
  .page-template-page-clover-dashboard .clover-avatar:hover > .overlay .edit-text,
  .page-template-page-clover .clover-avatar:hover > .overlay .edit-text {
    color: #fff;
    margin: auto auto auto 0;
    opacity: 1;
    z-index: 100;
  }
}
@media screen and (max-width: 768px) {
  .clover-dashboard-pick-theme {
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    position: fixed;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 769px) {
  .page-template-page-clover-dashboard .theme3 .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape,
  .page-template-page-clover .theme3 .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape {
    top: -110px !important;
  }
  .page-template-page-clover-dashboard .theme3 .clover-dashboard-sponsored-content-section .clover-dashboard-bottom-left-shape,
  .page-template-page-clover .theme3 .clover-dashboard-sponsored-content-section .clover-dashboard-bottom-left-shape {
    bottom: -130px !important;
  }
  .page-template-page-clover-dashboard .theme3 .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape,
  .page-template-page-clover .theme3 .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape {
    top: -164px !important;
  }
  .page-template-page-clover-dashboard .theme4 .clover-dashboard-intro-section .clover-dashboard-bottom-left-shape,
  .page-template-page-clover .theme4 .clover-dashboard-intro-section .clover-dashboard-bottom-left-shape {
    bottom: -210px !important;
  }
  .page-template-page-clover-dashboard .theme4 .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape,
  .page-template-page-clover .theme4 .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape {
    right: 60px !important;
    top: -100px !important;
  }
  .page-template-page-clover-dashboard .theme4 .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape,
  .page-template-page-clover .theme4 .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape {
    top: 50px !important;
    right: 96px !important;
  }
  .page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main,
  .page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main {
    padding: 64px 98px;
    max-width: 1008px;
    height: 632px;
    background: #ffffff;
    border-radius: 32px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    right: 64px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-pick-theme-tittle,
  .page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-pick-theme-tittle {
    height: auto;
    margin-bottom: 40px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-pick-theme-tittle .clover-dashboard-pt-h4,
  .page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-pick-theme-tittle .clover-dashboard-pt-h4 {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-themes,
  .page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-themes {
    padding: unset;
    width: 100%;
    text-align: center;
  }
  .page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-themes .clover-dashboard-pt-themes,
  .page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-themes .clover-dashboard-pt-themes {
    width: 144px;
    height: 144px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-themes .clover-dashboard-pt-themes .clover-dashboard-pt-themes-single .chover-dashboard-pt-imgs,
  .page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-themes .clover-dashboard-pt-themes .clover-dashboard-pt-themes-single .chover-dashboard-pt-imgs {
    width: 144px;
    height: 144px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-theme-btns,
  .page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-theme-btns {
    padding: unset;
    height: unset;
    width: fit-content;
    border-top: none;
    bottom: 64px;
    left: 50%;
    transform: translate(-50%, 0);
    right: 0;
    display: block;
  }
  .page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-theme-btns .clover-dashboard-theme-cancel,
  .page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-theme-btns .clover-dashboard-theme-cancel {
    margin-top: 0;
    width: 180px;
    margin-right: 16px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-theme-btns .clover-dashboard-theme-save,
  .page-template-page-clover .clover-dashboard-pt-bg-blur .clover-dashboard-pick-theme-main .clover-dashboard-pick-theme .clover-dashboard-theme-btns .clover-dashboard-theme-save {
    width: 180px;
    margin-left: 16px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section {
    position: relative;
    padding: 96px 112.5px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-top-left-shape-mobile,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-top-left-shape-mobile {
    display: none;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-top-left-shape,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-top-left-shape {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-bottom-left-shape-mobile,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-bottom-left-shape-mobile {
    display: none;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-bottom-left-shape,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-bottom-left-shape {
    display: block;
    position: absolute;
    bottom: -190px;
    left: 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-middle-right-shape-mobile,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-middle-right-shape-mobile {
    display: none;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-middle-right-shape,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-middle-right-shape {
    display: block;
    position: absolute;
    top: 36%;
    right: 0;
    transform: translate(0, -60%);
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos {
    height: 100%;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left {
    margin-right: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    margin-top: 25px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner {
    margin-top: 0px;
    display: flex;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img {
    width: 200px;
    height: 200px;
    min-width: 200px;
    margin-right: 44px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img .clover-dashboard-user-picked-avatar,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img .clover-dashboard-user-picked-avatar {
    width: 100%;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img .clover-dashboard-intro-info-user-img-avatar,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img .clover-dashboard-intro-info-user-img-avatar {
    font-size: 8.8rem;
    line-height: 10.8rem;
    margin-top: 40px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img .clover-dashboard-intro-info-user-img-edit,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-img .clover-dashboard-intro-info-user-img-edit {
    bottom: -14px;
    right: -14px;
    height: auto;
    width: auto;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-info .clover-dashboard-loggedin-greetings,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-info .clover-dashboard-loggedin-greetings {
    font-size: 4.8rem;
    line-height: 5.6rem;
    letter-spacing: 0.6px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-info .clover-dashboard-loggedin-info-main,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-info .clover-dashboard-loggedin-info-main {
    display: flex;
    width: 100%;
    margin-top: 16px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-info .clover-dashboard-loggedin-info-main .clover-dashboard-loggedin-info,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-info .clover-dashboard-loggedin-info-main .clover-dashboard-loggedin-info {
    width: 50%;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-info .clover-dashboard-loggedin-info-main .clover-dashboard-loggedin-info .clover-dashboard-loggedin-info-tittle,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-info .clover-dashboard-loggedin-info-main .clover-dashboard-loggedin-info .clover-dashboard-loggedin-info-tittle {
    font-family: "4H Gilroy", Arial, sans-serif;
    font-weight: 900;
    font-size: 3.2rem;
    line-height: 4rem;
    color: #111111;
    letter-spacing: 0.6px;
    margin-bottom: 2px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-info .clover-dashboard-loggedin-info-main .clover-dashboard-loggedin-info .clover-dashboard-loggedin-info-text,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .clover-dashboard-intro-info-user-info .clover-dashboard-loggedin-info-main .clover-dashboard-loggedin-info .clover-dashboard-loggedin-info-text {
    font-family: "4H Gilroy", Arial, sans-serif;
    font-weight: 500;
    font-size: 1.36rem;
    line-height: 2rem;
    color: #4d5761;
    letter-spacing: 0.4px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-loggedin-info-main-mobile,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-left .clover-dashboard-loggedin-info-main-mobile {
    display: none;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-achievement,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-achievement {
    padding: 40px 10px !important;
    display: inline-table !important;
    width: calc(33% - 40px) !important;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-achievement .gamipress-achievement-image,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-achievement .gamipress-achievement-image {
    display: inline-table;
    padding: 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-achievement .gamipress-achievement-image img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-achievement .gamipress-achievement-image img {
    width: auto;
    height: 140px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin {
    padding: 50px 43.5px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .slant-pin-title,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .slant-pin-title {
    font-size: 2.4rem;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .clover-dashboard-intro-info-user-pin-img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .clover-dashboard-intro-info-user-pin-img {
    margin: auto;
    display: block;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .clover-dashboard-intro-info-user-pin-h5,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .clover-dashboard-intro-info-user-pin-h5 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .clover-dashboard-intro-info-user-pin-p,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right .clover-dashboard-intro-info-user-pin .clover-dashboard-intro-info-user-pin-p {
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners {
    margin: 128px 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners .clover-dashboard-intro-connected-learners-title,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners .clover-dashboard-intro-connected-learners-title {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners .clover-dashboard-intro-connected-learners-main-content .clover-dashboard-intro-connected-learners-content,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners .clover-dashboard-intro-connected-learners-main-content .clover-dashboard-intro-connected-learners-content {
    width: 383px;
    height: 144px;
    display: flex;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners .clover-dashboard-intro-connected-learners-main-content .clover-dashboard-intro-connected-learners-content .clover-dashboard-intro-connected-learners-img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners .clover-dashboard-intro-connected-learners-main-content .clover-dashboard-intro-connected-learners-content .clover-dashboard-intro-connected-learners-img {
    margin-right: 40px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners .clover-dashboard-intro-connected-learners-main-content .clover-dashboard-intro-connected-learners-content .clover-dashboard-intro-connected-learners-content-title,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-connected-learners .clover-dashboard-intro-connected-learners-main-content .clover-dashboard-intro-connected-learners-content .clover-dashboard-intro-connected-learners-content-title {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-title,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-title {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card-container,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card-container {
    width: 25%;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-course-card-container,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-course-card-container {
    width: 280px;
    margin-right: 32px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card {
    display: block;
    width: 280px;
    height: 360px;
    max-height: 400px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card.curriculum,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card.curriculum,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card.curriculum,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card.curriculum {
    background: #f54359;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card .card-bottom,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .card-bottom,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card .card-bottom,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .card-bottom {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 10px;
    position: absolute;
    width: 100%;
    justify-items: center;
    bottom: 20px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card .card-bottom .bottom-container,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .card-bottom .bottom-container,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card .card-bottom .bottom-container,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .card-bottom .bottom-container {
    position: relative;
    width: fit-content;
    justify-content: normal;
    padding: 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card .card-bottom .bottom-container:nth-child(1),
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .card-bottom .bottom-container:nth-child(1),
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card .card-bottom .bottom-container:nth-child(1),
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .card-bottom .bottom-container:nth-child(1) {
    margin-bottom: 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card img,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card img {
    width: 100%;
    height: 226px;
    border-radius: 24px 24px 0px 0px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card p,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card p,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .activity-card p,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card p {
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: 0.04rem;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card::before,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card::before {
    content: url("../images/course-shadow.svg");
    width: 100%;
    position: absolute;
    top: -23px;
    left: 20px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card.curriculum,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card.curriculum {
    background: #f54359;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card.curriculum .course-card-header span,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card.curriculum .course-card-header span {
    transform-origin: 80px 70px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .course-card-header,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .course-card-header {
    display: flex;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .course-card-header span,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .course-card-header span {
    transform-origin: 60px 50px;
    transform: rotate(-90deg);
    font-family: "4H Gilroy", Arial, sans-serif;
    font-weight: 900;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 0.16rem;
    text-transform: uppercase;
    color: #ffffff;
    opacity: 0.7;
    display: block;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .text-content,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .text-content {
    width: 100%;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .course-img-mask,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .course-img-mask {
    -webkit-mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    -webkit-mask-size: 90%;
    mask-size: 90%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #ffffff;
    padding-top: 5px;
    -webkit-mask-position: center;
    mask-position: center;
    margin-left: -30px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .course-img-mask img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-activities-started .clover-dashboard-activities-started-box .course-card .course-img-mask img {
    -webkit-mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    -webkit-mask-size: 83%;
    mask-size: 83%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    width: 170px;
    height: 200px;
    object-fit: cover;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks {
    margin: 128px 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-title,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-title {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content {
    min-height: 368px;
    position: relative;
    border-radius: 24px;
    border: 6px dashed #e0ded8;
    background-color: #ffffff;
    display: flex;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-img-mobile,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-img-mobile {
    display: none;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-img-left,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-img-left {
    position: absolute;
    left: 18px;
    top: 18px;
    display: block;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-img-right,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-img-right {
    position: absolute;
    right: 18px;
    top: 18px;
    display: block;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-content,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-content {
    margin-top: auto;
    margin: auto;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-content .clover-dashboard-intro-top-picks-content-title,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-content .clover-dashboard-intro-top-picks-content-title {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-content .clover-dashboard-intro-top-picks-content-text,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-content .clover-dashboard-intro-top-picks-content-text {
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-content .clover-dashboard-intro-top-picks-content-btn,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-intro-top-picks-content .clover-dashboard-intro-top-picks-content-btn {
    font-size: 2rem;
    line-height: 3.2rem;
    margin: auto;
    width: auto;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-top-section,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-top-section {
    margin-bottom: 24px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-top-section .clover-dashboard-intro-info-user-img-edit,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-top-section .clover-dashboard-intro-info-user-img-edit {
    width: 56px;
    margin-top: -8px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box {
    margin: 0 -112.5px;
    overflow: hidden;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card-container,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card-container {
    width: 25%;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-course-card-container,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-course-card-container {
    width: 280px;
    margin-right: 32px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card {
    display: block;
    width: 280px;
    height: 360px;
    max-height: 400px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card.curriculum,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card.curriculum,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card.curriculum,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card.curriculum {
    background: #f54359;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card .card-bottom,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .card-bottom,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card .card-bottom,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .card-bottom {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 10px;
    position: absolute;
    width: 100%;
    justify-items: center;
    bottom: 20px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card .card-bottom .bottom-container,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .card-bottom .bottom-container,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card .card-bottom .bottom-container,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .card-bottom .bottom-container {
    position: relative;
    width: fit-content;
    justify-content: normal;
    padding: 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card .card-bottom .bottom-container:nth-child(1),
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .card-bottom .bottom-container:nth-child(1),
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card .card-bottom .bottom-container:nth-child(1),
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .card-bottom .bottom-container:nth-child(1) {
    margin-bottom: 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card img,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card img {
    width: 100%;
    height: 226px;
    border-radius: 24px 24px 0px 0px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card p,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card p,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .activity-card p,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card p {
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: 0.04rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    height: 65px;
    overflow: hidden;
    padding-right: 40px;
    transition: all 0.5s;
    width: 100%;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card::before,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card::before {
    content: url("../images/course-shadow.svg");
    width: 100%;
    position: absolute;
    top: -23px;
    left: 20px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card.curriculum,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card.curriculum {
    background: #f54359;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card.curriculum .course-card-header span,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card.curriculum .course-card-header span {
    transform-origin: 80px 70px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .course-card-header,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .course-card-header {
    display: flex;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .course-card-header span,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .course-card-header span {
    transform-origin: 60px 50px;
    transform: rotate(-90deg);
    font-family: "4H Gilroy", Arial, sans-serif;
    font-weight: 900;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 0.16rem;
    text-transform: uppercase;
    color: #ffffff;
    opacity: 0.7;
    display: block;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .text-content,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .text-content {
    width: 100%;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .course-img-mask,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .course-img-mask {
    -webkit-mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    -webkit-mask-size: 90%;
    mask-size: 90%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #ffffff;
    padding-top: 5px;
    -webkit-mask-position: center;
    mask-position: center;
    margin-left: -30px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .course-img-mask img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-top-picks .clover-dashboard-intro-top-picks-main-content .clover-dashboard-top-picks-activities-box .course-card .course-img-mask img {
    -webkit-mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    -webkit-mask-size: 83%;
    mask-size: 83%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    width: 170px;
    height: 200px;
    object-fit: cover;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main {
    padding: 64px 98px;
    max-width: 1008px;
    height: 632px;
    background: #ffffff;
    border-radius: 32px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    right: 64px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-pick-avatar-tittle,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-pick-avatar-tittle {
    height: auto;
    margin-bottom: 40px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-pick-avatar-tittle .clover-dashboard-pa-h4,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-pick-avatar-tittle .clover-dashboard-pa-h4 {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs {
    width: auto;
    height: 320px;
    bottom: 168px;
    left: 98px;
    right: 98px;
    top: 160px;
    padding: 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all {
    display: table;
    width: 704px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group {
    display: inline-block;
    width: 144px;
    height: 144px;
    padding: 0;
    margin: 0 16px 32px;
    text-align: center;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group img {
    width: 144px;
    height: 144px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group .clover-default-avatar,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group .clover-default-avatar {
    width: 144px;
    height: 144px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group .clover-default-avatar p,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs .clover-dashboard-avatar-imgs-all .clover-dashboard-avatar-imgs-input-group .clover-default-avatar p {
    font-size: 6.4rem;
    line-height: 10.8rem;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs-btns,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs-btns {
    padding: unset;
    height: unset;
    width: fit-content;
    border-top: none;
    bottom: 64px;
    left: 50%;
    transform: translate(-50%, 0);
    right: 0;
    display: block;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs-btns .clover-dashboard-avatar-cancel,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs-btns .clover-dashboard-avatar-cancel {
    margin-top: 0;
    width: 180px;
    margin-right: 16px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs-btns .clover-dashboard-avatar-save,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pa-bg-blur .clover-dashboard-pick-avatar-main .clover-dashboard-pick-avatar .clover-dashboard-avatar-imgs-btns .clover-dashboard-avatar-save {
    width: 180px;
    margin-left: 16px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main {
    padding: 64px 98px;
    max-width: 1008px;
    height: 632px;
    background: #ffffff;
    border-radius: 32px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    right: 64px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-pick-interests-tittle,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-pick-interests-tittle {
    height: auto;
    margin-bottom: 40px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-pick-interests-tittle .clover-dashboard-pi-h4,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-pick-interests-tittle .clover-dashboard-pi-h4 {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs {
    width: auto;
    height: 320px;
    bottom: 168px;
    left: 98px;
    right: 98px;
    top: 160px;
    padding: 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all {
    margin: 0 16px 32px;
    padding: 0;
    width: calc(25% - 32px);
    float: left;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .clover-dashboard-interests-imgs-input-group,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .clover-dashboard-interests-imgs-input-group {
    width: 144px;
    height: 144px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .clover-dashboard-interests-imgs-input-group img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .clover-dashboard-interests-imgs-input-group img {
    max-height: 50px;
    margin-top: 14px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .clover-dashboard-interests-imgs-input-group .clover-dashboard-pi-name,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs .clover-dashboard-interests-imgs-all .clover-dashboard-interests-imgs-input-group .clover-dashboard-pi-name {
    top: 80px;
    font-size: 1.6rem;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs-btns,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs-btns {
    padding: unset;
    height: unset;
    width: fit-content;
    border-top: none;
    bottom: 64px;
    left: 50%;
    transform: translate(-50%, 0);
    right: 0;
    display: block;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs-btns .clover-dashboard-interests-cancel,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs-btns .clover-dashboard-interests-cancel {
    margin-top: 0;
    width: 180px;
    margin-right: 16px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs-btns .clover-dashboard-interests-save,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-pi-bg-blur .clover-dashboard-pick-interests-main .clover-dashboard-pick-interests .clover-dashboard-interests-imgs-btns .clover-dashboard-interests-save {
    width: 180px;
    margin-left: 16px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-themes-pallete,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-themes-pallete {
    top: 96px;
    right: 24px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section {
    min-height: 464px;
    padding: 96px 112.5px 192px;
    margin-top: 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section:before,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section:before {
    background: #c9e3dc;
    content: "";
    position: absolute;
    top: -94px;
    left: 0;
    width: 100%;
    height: calc(100% + 100px);
    clip-path: polygon(0 14%, 100% 0%, 100% 86%, 0% 100%);
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row {
    display: flex;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col {
    width: calc(50% - 16px);
    background-color: #ffffff;
    padding: 48px;
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
    border-radius: 24px;
    z-index: 1;
    margin-bottom: 0;
    display: grid;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-flex,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-flex {
    display: flex;
    margin-bottom: 16px;
    align-items: center;
    text-align: left;
    min-height: 160px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-flex .clover-dashboard-cta-col-img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-flex .clover-dashboard-cta-col-img {
    margin-bottom: 0;
    margin-right: 24px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-flex .clover-dashboard-cta-col-h5,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-flex .clover-dashboard-cta-col-h5 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-text,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-text {
    font-size: 2rem;
    line-height: 3.2rem;
    text-align: left;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-btn,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col .clover-dashboard-cta-col-btn {
    width: auto;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col:nth-child(1),
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col:nth-child(1) {
    margin-right: 16px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col:nth-child(2),
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-cta-section .clover-dashboard-cta-section-row .clover-dashboard-cta-section-col:nth-child(2) {
    margin-left: 16px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section {
    position: relative;
    padding: 96px 0;
    margin-bottom: 96px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-climate,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-climate,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors {
    padding: 0 112.5px 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel {
    padding: 0 112.5px 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card-container,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card-container {
    width: 25%;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-course-card-container,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-course-card-container {
    width: 280px;
    margin-right: 32px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card {
    display: block;
    width: 280px;
    height: 360px;
    max-height: 400px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card.curriculum,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card.curriculum,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card.curriculum,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card.curriculum {
    background: #f54359;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card .card-bottom,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .card-bottom,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card .card-bottom,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .card-bottom {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 10px;
    position: absolute;
    width: 100%;
    justify-items: center;
    bottom: 20px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container {
    position: relative;
    width: fit-content;
    justify-content: normal;
    padding: 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container:nth-child(1),
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container:nth-child(1),
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container:nth-child(1),
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container:nth-child(1) {
    margin-bottom: 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card img,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card img {
    width: 100%;
    height: 226px;
    border-radius: 24px 24px 0px 0px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card p,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card p,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .activity-card p,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card p {
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: 0.04rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    height: 65px;
    overflow: hidden;
    padding-right: 40px;
    transition: all 0.5s;
    width: 100%;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card::before,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card::before {
    content: url("../images/course-shadow.svg");
    width: 100%;
    position: absolute;
    top: -23px;
    left: 20px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card.curriculum,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card.curriculum {
    background: #f54359;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card.curriculum .course-card-header span,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card.curriculum .course-card-header span {
    transform-origin: 80px 70px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .course-card-header,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .course-card-header {
    display: flex;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .course-card-header span,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .course-card-header span {
    transform-origin: 60px 50px;
    transform: rotate(-90deg);
    font-family: "4H Gilroy", Arial, sans-serif;
    font-weight: 900;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 0.16rem;
    text-transform: uppercase;
    color: #ffffff;
    opacity: 0.7;
    display: block;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .text-content,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .text-content {
    width: 100%;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .course-img-mask,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .course-img-mask {
    -webkit-mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    -webkit-mask-size: 90%;
    mask-size: 90%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #ffffff;
    padding-top: 5px;
    -webkit-mask-position: center;
    mask-position: center;
    margin-left: -30px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .course-img-mask img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-carousel .course-card .course-img-mask img {
    -webkit-mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    -webkit-mask-size: 83%;
    mask-size: 83%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    width: 170px;
    height: 200px;
    object-fit: cover;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape-mobile,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape-mobile {
    display: none;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-top-right-shape {
    display: block;
    position: absolute;
    top: -280px;
    right: 0;
    z-index: -2;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-bottom-left-shape-mobile,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-bottom-left-shape-mobile {
    display: none;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-bottom-left-shape,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-bottom-left-shape {
    display: block;
    position: absolute;
    bottom: -240px;
    left: 0;
    z-index: -1;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-climate .clover-dashboard-course-ac-h4,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-climate .clover-dashboard-course-ac-h4 {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
    margin-bottom: 16px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-climate .clover-dashboard-course-ac-p,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-climate .clover-dashboard-course-ac-p {
    max-width: 800px;
    font-size: 2rem;
    line-height: 3.2rem;
    margin-bottom: 48px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main {
    margin-top: 32px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos .clover-dashboard-sl-a,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos .clover-dashboard-sl-a {
    margin-right: 32px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos .clover-dashboard-sl-a .clover-dashboard-sl-logo,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos .clover-dashboard-sl-a .clover-dashboard-sl-logo {
    margin-bottom: 32px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom {
    position: relative;
    padding: 96px 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-climate,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-climate,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors {
    padding: 0 112.5px 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel {
    padding: 0 112.5px 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card-container,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card-container {
    width: 25%;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-course-card-container,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-course-card-container {
    width: 280px;
    margin-right: 32px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card {
    display: block;
    width: 280px;
    height: 360px;
    max-height: 400px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card.curriculum,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card.curriculum,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card.curriculum,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card.curriculum {
    background: #f54359;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card .card-bottom,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .card-bottom,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card .card-bottom,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .card-bottom {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 10px;
    position: absolute;
    width: 100%;
    justify-items: center;
    bottom: 20px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container {
    position: relative;
    width: fit-content;
    justify-content: normal;
    padding: 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container:nth-child(1),
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container:nth-child(1),
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card .card-bottom .bottom-container:nth-child(1),
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .card-bottom .bottom-container:nth-child(1) {
    margin-bottom: 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card img,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card img {
    width: 100%;
    height: 226px;
    border-radius: 24px 24px 0px 0px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card p,
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card p,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .activity-card p,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card p {
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: 0.04rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    height: 65px;
    overflow: hidden;
    padding-right: 40px;
    transition: all 0.5s;
    width: 100%;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card::before,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card::before {
    content: url("../images/course-shadow.svg");
    width: 100%;
    position: absolute;
    top: -23px;
    left: 20px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card.curriculum,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card.curriculum {
    background: #f54359;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card.curriculum .course-card-header span,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card.curriculum .course-card-header span {
    transform-origin: 80px 70px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .course-card-header,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .course-card-header {
    display: flex;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .course-card-header span,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .course-card-header span {
    transform-origin: 60px 50px;
    transform: rotate(-90deg);
    font-family: "4H Gilroy", Arial, sans-serif;
    font-weight: 900;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 0.16rem;
    text-transform: uppercase;
    color: #ffffff;
    opacity: 0.7;
    display: block;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .text-content,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .text-content {
    width: 100%;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .course-img-mask,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .course-img-mask {
    -webkit-mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    -webkit-mask-size: 90%;
    mask-size: 90%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #ffffff;
    padding-top: 5px;
    -webkit-mask-position: center;
    mask-position: center;
    margin-left: -30px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .course-img-mask img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-carousel .course-card .course-img-mask img {
    -webkit-mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    -webkit-mask-size: 83%;
    mask-size: 83%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    width: 170px;
    height: 200px;
    object-fit: cover;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape-mobile,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape-mobile {
    display: none;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-top-right-shape {
    display: block;
    position: absolute;
    top: -280px;
    right: 0;
    z-index: -2;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-bottom-left-shape-mobile,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-bottom-left-shape-mobile {
    display: none;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-bottom-left-shape,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-bottom-left-shape {
    display: block;
    position: absolute;
    bottom: -240px;
    left: 0;
    z-index: -1;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-climate .clover-dashboard-course-ac-h4,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-climate .clover-dashboard-course-ac-h4 {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
    margin-bottom: 16px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-climate .clover-dashboard-course-ac-p,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-climate .clover-dashboard-course-ac-p {
    max-width: 800px;
    font-size: 2rem;
    line-height: 3.2rem;
    margin-bottom: 48px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main {
    margin-top: 32px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos .clover-dashboard-sl-a,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos .clover-dashboard-sl-a {
    margin-right: 32px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos .clover-dashboard-sl-a .clover-dashboard-sl-logo,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-sponsored-content-section-bottom .clover-dashboard-course-activity-sponsors .clover-dashboard-sponsored-logos-main .clover-dashboard-sponsored-logos .clover-dashboard-sl-a .clover-dashboard-sl-logo {
    margin-bottom: 32px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-generic-content-section,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-generic-content-section {
    padding: 110px 112.5px 208px;
    margin-top: unset;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-generic-content-section:before,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-generic-content-section:before {
    top: -94px;
    height: calc(100% + 100px);
    clip-path: polygon(0 0%, 100% 14%, 100% 100%, 0 86%);
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 64px 88.5px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner .clover-dashboard-gc-inner-img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner .clover-dashboard-gc-inner-img {
    height: 280px;
    width: 280px;
    margin: 0 64px 0 0;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner .clover-dashboard-gc-inner-content,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner .clover-dashboard-gc-inner-content {
    min-height: 216px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner .clover-dashboard-gc-inner-content .clover-dashboard-gc-ic-h4,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner .clover-dashboard-gc-inner-content .clover-dashboard-gc-ic-h4 {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
    margin-bottom: 16px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner .clover-dashboard-gc-inner-content .clover-dashboard-gc-ic-p,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner .clover-dashboard-gc-inner-content .clover-dashboard-gc-ic-p {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.6px;
    margin-bottom: 32px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner .clover-dashboard-gc-inner-content .clover-dashboard-gc-ic-a,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-generic-content-section .clover-dashboard-generic-content-inner .clover-dashboard-gc-inner-content .clover-dashboard-gc-ic-a {
    font-size: 2rem;
    line-height: 3.2rem;
    padding: 18px 32px;
    margin-bottom: 24px;
    width: auto;
    display: inline-block;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-course-activity-section,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-course-activity-section {
    position: relative;
    padding: 96px 112.5px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-course-activity-section .clover-dashboard-top-right-shape-mobile,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-course-activity-section .clover-dashboard-top-right-shape-mobile {
    display: none;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-course-activity-section .clover-dashboard-top-right-shape,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-course-activity-section .clover-dashboard-top-right-shape {
    display: block;
    position: absolute;
    top: -280px;
    right: 0;
    z-index: -2;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-course-activity-section .clover-dashboard-sponsored-content-intro .clover-dashboard-sp-intro-h4,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-course-activity-section .clover-dashboard-sponsored-content-intro .clover-dashboard-sp-intro-h4 {
    font-family: "4H Gilroy", Arial, sans-serif;
    font-weight: 900;
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
    color: #111111;
    text-transform: initial;
    margin-bottom: 16px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-course-activity-section .clover-dashboard-sponsored-content-intro .clover-dashboard-sp-intro-p,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-course-activity-section .clover-dashboard-sponsored-content-intro .clover-dashboard-sp-intro-p {
    font-family: "4H Gilroy", Arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.6px;
    color: #4d5761;
    text-transform: initial;
    margin-bottom: 48px;
    max-width: 800px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-course-activity-section .clover-dashboard-sponsored-content-logos,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-course-activity-section .clover-dashboard-sponsored-content-logos {
    display: grid;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-course-activity-section .clover-dashboard-sponsored-content-logos .clover-dashboard-sp-logos-span,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-course-activity-section .clover-dashboard-sponsored-content-logos .clover-dashboard-sp-logos-span {
    font-family: "4H Gilroy", Arial, sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: 0.4px;
    color: #111111;
    text-transform: initial;
    margin-bottom: 32px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-course-activity-section .clover-dashboard-sponsored-content-logos img,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-course-activity-section .clover-dashboard-sponsored-content-logos img {
    margin-bottom: 64px;
  }
}
@media screen and (max-width: 769px) {
  .page-template-page-clover-dashboard .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner,
  .page-template-page-clover .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner {
    margin-top: 60px !important;
  }
  .page-template-page-clover-dashboard .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .level > #tooltip-container,
  .page-template-page-clover .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .level > #tooltip-container {
    left: -72px;
    position: absolute;
    width: 325px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .level > #tooltip-container .caret,
  .page-template-page-clover .clover-dashboard-intro-info-col-left .clover-dashboard-intro-left-inner .level > #tooltip-container .caret {
    margin-left: 80px !important;
  }
  .page-template-page-clover-dashboard .clover-dashboard-intro-info-col-left .progress-bar,
  .page-template-page-clover .clover-dashboard-intro-info-col-left .progress-bar {
    height: 110px;
    left: 9px;
    position: absolute;
    top: 70px;
    transform: rotate(48deg);
    width: 110px;
    z-index: 3;
  }
  .page-template-page-clover-dashboard .clover-dashboard-intro-info-col-left .level,
  .page-template-page-clover .clover-dashboard-intro-info-col-left .level {
    bottom: -27px;
    position: absolute;
    right: -20px;
    z-index: 4;
  }
  .page-template-page-clover-dashboard .clover-dashboard-intro-info-col-left .level .level-display,
  .page-template-page-clover .clover-dashboard-intro-info-col-left .level .level-display {
    font-feature-settings: "clig" off, "liga" off;
    align-items: center;
    background: var(--Primary-White, #fff);
    border: 4px solid var(--Primary-4-H-Green, #349966);
    border-radius: var(--spacing40, 40px);
    box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
    color: var(--Primary-4-H-Green, #349966);
    display: flex;
    font-family: "4H GILROY";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    height: 38px;
    justify-content: center;
    letter-spacing: 0.4px;
    line-height: 24px;
    margin-bottom: 5px;
    padding: 15px var(--spacing12, 0);
    text-align: center;
    width: 38px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-intro-info-col-left .level .level-display.lvl-max,
  .page-template-page-clover .clover-dashboard-intro-info-col-left .level .level-display.lvl-max {
    border-color: black;
    color: black;
    background: linear-gradient(180deg, #ffffff 51%, #999999 100%);
  }
  .page-template-page-clover-dashboard .clover-dashboard-intro-info-col-left .level .level-label,
  .page-template-page-clover .clover-dashboard-intro-info-col-left .level .level-label {
    color: var(--Primary-4-H-Green, #349966);
    font-family: "4H Gilroy";
    font-size: var(--font-size-4xs, 12px);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.4px;
    line-height: 20px;
    text-align: center;
    position: relative;
  }
  .page-template-page-clover-dashboard .clover-avatar:hover > .overlay,
  .page-template-page-clover .clover-avatar:hover > .overlay {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 100px;
    cursor: pointer;
    display: flex;
    height: 100%;
    opacity: 1 !important;
    width: 100%;
  }
  .page-template-page-clover-dashboard .clover-avatar:hover > .overlay .edit-icon,
  .page-template-page-clover .clover-avatar:hover > .overlay .edit-icon {
    height: 10%;
    margin: auto 5px auto auto;
  }
  .page-template-page-clover-dashboard .clover-avatar:hover > .overlay .edit-text,
  .page-template-page-clover .clover-avatar:hover > .overlay .edit-text {
    color: #fff;
    margin: auto auto auto 0;
    opacity: 1;
    z-index: 100;
    font-size: 10px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-intro-info-col-right,
  .page-template-page-clover .clover-dashboard-intro-info-col-right {
    margin-top: 0 !important;
  }
  .page-template-page-clover-dashboard .clover-dashboard-intro-info-col-right .awards-container,
  .page-template-page-clover .clover-dashboard-intro-info-col-right .awards-container {
    gap: 0px !important;
    flex-wrap: wrap;
  }
  .page-template-page-clover-dashboard .clover-dashboard-intro-info-col-right .awards-container .award,
  .page-template-page-clover .clover-dashboard-intro-info-col-right .awards-container .award {
    width: 50%;
  }
  .page-template-page-clover-dashboard .theme1 #intro_img_theme_1,
  .page-template-page-clover .theme1 #intro_img_theme_1 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme1 #sponsor_img_theme_1,
  .page-template-page-clover .theme1 #sponsor_img_theme_1 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme1 #intro_img_theme_1_m,
  .page-template-page-clover .theme1 #intro_img_theme_1_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme1 #sponsor_img_theme_1_m,
  .page-template-page-clover .theme1 #sponsor_img_theme_1_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme2 #intro_img_theme_1,
  .page-template-page-clover .theme2 #intro_img_theme_1 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme2 #sponsor_img_theme_1,
  .page-template-page-clover .theme2 #sponsor_img_theme_1 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme2 #intro_img_theme_1_m,
  .page-template-page-clover .theme2 #intro_img_theme_1_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme2 #sponsor_img_theme_1_m,
  .page-template-page-clover .theme2 #sponsor_img_theme_1_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme3 #intro_img_theme_3,
  .page-template-page-clover .theme3 #intro_img_theme_3 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme3 #sponsor_img_theme_3,
  .page-template-page-clover .theme3 #sponsor_img_theme_3 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme3 #intro_img_theme_3_m,
  .page-template-page-clover .theme3 #intro_img_theme_3_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme3 #sponsor_img_theme_3_m,
  .page-template-page-clover .theme3 #sponsor_img_theme_3_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme4 #intro_img_theme_4,
  .page-template-page-clover .theme4 #intro_img_theme_4 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme4 #sponsor_img_theme_4,
  .page-template-page-clover .theme4 #sponsor_img_theme_4 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme4 #intro_img_theme_4_m,
  .page-template-page-clover .theme4 #intro_img_theme_4_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme4 #sponsor_img_theme_4_m,
  .page-template-page-clover .theme4 #sponsor_img_theme_4_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme5 #intro_img_theme_5,
  .page-template-page-clover .theme5 #intro_img_theme_5 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme5 #sponsor_img_theme_5,
  .page-template-page-clover .theme5 #sponsor_img_theme_5 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme5 #intro_img_theme_5_m,
  .page-template-page-clover .theme5 #intro_img_theme_5_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme5 #sponsor_img_theme_5_m,
  .page-template-page-clover .theme5 #sponsor_img_theme_5_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme6 #intro_img_theme_6,
  .page-template-page-clover .theme6 #intro_img_theme_6 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme6 #sponsor_img_theme_6,
  .page-template-page-clover .theme6 #sponsor_img_theme_6 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme6 #intro_img_theme_6_m,
  .page-template-page-clover .theme6 #intro_img_theme_6_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme6 #sponsor_img_theme_6_m,
  .page-template-page-clover .theme6 #sponsor_img_theme_6_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme7 #intro_img_theme_7,
  .page-template-page-clover .theme7 #intro_img_theme_7 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme7 #sponsor_img_theme_7,
  .page-template-page-clover .theme7 #sponsor_img_theme_7 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme7 #intro_img_theme_7_m,
  .page-template-page-clover .theme7 #intro_img_theme_7_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme7 #sponsor_img_theme_7_m,
  .page-template-page-clover .theme7 #sponsor_img_theme_7_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme8 #intro_img_theme_8,
  .page-template-page-clover .theme8 #intro_img_theme_8 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme8 #sponsor_img_theme_8,
  .page-template-page-clover .theme8 #sponsor_img_theme_8 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme8 #intro_img_theme_8_m,
  .page-template-page-clover .theme8 #intro_img_theme_8_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme8 #sponsor_img_theme_8_m,
  .page-template-page-clover .theme8 #sponsor_img_theme_8_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme9 #intro_img_theme_9,
  .page-template-page-clover .theme9 #intro_img_theme_9 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme9 #sponsor_img_theme_9,
  .page-template-page-clover .theme9 #sponsor_img_theme_9 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme9 #intro_img_theme_9_m,
  .page-template-page-clover .theme9 #intro_img_theme_9_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme9 #sponsor_img_theme_9_m,
  .page-template-page-clover .theme9 #sponsor_img_theme_9_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme10 #intro_img_theme_10,
  .page-template-page-clover .theme10 #intro_img_theme_10 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme10 #sponsor_img_theme_10,
  .page-template-page-clover .theme10 #sponsor_img_theme_10 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme10 #intro_img_theme_10_m,
  .page-template-page-clover .theme10 #intro_img_theme_10_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme10 #sponsor_img_theme_10_m,
  .page-template-page-clover .theme10 #sponsor_img_theme_10_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme11 #intro_img_theme_11,
  .page-template-page-clover .theme11 #intro_img_theme_11 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme11 #sponsor_img_theme_11,
  .page-template-page-clover .theme11 #sponsor_img_theme_11 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme11 #intro_img_theme_11_m,
  .page-template-page-clover .theme11 #intro_img_theme_11_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme11 #sponsor_img_theme_11_m,
  .page-template-page-clover .theme11 #sponsor_img_theme_11_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme12 #intro_img_theme_12,
  .page-template-page-clover .theme12 #intro_img_theme_12 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme12 #sponsor_img_theme_12,
  .page-template-page-clover .theme12 #sponsor_img_theme_12 {
    display: none !important;
  }
  .page-template-page-clover-dashboard .theme12 #intro_img_theme_12_m,
  .page-template-page-clover .theme12 #intro_img_theme_12_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme12 #sponsor_img_theme_12_m,
  .page-template-page-clover .theme12 #sponsor_img_theme_12_m {
    display: block !important;
  }
  .page-template-page-clover-dashboard .theme5 .clover-dashboard-middle-right-shape-mobile,
  .page-template-page-clover .theme5 .clover-dashboard-middle-right-shape-mobile {
    top: 35% !important;
  }
}
@media screen and (min-width: 1340px) {
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .progress-bar,
  .page-template-page-clover .clover-dashboard-page .progress-bar {
    height: 225px;
    left: 100px;
    position: absolute;
    top: 108px;
    transform: rotate(48deg);
    width: 225px;
    z-index: 3;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .progress-bar .circle-shadow,
  .page-template-page-clover .clover-dashboard-page .progress-bar .circle-shadow {
    -webkit-filter: drop-shadow(0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06));
    filter: drop-shadow(0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06));
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-left-inner .level,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-left-inner .level {
    right: -20px;
    position: absolute;
    bottom: -15px;
    z-index: 4;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-left-inner .level .level-display,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-left-inner .level .level-display {
    display: flex;
    width: 60px;
    padding: 15px var(--spacing12, 0px);
    justify-content: center;
    align-items: center;
    border-radius: var(--spacing40, 40px);
    border: 4px solid var(--Primary-4-H-Green, #349966);
    background: var(--Primary-White, #fff);
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
    height: 60px;
    color: var(--Primary-4-H-Green, #349966);
    text-align: center;
    font-feature-settings: "clig" off, "liga" off;
    font-family: "4H GILROY";
    font-size: 26px;
    font-style: normal;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: 0.4px;
    margin-bottom: 10px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-left-inner .level .level-display.lvl-max,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-left-inner .level .level-display.lvl-max {
    border-color: black;
    color: black;
    background: linear-gradient(180deg, #ffffff 51%, #999999 100%);
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-left-inner .level .level-label,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-left-inner .level .level-label {
    color: var(--Primary-4-H-Green, #349966);
    text-align: center;
    font-family: "4H Gilroy";
    font-size: var(--font-size-4xs, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.4px;
    position: relative;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-left-inner .level > #tooltip-container,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-left-inner .level > #tooltip-container {
    width: 325px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-avatar:hover > .overlay,
  .page-template-page-clover .clover-dashboard-page .clover-avatar:hover > .overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1 !important;
    border-radius: 100px;
    display: flex;
    cursor: pointer;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-avatar:hover > .overlay .edit-icon,
  .page-template-page-clover .clover-dashboard-page .clover-avatar:hover > .overlay .edit-icon {
    height: 15%;
    margin: auto;
    margin-right: 5px;
  }
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-avatar:hover > .overlay .edit-text,
  .page-template-page-clover .clover-dashboard-page .clover-avatar:hover > .overlay .edit-text {
    margin: auto;
    margin-left: 0px;
    opacity: 1;
    color: white;
    z-index: 100;
  }
}
@media screen and (max-width: 768px) {
  .clover-dashboard-intro-left-inner {
    margin-top: 0px !important;
  }
}
@media screen and (max-width: 400px) {
  .clover-dashboard-themes {
    height: 63vh !important;
    text-align: center;
  }
}
@media screen and (min-width: 400px) and (max-width: 769px) {
  .clover-dashboard-themes {
    height: 71vh !important;
    text-align: center;
  }
}
@media screen and (max-width: 1050px) {
  .page-template-page-clover-dashboard .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-achievements-container,
  .page-template-page-clover .clover-dashboard-page .clover-dashboard-intro-section .clover-dashboard-intro-infos .clover-dashboard-intro-info-col-right #cd_earned_pins #gamipress-achievements-list .gamipress-achievements-container {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap !important;
  }
}
.modal-upgrade-subscription .modal-content {
  padding: 56px 16px !important;
}
.modal-upgrade-subscription .modal-content .clover-upgrade-subscription-img {
  margin: -24px auto 0;
  width: 96px;
  height: 96px;
  background: white;
  border-radius: 50%;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}
.modal-upgrade-subscription .modal-content .clover-upgrade-subscription-img img {
  width: 96px;
  height: 96px;
  padding: 20px;
}
.modal-upgrade-subscription .modal-content .clover-upgrade-subscription-h3 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #111111;
  letter-spacing: 0.4px;
  text-align: center;
  text-transform: initial;
  margin: 48px auto 0;
}
.modal-upgrade-subscription .modal-content p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #4d5761;
  letter-spacing: 0.4px;
  text-align: center;
  text-transform: initial;
  margin: 48px auto 0;
}
.modal-upgrade-subscription .modal-content .clover-upgrade-subscription-save {
  display: block;
  border-radius: 40px;
  background-color: #349966;
  border: 2px solid #349966;
  width: 100%;
  text-align: center;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  color: #ffffff;
  height: 48px;
  padding: 10px;
  margin: 76px 0 0;
}
.modal-upgrade-subscription .modal-content .clover-upgrade-subscription-cancel {
  display: block;
  border-radius: 40px;
  background-color: #ffffff;
  border: 2px solid #349966;
  width: 100%;
  text-align: center;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  color: #349966;
  height: 48px !important;
  margin: 24px 0 0;
  cursor: pointer;
  position: initial !important;
}
.modal-upgrade-subscription .modal-content .clover-upgrade-subscription-cancel.green {
  background-color: #349966;
  border: 2px solid #349966;
  color: #ffffff;
}

@media screen and (min-width: 768px) {
  .modal-upgrade-subscription .modal-content {
    padding: 56px 50px 48px !important;
    width: 595px !important;
  }
  .modal-upgrade-subscription .modal-content .clover-upgrade-subscription-h3 {
    font-size: 3.2rem;
    line-height: 4.8rem;
    letter-spacing: 0.6px;
  }
  .modal-upgrade-subscription .modal-content p {
    font-weight: 400;
    font-size: 2rem;
    line-height: 3.2rem;
    margin: 24px auto 0;
  }
  .modal-upgrade-subscription .modal-content .clover-upgrade-subscription-save {
    width: 340px;
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 1px;
    color: #ffffff;
    height: 64px !important;
    padding: 16px 32px;
    margin: 40px auto 0;
  }
  .modal-upgrade-subscription .modal-content .clover-upgrade-subscription-cancel {
    width: 340px;
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 1px;
    color: #349966;
    height: 64px !important;
    padding: 16px 32px;
    margin: 24px auto 0;
    position: initial !important;
  }
}
#caregiver-cta-signup-learner {
  background: lightgray;
  padding: 5px;
  margin: 5px;
}

.page-template-page-gated-login {
  overflow-x: hidden;
  background-color: #f9fafb;
}
.page-template-page-gated-login .clover-login-page {
  height: auto;
  display: flex;
  position: relative;
}
.page-template-page-gated-login .clover-login-page .clover-login-right-shape {
  display: none;
}
.page-template-page-gated-login .clover-login-page .clover-login-right-shape-mobile {
  position: absolute;
  right: 0;
  top: -55px;
  width: auto;
}
.page-template-page-gated-login .clover-login-page .clover-login-left-shape {
  position: absolute;
  bottom: -40px;
  left: -50px;
  width: 100px;
  z-index: -1;
}
.page-template-page-gated-login .clover-login-page .clover-login-loggedin-left-shape {
  position: absolute;
  bottom: -40px;
  left: -50px;
  width: 100px;
  z-index: -1;
}
.page-template-page-gated-login .clover-login-page .clover-login-loggedin-main-block {
  padding: 40px 32px;
  height: auto;
  width: 100%;
  margin: 48px 16px;
  background: #ffffff;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 16px;
  z-index: 1;
}
.page-template-page-gated-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 4rem;
  line-height: 4.8rem;
  letter-spacing: 0.2px;
  text-align: center;
  text-transform: capitalize;
  color: #111111;
}
.page-template-page-gated-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-text {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  text-align: center;
  text-transform: initial;
  color: #111111;
  margin-bottom: 0;
}
.page-template-page-gated-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-clover-image {
  width: 100%;
  max-width: 312px;
  margin: 48px auto;
  display: block;
}
.page-template-page-gated-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-my4h {
  position: relative;
}
.page-template-page-gated-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-my4h #clover-login-loggedin-my4h-mx {
  max-width: 312px;
  margin: auto;
}
.page-template-page-gated-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-my4h #clover-login-loggedin-hr {
  position: absolute;
  left: -32px;
  right: -32px;
  margin: 0;
  border: none;
  height: 1px;
  background-color: #e5e7eb;
}
.page-template-page-gated-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-my4h .clover-login-loggedin-my4h-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  text-transform: initial;
  color: #111111;
  padding-top: 32px;
  padding-bottom: 18px;
  margin-bottom: 0;
}
.page-template-page-gated-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-my4h .clover-login-loggedin-links {
  display: block;
  width: fit-content;
  margin-bottom: 24px;
  display: flex;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
}
.page-template-page-gated-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-my4h .clover-login-loggedin-links img {
  margin-right: 16px;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block {
  display: block;
  padding: 40px 32px;
  height: auto;
  width: 100%;
  margin: 48px 16px;
  background: #ffffff;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 16px;
  z-index: 1;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block p {
  margin: 0;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-title {
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  font-weight: 900;
  font-family: "4H Gilroy", Arial, sans-serif;
  text-align: center;
  text-transform: initial;
  color: #111111;
  margin-bottom: 24px;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-text {
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  font-weight: 500;
  font-family: "4H Gilroy", Arial, sans-serif;
  text-align: center;
  text-transform: initial;
  color: #111111;
  margin-bottom: 24px;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-text-success {
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  font-weight: 300;
  font-family: #349966;
  text-align: center;
  text-transform: initial;
  color: #111111;
  margin-bottom: 12px;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-text-1 {
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  font-weight: 500;
  font-family: "4H Gilroy", Arial, sans-serif;
  text-align: center;
  text-transform: initial;
  color: #111111;
  margin-bottom: 0;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-text-login-icons {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.4px;
  font-family: "4H Gilroy", Arial, sans-serif;
  text-align: center;
  text-transform: initial;
  color: #111111;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-login-btn {
  background-color: #349966;
  padding: 16px 32px;
  border-radius: 40px;
  height: 48px;
  width: 100%;
  margin: 0 auto 24px;
  display: block;
  color: #ffffff;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-signup {
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  font-weight: 900;
  font-family: "4H Gilroy", Arial, sans-serif;
  text-align: center;
  text-transform: initial;
  color: #111111;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .mo-openid-app-icons {
  display: none !important;
  margin: 0 auto -24px;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .mo-openid-app-icons a {
  margin-left: 0 !important;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .mo-openid-app-icons .mo_btn-social {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem !important;
  line-height: 1.4rem !important;
  letter-spacing: 1px !important;
  text-transform: uppercase;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 {
  display: block;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .clover-login-social-login {
  margin: auto;
  max-width: 343px;
  width: 100%;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .clover-login-social-login .nsl-container-block .nsl-container-buttons {
  max-width: 343px;
  width: 100%;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .clover-login-social-login .nsl-container-block a {
  max-width: 343px;
  width: 100%;
  height: 64px;
  border: 2px solid #9da4ae;
  border-radius: 40px;
  line-height: 24px;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .clover-login-social-login .nsl-container-block a:first-child {
  margin: 0 0 8px;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .clover-login-social-login .nsl-container-block a:last-child {
  margin: 8px 0 0;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .clover-login-social-login .nsl-container-block .nsl-button {
  display: flex;
  flex-direction: row-reverse;
  color: #111111;
  box-shadow: none;
  justify-content: center;
  border-radius: 40px;
  height: 60px;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .clover-login-social-login .nsl-container-block .nsl-button .nsl-button-svg-container {
  flex: none;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .clover-login-social-login .nsl-container-block .nsl-button .nsl-button-svg-container {
  padding: 8px 0 8px 8px;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .clover-login-social-login .nsl-container-block .nsl-button .nsl-button-label-container {
  font-weight: 900;
  font-size: 18px;
  font-family: "4H Gilroy", Arial, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  flex: inherit;
  margin: 0 8px 0 0;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 br {
  display: none;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .mo_image_id {
  display: none;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .mo_btn-block {
  width: auto;
  margin: auto;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #111111;
  padding-left: 0 !important;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .mo_btn-social > img {
  position: relative !important;
  width: 24px;
  height: 24px;
  left: 16px;
  vertical-align: top;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form {
  width: auto;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form #field_0_3 {
  display: none;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form #gform_submit_button_0 {
  width: 100% !important;
  height: 48px;
  padding: 0;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form #gform_submit_button_0:hover {
  background-color: #349966;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form #gform_fields_login #field_0_1 .validation_message {
  margin-bottom: -16px;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form #gform_fields_login .gfield {
  margin-bottom: 16px;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form #gform_fields_login .gfield .validation_message {
  margin-top: 0;
  margin-bottom: -10px;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form #gform_fields_login .gfield_label {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  color: #2d3648;
  margin: 0;
  margin-bottom: 4px !important;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 #clover_login_page_recover_password {
  display: table;
  margin: 0 auto 16px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 #field_0_2 .ginput_container_text {
  position: relative;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 #field_0_2 .ginput_container_text #input_2 {
  padding-right: 56px;
}
.page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 #field_0_2 .ginput_container_text .clover-login-show-hide-icon {
  position: absolute;
  right: 25px;
  top: 17px;
  cursor: pointer;
}

@media screen and (min-width: 832px) {
  .page-template-page-gated-login #clover_login_page_logged_in {
    height: auto !important;
  }
  .page-template-page-gated-login .clover-login-page {
    height: 747px;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-right-shape {
    display: block;
    position: absolute;
    right: 0;
    top: -50px;
    width: 250px;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-right-shape-mobile {
    display: none;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-left-shape {
    bottom: -40px;
    width: 300px;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-loggedin-left-shape {
    bottom: 29px;
    width: 300px;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-loggedin-main-block {
    width: 488px;
    height: 674px;
    margin: 96px auto;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-title {
    font-size: 4.8rem;
    line-height: 5.6rem;
    letter-spacing: 0.6px;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-text {
    font-size: 2.8rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-clover-image {
    width: auto;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-loggedin-main-block .clover-login-loggedin-my4h .clover-login-loggedin-my4h-title {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
    padding-top: 38px;
    padding-bottom: 32px;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-main-block {
    height: min-content;
    width: 800px;
    margin: 30px auto;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-title {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-text {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
    margin-bottom: 32px;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-text-success {
    line-height: 3.2rem;
    font-style: italic;
    font-size: 1.8rem;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-text-1 {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-login-btn {
    height: 64px;
    width: 343px;
    font-size: 2rem;
    line-height: 3.2rem;
    margin: 0 auto 32px;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-signup {
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .mo_btn-block {
    max-width: 343px;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form {
    max-width: 343px;
    margin: auto;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 .gf_login_form #gform_submit_button_0 {
    max-width: 343px;
    height: 64px;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-main-block .clover-login-page-step-1 #clover_login_page_recover_password {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}
@media screen and (min-width: 1280px) {
  .page-template-page-gated-login .clover-login-page .clover-login-right-shape {
    top: -30px;
    width: auto;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-left-shape {
    bottom: -80px;
    width: auto;
  }
  .page-template-page-gated-login .clover-login-page .clover-login-loggedin-left-shape {
    width: auto;
  }
}
.page-template-page-extension-dashboard {
  background-color: #fcfcfd;
}
.page-template-page-extension-dashboard.wait .my-account-tab-content .tab-body::after {
  background: url(../images/loader.gif);
  content: "";
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(16, 24, 40, 0.2);
  border-radius: 8px;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.page-template-page-extension-dashboard #app main-component {
  display: flex;
  flex-direction: column;
}
.page-template-page-extension-dashboard .select2-container--default .select2-selection--single {
  border-radius: 40px;
  border: 2px solid #9da4ae;
  padding: 12px 24px;
  height: 58px;
  border-bottom-left-radius: 40px !important;
  border-bottom-right-radius: 40px !important;
}
.page-template-page-extension-dashboard .select2-container--default .select2-selection--single:focus {
  border-color: #349966;
}
.page-template-page-extension-dashboard .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: black;
}
.page-template-page-extension-dashboard .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 16px;
  content: "";
  background-image: url(/wp-content/themes/4h/assets/images/icons/chevron-down.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  border: none;
  display: block;
  height: 2.4rem;
  margin-top: 0;
  right: 2.1rem;
  transform: rotate(0);
  transform-origin: 50% 50%;
  width: 2.4rem;
  transition: all 0.15s ease-in-out;
}
.page-template-page-extension-dashboard .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.page-template-page-extension-dashboard .select2-container--open .select2-selection .select2-selection__arrow {
  transform: rotate(180deg) !important;
}
.page-template-page-extension-dashboard .select2-container--open .select2-selection .select2-selection__arrow b {
  display: none;
}
.page-template-page-extension-dashboard #extension-state {
  max-width: 350px;
}
.page-template-page-extension-dashboard .my-account-outter {
  padding: 40px 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 700px) {
  .page-template-page-extension-dashboard .my-account-outter {
    align-items: unset;
  }
}
.page-template-page-extension-dashboard .my-account-outter .left-side {
  float: left;
}
.page-template-page-extension-dashboard .my-account-outter .left-side .my-account-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 3.2rem;
  line-height: 4rem;
  letter-spacing: 0.006em;
  text-align: left;
  text-transform: capitalize;
  color: #111111;
  margin-bottom: 8px;
}
.page-template-page-extension-dashboard .my-account-outter .left-side .welcome-name {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.006em;
  color: #111111;
  margin-bottom: 6px;
}
.page-template-page-extension-dashboard .my-account-outter .left-side .welcome-name span {
  font-weight: 900;
}
.page-template-page-extension-dashboard .my-account-outter .right-side {
  display: flex;
  justify-content: space-between;
}
.page-template-page-extension-dashboard .my-account-outter .right-side a {
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.page-template-page-extension-dashboard .my-account-outter .right-side a i {
  margin-right: 12px;
}
.page-template-page-extension-dashboard .my-account-nav {
  padding: 0px 80px;
}
.page-template-page-extension-dashboard .my-account-nav .my-account-inner-box-nav {
  position: relative;
}
.page-template-page-extension-dashboard .my-account-nav .my-account-inner-box-nav .my-account-inner-box-nav-ul {
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  display: inline-block;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-bottom: -8px;
}
.page-template-page-extension-dashboard .my-account-nav .my-account-inner-box-nav .my-account-inner-box-nav-ul .my-account-inner-box-nav-li {
  display: inline-block;
  padding: 8px 18px;
  margin: 0;
  cursor: pointer;
  border-bottom: 4px solid transparent;
}
.page-template-page-extension-dashboard .my-account-nav .my-account-inner-box-nav .my-account-inner-box-nav-ul .my-account-inner-box-nav-li span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 2.4rem;
  letter-spacing: 1.6px;
  color: #6c737f;
  text-transform: uppercase;
}
.page-template-page-extension-dashboard .my-account-nav .my-account-inner-box-nav .my-account-inner-box-nav-ul .my-account-inner-box-nav-li span:hover {
  color: #111111;
}
.page-template-page-extension-dashboard .my-account-nav .my-account-inner-box-nav .my-account-inner-box-nav-ul .my-account-inner-box-nav-li:nth-child(2) {
  margin-left: 20px;
  margin-right: 20px;
}
.page-template-page-extension-dashboard .my-account-nav .my-account-inner-box-nav .my-account-inner-box-nav-ul .ma-active-li {
  border-bottom: 4px solid #349966;
}
.page-template-page-extension-dashboard .my-account-nav .my-account-inner-box-nav .my-account-inner-box-nav-ul .ma-active-li span {
  color: #111111;
}
.page-template-page-extension-dashboard .my-account-nav .my-account-inner-box-nav .my-account-inner-box-nav-ul::-webkit-scrollbar {
  display: none;
}
.page-template-page-extension-dashboard .my-account-nav .my-account-inner-box-nav .date-extension {
  position: absolute;
  right: 0px;
  bottom: 10px;
  padding: 16px 22px;
  border: 1px solid #e5e7eb;
  border-radius: 56px;
  display: flex;
  gap: 20px;
  cursor: pointer;
}
.page-template-page-extension-dashboard .my-account-nav .my-account-inner-box-nav .date-extension .datepicket-extension {
  border: none;
  cursor: pointer;
}
.page-template-page-extension-dashboard .my-account-nav .my-account-inner-box-nav .date-extension .datepicket-extension:focus-visible {
  outline: none;
}
.page-template-page-extension-dashboard .my-account-nav .extension-filters {
  padding: 15px 0px;
}
.page-template-page-extension-dashboard .my-account-nav .extension-filters .select-wrapper {
  display: inline-block;
  position: relative;
  width: 240px;
  max-width: 240px;
}
@media screen and (max-width: 1280px) {
  .page-template-page-extension-dashboard .my-account-nav .extension-filters .select-wrapper {
    width: 100%;
    max-width: 100%;
    margin-right: 0px;
  }
}
.page-template-page-extension-dashboard .my-account-nav .extension-filters .select-wrapper.waiting::after {
  background: url(../images/loader.gif);
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.page-template-page-extension-dashboard .my-account-nav .extension-filters #extension-county {
  width: 100%;
}
.page-template-page-extension-dashboard .my-account-nav .extension-filters .extension-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 2px solid #9da4ae;
  border-radius: 4rem;
  color: #111;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  height: 5.6rem;
  margin: 0;
  outline: none;
  padding: 0 2.4rem;
  margin-right: 8px;
  background-image: url("../images/icons/select-down-arrow.svg");
  background-repeat: no-repeat;
  background-position: 90% center;
  background-size: 16px;
  padding-right: 6rem;
}
@media screen and (max-width: 1280px) {
  .page-template-page-extension-dashboard .my-account-nav .extension-filters .extension-select {
    margin-right: 0px;
    margin-bottom: 8px;
  }
}
.page-template-page-extension-dashboard .my-account-nav .extension-filters .ext-active-filter {
  border: 2px solid #349966 !important;
}
.page-template-page-extension-dashboard .my-account-nav .extension-filters .apply-filter-extension {
  padding: 16px 32px;
  background-color: #349966;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  border-radius: 40px;
  padding-bottom: 12px;
  margin: 1rem 0 0;
}
.page-template-page-extension-dashboard .my-account-nav .extension-filters .apply-filter-extension.filter-disabled {
  background-color: #e5e7eb;
}
.page-template-page-extension-dashboard .my-account-nav .extension-filters .extension-clear-all {
  display: none;
  border-bottom: 2px solid #349966;
  color: #349966;
  cursor: pointer;
  font-weight: 700;
  font-family: "4H Gilroy", Arial, sans-serif;
  letter-spacing: 0.4px;
  text-transform: none;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-left: 10px;
  padding-top: 24px;
  margin-bottom: 16px;
  width: fit-content;
}
.page-template-page-extension-dashboard .mobile-btns {
  display: none;
}
.page-template-page-extension-dashboard .my-account-tab-content {
  padding: 0px 80px;
}
.page-template-page-extension-dashboard .my-account-tab-content .my-account-tab-block {
  display: none;
}
.page-template-page-extension-dashboard .my-account-tab-content .my-account-tab-block.active {
  display: block;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body {
  display: none;
  position: relative;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header {
  display: flex;
  margin-left: -8px;
  margin-right: -8px;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .extension-box {
  background: #ffffff;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  border-radius: 8px;
  padding: 24px 18px;
  margin-left: 8px;
  margin-right: 8px;
  height: 130px;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .extension-box span {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 18px;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .extension-box .v-btn__content {
  margin-bottom: 0;
  font-weight: 500;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .extension-box h4 {
  font-weight: 900;
  font-size: 3.2rem;
  line-height: 4rem;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .extension-box h4 span {
  font-weight: 500;
  margin-left: 8px;
  text-transform: capitalize;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .total-users {
  width: 270px;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .users-by-type {
  width: calc(100% - 270px);
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .users-by-type .span-margin-left {
  margin-left: 48px;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .users-by-type .by-type {
  display: flex;
  height: 60px;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .users-by-type .by-type span {
  margin-left: 48px;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .users-by-type .by-type .extitle-style {
  width: 33%;
  font-weight: 900;
  font-size: 3.2rem;
  line-height: 4rem;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .users-by-type .by-type .extitle-style span {
  font-weight: 500;
  margin-left: 8px;
  text-transform: capitalize;
}
@media screen and (max-width: 768px) {
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .users-by-type .by-type .extitle-style {
    width: 100%;
  }
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .users-by-type .by-type .exinfo-margin-left {
  margin-left: 48px;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .users-by-type .by-type .separator {
  border-right: 2px #e5e7eb solid;
}
@media screen and (max-width: 1050px) {
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .users-by-type {
    width: 100% !important;
    padding: 24px 18px !important;
  }
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .activities-box {
  width: 33%;
  height: 80px;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .activities-box h4 {
  color: #349966;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .activities-box h4 span {
  color: #111111;
  font-weight: 700;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .extension-users-data {
  display: flex;
  margin-top: 28px;
  margin-bottom: 48px;
  margin-left: -8px;
  margin-right: -8px;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .extension-users-data .extension-box {
  background: #ffffff;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  border-radius: 8px;
  padding: 24px 24px;
  margin-left: 8px;
  margin-right: 8px;
  width: 50%;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .extension-users-data .extension-box span {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 18px;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .extension-users-data .extension-box .v-btn__content {
  margin-bottom: 0;
  font-weight: 500;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .extension-users-data .extension-box .extension-table-header {
  padding-top: 8px;
  width: inherit !important;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .extension-users-data .extension-box .extension-table-header th {
  padding-left: 0px;
  color: #111111;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2.4rem;
  border: none;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .extension-users-data .extension-box .extension-table-header th.sorting {
  background: none;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .extension-users-data .extension-box .extension-table-header th::before {
  content: none !important;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .extension-users-data .extension-box .extension-table-header th::after {
  content: none !important;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .extension-users-data .extension-box .extension-table-header .sort-icon {
  position: relative;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .extension-users-data .extension-box .extension-table-header .sort-icon::before {
  bottom: 50%;
  content: "▲";
  position: absolute;
  display: block;
  opacity: 0.125;
  right: -20px;
  line-height: 9px;
  font-size: 0.8em;
  margin-bottom: 1px;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .extension-users-data .extension-box .extension-table-header .sort-icon::after {
  top: 50%;
  content: "▼";
  position: absolute;
  display: block;
  opacity: 0.125;
  right: -20px;
  line-height: 9px;
  font-size: 0.8em;
  margin-top: 1px;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .extension-users-data .extension-box .extension-table-header .sorting_asc .sort-icon::before {
  opacity: 0.6 !important;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .extension-users-data .extension-box .extension-table-header .sorting_desc .sort-icon::after {
  opacity: 0.6 !important;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .extension-users-data .extension-box tbody td {
  padding-left: 0px;
  color: #111111;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding-top: 10px;
  padding-bottom: 10px;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .table-title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  margin-bottom: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body th.sorting {
  background: none;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .your-activities-mobile-wrapper {
  display: none;
}
@media screen and (max-width: 1280px) {
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body .your-activities-mobile-wrapper {
    display: block;
  }
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .your-activities-desktop-wrapper {
  display: block;
}
@media screen and (max-width: 1280px) {
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body .your-activities-desktop-wrapper {
    display: none;
  }
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .your-activities {
  display: block;
  margin-top: 28px;
  margin-bottom: 48px;
  margin-right: 8px;
  margin-left: 8px;
  padding: 24px 24px;
  background: #ffffff;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  border-radius: 8px;
  width: 100%;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .your-activities .no-activities {
  max-width: 760px;
  height: 450px;
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  margin: 0 auto;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .your-activities .no-activities h3 {
  font-size: 3.2rem;
  line-height: 3.2rem;
  margin-bottom: 7px;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .your-activities .no-activities p {
  font-size: 2rem;
  line-height: 3.2rem;
  margin-bottom: 7px;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .your-activities .no-activities a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 68px;
  gap: 10px;
  background: #349966;
  border-radius: 40px;
  font-weight: 900;
  font-size: 2rem;
  line-height: 3.2rem;
  color: #ffffff;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .your-activities .extension-table-header {
  padding-top: 8px;
  width: 100%;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .your-activities .extension-table-header th {
  padding: 23px 10px;
  color: #111111;
  background-color: #f9fafb;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  border: none;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body .your-activities tbody td {
  padding-left: 0px;
  color: #111111;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.4rem;
  padding-top: 10px;
  padding-bottom: 10px;
}
.page-template-page-extension-dashboard .my-account-tab-content .tab-body.active {
  display: block;
}

@media screen and (max-width: 1280px) {
  .page-template-page-extension-dashboard .my-account-outter {
    padding: 12px;
    flex-direction: column;
  }
  .page-template-page-extension-dashboard .my-account-outter .left-side .my-account-title {
    font-size: 2.4rem;
  }
  .page-template-page-extension-dashboard .my-account-outter .left-side .welcome-name {
    font-size: 1.6rem;
    font-weight: 500;
  }
  .page-template-page-extension-dashboard .my-account-outter .right-side {
    margin: 20px auto 20px 0;
  }
  .page-template-page-extension-dashboard .my-account-nav {
    padding: 12px;
    display: flex;
    flex-direction: column;
  }
  .page-template-page-extension-dashboard .my-account-nav .my-account-inner-box-nav {
    display: flex;
    flex-direction: column;
    order: 2;
  }
  .page-template-page-extension-dashboard .my-account-nav .my-account-inner-box-nav .my-account-inner-box-nav-ul {
    order: 2;
  }
  .page-template-page-extension-dashboard .my-account-nav .my-account-inner-box-nav .date-extension {
    position: relative;
    width: fit-content;
    padding: 16px;
    display: none;
  }
  .page-template-page-extension-dashboard .my-account-nav .my-account-inner-box-nav .date-extension .datepicket-extension,
  .page-template-page-extension-dashboard .my-account-nav .my-account-inner-box-nav .date-extension .ico-green-down-arrow {
    display: none;
  }
  .page-template-page-extension-dashboard .my-account-nav .my-account-inner-box-nav .filter-extension {
    position: relative;
    width: fit-content;
    padding: 16px;
  }
  .page-template-page-extension-dashboard .right-side {
    width: 100%;
  }
  .page-template-page-extension-dashboard .right-side .mobile-btns {
    display: flex;
  }
  .page-template-page-extension-dashboard .right-side .mobile-btns .mobile-date-extension {
    border: 1px solid #e5e7eb;
    border-radius: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-right: 8px;
  }
  .page-template-page-extension-dashboard .right-side .mobile-btns .mobile-date-extension i {
    width: 24px !important;
    height: 24px !important;
    margin-right: 0px !important;
    background: url(../images/icons/calendar-green.svg) no-repeat 50%;
    display: block;
  }
  .page-template-page-extension-dashboard .right-side .mobile-btns .mobile-filter-extension,
  .page-template-page-extension-dashboard .right-side .mobile-btns .mobile-filter-extension2 {
    width: 56px;
    height: 56px;
    border: 1px solid #e5e7eb;
    border-radius: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .page-template-page-extension-dashboard .right-side .mobile-btns .mobile-filter-extension i,
  .page-template-page-extension-dashboard .right-side .mobile-btns .mobile-filter-extension2 i {
    width: 24px !important;
    height: 24px !important;
    margin-right: 0px !important;
  }
  .page-template-page-extension-dashboard .right-side .mobile-btns .mobile-filter-extension2 {
    display: none;
  }
  .page-template-page-extension-dashboard .extension-filters {
    order: 1;
    display: none;
  }
  .page-template-page-extension-dashboard .extension-filters .apply-filter-extension {
    margin-top: 20px;
  }
  .page-template-page-extension-dashboard .my-account-tab-content {
    padding: 12px;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header {
    flex-direction: column;
    width: 100%;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .extension-box {
    width: 100%;
    height: auto;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .extension-box.users-by-type {
    margin-top: 20px;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .extension-box .span-margin-left {
    margin-left: 0;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .extension-box .by-type {
    flex-direction: column;
    height: auto;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .extension-box .by-type h4 {
    margin-bottom: 0;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .extension-box .by-type .separator {
    border-right: 0;
    margin-bottom: 24px;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body .tab-header .extension-box .by-type .exinfo-margin-left {
    margin-left: 0;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body .extension-users-data {
    flex-direction: column;
    padding-right: 12px;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body .extension-users-data .extension-box {
    width: 100%;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body #your-activities-mobile {
    display: block;
    background: #ffffff;
    box-shadow: 0px 4px 12px 0px rgba(16, 24, 40, 0.1019607843);
    border-radius: 8px;
    width: 100%;
    margin: 28px 8px 48px;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body #your-activities-mobile table {
    display: block;
    padding: 16px;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body #your-activities-mobile table tbody {
    display: block;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body #your-activities-mobile table tbody tr {
    display: flex;
    width: 100%;
    margin-bottom: 4px;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body #your-activities-mobile table tbody tr td {
    display: block;
    padding: 8px 12px;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body #your-activities-mobile table tbody tr .your-activities-mobile-title {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: 125px;
    background-color: #f3f4f6;
    font-weight: 700;
    font-family: "4H Gilroy", Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.4px;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body #your-activities-mobile table tbody tr .your-activities-mobile-value {
    display: flex;
    align-items: center;
    line-break: anywhere;
    padding-left: 16px;
    font-weight: 400;
    font-family: "4H Gilroy", Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.4px;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body #your-activities-mobile table tbody tr .your-activities-mobile-value a {
    cursor: pointer;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body #your-activities-mobile hr {
    width: calc(100% - 32px);
    border: 1px solid #e5e7eb;
    margin: 0 auto;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body #your-activities-mobile hr:last-child {
    display: none;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body #your-activities-mobile .mobile-loading-message {
    font-weight: 400;
    font-family: "4H Gilroy", Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.4px;
    text-align: center;
    display: block;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body .your-activities .no-activities h3 {
    font-size: 2.4rem;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body .your-activities .no-activities p {
    font-size: 1.8rem;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body .your-activities .no-activities a {
    font-size: 2rem;
    width: 100%;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body:nth-child(2) .tab-header {
    gap: 20px;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body:nth-child(2) .tab-header .extension-box {
    background: none;
    height: auto;
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
    padding: 10px;
    display: flex;
    align-items: center;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body:nth-child(2) .tab-header .extension-box h4 {
    margin-bottom: 0;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body:nth-child(2) .tab-header .extension-box h4 span {
    margin-bottom: 0;
    font-weight: 700;
  }
  .page-template-page-extension-dashboard .my-account-tab-content .tab-body:nth-child(2) .extension-users-data {
    gap: 20px;
  }
}
.page-template-page-extension-manage-users .extension-manager-users {
  padding: 60px 80px;
}
.page-template-page-extension-manage-users .extension-manager-users .back-home {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #111111;
  margin-bottom: 57px;
}
.page-template-page-extension-manage-users .extension-manager-users .back-home i {
  margin-right: 16px;
}
.page-template-page-extension-manage-users .extension-manager-users .extension-user-header {
  display: inline-block;
  width: 100%;
}
.page-template-page-extension-manage-users .extension-manager-users .extension-user-header .left-side {
  float: left;
}
.page-template-page-extension-manage-users .extension-manager-users .extension-user-header .left-side .your-account {
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 4rem;
  float: left;
  text-transform: none;
  margin-bottom: 0px;
  margin-right: 22px;
}
.page-template-page-extension-manage-users .extension-manager-users .extension-user-header .left-side .your-account span {
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 400;
  margin-left: 16px;
}
.page-template-page-extension-manage-users .extension-manager-users .extension-user-header .left-side .edit-btn {
  padding: 10px 32px;
  background-color: #349966;
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 2.4rem;
  border-radius: 40px;
  text-transform: uppercase;
  float: left;
}
.page-template-page-extension-manage-users .extension-manager-users .extension-user-header .right-side {
  float: right;
  width: 210px;
}
.page-template-page-extension-manage-users .extension-manager-users .extension-user-header .right-side a {
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.page-template-page-extension-manage-users .extension-manager-users .extension-user-header .right-side a i {
  margin-right: 12px;
}
.page-template-page-extension-manage-users .extension-manager-users .extension-user-body-mobile {
  display: none;
}
.page-template-page-extension-manage-users .extension-manager-users .extension-user-body {
  display: block;
  width: 100%;
  background-color: #ffffff;
  padding: 32px 24px;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  border-radius: 8px;
  margin-bottom: 86px;
  margin-top: 36px;
}
.page-template-page-extension-manage-users .extension-manager-users .extension-user-body .extension-table-header {
  background-color: #f9fafb;
  padding: 16px 12px;
  width: 100%;
}
.page-template-page-extension-manage-users .extension-manager-users .extension-user-body .extension-table-header td {
  color: #111111;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.page-template-page-extension-manage-users .extension-manager-users .extension-user-body .extension-table-header td::before {
  content: "" !important;
}
.page-template-page-extension-manage-users .extension-manager-users .extension-user-body .extension-table-header td::after {
  content: "" !important;
}
.page-template-page-extension-manage-users .extension-manager-users .extension-user-body .extension-table-header .sort-icon {
  position: relative;
}
.page-template-page-extension-manage-users .extension-manager-users .extension-user-body .extension-table-header .sort-icon::before {
  bottom: 50%;
  content: "▲";
  position: absolute;
  display: block;
  opacity: 0.125;
  right: -20px;
  line-height: 9px;
  font-size: 0.8em;
}
.page-template-page-extension-manage-users .extension-manager-users .extension-user-body .extension-table-header .sort-icon::after {
  top: 50%;
  content: "▼";
  position: absolute;
  display: block;
  opacity: 0.125;
  right: -20px;
  line-height: 9px;
  font-size: 0.8em;
}
.page-template-page-extension-manage-users .extension-manager-users .extension-user-body .extension-table-header .sorting_asc .sort-icon::before {
  opacity: 0.6 !important;
}
.page-template-page-extension-manage-users .extension-manager-users .extension-user-body .extension-table-header .sorting_desc .sort-icon::after {
  opacity: 0.6 !important;
}
.page-template-page-extension-manage-users .your-lgu-header {
  text-align: left !important;
  margin-bottom: 40px !important;
}
.page-template-page-extension-manage-users .extension-input .gfield_label {
  float: left;
}
.page-template-page-extension-manage-users .extension-input .gfield_required {
  display: none;
}
.page-template-page-extension-manage-users .change-password {
  display: flex;
  justify-content: left;
  color: #111111;
  font-weight: 700;
  font-size: 2rem;
  line-height: 3.2rem;
  padding-top: 53px;
}
.page-template-page-extension-manage-users .change-password i {
  filter: brightness(0) saturate(100%) invert(33%) sepia(74%) saturate(2223%) hue-rotate(330deg) brightness(100%) contrast(93%);
  width: 28px;
  height: 28px;
  margin: unset;
  margin-right: 8px;
}
.page-template-page-extension-manage-users .modal-existing-learner .gform_button {
  height: 6.4rem;
  width: 180px;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 2rem;
}
.page-template-page-extension-manage-users .modal-existing-learner #gform_126 .ginput_container_password .gform_show_password {
  margin-top: -2px !important;
  color: #349966 !important;
}
.page-template-page-extension-manage-users .modal-existing-learner #gform_126 .ginput_container_password label {
  display: block;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-align: left;
  margin-bottom: 8px;
}
.page-template-page-extension-manage-users .modal-existing-learner #gform_127 {
  margin: 16px;
}
.page-template-page-extension-manage-users .modal-existing-learner #gform_127 .gform_button {
  width: 340px;
}
.page-template-page-extension-manage-users .modal-existing-learner #gform_128 {
  margin: 18px;
}
.page-template-page-extension-manage-users .modal-existing-learner #gform_128 .ginput_container_password .gform_show_password {
  margin-top: -2px !important;
  color: #349966 !important;
}
.page-template-page-extension-manage-users .modal-existing-learner #gform_128 .ginput_container_password label {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-align: left;
  margin-bottom: 8px;
}
.page-template-page-extension-manage-users .modal-existing-learner .extension-success-messages {
  display: none;
  background-color: #d4edda;
  border-color: #c3e6cb;
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  margin-bottom: 35px;
}
.page-template-page-extension-manage-users .modal-existing-learner .extension-success-messages span {
  color: #155724 !important;
}
.page-template-page-extension-manage-users .modal-existing-learner .extension-updated-success-messages {
  display: none;
  background-color: #d4edda;
  border-color: #c3e6cb;
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  margin-bottom: 35px;
}
.page-template-page-extension-manage-users .modal-existing-learner .extension-updated-success-messages span {
  color: #155724 !important;
}
.page-template-page-extension-manage-users .modal-existing-learner .extension-display-messageu {
  display: block !important;
}
.page-template-page-extension-manage-users .modal-existing-learner .user-created-confirmation-message {
  display: block !important;
}
.page-template-page-extension-manage-users .modal-existing-learner .user-updated-confirmation-message {
  display: block !important;
}
.page-template-page-extension-manage-users .modal-existing-learner .extension-display-messagep {
  display: block !important;
}
.page-template-page-extension-manage-users .modal-existing-learner .align-left-label label {
  margin-right: 99.9%;
}
.page-template-page-extension-manage-users .modal-remove-user {
  padding: 120px;
}
.page-template-page-extension-manage-users .modal-remove-user h3 {
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 40px;
}
.page-template-page-extension-manage-users .modal-remove-user p {
  margin-bottom: 40px !important;
}
.page-template-page-extension-manage-users .modal-remove-user .extension-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 900;
  font-size: 2rem;
  line-height: 3.2rem;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0px;
}
.page-template-page-extension-manage-users .modal-remove-user .extension-btns .go-back {
  color: #111111;
  padding: 16px 32px;
  margin-left: 12px;
  margin-right: 12px;
  position: unset !important;
  right: unset !important;
  top: unset !important;
}
.page-template-page-extension-manage-users .modal-remove-user .extension-btns .remove-btn {
  padding: 16px 32px;
  background-color: #349966;
  color: #ffffff;
  border-radius: 40px;
  letter-spacing: 1px;
  margin-left: 12px;
  margin-right: 12px;
}
@media screen and (max-width: 768px) {
  .page-template-page-extension-manage-users .extension-manager-users {
    padding: 42px 16px;
  }
  .page-template-page-extension-manage-users .extension-manager-users .back-home {
    margin-bottom: 22px;
  }
  .page-template-page-extension-manage-users .extension-manager-users .extension-user-header .left-side .your-account {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: 8px;
  }
  .page-template-page-extension-manage-users .extension-manager-users .extension-user-header .left-side .your-account span {
    margin-left: 0px;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-extension-manage-users .extension-manager-users .extension-user-header .right-side {
    margin-top: 46px;
    float: left;
  }
  .page-template-page-extension-manage-users .extension-manager-users .extension-user-body-mobile {
    display: block !important;
    box-shadow: 0px 4px 12px 0px rgba(16, 24, 40, 0.1019607843);
    border-radius: 8px;
  }
  .page-template-page-extension-manage-users .extension-manager-users .extension-user-body-mobile table {
    display: block;
    padding: 16px;
  }
  .page-template-page-extension-manage-users .extension-manager-users .extension-user-body-mobile table tbody {
    display: block;
  }
  .page-template-page-extension-manage-users .extension-manager-users .extension-user-body-mobile table tbody tr {
    display: flex;
    width: 100%;
    margin-bottom: 4px;
  }
  .page-template-page-extension-manage-users .extension-manager-users .extension-user-body-mobile table tbody tr td {
    display: block;
    padding: 8px 12px;
  }
  .page-template-page-extension-manage-users .extension-manager-users .extension-user-body-mobile table tbody tr .manage-users-mobile-title {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: 120px;
    background-color: #f3f4f6;
    font-weight: 700;
    font-family: "4H Gilroy", Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.4px;
  }
  .page-template-page-extension-manage-users .extension-manager-users .extension-user-body-mobile table tbody tr .manage-users-mobile-value {
    display: flex;
    align-items: center;
    line-break: anywhere;
    padding-left: 16px;
    font-weight: 400;
    font-family: "4H Gilroy", Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.4px;
  }
  .page-template-page-extension-manage-users .extension-manager-users .extension-user-body-mobile table tbody tr .manage-users-mobile-value a {
    cursor: pointer;
  }
  .page-template-page-extension-manage-users .extension-manager-users .extension-user-body-mobile hr {
    width: calc(100% - 32px);
    border: 1px solid #e5e7eb;
    margin: 0 auto;
  }
  .page-template-page-extension-manage-users .extension-manager-users .extension-user-body-mobile hr:last-child {
    display: none;
  }
  .page-template-page-extension-manage-users .extension-manager-users .extension-user-body-mobile .mobile-loading-message {
    font-weight: 400;
    font-family: "4H Gilroy", Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.4px;
    text-align: center;
    display: block;
  }
  .page-template-page-extension-manage-users .extension-manager-users .extension-user-body {
    display: none !important;
    margin-top: 22px;
    margin-bottom: 40px;
  }
  .page-template-page-extension-manage-users .change-password {
    padding-top: 0;
  }
  .page-template-page-extension-manage-users .modal-existing-learner .gform_button {
    width: 100%;
  }
  .page-template-page-extension-manage-users .modal-existing-learner #gform_126 .ginput_container_password label {
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .page-template-page-extension-manage-users .modal-existing-learner #gform_128 .ginput_container_password label {
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .page-template-page-extension-manage-users .modal-existing-learner #gform_127 .gform_button {
    width: 100%;
  }
}

.password-validations-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.4px;
  margin-bottom: 32px;
  text-transform: initial;
}

.password-validations-text {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #111111;
  text-transform: initial;
}

#achievements-page {
  min-height: 100vh;
}
#achievements-page .achievements-hero-section {
  position: relative;
  min-height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#achievements-page .achievements-hero-section .achievements-top-left-shape-mobile {
  position: absolute;
  top: 0;
  left: 0;
}
#achievements-page .achievements-hero-section .achievements-top-left-shape {
  display: none;
}
#achievements-page .achievements-hero-section .achievements-slanted-header {
  background-color: #f54359;
  color: #fff;
  line-height: 1rem;
}
#achievements-page .achievements-pins-earned-section {
  padding: 0px;
}
#achievements-page .achievements-pins-earned-section .completed-achievements {
  display: none;
}
#achievements-page .achievements-pins-earned-section .completed-achievements h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  font-weight: 900;
  text-align: center;
  text-transform: none;
  padding: 0 20px;
}
#achievements-page .achievements-pins-earned-section .completed-achievements .gamipress-achievements-list {
  width: 90%;
  margin: auto;
}
#achievements-page .achievements-pins-earned-section .completed-achievements .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
#achievements-page .achievements-pins-earned-section .completed-achievements .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .gamipress-achievement-image {
  width: auto !important;
  padding-right: 0 !important;
}
#achievements-page .achievements-pins-earned-section .completed-achievements .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .gamipress-achievement-image img {
  width: 130px;
  height: 140px;
}
#achievements-page .achievements-pins-earned-section .completed-achievements .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .gamipress-achievement-description {
  width: 100% !important;
  text-align: center;
}
#achievements-page .achievements-pins-earned-section .completed-achievements .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .gamipress-achievement-description .gamipress-achievement-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  margin-top: 20px;
}
#achievements-page .achievements-pins-earned-section .no-completed-achievements {
  display: none;
  margin: 20px auto;
  width: 90%;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%23E0DED8FF' stroke-width='6' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 24px;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  min-height: 500px;
}
#achievements-page .achievements-pins-earned-section .no-completed-achievements .left-section-img,
#achievements-page .achievements-pins-earned-section .no-completed-achievements .right-section-img {
  display: none;
}
#achievements-page .achievements-pins-earned-section .no-completed-achievements .start-an-activity-section {
  text-align: center;
}
#achievements-page .achievements-pins-earned-section .no-completed-achievements .start-an-activity-section h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.04rem;
  color: #111111;
  margin-bottom: 20px;
  text-transform: none;
}
#achievements-page .achievements-pins-earned-section .no-completed-achievements .start-an-activity-section p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  color: #4d5761;
  margin-bottom: 20px;
}
#achievements-page .achievements-pins-earned-section .no-completed-achievements .start-an-activity-section a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  background: #349966;
  border-radius: 40px;
  color: #ffffff;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  width: 100%;
  margin: auto;
}
#achievements-page .achievements-pins-not-earned-section {
  background-color: #f3f4f6;
  padding: 60px 20px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#achievements-page .achievements-pins-not-earned-section .achievements-slanted-header {
  background-color: #fdc82f;
  color: #004438;
}
#achievements-page .achievements-pins-not-earned-section h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  color: #111111;
  margin: 60px 0;
  text-transform: none;
  text-align: center;
}
#achievements-page .achievements-pins-not-earned-section .not-completed-achievements {
  width: 100%;
}
#achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list {
  margin: auto;
}
#achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list .gamipress-achievement.user-has-not-earned {
  background-color: #ffffff;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 195px;
}
#achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list .gamipress-achievement.user-has-not-earned .gamipress-achievement-image {
  opacity: 0.4 !important;
}
#achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list .gamipress-achievement.user-has-not-earned .gamipress-achievement-image .gamipress-achievement-thumbnail {
  max-width: 100px;
  height: auto;
}
#achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list .gamipress-achievement.user-has-not-earned .gamipress-achievement-description {
  padding: 0 10px;
}
#achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list .gamipress-achievement.user-has-not-earned .gamipress-achievement-description .gamipress-achievement-title {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  margin-bottom: 20px;
}
#achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list .gamipress-achievement.user-has-not-earned .gamipress-achievement-description .gamipress-achievement-excerpt {
  margin-bottom: 0;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  display: block !important;
}
#achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list .gamipress-achievement.user-has-not-earned .gamipress-achievement-description .gamipress-achievement-excerpt p,
#achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list .gamipress-achievement.user-has-not-earned .gamipress-achievement-description .gamipress-achievement-excerpt ul li {
  margin-bottom: 0;
  list-style: disc;
  padding: 0;
}
#achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list .gamipress-achievement.user-has-not-earned .gamipress-achievement-description .gamipress-achievement-excerpt p {
  font-weight: 700;
}
#achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list .gamipress-achievement.user-has-not-earned .gamipress-achievement-description .gamipress-achievement-excerpt ul li {
  font-weight: 500;
  margin-left: 30px;
}
#achievements-page .achievements-certs-not-earned-section {
  position: relative;
}
#achievements-page .no-achievements-to-complete {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 3.2rem;
  letter-spacing: 0.06rem;
  line-height: 4rem;
  margin: 60px 0;
}
#achievements-page .achievements-certificates-section {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 80px 20px;
}
#achievements-page .achievements-certificates-section .achievements-certificates-left-shape-mobile,
#achievements-page .achievements-certificates-section .achievements-certificates-right-shape-mobile {
  position: absolute;
}
#achievements-page .achievements-certificates-section .achievements-certificates-left-shape-mobile {
  bottom: -250px;
  left: 0;
}
#achievements-page .achievements-certificates-section .achievements-certificates-right-shape-mobile {
  bottom: -300px;
  right: 0;
}
#achievements-page .achievements-certificates-section .achievements-certificates-left-shape,
#achievements-page .achievements-certificates-section .achievements-certificates-right-shape {
  display: none;
}
#achievements-page .achievements-certificates-section .achievements-slanted-header {
  background-color: #349966;
  color: #ffffff;
}
#achievements-page .achievements-certificates-section .certificates-section {
  margin-top: 40px;
}
#achievements-page .achievements-certificates-section .no-certificates-section {
  display: none;
  z-index: 1;
}
#achievements-page .achievements-certificates-section .no-certificates-section h4 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  color: #111111;
  margin: 60px 0;
  text-transform: none;
  text-align: center;
}
#achievements-page .achievements-certificates-section .no-certificates-section a {
  border: 2px solid #349966;
  border-radius: 40px;
  width: 100%;
  color: #349966;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 0.1rem;
  margin: auto;
}
#achievements-page .achievements-slanted-header {
  display: inline-block;
  transform: rotate(-4deg) translateY(0.1em);
  transform-origin: left bottom;
  line-height: 2.4rem;
  padding: 0.5em 0.5em !important;
  margin: 0 auto;
  font-size: 2.4rem;
  font-family: "4H Akzidenz", Arial, sans-serif;
  text-transform: uppercase;
}
#achievements-page .gamipress-load-more-button {
  display: block;
  margin: 20px auto;
  text-transform: uppercase;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  color: #349966;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 0.1rem;
  border: 2px solid #349966;
  border-radius: 40px;
  padding: 12px 32px;
  width: 100%;
}

@media screen and (min-width: 768px) {
  #achievements-page .achievements-hero-section {
    min-height: 300px;
  }
  #achievements-page .achievements-hero-section .achievements-top-left-shape-mobile {
    display: none;
  }
  #achievements-page .achievements-hero-section .achievements-top-left-shape {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  #achievements-page .achievements-slanted-header {
    font-size: 4rem;
    line-height: 4rem;
  }
  #achievements-page .achievements-pins-earned-section .completed-achievements h4 {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.06rem;
  }
  #achievements-page .achievements-pins-earned-section .completed-achievements .gamipress-achievements-list {
    width: 60%;
  }
  #achievements-page .achievements-pins-earned-section .completed-achievements .gamipress-achievements-list .gamipress-achievements-container {
    justify-content: space-evenly;
  }
  #achievements-page .achievements-pins-earned-section .completed-achievements .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .gamipress-achievement-image {
    padding-right: 0 !important;
  }
  #achievements-page .achievements-pins-earned-section .completed-achievements .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .gamipress-achievement-image img {
    width: 150px;
    height: 160px;
  }
  #achievements-page .achievements-pins-earned-section .completed-achievements .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement .gamipress-achievement-description .gamipress-achievement-title {
    font-size: 2rem;
    line-height: 2.2rem;
    letter-spacing: 0.06rem;
  }
  #achievements-page .achievements-pins-earned-section .no-completed-achievements {
    width: 60%;
    justify-content: space-evenly;
    align-items: center;
    gap: 20px;
    padding: 0;
  }
  #achievements-page .achievements-pins-earned-section .no-completed-achievements .start-an-activity-section h4 {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.06rem;
  }
  #achievements-page .achievements-pins-earned-section .no-completed-achievements .start-an-activity-section p {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.04rem;
  }
  #achievements-page .achievements-pins-earned-section .no-completed-achievements .start-an-activity-section a {
    padding: 16px 32px;
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.1rem;
    width: 340px;
  }
  #achievements-page .achievements-pins-not-earned-section {
    padding: 150px 40px 60px;
  }
  #achievements-page .achievements-pins-not-earned-section h4 {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.06rem;
    margin: 60px 0;
  }
  #achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list {
    max-width: 1280px;
  }
  #achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list .gamipress-achievements-container {
    align-items: center;
    justify-content: center;
    gap: 40px;
    width: 100%;
    margin: auto;
  }
  #achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement.user-has-not-earned {
    min-height: 275px;
    width: 45%;
  }
  #achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement.user-has-not-earned .gamipress-achievement-description .gamipress-achievement-title {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.06rem;
  }
  #achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement.user-has-not-earned .gamipress-achievement-description .gamipress-achievement-excerpt {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  #achievements-page .achievements-certificates-section {
    padding: 150px 40px 60px;
    min-height: 500px;
  }
  #achievements-page .achievements-certificates-section .achievements-certificates-left-shape-mobile,
  #achievements-page .achievements-certificates-section .achievements-certificates-right-shape-mobile {
    display: none;
  }
  #achievements-page .achievements-certificates-section .achievements-certificates-left-shape,
  #achievements-page .achievements-certificates-section .achievements-certificates-right-shape {
    display: block;
    position: absolute;
  }
  #achievements-page .achievements-certificates-section .achievements-certificates-left-shape {
    left: 0;
    bottom: 100px;
  }
  #achievements-page .achievements-certificates-section .achievements-certificates-right-shape {
    bottom: -300px;
    right: 0;
  }
  #achievements-page .achievements-certificates-section .certificates-section {
    margin-top: 60px;
  }
  #achievements-page .achievements-certificates-section .no-certificates-section h4 {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.06rem;
    margin: 100px 0;
  }
  #achievements-page .achievements-certificates-section .no-certificates-section a {
    width: 210px;
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.1rem;
    padding: 12px 32px;
  }
  #achievements-page .gamipress-load-more-button {
    width: 210px;
    padding: 16px 32px;
  }
}
@media screen and (max-width: 768px) {
  #achievements-page .achievements-pins-earned-section .completed-achievements .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement {
    width: 50% !important;
  }
  #achievements-page .achievements-pins-earned-section .no-completed-achievements {
    min-height: 500px;
  }
  #achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list .gamipress-achievement.user-has-not-earned .gamipress-achievement-image {
    width: 40% !important;
    padding-right: 0 !important;
  }
  #achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list .gamipress-achievement.user-has-not-earned .gamipress-achievement-image img {
    margin: auto;
    display: block;
  }
  #achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list .gamipress-achievement.user-has-not-earned .gamipress-achievement-description {
    width: 60% !important;
  }
  #achievements-page .achievements-slanted-header {
    text-align: center;
  }
}
@media screen and (min-width: 1420px) {
  .achievements-pins-earned-section .no-completed-achievements .left-section-img,
  .achievements-pins-earned-section .no-completed-achievements .right-section-img {
    display: block !important;
  }
}
@media screen and (max-width: 1120px) {
  .achievements-pins-earned-section {
    padding: 0px 0px 20px;
  }
  .achievements-pins-earned-section .completed-achievements {
    display: none;
  }
  .achievements-pins-earned-section .completed-achievements h4 {
    font-family: "4H Gilroy", Arial, sans-serif;
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: 0.04rem;
    font-weight: 900;
    text-align: center;
    text-transform: none;
    padding: 0 20px;
  }
  .achievements-pins-earned-section .completed-achievements .gamipress-achievements-list {
    width: 90%;
    margin: auto;
  }
  .achievements-pins-earned-section .completed-achievements .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement {
    width: 50% !important;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  #achievements-page .achievements-pins-not-earned-section .not-completed-achievements .gamipress-achievements-list .gamipress-achievements-container .gamipress-achievement.user-has-not-earned {
    width: 80%;
  }
}
@media screen and (min-width: 768px) {
  #achievements-page .achievements-certs-not-earned-section .not-completed-achievements .certificate-not-completed-section {
    width: 576px;
  }
}
@media screen and (max-width: 768px) {
  #achievements-page .achievements-certs-not-earned-section .not-completed-achievements .certificate-not-completed-section {
    width: 100%;
  }
}
#h5p-page {
  padding-top: 0;
  overflow: hidden;
}
#h5p-page .h5p-iframe-wrapper {
  border: 13px solid #ffffff;
  border-radius: 20px;
  min-height: 60vw;
}
#h5p-page #cookie-law-info-bar {
  display: none !important;
}
#h5p-page #cookie-law-info-again {
  display: none !important;
}
#h5p-page #cli-modal {
  display: none !important;
}
#h5p-page .sf-toolbar {
  display: none !important;
}

.fl-module-content .uabb-video-right-shape {
  position: absolute;
  right: -46px;
  bottom: 20px;
  width: 200px;
}
.fl-module-content .uabb-video {
  position: relative;
}
.fl-module-content .uabb-video .uabb-video-left-badge {
  left: -40px;
  position: absolute;
  top: 0;
  width: 100px;
}

.uabb-video__outer-wrap {
  border-radius: 4rem;
}

@media screen and (min-width: 768px) {
  .fl-module-content .uabb-video-right-shape {
    bottom: 20px;
    width: 400px;
    right: 0;
  }
  .fl-module-content .uabb-video .uabb-video-left-badge {
    left: -50px;
    top: -50px;
    width: 100px;
  }
}
@media screen and (min-width: 1050px) {
  .fl-module-content .uabb-video-right-shape {
    bottom: -50px;
    width: auto;
  }
  .fl-module-content .uabb-video .uabb-video-left-badge {
    top: -100px;
    left: -100px;
    width: auto;
  }
}
.plp-subscriptions-plans .uabb-module-content li i:before {
  color: unset;
  left: -20px;
  margin-top: -16px;
  position: absolute;
}
.plp-subscriptions-plans .uabb-pricing-table-column {
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}
.plp-subscriptions-plans .uabb-pricing-table-column .uabb-pricing-table-title {
  padding-top: 56px;
}
.plp-subscriptions-plans .uabb-pricing-table-column .uabb-pricing-table-price {
  padding: 8px 0 0 !important;
}
.plp-subscriptions-plans .uabb-pricing-table-column .uabb-pricing-table-price .uabb-pricing-table-duration {
  padding-top: 16px;
}
.plp-subscriptions-plans .uabb-pricing-table-column .uabb-pricing-table-features {
  border-top: 1px solid #E5E7EB;
  margin-top: 32px !important;
  padding-top: 16px;
}
.plp-subscriptions-plans .uabb-pricing-table-column .uabb-pricing-table-features li:first-child {
  margin-top: 0;
}
.plp-subscriptions-plans .uabb-pricing-table-column .uabb-pricing-table-features li:last-child {
  margin-bottom: 0;
}
.plp-subscriptions-plans .uabb-pricing-table-column .uabb-pricing-table-features li {
  padding: 16px;
}
.plp-subscriptions-plans .uabb-pricing-table-column .uabb-pricing-table-features .uabb-price-table-icon-before {
  margin-right: 0;
}
.plp-subscriptions-plans .uabb-pricing-table-column .uabb-button-wrap {
  padding: 28px 32px;
  margin: 0;
}
.plp-subscriptions-plans .uabb-pricing-table-column .uabb-button-wrap .uabb-button {
  width: 100%;
  margin: 0;
}
.plp-subscriptions-plans .uabb-pricing-table-column-1::after {
  background: #e0ded8;
  content: "";
  height: 24px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.plp-subscriptions-plans .uabb-pricing-table-column-2::after {
  background: #349966;
  content: "";
  height: 24px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

@media screen and (min-width: 768px) {
  .plp-subscriptions-plans .uabb-pricing-table-features {
    margin-bottom: 120px;
  }
  .plp-subscriptions-plans .uabb-button-wrap {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
}
@media screen and (min-width: 1050px) {
  .plp-subscriptions-plans .uabb-pricing-table-column .uabb-button-wrap .uabb-button {
    width: 340px;
    margin: 0;
  }
}
.fa-angle-right:before {
  content: url(../images/icons/ic-arrow-right.svg);
  vertical-align: sub;
}

.fa-angle-left:before {
  content: url(../images/icons/ic-arrow-left.svg);
  vertical-align: sub;
}

.uabb-blog-posts .uabb-post-wrapper .uabb-blog-post-inner-wrap .uabb-blog-post-content .uabb-post-meta .uabb-posted-by {
  cursor: text;
}
.uabb-blog-posts .uabb-post-wrapper .uabb-blog-post-inner-wrap .uabb-blog-post-content .uabb-post-meta .uabb-posted-by a {
  pointer-events: none;
}

.find-local-fourh-search .find-local-fourh-form-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  flex-direction: column;
}
.find-local-fourh-search .find-local-fourh-form-container .input-block {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.find-local-fourh-search .find-local-fourh-form-container .input-block:nth-child(2) {
  z-index: 1;
}
.find-local-fourh-search .find-local-fourh-form-container .input-block label {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.04rem;
  color: #111111;
}
.find-local-fourh-search .find-local-fourh-form-container .input-block select {
  width: 341px;
  height: 56px;
  border: 2px solid #9da4ae;
  border-radius: 40px;
  background: #ffffff;
  padding: 12px 16px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.04rem;
  color: #6c737f;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../images/icons/select-down-arrow.svg") no-repeat 95% center;
}
.find-local-fourh-search .find-local-fourh-form-container .input-block .select {
  width: 341px;
  height: 56px;
  border: 2px solid #9da4ae;
  border-radius: 40px;
  background: #ffffff;
  padding: 12px 16px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.04rem;
  color: #6c737f;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../images/icons/select-down-arrow.svg") no-repeat 95% center;
  z-index: 10;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.find-local-fourh-search .find-local-fourh-form-container .input-block .select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}
.find-local-fourh-search .find-local-fourh-form-container .input-block .select-options {
  display: none;
  margin-top: 10px;
  z-index: 999;
  list-style: none;
  max-height: 300px;
  overflow-y: scroll;
  background: #ffffff;
}
.find-local-fourh-search .find-local-fourh-form-container .input-block .select-options::-webkit-scrollbar {
  width: 5px;
}
.find-local-fourh-search .find-local-fourh-form-container .input-block .select-options::-webkit-scrollbar-thumb {
  background: #349966;
  border-radius: 10px;
}
.find-local-fourh-search .find-local-fourh-form-container .input-block .select-options li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
  border-top: 1px solid #9da4ae;
}
.find-local-fourh-search .find-local-fourh-form-container .input-block .select-options li:hover {
  color: #ffffff;
  background: #9da4ae;
}
.find-local-fourh-search .find-local-fourh-form-container #fourh-find-local-button {
  padding: 12px 32px;
  width: 340px;
  height: 44px;
  background: #349966;
  border: solid 2px #349966;
  border-radius: 40px;
  margin-top: auto;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 0.1rem;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.find-local-fourh-search .find-local-fourh-form-container #fourh-find-local-button:disabled {
  background: #d2d6db;
  border: solid 2px #d2d6db;
  color: #ffffff;
}
.find-local-fourh-search .find-local-results-container {
  margin: 20px 0;
}
.find-local-fourh-search .find-local-results-container .number-results {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.16rem;
  color: #4d5761;
}
.find-local-fourh-search .find-local-results-container hr {
  margin-top: 20px;
  border-top: 1px solid #d2d6db;
}
.find-local-fourh-search .find-local-results-container .results-header-info p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  color: #111111;
  margin: 20px 0;
}
.find-local-fourh-search .find-local-results-container .results-header-info .badges-container {
  display: flex;
  gap: 20px;
  align-items: center;
}
.find-local-fourh-search .find-local-results-container .badge {
  padding: 4px 12px;
  width: fit-content;
  height: 22px;
  border-radius: 16px;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.4rem;
  letter-spacing: 0.1rem;
}
.find-local-fourh-search .find-local-results-container .badge.state-badge {
  background-color: #e5f7ee;
  color: #349966;
}
.find-local-fourh-search .find-local-results-container .badge.county-badge {
  background-color: #fff2cc;
  color: #f19204;
}
.find-local-fourh-search .find-local-results-container .badge.clubs-badge {
  background-color: #f4dcd1;
  color: #f54359;
}
.find-local-fourh-search .find-local-results-container .results-lgu-message p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  color: #111111;
  margin: 0;
}
.find-local-fourh-search .find-local-results-container .results-lgu-message h5 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  color: #111111;
  margin: 10px 0;
  text-transform: none;
}
.find-local-fourh-search .find-local-results-container .results-list .result-block {
  display: none;
  flex-direction: column;
  gap: 10px;
  margin: 40px 0;
}
.find-local-fourh-search .find-local-results-container .results-list .result-block .badge {
  margin: 10px 0;
}
.find-local-fourh-search .find-local-results-container .results-list .result-block h4 {
  text-transform: none;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.04rem;
  color: #111111;
  margin: 10px 0;
}
.find-local-fourh-search .find-local-results-container .results-list .result-block p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  margin: 0;
}
.find-local-fourh-search .find-local-results-container .results-list .result-block hr {
  margin: 20px 0;
  border-top: 1px solid #d2d6db;
}
.find-local-fourh-search .find-local-results-container .results-list .result-block hr:not(:first-child) {
  display: none;
}
.find-local-fourh-search .find-local-results-container .results-list .result-block .office-information {
  display: flex;
  gap: 20px;
  flex-direction: column;
  margin: 10px 0;
}
.find-local-fourh-search .find-local-results-container .results-list .result-block .office-information .directions a {
  display: flex;
  align-items: center;
  gap: 10px;
}
.find-local-fourh-search .find-local-results-container .results-list .result-block .office-information .directions a .map-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/map.svg") no-repeat center center;
}
.find-local-fourh-search .find-local-results-container .results-list .result-block .office-information .phone {
  display: flex;
  align-items: center;
  gap: 10px;
}
.find-local-fourh-search .find-local-results-container .results-list .result-block .office-information .phone .phone-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/phone.svg") no-repeat center center;
}
.find-local-fourh-search .find-local-results-container .results-list .result-block .office-information .website a {
  display: flex;
  align-items: center;
  gap: 10px;
}
.find-local-fourh-search .find-local-results-container .results-list .result-block .office-information .website .external-link-icon {
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/icons/external-link.svg") no-repeat center center;
}
.find-local-fourh-search .find-local-results-container .results-list .result-block .office-information span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  color: #349966;
}
.find-local-fourh-search .select2-container {
  width: 400px;
}
.find-local-fourh-search .select2-container--open .select2-selection .select2-selection__arrow {
  transform: rotate(180deg) !important;
}
.find-local-fourh-search .select2-container--open .select2-selection .select2-selection__arrow b {
  display: none;
}
.find-local-fourh-search .select2-container--above .select2-selection {
  border-top-left-radius: 40px !important;
  border-top-right-radius: 40px !important;
}
.find-local-fourh-search .select2-container--default .select2-selection--single {
  border-radius: 40px;
  border: 2px solid #9da4ae;
  padding: 12px 24px;
  height: 58px;
  border-bottom-left-radius: 40px !important;
  border-bottom-right-radius: 40px !important;
}
.find-local-fourh-search .select2-container--default .select2-selection--single:focus {
  border-color: #349966;
}
.find-local-fourh-search .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: black;
}
.find-local-fourh-search .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 16px;
  content: "";
  background-image: url(/wp-content/themes/4h/assets/images/icons/chevron-down.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  border: none;
  display: block;
  height: 2.4rem;
  margin-top: 0;
  right: 2.1rem;
  transform: rotate(0);
  transform-origin: 50% 50%;
  width: 2.4rem;
  transition: all 0.15s ease-in-out;
}
.find-local-fourh-search .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--open .select2-dropdown--above {
  top: -8px !important;
}

.show-more-clubs {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 340px;
  height: 48px;
  padding: 16px 32px;
  background: #ffffff;
  border: 2px solid #349966;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.1rem;
  color: #349966;
  border-radius: 40px;
  text-align: center;
  margin: auto;
}

@media (min-width: 768px) and (max-width: 1280px) {
  .find-local-fourh-search .find-local-fourh-form-container .select2-container {
    width: 350px !important;
  }
  .find-local-fourh-search .find-local-fourh-form-container #fourh-find-local-button {
    width: 350px !important;
    font-size: 1.3rem;
    height: 56px;
  }
  .find-local-fourh-search .find-local-results-container .results-header-info .badges-container {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1280px) {
  .find-local-fourh-search {
    width: 1200px;
    margin: auto;
  }
  .find-local-fourh-search .find-local-fourh-form-container {
    flex-direction: row;
    justify-content: space-between;
    max-width: 1209px;
    margin: 0 auto;
  }
  .find-local-fourh-search .find-local-fourh-form-container .input-block select {
    width: 380px;
  }
  .find-local-fourh-search .find-local-fourh-form-container .input-block .select {
    width: 380px;
  }
  .find-local-fourh-search .find-local-fourh-form-container #fourh-find-local-button {
    height: 60px;
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .find-local-fourh-search .find-local-results-container .results-container {
    width: 80%;
    margin: 60px auto;
  }
  .find-local-fourh-search .find-local-results-container .results-container .results-header-info {
    display: flex;
    gap: 20px;
    align-items: center;
  }
  .find-local-fourh-search .find-local-results-container .results-container .results-header-info p {
    margin: 0;
  }
  .find-local-fourh-search .find-local-results-container .results-lgu-message {
    margin: 40px 0;
  }
  .find-local-fourh-search .find-local-results-container .results-lgu-message p {
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .find-local-fourh-search .find-local-results-container .results-lgu-message h5 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .find-local-fourh-search .find-local-results-container .results-list .result-block h4 {
    font-size: 3.2rem;
    line-height: 4rem;
  }
  .find-local-fourh-search .find-local-results-container .results-list .result-block p {
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .find-local-fourh-search .find-local-results-container .results-list .result-block .office-information {
    flex-direction: row;
  }
  .show-more-clubs {
    height: 64px;
  }
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: white !important;
  color: black !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:hover {
  background: rgba(216, 243, 228, 0.2);
}

.select2-search--dropdown {
  display: none !important;
}

.select2-results__option {
  align-items: center;
  border-radius: 2rem;
  display: flex;
  font-size: 1.8rem;
  height: 6.4rem;
  margin-bottom: 0;
  padding: 0 4.6rem !important;
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  text-align: left;
  transition: all 0.2s;
}

.select2-dropdown {
  padding: 1.5rem 0rem;
  border: 2px solid #e5e7eb !important;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  border-radius: 3rem !important;
  max-height: 300px !important;
  overflow-y: auto !important;
  scrollbar-width: 30px;
  top: calc(100% + 0.8rem);
  width: 100%;
}

.select2-results__options ::-webkit-scrollbar {
  width: 12px;
}

.select2-dropdown ::-webkit-scrollbar {
  width: 12px;
}

.select2-results__options ::-webkit-scrollbar-thumb {
  background: #d2d6db;
  border-radius: 8px;
}

.select2-dropdown ::-webkit-scrollbar-thumb {
  background: #d2d6db;
  border-radius: 8px;
}

.select2-results__options ::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 8px;
}

.select2-dropdown ::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 8px;
}

.select2-results__option--selected {
  background: transparent !important;
  background-image: url(/wp-content/themes/4h/assets/images/icons/check-black.svg) !important;
  background-position: 1.6rem !important;
  background-repeat: no-repeat !important;
  font-weight: 500;
  background-color: white !important;
}

.gf-county-container .select2-container--default .select2-selection--single {
  border-radius: 40px !important;
  border: 2px solid #9da4ae !important;
  padding: 12px 24px !important;
  height: 58px !important;
  max-width: 386px;
  position: relative;
}
.gf-county-container .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: black;
}
.gf-county-container .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 12px !important;
  right: 16px !important;
}

#blog_post_detail_info span {
  color: #4d5761;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.8rem;
  text-align: left;
}

.dataTables_wrapper {
  font-family: "4H Gilroy", Arial, sans-serif;
}
.dataTables_wrapper thead td, .dataTables_wrapper thead th {
  border-bottom: none !important;
}
.dataTables_wrapper .dataTables_scrollBody {
  border-bottom: none !important;
  scrollbar-width: 30px;
}
.dataTables_wrapper .dataTables_scrollBody::-webkit-scrollbar {
  width: 12px;
}
.dataTables_wrapper .dataTables_scrollBody::-webkit-scrollbar-thumb {
  background: #d2d6db;
  border-radius: 8px;
}
.dataTables_wrapper .dataTables_scrollBody::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 8px;
}
.dataTables_wrapper .dataTables_scrollHeadInner {
  width: 100% !important;
}
.dataTables_wrapper .dataTables_scrollHeadInner table {
  width: 100% !important;
}

/* CUSTOM STYLE FOR ACTIVITES / COURSE SLIDER */
@-moz-document url-prefix() {
  body {
    scrollbar-width: thin;
    scrollbar-color: #004438 #f0f0f0;
    border-radius: 10px;
  }
}
.fourhbb-custom-activities-courses-slider .activities-list {
  display: flex;
  flex-wrap: wrap;
}
.fourhbb-custom-activities-courses-slider .activities-list.draggableaccs {
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 20px;
}
.fourhbb-custom-activities-courses-slider .activities-list.draggableaccs::-webkit-scrollbar {
  display: none;
}
.fourhbb-custom-activities-courses-slider .activity-card-container {
  width: 100%;
}
.fourhbb-custom-activities-courses-slider .activity-course-card-container {
  width: 100%;
  margin: 20px 8px 0 0;
}
.fourhbb-custom-activities-courses-slider .activities-list.draggableaccs .activity-course-card-container {
  flex: 0 0 auto;
}
.fourhbb-custom-activities-courses-slider .activity-card {
  display: flex;
  padding: 0px;
  width: auto;
  height: 160px;
  max-height: 160px;
  background: #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 24px;
  position: relative;
}
.fourhbb-custom-activities-courses-slider .activity-card .grade-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
  width: 50%;
}
.fourhbb-custom-activities-courses-slider .activity-card .grade-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #4d5761;
}
.fourhbb-custom-activities-courses-slider .activity-card .card-bottom .bottom-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
}
.fourhbb-custom-activities-courses-slider .activity-card .card-bottom .bottom-container:nth-child(1) {
  margin-bottom: 20px;
}
.fourhbb-custom-activities-courses-slider .activity-card .card-bottom .bottom-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #4d5761;
  margin-left: 10px;
}
.fourhbb-custom-activities-courses-slider .activity-card p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #111111;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  height: 65px;
  overflow: hidden;
  padding-right: 40px;
  transition: all 0.5s;
  width: 100%;
}
.fourhbb-custom-activities-courses-slider .activity-card img {
  object-fit: cover;
}
.fourhbb-custom-activities-courses-slider .course-card {
  display: flex;
  padding: 0px;
  width: auto;
  height: 160px;
  max-height: 160px;
  background: #004438;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 24px;
  position: relative;
}
.fourhbb-custom-activities-courses-slider .course-card.curriculum {
  background: #f54359;
}
.fourhbb-custom-activities-courses-slider .course-card.curriculum .course-card-header .course-img-mask {
  margin-left: -55px !important;
}
.fourhbb-custom-activities-courses-slider .course-card .course-card-header {
  width: 40%;
}
.fourhbb-custom-activities-courses-slider .course-card .course-card-header .course-img-mask {
  height: 100%;
}
.fourhbb-custom-activities-courses-slider .course-card .course-card-header span {
  display: none;
}
.fourhbb-custom-activities-courses-slider .course-card .course-card-header img {
  width: 100%;
  object-fit: cover;
}
.fourhbb-custom-activities-courses-slider .course-card .text-content {
  width: 60%;
}
.fourhbb-custom-activities-courses-slider .course-card .grade-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
  width: 50%;
}
.fourhbb-custom-activities-courses-slider .course-card .grade-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #c9e3dc;
}
.fourhbb-custom-activities-courses-slider .course-card .card-bottom .bottom-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
}
.fourhbb-custom-activities-courses-slider .course-card .card-bottom .bottom-container:nth-child(1) {
  margin-bottom: 20px;
}
.fourhbb-custom-activities-courses-slider .course-card .card-bottom .bottom-container span {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #c9e3dc;
  margin-left: 10px;
}
.fourhbb-custom-activities-courses-slider .course-card p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 2.8rem;
  letter-spacing: 0.04rem;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #ffffff;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  height: 65px;
  overflow: hidden;
  padding-right: 40px;
  transition: all 0.5s;
  width: 100%;
}
.fourhbb-custom-activities-courses-slider img {
  height: 100%;
  width: 40%;
  border-radius: 0px;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

@media screen and (min-width: 768px) {
  .fourhbb-custom-activities-courses-slider .activity-card-container {
    width: 25%;
  }
  .fourhbb-custom-activities-courses-slider .activity-course-card-container {
    width: 280px;
    margin-right: 32px;
  }
  .fourhbb-custom-activities-courses-slider .activity-card,
  .fourhbb-custom-activities-courses-slider .course-card {
    display: block;
    width: 280px;
    height: 360px;
    max-height: 400px;
  }
  .fourhbb-custom-activities-courses-slider .activity-card.curriculum,
  .fourhbb-custom-activities-courses-slider .course-card.curriculum {
    background: #f54359;
  }
  .fourhbb-custom-activities-courses-slider .activity-card .card-bottom,
  .fourhbb-custom-activities-courses-slider .course-card .card-bottom {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 10px;
    position: absolute;
    width: 100%;
    justify-items: center;
    bottom: 20px;
  }
  .fourhbb-custom-activities-courses-slider .activity-card .card-bottom .bottom-container,
  .fourhbb-custom-activities-courses-slider .course-card .card-bottom .bottom-container {
    position: relative;
    width: fit-content;
    justify-content: normal;
    padding: 0;
  }
  .fourhbb-custom-activities-courses-slider .activity-card .card-bottom .bottom-container:nth-child(1),
  .fourhbb-custom-activities-courses-slider .course-card .card-bottom .bottom-container:nth-child(1) {
    margin-bottom: 0;
  }
  .fourhbb-custom-activities-courses-slider .activity-card img,
  .fourhbb-custom-activities-courses-slider .course-card img {
    width: 100%;
    height: 226px;
    border-radius: 24px 24px 0px 0px;
  }
  .fourhbb-custom-activities-courses-slider .activity-card p,
  .fourhbb-custom-activities-courses-slider .course-card p {
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: 0.04rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    height: 65px;
    overflow: hidden;
    padding-right: 40px;
    transition: all 0.5s;
    width: 100%;
  }
  .fourhbb-custom-activities-courses-slider .course-card::before {
    content: url("../images/course-shadow.svg");
    width: 100%;
    position: absolute;
    top: -23px;
    left: 20px;
  }
  .fourhbb-custom-activities-courses-slider .course-card.curriculum {
    background: #f54359;
  }
  .fourhbb-custom-activities-courses-slider .course-card.curriculum .course-card-header span {
    transform-origin: 80px 70px;
  }
  .fourhbb-custom-activities-courses-slider .course-card .course-card-header {
    display: flex;
    width: 100%;
  }
  .fourhbb-custom-activities-courses-slider .course-card .course-card-header span {
    transform-origin: 60px 50px;
    transform: rotate(-90deg);
    font-family: "4H Gilroy", Arial, sans-serif;
    font-weight: 900;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 0.16rem;
    text-transform: uppercase;
    color: #ffffff;
    opacity: 0.7;
    display: block;
  }
  .fourhbb-custom-activities-courses-slider .course-card .text-content {
    width: 100%;
  }
  .fourhbb-custom-activities-courses-slider .course-card .course-img-mask {
    -webkit-mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    -webkit-mask-size: 90%;
    mask-size: 90%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #ffffff;
    padding-top: 5px;
    -webkit-mask-position: center;
    mask-position: center;
    margin-left: -30px;
  }
  .fourhbb-custom-activities-courses-slider .course-card .course-img-mask img {
    -webkit-mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    mask-image: url("../images/Activity-Course-Hero-Bg.svg");
    -webkit-mask-size: 83%;
    mask-size: 83%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    width: 170px;
    height: 200px;
    object-fit: cover;
  }
}
.fourh-custom-gf-activation-page {
  margin: 24px;
  padding: 24px;
}
.fourh-custom-gf-activation-page .fourh-custom-gf-activation-page-title {
  text-align: center;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3rem;
  letter-spacing: 0.4px;
  color: #111111;
}
.fourh-custom-gf-activation-page .fourh-custom-gf-activation-page-p {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #111111;
}
.fourh-custom-gf-activation-page .fourh-custom-gf-activation-page-p span {
  font-weight: 600;
}
.fourh-custom-gf-activation-page .fourh-custom-gf-activation-page-h3 {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  color: #111111;
}
.fourh-custom-gf-activation-page .fcgfap-main-margin {
  margin: 32px;
}
.fourh-custom-gf-activation-page .fcgfapi-main-margin {
  margin-bottom: 12px;
}
.fourh-custom-gf-activation-page .fcgfapp-margin-bottom {
  margin-bottom: 12px;
}
.fourh-custom-gf-activation-page .fourh-custom-gf-activation-page-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ffffff;
  border: 2px solid #9da4ae;
  border-radius: 4rem;
  color: #111111;
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 2rem !important;
  font-weight: 500;
  height: 4.8rem;
  margin: 1rem 0 0;
  outline: none;
  padding: 0 2.4rem;
  width: 100% !important;
}
.fourh-custom-gf-activation-page .fourh-custom-gf-activation-page-submit {
  align-items: center;
  background: #349966;
  border: none;
  border-radius: 20rem;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-family: #ffffff;
  font-size: 1.8rem !important;
  width: 100% !important;
  font-weight: 900;
  height: 4.8rem;
  justify-content: center;
  letter-spacing: 0.1rem;
  margin-bottom: auto;
  text-transform: uppercase;
}
.fourh-custom-gf-activation-page form {
  margin-top: 0 !important;
}

@media screen and (min-width: 768px) {
  .fourh-custom-gf-activation-page {
    margin: 48px;
    padding: 48px;
  }
  .fourh-custom-gf-activation-page .fourh-custom-gf-activation-page-title {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 0.6px;
  }
  .fourh-custom-gf-activation-page .fourh-custom-gf-activation-page-p {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .fourh-custom-gf-activation-page .fourh-custom-gf-activation-page-h3 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .fourh-custom-gf-activation-page .fcgfap-main-margin {
    margin: 48px;
  }
  .fourh-custom-gf-activation-page .fourh-custom-gf-activation-page-input {
    height: 5.6rem;
  }
  .fourh-custom-gf-activation-page .fourh-custom-gf-activation-page-submit {
    height: 6.4rem;
  }
}
@media screen and (min-width: 1050px) {
  .fourh-custom-gf-activation-page {
    margin: 72px;
    padding: 72px;
  }
  .fourh-custom-gf-activation-page .fourh-custom-gf-activation-page-title {
    font-size: 4rem;
    line-height: 4.8rem;
  }
}
#tooltip-container {
  display: block;
  position: fixed;
  width: 325px;
  opacity: 0;
  transition: opacity 300ms ease-out, transform 300ms ease-out;
  z-index: 9999;
  pointer-events: none;
}
#tooltip-container.visible {
  opacity: 1;
  pointer-events: auto;
}
#tooltip-container .caret {
  position: absolute;
  margin-top: 1rem;
  margin-left: 130px;
}

#tooltip-content {
  display: block;
  padding: var(--spacing20, 20px) var(--spacing16, 16px) var(--spacing24, 24px) var(--spacing24, 24px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spacing8, 8px);
  border-radius: var(--spacing16, 16px);
  background: var(--Silver, #E5E7EB);
  visibility: visible;
  z-index: 9999;
  margin-top: 2rem;
  line-height: 8px;
  letter-spacing: 0.4px;
  font-size: var(--font-size-3xs, 16px);
  color: var(--Gray-700, #384250);
  font-weight: 500;
  max-width: 400px;
}
#tooltip-content .first-row {
  display: flex;
  align-items: center;
}
#tooltip-content .first-row img {
  margin-right: 10px;
}
#tooltip-content .second-row {
  display: flex;
  align-items: center;
}
#tooltip-content .second-row .earnedText {
  line-height: 1.2;
}
#tooltip-content .second-row img {
  margin-right: 10px;
}
#tooltip-content .third-row {
  display: flex;
  margin-bottom: 15px;
  margin-top: 25px;
  line-height: 20px;
}
#tooltip-content .third-row img {
  margin-right: 10px;
}
#tooltip-content .cta {
  display: flex;
  color: var(--Primary-4-H-Green, #349966);
  font-weight: 700;
  align-items: center;
}
#tooltip-content .cta img {
  margin-left: 10px;
}
#tooltip-content b {
  margin: 0px 5px 0px 5px;
}

.clover-leaderboard-display-name {
  display: none;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: rgba(31, 42, 55, 0.6);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main {
  background: #fff;
  border-radius: 32px;
  height: 800px;
  left: 50%;
  margin-right: -50%;
  max-width: 800px;
  padding: 32px 98px;
  right: 64px;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001;
  bottom: 0;
  position: absolute;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-dashboard-pa-block-change-close {
  cursor: pointer;
  position: absolute;
  right: 24px;
  top: 24px;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-leaderboard-display-name-tittle {
  height: auto;
  margin-bottom: 32px;
  padding: 16px 16px 0;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-leaderboard-display-name-tittle .clover-dashboard-pa-h4 {
  text-align: center;
  text-transform: none;
  margin-bottom: 0;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-leaderboard-display-name-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  border: unset !important;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  width: 64%;
  border-radius: 25px;
  min-height: 400px;
  justify-content: center;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-leaderboard-display-name-container .display-name-container-open {
  text-align: center;
  width: 100%;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-leaderboard-display-name-container .display-name-container-open .display-name-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-leaderboard-display-name-container .display-name-container-open .display-name-container.display-name-current {
  margin-top: 60px;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-leaderboard-display-name-container .display-name-container-open .display-name-container.display-name-new {
  margin-bottom: 60px;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-leaderboard-display-name-container .display-name-container-open .display-name-container .profile-photo {
  border: 8px solid #fff;
  border-radius: 96px;
  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-leaderboard-display-name-container .display-name-container-open .display-name-container .profile-photo .profile-letter {
  align-items: center;
  background-color: #ebbda9;
  border-radius: 80px;
  color: #004438;
  display: flex;
  font-size: 3.6rem;
  font-weight: 900;
  height: 60px;
  justify-content: center;
  line-height: 2.4rem;
  width: 60px;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-leaderboard-display-name-container .display-name-container-open .display-name-container .display-name {
  font-family: "4H Gilroy", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #004438;
  margin-left: 20px;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-leaderboard-display-name-container .display-name-container-open .display-name-container .icon {
  width: 60px;
  height: 60px;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-leaderboard-display-name-container .display-name-container-open .arrow-down {
  background-image: url("../images/icons/arrow-down-gray.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
  width: 32px;
  height: 32px;
  display: inline-block;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-leaderboard-display-name-container .display-name-container-open .pin-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 16px;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-leaderboard-display-name-container .display-name-container-open .pin-wrapper .slant-pin-title {
  background-color: #F54359;
  color: #fff;
  font-family: "4H Akzidenz", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 2.4rem;
  padding: 0px 12px;
  text-transform: uppercase;
  transform: rotate(-4deg) translateY(0.1em);
  transform-origin: left bottom;
  white-space: nowrap;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-leaderboard-display-name-container .display-name-container-shuffle {
  display: none;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-leaderboard-display-name-imgs-btns {
  display: flex;
  margin-top: 60px;
  flex-direction: column;
  width: 64%;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-leaderboard-display-name-imgs-btns .clover-leaderboard-display-name-btn {
  border: 2px solid #349966;
  border-radius: 40px;
  font-size: 20px;
  font-weight: 900;
  padding: 16px 32px 16px 32px;
  letter-spacing: 1px;
  line-height: 2.4rem;
  text-align: center;
  width: 100%;
  font-family: "4H Gilroy", Arial, sans-serif;
  cursor: pointer;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-leaderboard-display-name-imgs-btns .clover-leaderboard-display-name-btn.clover-leaderboard-display-name-shuffle {
  background-color: #fff;
  color: #349966;
  margin-bottom: 24px;
}
.clover-leaderboard-display-name .clover-leaderboard-display-name-main .clover-leaderboard-display .clover-leaderboard-display-name-imgs-btns .clover-leaderboard-display-name-btn.clover-leaderboard-display-name-save {
  background-color: #349966;
  color: #fff;
}

/*# sourceMappingURL=frontend.css.map */