* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html {
  overflow-x: hidden;
  font-size: 1rem;
}
html.hidden {
  overflow-y: hidden;
}

body {
  font: 0.875rem "Open Sans", sans-serif;
  color: #232227;
  background-color: #111;
  line-height: 1.5;
  overflow-x: hidden;
}
body.hidden {
  overflow-y: hidden;
}

html,
body {
  height: 100%;
}

button,
input,
textarea,
select,
img {
  border: none;
  outline: 0;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
}

p {
  line-height: 1.8;
  font-size: 1rem;
}

.app-container {
  height: auto;
  display: flex;
  background-color: #fff;
  padding: 0;
}
@media (max-width: 640px) {
  .app-container {
    flex-direction: column;
  }
}
.app-container.login {
  height: 100%;
}

.inner {
  display: block;
  width: 100%;
  max-width: 1420px;
  margin: auto;
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .inner {
    max-width: 1200px;
  }
}

.big-hero {
  width: 100%;
  padding-bottom: 5rem;
  border-bottom-left-radius: 12.25rem;
  border-bottom-right-radius: 12.25rem;
  display: block;
  background-color: #85b9d5;
}
@media (max-width: 640px) {
  .big-hero {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
}
.big-hero.white {
  background-color: #fff;
}
.big-hero.white .main-menu li a:hover {
  color: #85b9d5;
}
@media (max-width: 640px) {
  .big-hero .inner {
    padding: 0 1rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .big-hero {
    padding-bottom: 3rem;
  }
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
}
@media (max-width: 640px) {
  .header {
    position: relative;
    margin-bottom: 2rem;
  }
}
.header .show-mobile-menu {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.625rem;
  z-index: 10;
  text-decoration: none;
  color: #232227;
  font-size: 2rem;
}
@media (max-width: 640px) {
  .header .show-mobile-menu {
    display: block;
  }
  .header .show-mobile-menu .fa {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .header {
    padding-top: 1.5rem;
  }
}
.header .logo {
  transition: all 0.3s ease;
}
.header .logo:hover {
  opacity: 0.85;
}
.header .logo .social-text {
  font-family: "Oswald";
  font-size: 50px;
  font-weight: 500;
  color: #fff;
}
.header .logo .tank-text {
  font-family: "Oswald";
  font-size: 50px;
  font-weight: 500;
  color: #232227;
}
@media (max-width: 640px) {
  .header .main-menu {
    display: none;
  }
  .header .main-menu.visible {
    display: block;
  }
}
.header .main-menu .close-mobile-menu {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.625rem;
  z-index: 10;
  font-size: 2rem;
  text-decoration: none;
  color: #232227;
}
@media (max-width: 640px) {
  .header .main-menu .close-mobile-menu {
    display: block;
  }
}
.header .main-menu ul {
  display: flex;
  gap: 2.5rem;
  align-items: center;
}
@media (max-width: 640px) {
  .header .main-menu ul {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }
}
.header .main-menu ul li {
  font: 1.5rem "Oswald", sans-serif;
}
.header .main-menu ul li a {
  font: 1.5rem "Oswald", sans-serif;
  color: #232227;
  font-weight: 500;
  display: block;
  transition: all 0.2s ease;
}
.header .main-menu ul li a:hover {
  color: #fff;
}
@media (max-width: 640px) {
  .header .main-menu ul li a:hover {
    color: #232227;
  }
}
@media (max-width: 640px) {
  .header .main-menu {
    position: fixed;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 2rem;
  }
}

.hero-container {
  gap: 8.125rem;
  padding-top: 4rem;
  align-items: flex-start;
}
.hero-container.single {
  align-items: center;
  gap: 0;
  justify-content: center;
  height: 30rem;
}
@media (max-width: 640px) {
  .hero-container.single {
    height: auto;
  }
}
.hero-container .hero-single-title {
  font-family: "Oswald", sans-serif;
  font-size: 6.8125rem;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  display: block;
}
@media (max-width: 640px) {
  .hero-container .hero-single-title {
    font-size: 3rem;
    font-weight: 600;
    color: #000;
  }
}
.hero-container .hero-single-title.white {
  color: #fff;
}
.hero-container .hero-single-title.blue {
  color: #85b9d5;
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .hero-container {
    gap: 5rem;
  }
}
@media (max-width: 640px) {
  .hero-container {
    gap: 2rem;
    padding-top: 0;
  }
}
.hero-container.flex-container {
  flex-wrap: nowrap;
}
@media (max-width: 640px) {
  .hero-container.flex-container {
    flex-direction: column;
  }
}

.hero-content {
  flex: 1;
  font-family: "Oswald";
  text-transform: uppercase;
}
@media (max-width: 640px) {
  .hero-content {
    width: 100%;
  }
}
.hero-content .hero-small-title {
  font-weight: 400;
  font-size: 2.5rem;
}
@media (max-width: 640px) {
  .hero-content .hero-small-title {
    font-size: 2rem;
    line-height: normal;
  }
}
.hero-content .hero-big-title {
  font-weight: 600;
  font-size: 6.8125rem;
  color: #fff;
  line-height: 7rem;
}
@media (max-width: 640px) {
  .hero-content .hero-big-title {
    font-size: 2.5rem;
    line-height: normal;
  }
}
.hero-content .hero-subtitle {
  font-size: 3.25rem;
  color: #232227;
  font-weight: 600;
}
@media (max-width: 640px) {
  .hero-content .hero-subtitle {
    font-size: 1.75rem;
  }
}
.hero-content .hero-desc {
  font-family: "Open Sans";
  line-height: 1.5rem;
  font-weight: 400;
  text-transform: none;
  padding-top: 0.875rem;
  font-size: 1rem;
}

.hero-footer {
  width: 100%;
  height: 304px;
  display: block;
  overflow: hidden;
  border-radius: 12.5rem;
  margin-top: 4rem;
}
.hero-footer img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.partners-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 640px) {
  .partners-container {
    width: 100%;
    gap: 2rem;
  }
}
.partners-container .partner-image {
  width: 240px;
  height: 151.5821385713px;
  border-radius: 1.25rem;
  overflow: hidden;
  transition: all 0.3s ease;
}
@media (max-width: 640px) {
  .partners-container .partner-image {
    width: 100%;
  }
}
.partners-container .partner-image:hover {
  opacity: 0.85;
}
.partners-container .partner-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.how-it-works-container {
  margin: 9.375rem 0;
  color: #fff;
}
@media (max-width: 640px) {
  .how-it-works-container {
    margin: 2rem 0;
  }
}
.how-it-works-container .hiw-title {
  text-transform: uppercase;
  margin-bottom: 3rem;
  text-align: center;
  color: #fff;
}
.how-it-works-container .hiw-tabs-nav ul {
  display: flex;
  gap: 2.875rem;
  margin-bottom: 4rem;
  justify-content: center;
}
@media (max-width: 640px) {
  .how-it-works-container .hiw-tabs-nav ul {
    width: auto;
    padding: 0 1rem;
    gap: 1rem;
    flex-direction: column;
  }
}
.how-it-works-container .hiw-tabs-nav ul li {
  position: relative;
  cursor: pointer;
}
@media (max-width: 640px) {
  .how-it-works-container .hiw-tabs-nav ul li {
    width: auto;
  }
}
.how-it-works-container .hiw-tabs-nav ul li a {
  text-transform: uppercase;
  transition: all 0.2s ease;
  font-size: 1.875rem;
  font-weight: 600;
  font-family: "Oswald", sans-serif;
  text-decoration: none;
  color: #fff;
  opacity: 0.2;
}
@media (max-width: 640px) {
  .how-it-works-container .hiw-tabs-nav ul li a {
    font-size: 1.5rem;
  }
}
.how-it-works-container .hiw-tabs-nav ul li a:hover {
  color: #fff;
  opacity: 1;
}
.how-it-works-container .hiw-tabs-nav ul li:hover a, .how-it-works-container .hiw-tabs-nav ul li.active a {
  opacity: 1;
}
.how-it-works-container .hiw-tabs-nav ul li:hover::after, .how-it-works-container .hiw-tabs-nav ul li.active::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -0.75rem;
  right: -0.9375rem;
  width: 23px;
  height: 28px;
  background-image: url(./assets/img/tab-selected.png);
  background-repeat: no-repeat;
}

.hiw-tab-pane {
  height: 0;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  padding-top: 0;
  transition: all 0.5s ease;
}
@media (max-width: 640px) {
  .hiw-tab-pane {
    padding: 0 1rem;
  }
}
.hiw-tab-pane .flex-container {
  gap: 3rem;
}
.hiw-tab-pane.active {
  height: auto;
  visibility: visible;
  overflow: visible;
  opacity: 1;
}
.hiw-tab-pane .col-right {
  height: 100%;
}

.strategy-image {
  border-radius: 3.5rem;
  overflow: hidden;
  max-height: 25rem;
}
.strategy-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.strategy-thumbs {
  display: flex;
  gap: 1.5625rem;
}
.strategy-thumbs img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 187px;
  height: 192px;
  border-radius: 3.5rem;
}

