.hero-fadein {
  opacity: 0; }

.hero {
  min-height: 100vh; }
  .hero-line {
    background-color: #707070;
    width: 1px;
    height: 80px;
    opacity: .6; }
  .hero-bubble {
    border-radius: 50rem; }
    .hero-bubble-border {
      padding: 7px;
      background-color: #EFEFEF; }
    .hero-bubble-inner {
      border-radius: 50rem; }
    .hero-bubble-1 {
      max-width: 167px;
      transform: translate(37%, -121%); }
    .hero-bubble-2 {
      max-width: 127px;
      transform: translate(128%, -77%); }
    .hero-bubble-3 {
      max-width: 156px;
      transform: translate(-87%, 79%);
      box-shadow: 0 54px 57px rgba(0, 0, 0, 0.16); }
  .hero-cube-1 {
    transform: translate(-108%, -161%); }
  .hero-cube-2 {
    transform: translate(-123%, 47%); }
  .hero-cube-3 {
    transform: translate(335%, 286%); }
  .hero-cube-4 {
    transform: translate(394%, 440%); }

.team-member {
  display: flex;
  align-items: center;
  flex-direction: column; }
  .team-member-img-wrapper {
    max-width: 85%;
    border-radius: 50rem; }
    .team-member-img-wrapper-border {
      padding: 10px;
      background-color: #EFEFEF;
      box-shadow: 0 54px 57px rgba(0, 0, 0, 0.16); }
    .team-member-img-wrapper-inner {
      border-radius: 50rem; }

@media only screen and (min-width: 992px) {
  .team-member {
    width: 20%; } }

.result-item {
  background-color: #F1F1F1;
  border-radius: 22px; }

.video-text-btn {
  background-color: #2660FF;
  border-radius: 8px;
  padding: 13px 27px;
  box-shadow: 0px 5px 19px -3px rgba(0, 0, 0, 0.16); }
  .video-text-btn:hover {
    color: #d7d7d7; }

@media only screen and (max-width: 768px) {
  .title-l {
    font-size: calc(4.938rem - 2.6rem);
    line-height: calc(6.25rem - 4rem); }
  .text-xl {
    font-size: calc(1.6rem - 0.55rem);
    line-height: calc(2rem - 0.45rem); }
  .hero {
    min-height: 77vh; }
    .hero-inner {
      width: 100%; }
    .hero-bubble-1 {
      position: relative !important;
      transform: none;
      margin-bottom: 15px; }
    .hero-bubble-2 {
      transform: translate(60%, 229%); }
    .hero-bubble-3 {
      max-width: 125px;
      transform: translate(-49%, -77%); }
    .hero-cube-1 {
      transform: translate(16%, -20%); }
    .hero-cube-2 {
      transform: translate(-76%, 68%); }
    .hero-cube-3 {
      max-width: 128px;
      transform: translate(-71%, 756%); }
    .hero-line {
      height: 170px; }
  .video-text-btn {
    width: 100%; }
  .team-member {
    margin-bottom: 55px; }
    .team-member-img-wrapper {
      max-width: 70%; }
  .result-item {
    border-radius: 0; } }