* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

.copy, .GI-Individuals__ask p, .GI-Individuals__volnow p, .Home-partners > section > summary, .Home-desc summary, .TypeCards .TypeCards__card__text, .section--single-col summary p, .section summary.section__text {
  font-family: "Roboto";
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}

body {
  background: white;
  font-family: "Poppins", sans-serif;
  color: #fff;
  margin: 0;
  padding: 0;
}

.mb-30 {
  margin-bottom: 40px;
}

.mb-40 {
  margin-bottom: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.scrolling-banner {
  background: #00e3a7;
  color: white;
  padding: 20px;
  overflow: hidden;
  position: relative;
  height: 65px;
}

.scrolling-banner div {
  display: block;
  width: 600%;
  position: absolute;
  overflow: hidden;
  animation: marquee 80s linear infinite;
}
@media screen and (max-width: 800px) {
  .scrolling-banner div {
    animation: marquee 50s linear infinite;
    width: 1400%;
  }
}

.scrolling-banner__content {
  float: left;
  text-transform: uppercase;
  font-weight: 600;
}

.scrolling-banner__content__dot {
  padding: 0 10px;
}

@keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
.btn-primary {
  background: #00e3a7;
  border: 1px solid #00e3a7;
  color: white;
  text-decoration: none;
  padding: 9px 13px;
  transition: 0.25s;
  min-width: 140px;
  text-align: center;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}
.btn-primary:hover {
  transition: 0.25s;
  background: #00c490;
}
.btn-primary.btn-100pc {
  width: 100%;
}

.btn-secondary {
  border: 1px solid #00e3a7;
  color: #00e3a7;
  text-decoration: none;
  padding: 9px 13px;
  transition: 0.25s;
  width: 140px;
  text-align: center;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}
.btn-secondary:hover {
  transition: 0.25s;
  color: #0df9ba;
  border: 1px solid #0df9ba;
  background: rgba(0, 227, 167, 0.03);
}
.btn-secondary.btn-100pc {
  width: 100%;
}

.header {
  height: 400px;
  width: 100%;
  background-size: cover;
  background-image: url("./assets/hero-2x.jpg");
  display: flex;
  flex-direction: column;
}
.header.is-minimal {
  background-image: none;
  height: 91px;
  background: black;
}
.header .section {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.header .header__heading {
  margin-top: 10px;
  color: white;
  font-weight: bold;
  font-size: 40px;
  text-transform: uppercase;
  line-height: 1.15;
  letter-spacing: -0.27px;
  text-align: center;
  padding: 0 90px;
}
.header .header__heading em {
  color: #00e3a7;
  margin-right: 8px;
}
@media screen and (max-width: 1070px) {
  .header .header__heading {
    font-size: 30px;
    padding: 0 70px;
  }
}
@media screen and (max-width: 650px) {
  .header .header__heading {
    font-size: 21px;
    padding: 60px;
    padding: 0 20px;
  }
}
.header .header__subheading {
  color: #00e3a7;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}

.section {
  width: 1100px;
  margin: 0 auto;
  max-width: 100%;
  color: #343434;
}
@media screen and (max-width: 1070px) {
  .section {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.section h2 {
  font-weight: 900;
  font-size: 30px;
  line-height: 32px;
  letter-spacing: 0;
}
.section summary.section__text {
  font-size: 16px;
  font-weight: 300;
}
.section summary.section__text h2 {
  font-size: 20px;
  font-weight: 500;
  margin-top: 30px;
  margin-bottom: 8px;
  font-family: Poppins;
}
.section summary.section__text h2:first-of-type {
  margin-top: 0;
  font-weight: 600;
}

.section--small {
  width: 726px;
}

.section-padding {
  padding-top: 70px;
  padding-bottom: 110px;
}
@media screen and (max-width: 1070px) {
  .section-padding {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 800px) {
  .section-padding {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.section-padding-top {
  padding-top: 70px;
}
@media screen and (max-width: 1070px) {
  .section-padding-top {
    padding-top: 70px;
  }
}
@media screen and (max-width: 800px) {
  .section-padding-top {
    padding-top: 30px;
  }
}

.section-padding-bottom {
  padding-bottom: 110px;
}
@media screen and (max-width: 1070px) {
  .section-padding-bottom {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 800px) {
  .section-padding-bottom {
    padding-bottom: 30px;
  }
}

.section--single-col {
  display: flex;
  flex-direction: column;
}
.section--single-col figure {
  padding: 0;
  margin: 0;
}
.section--single-col figure img {
  width: 100%;
}
.section--single-col summary h2 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 40px;
}
.section--single-col summary p em {
  font-family: "Poppins";
  font-style: normal;
  display: block;
  padding: 30px;
  color: #00e3a7;
  font-weight: 600;
  text-transform: uppercase;
}

.TypeCards {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.TypeCards h2 {
  font-size: 18px;
  font-weight: 600;
  color: #6f6f6f;
}
.TypeCards .TypeCards__cards {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 800px) {
  .TypeCards .TypeCards__cards {
    flex-direction: column;
  }
}
.TypeCards .TypeCards__card {
  background: #1b1b1b;
  padding: 30px;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-top-right-radius: 20px;
  margin: 0 10px;
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .TypeCards .TypeCards__card {
    margin: 15px 0;
  }
}
.TypeCards .TypeCards__card__subheading {
  font-size: 18px;
  font-weight: 600;
  color: #6f6f6f;
}
.TypeCards .TypeCards__card__heading {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.17;
  display: flex;
  align-items: center;
  height: 110px;
}
.TypeCards .TypeCards__card__icon {
  width: 104px;
}
.TypeCards .TypeCards__card__text {
  margin: 30px 0;
}
.TypeCards .TypeCards__CTA {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.TypeCards .TypeCards__CTA > a {
  width: 100%;
}
.TypeCards .TypeCards__CTA .TypeCards__CTA-secondary {
  margin-bottom: 10px;
}

footer {
  border-top: 1px solid #d1d1d1;
}
footer > .section {
  padding: 60px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width: 1070px) {
  footer > .section {
    padding: 40px 15px;
  }
}
@media screen and (max-width: 800px) {
  footer > .section {
    padding: 30px 15px;
  }
}
@media screen and (max-width: 650px) {
  footer > .section {
    flex-direction: column;
  }
}
footer .footer__aside {
  font-size: 12px;
}
footer .footer__aside .footer__bc-logo {
  width: 178px;
}
footer .footer__main {
  font-size: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
@media screen and (max-width: 650px) {
  footer .footer__main {
    margin-top: 40px;
    align-items: flex-start;
    justify-content: center;
  }
}
footer .footer__main__top {
  display: flex;
  flex-direction: row;
  margin-bottom: 23px;
}
@media screen and (max-width: 650px) {
  footer .footer__main__top {
    flex-direction: column;
  }
}
footer .footer__email {
  font-weight: 300;
  margin-left: 40px;
}
footer .footer__email a {
  color: #4f4f4f;
}
@media screen and (max-width: 650px) {
  footer .footer__email {
    margin-left: 0;
    margin-bottom: 10px;
  }
}
footer .footer__social {
  margin-left: 20px;
}
footer .footer__social a {
  padding: 5px;
  margin-left: 10px;
}
footer .footer__social img {
  height: 21px;
}
footer .footer__link {
  color: #6f6f6f;
  text-decoration: none;
  margin-left: 30px;
}
footer .footer__link:hover {
  color: #343434;
}
@media screen and (max-width: 650px) {
  footer .footer__link {
    margin-left: 0;
    margin-right: 30px;
    line-height: 3;
  }
}

.nav__desktop {
  width: 1100px;
  margin: 0 auto;
  max-width: 100%;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  padding: 15px 0;
}
.nav__desktop ul {
  padding: 0;
  margin: 0;
}
.nav__desktop li {
  list-style-type: none;
  display: inline;
  padding: 20px 0;
  margin: 0;
  margin-left: 30px;
  position: relative;
}
.nav__desktop li:hover .nav__submenu {
  display: block;
  padding: 20px;
}
@media screen and (max-width: 1070px) {
  .nav__desktop li {
    margin-left: 15px;
  }
}
@media screen and (max-width: 1070px) {
  .nav__desktop {
    font-size: 13px;
    padding: 15px;
  }
}
@media screen and (max-width: 650px) {
  .nav__desktop {
    background: #1b1b1b;
    height: 90px;
  }
}

.nav__logo {
  width: 90px;
}
@media screen and (max-width: 650px) {
  .nav__logo {
    width: 60px;
  }
}

.nav__main {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 650px) {
  .nav__main ul {
    display: none;
  }
}

.nav__link {
  color: white;
  text-decoration: none;
  transition: 0.25s;
}
.nav__link:hover, .nav__link.is-active {
  color: #00e3a7 !important;
  transition: 0.25s;
}

.nav__submenu {
  display: none;
  padding: 15px;
  position: absolute;
  background: white;
  width: 330px;
  left: -110px;
  text-align: center;
  box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.08);
  margin-top: 15px !important;
}
.nav__submenu:hover {
  display: block;
}
.nav__submenu li {
  display: block;
  margin: 0;
  padding: 10px 0;
}
.nav__submenu .nav__link {
  color: #343434;
  transition: 0.25s;
}
.nav__submenu .nav__link:hover {
  color: #00e3a7;
  transition: 0.25s;
}

.nav__cta {
  margin-left: 40px;
}
@media screen and (max-width: 1070px) {
  .nav__cta {
    margin-left: 20px;
  }
}

.nav__mobile {
  display: none;
  background: #1b1b1b;
  position: absolute;
  width: 100%;
  z-index: 1;
  padding: 25px 15px;
}
.nav__mobile ul {
  padding: 0;
  margin: 0;
}
.nav__mobile li {
  list-style-type: none;
  padding: 10px 14px;
}
.nav__mobile .nav__mobile__submenu {
  margin-left: 16px;
  margin-top: 12px;
}

nav {
  position: relative;
  transition: 0.6s;
}
nav.mobile-isOpen .nav__icon-close {
  display: block;
}
nav.mobile-isOpen .nav__icon-open {
  display: none;
}
nav.mobile-isOpen .nav__mobile {
  display: block;
}
nav.show-bg {
  background: #1b1b1b;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.6s;
  z-index: 1;
}

.nav__icon-close {
  display: none;
}

.nav__toggle {
  width: 54px;
  padding: 13px;
  cursor: pointer;
  margin-left: 20px;
}
@media screen and (min-width: 651px) {
  .nav__toggle {
    display: none;
  }
}

.Home-resource-banner {
  background: #efebeb;
  color: #6f6f6f;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Home-resource-banner a {
  color: #6f6f6f;
}
.Home-resource-banner a:hover {
  color: #343434;
}
@media screen and (max-width: 800px) {
  .Home-resource-banner {
    font-size: 13px;
    height: 50px;
  }
}

.Home-header {
  height: 755px;
}

.Home-hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.Home-hero__main {
  display: flex;
  flex-direction: row;
  margin-bottom: 80px;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .Home-hero__main {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 650px) {
  .Home-hero__main {
    flex-direction: column;
  }
}

.Home-hero__logo__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Home-hero__logo {
  width: 480px;
}
@media screen and (max-width: 1070px) {
  .Home-hero__logo {
    width: 340px;
  }
}
@media screen and (max-width: 650px) {
  .Home-hero__logo {
    width: 250px;
  }
}

.Home-hero__text {
  color: white;
  font-weight: bold;
  font-size: 40px;
  text-transform: uppercase;
  margin-left: 80px;
  line-height: 1.15;
  letter-spacing: -0.27px;
}
.Home-hero__text em {
  color: #00e3a7;
  font-style: normal;
}
@media screen and (max-width: 1070px) {
  .Home-hero__text {
    font-size: 30px;
    margin-left: 50px;
  }
}
@media screen and (max-width: 650px) {
  .Home-hero__text {
    font-size: 26px;
    margin-left: 0;
    padding: 30px 50px;
  }
}

.Home-hero__cta {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.Home-hero__cta .Home-hero__cta-getinvolved {
  width: 240px;
  margin-right: 30px;
}
@media screen and (max-width: 650px) {
  .Home-hero__cta .Home-hero__cta-getinvolved {
    margin-right: 0;
    margin-bottom: 20px;
    width: 80%;
  }
}
.Home-hero__cta .Home-hero__cta-findopp {
  width: 240px;
}
@media screen and (max-width: 650px) {
  .Home-hero__cta .Home-hero__cta-findopp {
    width: 80%;
  }
}
@media screen and (max-width: 650px) {
  .Home-hero__cta {
    flex-direction: column;
  }
}

.Home-desc {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .Home-desc {
    flex-direction: column;
  }
}
.Home-desc summary {
  margin-right: 120px;
  flex: 4;
  font-size: 16px;
  font-weight: 300;
}
.Home-desc summary h2 {
  font-family: "Poppins" sans-serif;
  font-size: 30px;
  line-height: 32px;
  text-transform: uppercase;
  font-weight: 600;
}
@media screen and (max-width: 1070px) {
  .Home-desc summary {
    margin-right: 40px;
  }
}
@media screen and (max-width: 800px) {
  .Home-desc summary {
    margin: 0;
    order: 2;
  }
}
.Home-desc figure {
  flex: 3;
}
.Home-desc figure img {
  max-width: 100%;
}
@media screen and (max-width: 800px) {
  .Home-desc figure {
    width: 100%;
    order: 1;
    margin-bottom: 10px;
  }
}
.Home-desc .Home-desc__CTA {
  width: 340px;
  max-width: 100%;
  margin-top: 30px;
}
@media screen and (max-width: 650px) {
  .Home-desc .Home-desc__CTA {
    width: 100%;
  }
}
.Home-desc .Home-desc__video {
  margin: 0;
}
.Home-desc .Home-desc__video > iframe {
  width: 100%;
}
@media screen and (max-width: 1070px) {
  .Home-desc .Home-desc__video > iframe {
    height: 320px;
  }
}
@media screen and (max-width: 800px) {
  .Home-desc .Home-desc__video > iframe {
    height: 280px;
  }
}
@media screen and (max-width: 650px) {
  .Home-desc .Home-desc__video > iframe {
    height: 240px;
  }
}

.Home-partners {
  background: #efebeb;
}
.Home-partners > section {
  display: flex;
  flex-direction: row;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (max-width: 650px) {
  .Home-partners > section {
    flex-direction: column;
  }
}
.Home-partners > section > summary {
  flex: 4;
  margin-right: 90px;
  display: flex;
  flex-direction: column;
}
.Home-partners > section > summary .Home-partners__heading {
  font-family: "Poppins";
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
@media screen and (max-width: 1070px) {
  .Home-partners > section > summary {
    margin-right: 40px;
  }
}
@media screen and (max-width: 800px) {
  .Home-partners > section > summary {
    margin-right: 0;
  }
}
.Home-partners .Home-partners__logos {
  flex: 5;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media screen and (max-width: 1070px) {
  .Home-partners .Home-partners__logos {
    justify-content: center;
  }
}
@media screen and (max-width: 800px) {
  .Home-partners .Home-partners__logos {
    margin-top: 40px;
  }
}
.Home-partners .Home-partners__logo__wrapper {
  width: 110px;
  height: 110px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 15px;
}
@media screen and (max-width: 1070px) {
  .Home-partners .Home-partners__logo__wrapper {
    width: 100px;
    height: 100px;
    margin: 10px;
  }
}
.Home-partners .Home-partners__logo {
  width: 70px;
}
.Home-partners .Home-partners__logo--african,
.Home-partners .Home-partners__logo--cancer {
  width: 90px;
}
.Home-partners .Home-partners__logo--ascr {
  width: 55px;
}
.Home-partners .Home-partners__CTA {
  margin-top: 55px;
  width: 200px;
}
@media screen and (max-width: 800px) {
  .Home-partners .Home-partners__CTA {
    width: 100%;
  }
}

.Home-campaigners .Home-campaigners__heading {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 52px;
  text-align: center;
  color: #6f6f6f;
}
.Home-campaigners .Home-campaigners__main {
  background: #1b1b1b;
  color: white;
  display: flex;
  flex-direction: row;
  position: relative;
}
.Home-campaigners .Home-campaigners__list {
  position: relative;
}
@media screen and (max-width: 1070px) {
  .Home-campaigners .Home-campaigners__list {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media screen and (max-width: 800px) {
  .Home-campaigners .Home-campaigners__list {
    margin-left: 30px;
    margin-right: 30px;
  }
}
.Home-campaigners .Home-campaigners__actions {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.Home-campaigners .Home-campaigners__actions__prev,
.Home-campaigners .Home-campaigners__actions__next {
  position: absolute;
  width: 50px;
  height: 50px;
  cursor: pointer;
  top: calc(50% - 25px);
  z-index: 2;
}
.Home-campaigners .Home-campaigners__actions__prev {
  left: -25px;
}
.Home-campaigners .Home-campaigners__actions__next {
  right: -25px;
}
.Home-campaigners .Home-campaigners__content__details__name {
  font-size: 18px;
  font-weight: 600;
}
.Home-campaigners .Home-campaigners__content__details__club {
  font-size: 15px;
}
.Home-campaigners .Home-campaigners__content__details__text {
  font-family: "Roboto";
  font-weight: 200;
  line-height: 24px;
  margin-top: 30px;
}
.Home-campaigners .Home-campaigners__content {
  padding: 70px 60px;
  flex: 1;
}
.Home-campaigners .Home-campaigners__profile {
  padding: 0;
  margin: 0;
  height: 390px;
}
.Home-campaigners .Home-campaigners__profile img {
  height: 390px;
}
@media screen and (max-width: 800px) {
  .Home-campaigners .Home-campaigners__profile {
    display: none;
  }
}

.Home-gallery {
  background: #efebeb;
  text-align: center;
}
.Home-gallery .Home-gallery__heading {
  font-family: "Poppins";
  font-weight: 700;
  font-size: 18px;
  color: #6f6f6f;
  margin-bottom: 50px;
}
.Home-gallery .Home-gallery__items .glightbox {
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
}
.Home-gallery .Home-gallery__items .thumbnail {
  width: 250px;
  height: 250px;
  object-fit: cover;
}
.Home-gallery .Home-gallery__CTA {
  margin-top: 60px;
  width: 200px;
}

.Campaign-header {
  height: 755px;
  width: 100%;
  background-size: cover;
  background-image: url("./assets/shutterstock-394428136@2x.jpg");
}

.GI-Individuals__volnow {
  color: white;
  background: #1b1b1b;
  width: 100%;
  margin-top: 50px;
  padding: 55px 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .GI-Individuals__volnow {
    padding: 24px;
  }
}
.GI-Individuals__volnow h4 {
  font-size: 30px;
  font-weight: 600;
  padding: 0;
  margin: 0;
}
.GI-Individuals__volnow .GI-Individuals__CTA {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 40px;
  text-align: center;
}
.GI-Individuals__volnow .GI-Individuals__CTA > a {
  flex: 1;
  margin: 0 6px;
}
@media screen and (max-width: 1070px) {
  .GI-Individuals__volnow .GI-Individuals__CTA {
    flex-direction: column;
    margin-top: 20px;
  }
  .GI-Individuals__volnow .GI-Individuals__CTA > a {
    width: 100%;
    margin: 10px 0;
  }
}

.GI-Individuals__ask {
  color: #343434;
  background: #efebeb;
  width: 100%;
  margin-top: 50px;
  padding: 55px 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .GI-Individuals__ask {
    padding: 24px;
  }
}
.GI-Individuals__ask h4 {
  font-size: 30px;
  font-weight: 600;
  padding: 0;
  margin: 0;
}
.GI-Individuals__ask .GI-Individuals__form {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 40px;
}
.GI-Individuals__ask .GI-Individuals__form > input {
  margin-bottom: 10px;
}
.GI-Individuals__ask .GI-Individuals__form > button {
  width: 100%;
  margin: 10px 0;
  height: 50px;
  cursor: pointer;
}
.GI-Individuals__ask .GI-Individuals__form input[type=text],
.GI-Individuals__ask .GI-Individuals__form input[type=email] {
  width: 100%;
  padding: 8px 16px;
  font-size: 15px;
  margin-bottom: 20px;
  color: #b0b3b7;
  height: 50px;
  border: none;
}
.GI-Individuals__ask .GI-Individuals__form input[type=text]::placeholder,
.GI-Individuals__ask .GI-Individuals__form input[type=email]::placeholder {
  color: #b0b3b7;
  font-size: 15px;
  font-weight: 600;
}
.Partners__add {
  background: #efebeb;
  font-family: 18px;
  font-weight: 600;
}
.Partners__add > section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100px;
}

#get-involved {
  padding-top: 110px;
}

.Support {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Support-section {
  display: flex;
  flex-direction: column;
  color: #4f4f4f;
  margin-bottom: 90px;
  width: 747px;
  max-width: 100%;
}
@media screen and (max-width: 1070px) {
  .Support-section {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 800px) {
  .Support-section {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 650px) {
  .Support-section {
    margin-bottom: 30px;
  }
}
.Support-section .Support-heading {
  font-size: 24px;
  font-weight: 500;
  color: #343434;
  margin-bottom: 30px;
}
.Support-section .Support-items {
  display: flex;
  flex-direction: column;
}
.Support-section .Support-item {
  background: #efebeb;
  display: flex;
  justify-content: space-between;
  padding: 23px 30px;
  align-items: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 650px) {
  .Support-section .Support-item {
    align-items: flex-start;
    flex-direction: column;
  }
}
.Support-section .Support-item__info__heading {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  font-family: "Poppins", sans-serif;
  padding-bottom: 11px;
}
.Support-section .Support-item__info__text {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
}
.Support-section .Support-item__cta {
  text-transform: uppercase;
}
@media screen and (max-width: 650px) {
  .Support-section .Support-item__cta {
    padding-top: 20px;
    width: 100%;
  }
  .Support-section .Support-item__cta a {
    width: 100%;
  }
}
.Support-section .Support-item__cta a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.Support-section .Support-item__cta a img {
  width: 14px;
  margin-right: 8px;
}
.Support-section .Support-item--support {
  align-items: center;
}
@media screen and (max-width: 650px) {
  .Support-section .Support-item--support {
    align-items: flex-start;
  }
}
.Support-section .Support-item--support .Support-item__info__text {
  font-size: 16px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}
.Support-section .Support-item--support .Support-item__info__text a {
  color: #4f4f4f;
}

.Campaign-images {
  display: flex;
  flex-direction: row;
}
.Campaign-images .Campaign-images__img {
  flex: 1;
}
.Campaign-images .Campaign-images__vid {
  flex: 1;
}
.Campaign-images img, .Campaign-images video {
  max-width: 100%;
}

.GI__orgs__list-item {
  text-align: center;
  font-family: "Roboto", sans-serif;
  margin-top: 15px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 300;
}
.GI__orgs__list-item a {
  color: #343434;
  margin-right: 10px;
}
.GI__orgs__list-item img {
  width: 16px;
}

.UploadVideo {
  display: flex;
  align-items: center;
}
.UploadVideo .UploadVideo__header {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 70px;
}
.UploadVideo .UploadVideo__header p {
  font-family: "Roboto";
  line-height: 28px;
  font-size: 16px;
  width: 70%;
}
@media screen and (max-width: 800px) {
  .UploadVideo .UploadVideo__header p {
    width: 85%;
  }
}
.UploadVideo .UploadVideo__header h2 {
  font-size: 40px;
  font-family: "Poppins";
  font-weight: bold;
  line-height: 42px;
}
.UploadVideo .UploadVideo__logo {
  margin-bottom: 55px;
}
.UploadVideo .UploadVideo__box {
  width: 746px;
  max-width: 100%;
  border-radius: 6px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  border: solid 1px #dfe4ef;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Roboto";
  padding: 60px 100px;
  position: relative;
  margin-bottom: 53px;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .UploadVideo .UploadVideo__box {
    padding: 60px 40px;
  }
}
@media screen and (max-width: 650px) {
  .UploadVideo .UploadVideo__box {
    padding: 50px 20px;
  }
}
.UploadVideo .UploadVideo__box h3 {
  font-size: 20px;
  font-family: "Poppins";
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
}
.UploadVideo .UploadVideo__box .UploadVideo__form-wrapper {
  width: 100%;
  text-align: left;
}
.UploadVideo .UploadVideo__box .UploadVideo__form-wrapper label {
  font-family: "Poppins";
  font-size: 14px;
  color: #343434;
}
.UploadVideo .UploadVideo__box .UploadVideo__form-wrapper input[type=text] {
  height: 40px;
  border-radius: 4px;
  border: solid 1px #dfe4ef;
  width: 100%;
  margin-bottom: 28px;
  padding-left: 10px;
}
.UploadVideo .UploadVideo__box .UploadVideo__form-wrapper input[type=submit] {
  height: 50px;
  width: 100%;
  border: none;
  color: white;
  background: #00e3a7;
  font-family: "Poppins";
  font-size: 15px;
  font-weight: 700;
  transition: 0.3s;
}
.UploadVideo .UploadVideo__box .UploadVideo__form-wrapper input[type=submit]:hover {
  cursor: pointer;
  background: #00c490;
  transition: 0.3s;
}
.UploadVideo .UploadVideo__box .UploadVideo__box__step {
  width: 42px;
  height: 42px;
  background-color: #00e3a7;
  color: white;
  font-family: "Poppins";
  font-weight: 700;
  border-radius: 50%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -22px;
}
.UploadVideo .UploadVideo__box .UploadVideo__selected-user {
  font-family: "Poppins";
  font-size: 24px;
  background: #efebeb;
  padding: 17px 22px;
  margin-bottom: 25px;
}
.UploadVideo .UploadVideo__box .UploadVideo__selected-user-desc {
  white-space: pre-line;
}
.UploadVideo .UploadVideo__terms {
  color: #6f6f6f;
  font-size: 12px;
  text-align: center;
}
.UploadVideo .UploadVideo__thankyou,
.UploadVideo .UploadVideo__error,
.UploadVideo .UploadVideo__hooray {
  display: none;
}
.UploadVideo .UploadVideo__thankyou__message {
  line-height: 28px;
}
.UploadVideo .UploadVideo__thankyou__actions {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.UploadVideo .UploadVideo__thankyou__actions > .btn {
  width: 350px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}

.BeCollective--src-components-OpportunitiesWidget-Opportunities--filters {
  color: #404040;
}

.BeCollective--src-components-OpportunityList-Opportunity--opportunity:last-of-type {
  border-bottom: none;
}

.BeCollective--src-components-App-Pages-Opportunity--aside__inner {
  color: #303030;
}

#BC_partnersThumbnailView .BeCollective--src-components-GroupThumbnailView--image-container {
  width: 180px;
  height: 180px;
  margin-bottom: 90px;
}
@media screen and (max-width: 800px) {
  #BC_partnersThumbnailView .BeCollective--src-components-GroupThumbnailView--image-container {
    width: 100%;
    height: auto;
    margin: 40px;
  }
}
#BC_partnersThumbnailView .BeCollective--src-components-GroupThumbnailView--image-container__image {
  width: 70%;
  height: auto;
}
@media screen and (max-width: 800px) {
  #BC_partnersThumbnailView .BeCollective--src-components-GroupThumbnailView--image-container__image {
    width: 50%;
  }
}
#BC_partnersThumbnailView .BeCollective--src-components-GroupThumbnailView--group_name {
  font-size: 15px;
  font-weight: 500;
  font-family: Poppins;
  text-transform: uppercase;
}
@media screen and (max-width: 800px) {
  #BC_partnersThumbnailView .BeCollective--src-components-GroupThumbnailView--group_name {
    font-size: 14px;
    margin-top: 5px;
  }
}

.plyr__control.plyr__control--overlaid {
  background: #00e3a7;
}
.plyr__control.plyr__control--overlaid:hover {
  background: #00e3a7 !important;
}

.plyr--full-ui input[type=range] {
  color: #00e3a7 !important;
}

.plyr--video.plyr__control.plyr__tab-focus, .plyr--video.plyr__control:hover {
  background-color: #00e3a7 !important;
}

.plyr--video .plyr__control[aria-expanded=true] .plyr__controls__item.plyr__control.plyr__tab-focus {
  background-color: #00e3a7 !important;
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: #00e3a7 !important;
}

.BeCollective--src-components-OpportunityFilters-CampaignFilter--wrapper {
  color: #404040;
}

.BeCollective--src-components-Root--root {
  color: #333;
}

.Gallery-main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.Gallery-main .Gallery-thumbnail {
  width: 210px;
  height: 210px;
  object-fit: cover;
  margin-left: 4px;
  margin-right: 4px;
}
@media screen and (max-width: 650px) {
  .Gallery-main .Gallery-thumbnail {
    height: 320px;
    width: 320px;
    max-width: 100%;
    margin-bottom: 20px;
  }
}

.lightbox img {
  width: 210px;
  height: 210px;
  object-fit: cover;
}

.UploadVideo__progress {
  display: block;
  text-align: center;
  width: 0;
  height: 10px;
  background: #00e3a7;
  transition: width 0.3s;
  border-radius: 4px;
}

.UploadVideo__progress.hide {
  opacity: 0;
  transition: opacity 1.3s;
}

.UploadVideo__sending {
  margin-bottom: 15px;
  margin-top: 35px;
  display: none;
}

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