.hiw-tab-pane {
  color: #fff;
}

.be-a-part-container {
  margin-bottom: 9.375rem;
  padding: 2rem;
  background-color: #85b9d5;
  display: block;
  color: #fff;
  border-radius: 10.1875rem;
  text-decoration: none;
  transition: all 0.2s ease;
}
@media (max-width: 640px) {
  .be-a-part-container {
    border-radius: 1rem;
    padding: 2rem 0;
    margin: 0 1rem;
    margin-bottom: 4rem;
    width: auto;
  }
  .be-a-part-container .inner {
    flex-direction: column;
  }
}
.be-a-part-container:hover {
  opacity: 0.9;
}
.be-a-part-container .big-title {
  color: #fff;
  margin-bottom: 1.875rem;
  padding-left: 4.375rem;
}
@media (max-width: 640px) {
  .be-a-part-container .big-title {
    padding-left: 1rem;
    margin-bottom: 1rem;
  }
}
.be-a-part-container p {
  padding-left: 4.375rem;
  display: block;
}
@media (max-width: 640px) {
  .be-a-part-container p {
    padding-left: 1rem;
  }
}
.be-a-part-container img {
  width: 100%;
  max-width: 268px;
}

.news-container {
  padding: 9.375rem 0;
  background-color: #fff;
  margin-bottom: 9.375rem;
}
@media (max-width: 640px) {
  .news-container {
    padding: 4rem 0 2rem 0;
    margin-bottom: 2rem;
  }
}
.news-container .news-title {
  margin-bottom: 2rem;
  display: block;
  text-align: center;
}
.news-container .news-items {
  display: flex;
  gap: 2rem;
}
@media (max-width: 640px) {
  .news-container .news-items {
    gap: 1rem;
    flex-direction: column;
    margin: 1rem;
  }
}
.news-container .news-items .news-item {
  flex: 1;
  padding: 3.5rem;
  text-decoration: none;
  transition: all 0.2s ease;
}
@media (max-width: 640px) {
  .news-container .news-items .news-item {
    padding: 1rem;
  }
}
.news-container .news-items .news-item:hover {
  opacity: 0.85;
}
.news-container .news-items .news-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 15.9375rem;
  border-radius: 3.5rem;
  margin-bottom: 1.5rem;
}
.news-container .news-items .news-item .news-item-date {
  display: block;
  font-family: "Oswald", sans-serif;
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
}
.news-container .news-items .news-item .news-item-title {
  display: block;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 1.875rem;
  color: #000;
  text-transform: uppercase;
}
.news-container.dark {
  background-color: #000;
}
.news-container.dark .news-items .news-item {
  padding: 3.5rem;
  background-color: #202020;
  border-radius: 3.5rem;
}
.news-container.dark .news-items .news-item .news-item-title {
  color: #fff;
}
@media (max-width: 640px) {
  .news-container.dark .news-items .news-item {
    padding: 1rem;
    border-radius: 1rem;
  }
}

