@media all and (min-width: 1024px) {
  main {
    margin-bottom: 200px; } }

.ppp-hero {
  background-repeat: no-repeat;
  background-size: cover; }
  @media all and (min-width: 1024px) {
    .ppp-hero {
      min-height: 790px; } }
  .ppp-hero .ppp-hero__overlay {
    background: rgba(0, 0, 0, 0.75); }
  .ppp-hero .ppp-hero__left .btn:hover {
    background: #ffffff;
    color: #000000 !important; }

.ppp-hero__right .ppp-login-form__container,
.ppp-hero__right .ppp-user-registraion {
  border-radius: 20px; }

@media all and (max-width: 526px) {
  .ppp-hero__right > .py-5 {
    padding-bottom: 0 !important; }
    .ppp-hero__right > .py-5 > .pb-5 {
      padding-bottom: 0 !important; } }

.ppp-hero__right .mo-openid-app-icons {
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 0; }
  .ppp-hero__right .mo-openid-app-icons a.mo_btn.mo_btn-mo.mo_btn-social {
    width: 100% !important;
    display: inline-block !important; }

.ppp-hero__right .ppp-user-registraion {
  display: none; }

@media all and (min-width: 526px) {
  .ppp-collaborators .slick-track {
    display: flex !important;
    align-items: center !important; } }

.ppp-collaborators h2 {
  letter-spacing: 0.03em; }

.ppp-collaborators .slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 50px; }
  .ppp-collaborators .slick-dots li {
    list-style: none;
    position: relative;
    width: 28px;
    height: 7px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    background: rgba(196, 196, 196, 0.3); }
    .ppp-collaborators .slick-dots li.slick-active {
      background: rgba(196, 196, 196, 0.5); }
    .ppp-collaborators .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 20px;
      height: 20px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent; }