/* Global Colors */
.join-component1 {
  overflow: hidden;
}
@media (max-width: 991px) {
  .join-component1 .section-wrapper:nth-child(2) {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .join-component2 .section-wrapper:first-child {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .join-wrapper .wrapper {
    padding: 0;
    height: inherit;
  }
}
@media (min-width: 992px) {
  .join-wrapper .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 8.333vw;
       -moz-column-gap: 8.333vw;
            column-gap: 8.333vw;
  }
}

@media (min-width: 992px) {
  .section2 {
    display: none !important;
  }
}
.section2 .section {
  display: none !important;
}

@media (min-width: 992px) {
  .left-bg,
  .right-bg {
    position: relative;
  }
  .left-bg::after,
  .right-bg::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    background: #f6f6f6;
    z-index: -1;
  }
}

@media (min-width: 992px) {
  .left-bg::after {
    left: 0;
  }
}

@media (min-width: 992px) {
  .right-bg::after {
    right: 0;
  }
}

@media (min-width: 992px) {
  .join-component1 .home-section11:first-child .pic-wrapper {
    width: 86% !important;
  }
}
@media (min-width: 992px) {
  .join-component1 .home-section11:nth-child(2) {
    padding-left: 2.083vw;
  }
}