.people-container {
  margin: 0 auto 9.375rem auto;
  padding-top: 0;
}
@media (max-width: 640px) {
  .people-container {
    margin: 0 auto 2rem auto;
    padding-top: 2rem;
  }
}
.people-container .people-item {
  display: flex;
  gap: 8.125rem;
  align-items: center;
}
@media (max-width: 640px) {
  .people-container .people-item {
    gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 1rem;
  }
}
.people-container .people-item .people-image {
  width: 31.5rem;
  height: 30rem;
  border-radius: 3.5rem;
  overflow: hidden;
  flex: 1;
}
@media (max-width: 640px) {
  .people-container .people-item .people-image {
    width: 100%;
    height: 11.25rem;
    flex: 0 0 15rem;
  }
}
.people-container .people-item .people-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.people-container .people-item .people-content {
  flex: 1;
}
.people-container .people-item .people-content .people-title {
  display: block;
}
.people-container .people-item .people-content .people-title .title-first {
  color: #fff;
  display: flex;
  gap: 2rem;
}
.people-container .people-item .people-content .people-title .title-second {
  display: block;
  font-weight: 500;
  font-family: "Oswald", sans-serif;
  font-size: 3.125rem;
  color: #85b9d5;
  text-transform: uppercase;
}
.people-container .people-item .people-content .people-text {
  color: #fff;
  padding-top: 2rem;
}
.people-container .people-item .people-content .people-text p {
  display: block;
  margin-bottom: 30px;
}
.people-container .people-item .people-content .people-text .username,
.people-container .people-item .people-content .people-text .userlocation {
  display: block;
}
.people-container .people-item .people-content .people-text .username {
  display: block;
  font-weight: 500;
  font-family: "Oswald", sans-serif;
  font-size: 1.875rem;
  margin-bottom: 0.875rem;
}
.people-container .people-item .people-content .people-text .userlocation {
  display: block;
}

