/* scss/template-styles/community.scss */
:root {
  --bs-white: #FFFFFF;
  --bs-blue0: #004A81;
  --bs-blue1: #1171BB;
  --bs-blue2: #1F8FE6;
  --bs-blue3: #4DB1FF;
  --bs-blue4: #97D2FF;
  --bs-blue5: #DDF0FF;
  --bs-blueDisabled: #A9C7E4;
  --bs-ice0: #007DB3;
  --bs-ice1: #0098D5;
  --bs-ice2: #34BBF3;
  --bs-ice3: #89DDFF;
  --bs-ice4: #B9EBFF;
  --bs-ice5: #E7F8FF;
  --bs-green0: #238551;
  --bs-green1: #30A165;
  --bs-green2: #48CC86;
  --bs-green3: #74E3A8;
  --bs-green4: #ADF5CF;
  --bs-green5: #E6FFF2;
  --bs-yellow0: #EA9F06;
  --bs-yellow1: #FFBC33;
  --bs-yellow2: #FFD25A;
  --bs-yellow3: #FFDF8B;
  --bs-yellow4: #FFEAB2;
  --bs-yellow5: #FFF7E2;
  --bs-red0: #AE2206;
  --bs-red1: #D1462A;
  --bs-red2: #F86648;
  --bs-red3: #FD8C75;
  --bs-red4: #FFC4B8;
  --bs-red5: #FFEFEC;
  --bs-grey: #F6F8FA;
  --bs-grey0: #313E4B;
  --bs-grey1: #4F5963;
  --bs-grey2: #6E7681;
  --bs-grey3: #959EA8;
  --bs-grey4: #C9D0D9;
  --bs-grey5: #F0F4F7;
  --bs-darkGrey: #333333;
  --bs-purple0: #391684;
  --bs-purple1: #552AB1;
  --bs-purple2: #764DCC;
  --bs-purple3: #9E7FE3;
  --bs-purple4: #CCB9F5;
  --bs-purple5: #E7DCFF;
  --bs-default-rgb: #6E7681;
  --bs-primary-rgb: #1171BB;
  --bs-success-rgb: #30A165;
  --bs-info-rgb: #0098D5;
  --bs-warning-rgb: #FFBC33;
  --bs-danger-rgb: #D1462A;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #C9D0D9;
  --bs-white-rgb: #FFFFFF;
  --bs-dropdown-bg: #FFFFFF;
  --bs-modal-width: 650px;
  --bs-border-radius-sm: 0.25px;
  --bs-pagination-border-radius: 4px;
}
.link-white {
  color: #fff !important;
}
.link-white:hover,
.link-white:focus {
  color: #fff;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .margTop-sm-8 {
    margin-top: 8rem !important;
  }
  .margBot-sm-8 {
    margin-bottom: 8rem !important;
  }
  .padTop-sm-5 {
    padding-top: 5.6rem !important;
  }
  .padBot-sm-5 {
    padding-bottom: 5.6rem !important;
  }
  .padTop-sm-8 {
    padding-top: 8rem !important;
  }
  .padBot-sm-8 {
    padding-bottom: 8rem !important;
  }
}
@media screen and (min-width: 992px) {
  .margTop-md-8 {
    margin-top: 8rem !important;
  }
  .margBot-md-8 {
    margin-bottom: 8rem !important;
  }
  .padTop-md-8 {
    padding-top: 8rem !important;
  }
  .padBot-md-8 {
    padding-bottom: 8rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .margTop-lg-8 {
    margin-top: 8rem !important;
  }
  .margBot-lg-8 {
    margin-bottom: 8rem !important;
  }
  .padTop-lg-8 {
    padding-top: 8rem !important;
  }
  .padBot-lg-8 {
    padding-bottom: 8rem !important;
  }
}
@media (max-width: 767px) {
  .margTop-xs-medium {
    margin-top: 1.6rem;
  }
}
.background-blue0 {
  background-color: #004A81;
}
.background-blue1 {
  background-color: #1171BB;
}
.background-grey5 {
  background-color: #F0F4F7;
}
.hero-container {
  min-height: 23rem;
}
@media screen and (min-width: 768px) {
  .hero-container {
    min-height: 28rem;
  }
}
@media screen and (min-width: 1200px) {
  .hero-container {
    min-height: 33rem;
  }
}
.btn.btn-default.with-shadow {
  transition: all 0.3s ease-in-out;
  background-color: #fff;
}
.btn.btn-default.with-shadow:hover,
.btn.btn-default.with-shadow:focus {
  background-color: #fff;
  transform: translateY(-0.2rem);
  box-shadow: 0 5px 12px 0 rgba(25, 34, 43, 0.3);
}
.vjs-tech {
  object-fit: cover;
}
.video-js {
  border-radius: 8px;
  box-shadow: 0 5px 32px 0 rgba(25, 34, 43, 0.11);
  overflow: hidden;
  z-index: 5;
  color: #1171bb;
}
.video-js:hover .vjs-big-play-button,
.video-js:focus .vjs-big-play-button {
  background-color: #1171bb !important;
}
.video-js .vjs-big-play-button {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  line-height: 1.5;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #1171bb;
  border: 0;
  font-size: 40px;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  color: #fff;
}
.video-js .vjs-control-bar {
  background-color: #fff !important;
}
.video-js .vjs-slider {
  background-color: #c9d0d9 !important;
}
.video-js .vjs-play-progress {
  background-color: #1171bb !important;
}
.video-js .vjs-play-progress:before {
  color: #1171bb !important;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  background-color: #1171bb !important;
}
.vjs-remaining-time-display {
  color: #19222b !important;
}
.vjs-modal-dialog-content {
  color: #fff !important;
}
.hero-container {
  padding: 3.2rem 0;
}
@media screen and (min-width: 768px) {
  .hero-container {
    padding: 5.6rem 0;
  }
}
.hero-container .hero-image {
  width: 100%;
  margin-bottom: 3.2rem;
}
@media screen and (min-width: 1200px) {
  .hero-container .hero-image {
    margin-bottom: 5.6rem;
  }
}
.hero-container h1 {
  margin-bottom: 0.8rem;
  margin-top: 0;
}
@media screen and (min-width: 1200px) {
  .hero-container h1 {
    margin-top: 8rem;
  }
}
.hero-container h3 {
  margin-bottom: 3.2rem;
}
@media screen and (min-width: 768px) {
  .hero-container h3 {
    margin-bottom: 5.6rem;
  }
}
.hero-container .cta-card {
  display: flex;
  border-radius: 8px;
  box-shadow: 0 5px 12px 0 rgba(25, 34, 43, 0.1);
  background-color: var(--white);
  align-items: center;
  margin-bottom: 1.6rem;
  color: #19222B;
  transition: all 0.15s linear;
}
@media screen and (min-width: 768px) {
  .hero-container .cta-card {
    flex-direction: column;
  }
}
@media screen and (min-width: 1200px) {
  .hero-container .cta-card {
    flex-direction: row;
  }
}
.hero-container .cta-card:hover {
  box-shadow: 0 5px 32px 0 rgba(25, 34, 43, 0.1);
  color: #1171BB;
}
.hero-container .cta-card img {
  width: 50%;
  max-width: 153px;
  margin-bottom: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
@media screen and (min-width: 768px) {
  .hero-container .cta-card img {
    flex-direction: column;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    width: 100%;
    max-width: initial;
  }
}
@media screen and (min-width: 1200px) {
  .hero-container .cta-card img {
    width: 55%;
    max-width: 153px;
    margin-bottom: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0;
  }
}
.hero-container .cta-card span {
  margin: 0 1.6rem;
}
@media screen and (min-width: 768px) {
  .hero-container .cta-card span {
    padding: 2.4rem;
    margin: 0;
  }
}
@media screen and (min-width: 1200px) {
  .hero-container .cta-card span {
    padding: 0 2.4rem;
  }
}
.community-section {
  background-color: #F0F4F7;
  padding: 3.2rem 0;
}
@media screen and (min-width: 768px) {
  .community-section {
    padding: 5.6rem 0;
  }
}
.community-section .headings {
  text-align: center;
}
.community-section .headings .deco-icon {
  margin-bottom: 3.2rem;
}
.community-section .headings h2 {
  margin: 0;
}
.community-section h4 {
  margin: 3.2rem 0 0.8rem;
}
.community-section p {
  color: #4F5963;
  margin-bottom: 0;
}
.community-section .btn-primary {
  margin-top: 3.2rem;
}
@media screen and (min-width: 768px) {
  .community-section .btn-primary {
    margin-top: 5.6rem;
  }
}
.voicey-section {
  padding: 3.2rem 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .voicey-section {
    padding: 5.6rem 0;
  }
}
.voicey-section h3 {
  color: #4F5963;
  margin-bottom: 0.8rem;
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .voicey-section .profile-wrap {
    text-align: left;
  }
}
.voicey-section .profile-wrap .h3 {
  margin-top: 1.6rem;
}
@media screen and (min-width: 768px) {
  .voicey-section .profile-wrap .h3 {
    margin-top: 2.4rem;
  }
}
.voicey-section .profile-wrap img {
  max-width: 12rem;
  margin-top: 2.4rem;
}
.voicey-section .profile-wrap p {
  margin-bottom: 3.2rem;
  color: #4F5963;
}
.voicey-section .profile-wrap a:hover {
  border-bottom: 1px solid #1171BB;
}
.voicey-section .next-wrap {
  box-shadow: 0 5px 12px 0 rgba(25, 34, 43, 0.1);
  text-align: left;
  color: #4F5963;
  padding: 2.4rem;
  margin-top: 2.4rem;
  border-radius: 8px;
}
.voicey-section .next-wrap p {
  margin: 2.4rem 0 0;
}
.talent-wrap {
  background-color: #F0F4F7;
  padding: 3.2rem 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .talent-wrap {
    padding: 5.6rem 0;
  }
}
@media screen and (min-width: 1200px) {
  .talent-wrap {
    padding: 8rem 0;
  }
}
.talent-wrap h2 {
  color: #4F5963;
}
.talent-wrap .h2 {
  margin-bottom: 3.2rem;
}
@media screen and (min-width: 768px) {
  .talent-wrap .h2 {
    margin-bottom: 5.6rem;
  }
}
@media screen and (min-width: 1200px) {
  .talent-wrap .h2 {
    margin-bottom: 8rem;
  }
}
@media screen and (min-width: 768px) {
  .talent-wrap .col-sm-1 {
    border-right: 1px solid #C9D0D9;
  }
}
.talent-wrap .ctas-wrap {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .talent-wrap .border-left {
    border-left: 1px solid #C9D0D9;
  }
}
.talent-wrap .cta-wrap {
  text-align: left;
  padding-bottom: 3.2rem;
}
@media screen and (min-width: 768px) {
  .talent-wrap .cta-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 0;
  }
}
.talent-wrap .cta-wrap:last-of-type {
  padding-bottom: 0;
}
.talent-wrap .cta-wrap img {
  max-width: 50%;
}
.talent-wrap .cta-wrap h2 {
  margin: 2.4rem 0 1.6rem;
}
.talent-wrap .cta-wrap p {
  color: #4F5963;
  margin: 0 0 2.4rem;
}
.talent-wrap hr {
  border-top: 1px solid #C9D0D9;
  width: 100%;
  margin: 0 15px 3.2rem;
}
@media screen and (min-width: 768px) {
  .talent-wrap hr {
    display: none;
  }
}
.youtube-wrap {
  padding: 3.2rem 0;
  text-align: center;
  border-bottom: 1px solid #C9D0D9;
}
@media screen and (min-width: 768px) {
  .youtube-wrap {
    padding: 5.6rem 0;
  }
}
.youtube-wrap h2 {
  margin-bottom: 3.2rem;
}
@media screen and (min-width: 1200px) {
  .youtube-wrap h2 {
    margin-bottom: 5.6rem;
  }
}
.youtube-wrap .cta-wrap {
  display: inline-block;
  border-radius: 8px;
  box-shadow: 0 5px 12px 0 rgba(25, 34, 43, 0.1);
  margin-bottom: 1.6rem;
  font-size: 2rem;
  color: #19222B;
  text-align: left;
  transition: all 0.15s linear;
}
.youtube-wrap .cta-wrap:hover {
  box-shadow: 0 5px 32px 0 rgba(25, 34, 43, 0.1);
  color: #1171BB;
}
.youtube-wrap .cta-wrap img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
}
.youtube-wrap .cta-wrap span {
  display: inline-block;
  padding: 1.6rem;
}
.youtube-wrap .btn {
  margin-top: 1.6rem;
}
.podcasts-wrap {
  padding: 3.2rem 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .podcasts-wrap {
    padding: 5.6rem 0;
  }
}
.podcasts-wrap h2 {
  margin: 0 0 3.2rem;
}
@media screen and (min-width: 1200px) {
  .podcasts-wrap h2 {
    margin: 0 0 5.6rem;
  }
}
.podcasts-wrap .cta-wrap {
  display: inline-block;
  border-radius: 8px;
  box-shadow: 0 5px 12px 0 rgba(25, 34, 43, 0.1);
  padding: 2.4rem;
  margin-bottom: 1.6rem;
  transition: all 0.15s linear;
}
.podcasts-wrap .cta-wrap:hover {
  box-shadow: 0 5px 32px 0 rgba(25, 34, 43, 0.1);
}
.podcasts-wrap .cta-wrap:hover .copy h3,
.podcasts-wrap .cta-wrap:hover .copy p {
  color: #1171BB;
}
@media screen and (min-width: 768px) {
  .podcasts-wrap .cta-wrap {
    display: flex;
  }
}
.podcasts-wrap .cta-wrap img {
  max-width: 13.5rem;
  max-height: 13.5rem;
  margin: 0 auto;
  border-radius: 8px;
}
.podcasts-wrap .cta-wrap .copy {
  text-align: left;
}
.podcasts-wrap .cta-wrap .copy h3,
.podcasts-wrap .cta-wrap .copy p {
  transition: all 0.15s linear;
}
@media screen and (min-width: 768px) {
  .podcasts-wrap .cta-wrap .copy {
    margin-left: 2.4rem;
  }
}
.podcasts-wrap .cta-wrap h3 {
  color: #19222B;
  font-size: 2.4rem;
  margin: 2.4rem 0 1.6rem;
}
@media screen and (min-width: 768px) {
  .podcasts-wrap .cta-wrap h3 {
    margin-top: 0;
  }
}
.podcasts-wrap .cta-wrap p {
  color: #4F5963;
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .podcasts-wrap .cta-wrap p {
    min-height: 108px;
  }
}
.social-wrap {
  background-color: #1171BB;
  padding: 3.2rem;
  text-align: center;
  border-radius: 8px;
}
.social-wrap h2 {
  color: #FFFFFF;
  margin: 0 0 1.2rem;
}
.social-wrap .social-icons-wrap {
  display: flex;
  justify-content: space-evenly;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .social-wrap .social-icons-wrap {
    max-width: 350px;
  }
}
@media screen and (min-width: 1200px) {
  .social-wrap .social-icons-wrap {
    max-width: 500px;
  }
}
.social-wrap .social-icons-wrap .social-icon {
  background-color: #FFFFFF;
  color: #4F5963;
  height: 3.6rem;
  width: 3.6rem;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*# sourceMappingURL=community-FT4OIZHK.min.css.map */