.who-supports-container {
  margin-bottom: 9.375rem;
}
@media (max-width: 640px) {
  .who-supports-container {
    padding: 0 1rem;
    margin-bottom: 0;
  }
}
.who-supports-container .ws-title {
  display: block;
  margin-bottom: 2rem;
  text-align: center;
  color: #fff;
}
.who-supports-container .ws-logos {
  display: flex;
  gap: 2rem;
  overflow-x: hidden;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 1rem;
  width: calc(100% + 2rem);
}
@media screen and (max-width: 768px) {
  .who-supports-container .ws-logos {
    justify-content: center;
    overflow-x: auto;
    overflow-y: hidden;
  }
}
.who-supports-container .ws-logos .logo-item {
  flex-shrink: 0;
  scroll-snap-align: start;
  margin-right: 1rem;
  width: 186px;
  height: 186px;
}
.who-supports-container .ws-logos .logo-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 768px) {
  .who-supports-container .ws-logos .logo-item {
    width: calc(50% - 2rem / 2);
  }
}
@media screen and (max-width: 768px) {
  .who-supports-container .ws-logos {
    gap: 1rem;
  }
}

.footer {
  padding: 3rem 0;
  background-color: #333;
  margin-bottom: 2rem;
}
@media (max-width: 640px) {
  .footer {
    padding: 2rem;
    padding-top: 3rem;
  }
}
.footer .inner {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 640px) {
  .footer .inner {
    flex-direction: column;
    gap: 1rem;
  }
}
.footer .footer-left {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer .logo .social-text {
  font-family: "Oswald";
  font-size: 2.375rem;
  font-weight: 500;
  color: #85b9d5;
}
.footer .logo .tank-text {
  font-family: "Oswald";
  font-size: 2.375rem;
  font-weight: 500;
  color: #fff;
}
.footer .social-icons {
  display: flex;
  gap: 1rem;
}
.footer .social-icons .social-icon {
  transition: all 0.2s ease;
}
.footer .social-icons .social-icon:hover {
  opacity: 0.85;
}
.footer .footer-right {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  color: #fff;
}
.footer .footer-right .footer-mail,
.footer .footer-right .footer-phone {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.footer .footer-contact-title {
  font-family: "Oswald";
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
}

.big-title {
  font-size: 4.6875rem;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  line-height: 1.2;
}
@media (max-width: 640px) {
  .big-title {
    font-size: 2rem;
  }
}
.big-title.white {
  color: #fff;
}

.contact-button {
  padding: 0.75rem 2rem;
  background-color: #202020;
  border-radius: 5.375rem;
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-top: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
@media (max-width: 640px) {
  .contact-button {
    margin-top: 0;
  }
}
.contact-button .button-text {
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  font-size: 2.5rem;
  font-family: "Oswald", sans-serif;
}
.contact-button .button-icon {
  background-color: #85b9d5;
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 1.40625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.contact-button:hover {
  opacity: 0.85;
}
.contact-button:hover .button-icon {
  margin-left: 10px;
}

@keyframes colorChange {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}
.about-intro-container {
  padding: 9.375rem 0;
}
@media (max-width: 640px) {
  .about-intro-container {
    padding: 2rem 0;
  }
}
.about-intro-container .inner {
  display: flex;
  gap: 8.125rem;
}
@media (max-width: 640px) {
  .about-intro-container .inner {
    gap: 1rem;
    flex-direction: column;
  }
}
.about-intro-container.impacting {
  padding-top: 0;
}
.about-intro-container.impacting .inner {
  display: block;
  gap: 0;
}
.about-intro-container.impacting .person-item {
  display: flex;
  gap: 8.125rem;
  margin-top: 9.375rem;
}
.about-intro-container .abi-image {
  border-radius: 3.5rem;
  overflow: hidden;
  height: 27.1875rem;
  flex: 0 0 38.125rem;
}
@media (max-width: 640px) {
  .about-intro-container .abi-image {
    flex: 0 0 auto;
    height: 12.5rem;
    border-radius: 1rem;
    margin: 0 1rem;
    width: auto;
  }
}
.about-intro-container .abi-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-intro-container .abi-title {
  font-family: "Oswald", sans-serif;
  font-size: 3.125rem;
  font-weight: 500;
  color: #fff;
  margin-bottom: 2rem;
}
@media (max-width: 640px) {
  .about-intro-container .abi-title {
    font-size: 2rem;
    font-weight: 500;
    color: #fff;
    margin-bottom: 1rem;
  }
}
.about-intro-container .abi-text {
  color: #fff;
}
@media (max-width: 640px) {
  .about-intro-container .abi-text {
    margin: 0 1rem;
    width: auto;
    margin-top: 1rem;
  }
}

.objectives-container {
  background: linear-gradient(to right, #fff 50%, #85b9d5 50%);
}
@media (max-width: 640px) {
  .objectives-container {
    background: none;
  }
}
.objectives-container .inner {
  display: flex;
}
@media (max-width: 640px) {
  .objectives-container .inner {
    flex-direction: column;
    padding: 1rem;
  }
}
.objectives-container .obj-title {
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.875rem;
}
@media (max-width: 640px) {
  .objectives-container .obj-title {
    font-size: 1.75rem;
  }
}
.objectives-container .obj-subtitle {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 3.125rem;
  font-family: "Oswald", sans-serif;
  line-height: 1;
}
@media (max-width: 640px) {
  .objectives-container .obj-subtitle {
    line-height: 1.2;
    font-size: 2rem;
  }
}
.objectives-container .obj-text {
  margin-top: 2rem;
  font-size: 1rem;
}
@media (max-width: 640px) {
  .objectives-container .obj-text {
    margin-top: 1rem;
  }
}
.objectives-container .obj-center {
  flex: 0 0 2%;
  background-color: #000;
}
.objectives-container .obj-container {
  padding: 5rem 0;
  flex: 0 0 49%;
}
@media (max-width: 640px) {
  .objectives-container .obj-container {
    padding: 2rem 1rem;
  }
}
.objectives-container .obj-container.blue {
  color: #fff;
}
.objectives-container .obj-container.white {
  color: #000;
}
.objectives-container .obj-container.left {
  padding-right: 4rem;
}
@media (max-width: 640px) {
  .objectives-container .obj-container.left {
    padding-right: 1rem;
    background-color: #fff;
  }
}
.objectives-container .obj-container.right {
  padding-left: 4rem;
}
@media (max-width: 640px) {
  .objectives-container .obj-container.right {
    padding-left: 1rem;
    background-color: #85b9d5;
  }
}

.who-we-are-container {
  padding: 9.375rem 0;
}
@media (max-width: 640px) {
  .who-we-are-container {
    padding: 2rem 0;
  }
}
.who-we-are-container .wr-item {
  padding: 3.5rem;
  background-color: #202020;
  flex: 1;
  color: #fff;
  border-radius: 3.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transform: scale(0.97);
  transition: all 0.3s ease;
}
@media (max-width: 640px) {
  .who-we-are-container .wr-item {
    padding: 2rem 1rem;
    border-radius: 1rem;
  }
}
.who-we-are-container .wr-item:hover {
  transform: scale(1);
  opacity: 0.95;
}
.who-we-are-container .wr-image {
  width: 15.9375rem;
  height: 15.9375rem;
  margin: 0 auto;
  margin-bottom: 1.5rem;
  border-radius: 3.5rem;
  overflow: hidden;
}
.who-we-are-container .wr-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.who-we-are-container .wr-name {
  font-weight: 500;
  font-size: 2.625rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-family: "Oswald", sans-serif;
  line-height: 1.2;
}
@media (max-width: 640px) {
  .who-we-are-container .wr-name {
    margin-bottom: 0;
  }
}
.who-we-are-container .wr-title {
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 75px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 1rem;
  text-align: center;
  margin-bottom: 3rem;
  text-transform: uppercase;
}
@media (max-width: 640px) {
  .who-we-are-container .wr-title {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
}

body.home .who-we-are-container {
  padding-top: 0;
}

.socialtank-video-container {
  width: 100%;
  aspect-ratio: 16/9; /* 16:9 aspect ratio */
  margin: 0 auto;
  margin-bottom: 9.375rem;
  display: block;
  max-width: 1420px;
}
.socialtank-video-container video {
  width: 100%;
}

.partnership-container {
  background-color: #fff;
  padding: 5rem 0;
  margin-bottom: 9.375rem;
}
@media (max-width: 640px) {
  .partnership-container {
    margin-bottom: 2rem;
    padding: 2rem 0;
  }
}
.partnership-container .inner {
  display: flex;
  gap: 8.125rem;
}
@media (max-width: 640px) {
  .partnership-container .inner {
    gap: 1rem;
    padding: 1rem;
    flex-direction: column;
    margin-bottom: 1rem;
  }
}
.partnership-container .ptsp-image {
  border-radius: 3.5rem;
  width: 31.5rem;
  height: 20rem;
  overflow: hidden;
}
@media (max-width: 640px) {
  .partnership-container .ptsp-image {
    border-radius: 1rem;
    width: 100%;
    height: 10rem;
  }
}
.partnership-container .ptsp-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.partnership-container .ptsp-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.partnership-container .ptsp-title {
  font-family: "Oswald", sans-serif;
  font-size: 1.875rem;
  font-weight: 400;
  color: #000;
}
.partnership-container .ptsp-subtitle {
  font-family: "Oswald", sans-serif;
  font-size: 3.125rem;
  font-weight: 500;
  color: #000;
  line-height: 1;
}
@media (max-width: 640px) {
  .partnership-container .ptsp-subtitle {
    font-size: 2rem;
  }
}
.partnership-container .ptsp-text {
  margin-top: 1.75rem;
}

.how-it-works-intro {
  padding: 9.375rem 0;
}
@media (max-width: 640px) {
  .how-it-works-intro {
    padding: 2rem;
  }
}
.how-it-works-intro .hiw-title {
  font-family: "Oswald", sans-serif;
  margin-bottom: 2rem;
  font-size: 3.125rem;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
}
@media (max-width: 640px) {
  .how-it-works-intro .hiw-title {
    font-size: 2rem;
    font-weight: 500;
    color: #fff;
    margin-bottom: 1rem;
  }
}
.how-it-works-intro p {
  color: #fff;
  text-align: center;
}

.news-single {
  color: #fff;
}
.news-single .read-more-link {
  display: block;
  margin-top: 1.375rem;
  color: #fff;
  font-size: 1.25rem;
  text-decoration: underline;
  transition: all 0.3s ease;
}
.news-single .read-more-link:hover {
  opacity: 0.9;
}
.news-single .read-more-link::after {
  content: "\f105";
  font-size: 0.6875rem;
  font-weight: 600;
  display: inline-block;
  margin-left: 0.5rem;
  font-family: "Font Awesome 6 Free";
}
.news-single .breadcrumb {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 2rem;
  font-size: 1rem;
}
.news-single .breadcrumb span,
.news-single .breadcrumb a {
  color: #fff;
}
.news-single .breadcrumb span::after,
.news-single .breadcrumb a::after {
  content: "\f105";
  font-size: 0.6875rem;
  font-weight: 600;
  display: inline-block;
  margin-left: 0.5rem;
  font-family: "Font Awesome 6 Free";
}
.news-single .breadcrumb span:last-child::after,
.news-single .breadcrumb a:last-child::after {
  display: none;
}
.news-single .breadcrumb span {
  display: inline-block;
}
.news-single .breadcrumb a {
  text-decoration: none;
}
.news-single .breadcrumb a:hover {
  text-decoration: underline;
}
.news-single .news-single-title {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 2rem;
  font-family: "Oswald", sans-serif;
  font-size: 4.6875rem;
  font-weight: 600;
  color: #fff;
}
.news-single .news-single-content {
  font-size: 1rem;
  line-height: 1.8;
}
.news-single .news-single-content a {
  text-decoration: none;
  color: #fff;
}
.news-single .news-single-content a:hover {
  text-decoration: underline;
}
.news-single .news-single-content h1,
.news-single .news-single-content h2,
.news-single .news-single-content h3,
.news-single .news-single-content h4,
.news-single .news-single-content h5,
.news-single .news-single-content h6 {
  display: inline;
  font-size: 1rem;
  font-weight: 400;
}

.contact-container {
  margin-top: 9.375rem;
  margin-bottom: 9.375rem;
}
@media (max-width: 640px) {
  .contact-container {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
.contact-container .inner {
  display: flex;
  gap: 8.125rem;
}
@media (max-width: 640px) {
  .contact-container .inner {
    gap: 2rem;
    padding: 1rem;
    flex-direction: column;
  }
}
.contact-container .contact-image {
  height: 21.875rem;
  flex: 1;
  min-width: 38.125rem;
  border-radius: 3.5rem;
  overflow: hidden;
}
@media (max-width: 640px) {
  .contact-container .contact-image {
    height: 14.75rem;
    min-width: 100%;
    width: 100%;
    border-radius: 1rem;
    margin: 0;
    flex: none;
  }
}
.contact-container .contact-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.contact-container .contact-form {
  flex: 1;
}

.form-title {
  display: block;
  margin-bottom: 2rem;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  font-size: 3.125rem;
  font-weight: 600;
  color: #fff;
}
@media (max-width: 640px) {
  .form-title {
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
  }
}

.form-content {
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  font-size: 1.875rem;
  font-weight: 400;
  color: #fff;
}
.form-content .contact-item {
  display: flex;
  gap: 1rem;
  align-items: center;
  line-height: 2;
}
@media (max-width: 640px) {
  .form-content {
    font-size: 1.75rem;
  }
}

.form-group {
  margin-bottom: 1rem;
  display: block;
}
.form-group .form-control {
  padding: 1rem;
  width: 100%;
  height: 56px;
  padding: 1.25rem;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #202020;
  border-radius: 1.25rem;
}
.form-group textarea {
  height: auto;
  min-height: 8rem;
}

.text-blue {
  color: #85b9d5;
}

.text-white {
  color: #fff;
}

.tac {
  text-align: center;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 640px) {
  .flex-container {
    flex-direction: column;
  }
}
.flex-container.col {
  flex-direction: column;
}
.flex-container.no-wrap {
  flex-wrap: nowrap;
}
.flex-container.flex-column {
  flex-direction: column;
}
.flex-container.space-between {
  justify-content: space-between;
}
.flex-container.center-justify {
  justify-content: center;
}
.flex-container.end-justify {
  justify-content: flex-end;
}
.flex-container.center-align {
  align-items: center;
}
.flex-container.start-align {
  align-items: flex-start;
}
.flex-container.end-align {
  align-items: flex-end;
}
.flex-container .flex-5 {
  flex: 0 0 5%;
}
.flex-container .flex-6 {
  flex: 0 0 6%;
}
.flex-container .flex-7 {
  flex: 0 0 7%;
}
.flex-container .flex-8 {
  flex: 0 0 8%;
}
.flex-container .flex-9 {
  flex: 0 0 9%;
}
.flex-container .flex-10 {
  flex: 0 0 10%;
}
.flex-container .flex-11 {
  flex: 0 0 11%;
}
.flex-container .flex-12 {
  flex: 0 0 12%;
}
.flex-container .flex-13 {
  flex: 0 0 13%;
}
.flex-container .flex-14 {
  flex: 0 0 14%;
}
.flex-container .flex-15 {
  flex: 0 0 15%;
}
.flex-container .flex-16 {
  flex: 0 0 16%;
}
.flex-container .flex-17 {
  flex: 0 0 17%;
}
.flex-container .flex-18 {
  flex: 0 0 18%;
}
.flex-container .flex-19 {
  flex: 0 0 19%;
}
.flex-container .flex-20 {
  flex: 0 0 20%;
}
.flex-container .flex-21 {
  flex: 0 0 21%;
}
.flex-container .flex-22 {
  flex: 0 0 22%;
}
.flex-container .flex-23 {
  flex: 0 0 23%;
}
.flex-container .flex-24 {
  flex: 0 0 24%;
}
.flex-container .flex-25 {
  flex: 0 0 25%;
}
.flex-container .flex-26 {
  flex: 0 0 26%;
}
.flex-container .flex-27 {
  flex: 0 0 27%;
}
.flex-container .flex-28 {
  flex: 0 0 28%;
}
.flex-container .flex-29 {
  flex: 0 0 29%;
}
.flex-container .flex-30 {
  flex: 0 0 30%;
}
.flex-container .flex-31 {
  flex: 0 0 31%;
}
.flex-container .flex-32 {
  flex: 0 0 32%;
}
.flex-container .flex-33 {
  flex: 0 0 33%;
}
.flex-container .flex-34 {
  flex: 0 0 34%;
}
.flex-container .flex-35 {
  flex: 0 0 35%;
}
.flex-container .flex-36 {
  flex: 0 0 36%;
}
.flex-container .flex-37 {
  flex: 0 0 37%;
}
.flex-container .flex-38 {
  flex: 0 0 38%;
}
.flex-container .flex-39 {
  flex: 0 0 39%;
}
.flex-container .flex-40 {
  flex: 0 0 40%;
}
.flex-container .flex-41 {
  flex: 0 0 41%;
}
.flex-container .flex-42 {
  flex: 0 0 42%;
}
.flex-container .flex-43 {
  flex: 0 0 43%;
}
.flex-container .flex-44 {
  flex: 0 0 44%;
}
.flex-container .flex-45 {
  flex: 0 0 45%;
}
.flex-container .flex-46 {
  flex: 0 0 46%;
}
.flex-container .flex-47 {
  flex: 0 0 47%;
}
.flex-container .flex-48 {
  flex: 0 0 48%;
}
.flex-container .flex-49 {
  flex: 0 0 49%;
}
.flex-container .flex-50 {
  flex: 0 0 50%;
}
.flex-container .flex-51 {
  flex: 0 0 51%;
}
.flex-container .flex-52 {
  flex: 0 0 52%;
}
.flex-container .flex-53 {
  flex: 0 0 53%;
}
.flex-container .flex-54 {
  flex: 0 0 54%;
}
.flex-container .flex-55 {
  flex: 0 0 55%;
}
.flex-container .flex-56 {
  flex: 0 0 56%;
}
.flex-container .flex-57 {
  flex: 0 0 57%;
}
.flex-container .flex-58 {
  flex: 0 0 58%;
}
.flex-container .flex-59 {
  flex: 0 0 59%;
}
.flex-container .flex-60 {
  flex: 0 0 60%;
}
.flex-container .flex-61 {
  flex: 0 0 61%;
}
.flex-container .flex-62 {
  flex: 0 0 62%;
}
.flex-container .flex-63 {
  flex: 0 0 63%;
}
.flex-container .flex-64 {
  flex: 0 0 64%;
}
.flex-container .flex-65 {
  flex: 0 0 65%;
}
.flex-container .flex-66 {
  flex: 0 0 66%;
}
.flex-container .flex-67 {
  flex: 0 0 67%;
}
.flex-container .flex-68 {
  flex: 0 0 68%;
}
.flex-container .flex-69 {
  flex: 0 0 69%;
}
.flex-container .flex-70 {
  flex: 0 0 70%;
}
.flex-container .flex-71 {
  flex: 0 0 71%;
}
.flex-container .flex-72 {
  flex: 0 0 72%;
}
.flex-container .flex-73 {
  flex: 0 0 73%;
}
.flex-container .flex-74 {
  flex: 0 0 74%;
}
.flex-container .flex-75 {
  flex: 0 0 75%;
}
.flex-container .flex-76 {
  flex: 0 0 76%;
}
.flex-container .flex-77 {
  flex: 0 0 77%;
}
.flex-container .flex-78 {
  flex: 0 0 78%;
}
.flex-container .flex-79 {
  flex: 0 0 79%;
}
.flex-container .flex-80 {
  flex: 0 0 80%;
}
.flex-container .flex-81 {
  flex: 0 0 81%;
}
.flex-container .flex-82 {
  flex: 0 0 82%;
}
.flex-container .flex-83 {
  flex: 0 0 83%;
}
.flex-container .flex-84 {
  flex: 0 0 84%;
}
.flex-container .flex-85 {
  flex: 0 0 85%;
}
.flex-container .flex-86 {
  flex: 0 0 86%;
}
.flex-container .flex-87 {
  flex: 0 0 87%;
}
.flex-container .flex-88 {
  flex: 0 0 88%;
}
.flex-container .flex-89 {
  flex: 0 0 89%;
}
.flex-container .flex-90 {
  flex: 0 0 90%;
}
.flex-container .flex-91 {
  flex: 0 0 91%;
}
.flex-container .flex-92 {
  flex: 0 0 92%;
}
.flex-container .flex-93 {
  flex: 0 0 93%;
}
.flex-container .flex-94 {
  flex: 0 0 94%;
}
.flex-container .flex-95 {
  flex: 0 0 95%;
}
.flex-container .flex-96 {
  flex: 0 0 96%;
}
.flex-container .flex-97 {
  flex: 0 0 97%;
}
.flex-container .flex-98 {
  flex: 0 0 98%;
}
.flex-container .flex-99 {
  flex: 0 0 99%;
}
.flex-container .flex-100 {
  flex: 0 0 100%;
}
.flex-container .flex-1 {
  flex: 1;
}
.flex-container .flex-auto {
  flex: 0 0 auto;
}
.flex-container .flex-full {
  flex: 0 0 100%;
}

.gap-2 {
  gap: 10px;
}

.gap-3 {
  gap: 15px;
}

.gap-4 {
  gap: 20px;
}

.gap-5 {
  gap: 25px;
}

.gap-6 {
  gap: 30px;
}

.gap-7 {
  gap: 35px;
}

.gap-8 {
  gap: 40px;
}

.gap-9 {
  gap: 45px;
}

.gap-10 {
  gap: 50px;
}

.gap-11 {
  gap: 55px;
}

.gap-12 {
  gap: 60px;
}

.gap-13 {
  gap: 65px;
}

.gap-14 {
  gap: 70px;
}

.gap-15 {
  gap: 75px;
}

.gap-16 {
  gap: 80px;
}

.gap-17 {
  gap: 85px;
}

.gap-18 {
  gap: 90px;
}

.gap-19 {
  gap: 95px;
}

.gap-20 {
  gap: 100px;
}

.gap-21 {
  gap: 105px;
}

.gap-22 {
  gap: 110px;
}

.gap-23 {
  gap: 115px;
}

.gap-24 {
  gap: 120px;
}

.gap-25 {
  gap: 125px;
}

.gap-26 {
  gap: 130px;
}

.gap-27 {
  gap: 135px;
}

.gap-28 {
  gap: 140px;
}

.gap-29 {
  gap: 145px;
}

.gap-30 {
  gap: 150px;
}

.gap-31 {
  gap: 155px;
}

.gap-32 {
  gap: 160px;
}

.gap-33 {
  gap: 165px;
}

.gap-34 {
  gap: 170px;
}

.gap-35 {
  gap: 175px;
}

.gap-36 {
  gap: 180px;
}

.gap-37 {
  gap: 185px;
}

.gap-38 {
  gap: 190px;
}

.gap-39 {
  gap: 195px;
}

.gap-40 {
  gap: 200px;
}

.gap-41 {
  gap: 205px;
}

.gap-42 {
  gap: 210px;
}

.gap-43 {
  gap: 215px;
}

.gap-44 {
  gap: 220px;
}

.gap-45 {
  gap: 225px;
}

.gap-46 {
  gap: 230px;
}

.gap-47 {
  gap: 235px;
}

.gap-48 {
  gap: 240px;
}

.gap-49 {
  gap: 245px;
}

.gap-50 {
  gap: 250px;
}/*# sourceMappingURL=style.css.map */