/* made in xsign */
/* сделано xsign */
/* ========== Cert Styles ========== */
.Cert__Wrap {
  display: grid;
  grid-template-columns: 1fr 480px;
  background: var(--color-black);
  border-radius: var(--border-rad);
  overflow: hidden;
}

.Cert__Info {
  padding: 76px 56px 76px 40px;
  order: 1;
}

.Cert__Img {
  order: 2;
}

.Cert__Title {
  color: var(--color-white);
}

.Cert__Text {
  margin-top: 24px;
  color: var(--color-white-72);
}

.Cert__Button {
  margin-top: 48px;
}

.Cert__Button.--BgBlack {
  background: var(--color-brand);
  color: var(--color-black);
  border: 1px solid var(--color-brand);
}

.Cert__Button.--BgBlack:hover {
  background: var(--color-brand-hover);
}

@media screen and (max-width: 1240px) {
  .Cert__Wrap {
    grid-template-columns: 1fr 360px;
  }
  .Cert__Info {
    padding: 48px 32px;
  }
  .Cert__Img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
  }
}

@media screen and (max-width: 1023px) {
  .Cert__Wrap {
    grid-template-columns: auto;
  }
  .Cert__Info {
    order: 2;
    padding: 32px;
  }
  .Cert__Img {
    order: 1;
    height: 400px;
  }
  .Cert__Title {
    max-width: 550px;
  }
  .Cert__Title br {
    display: none;
  }
  .Cert__Text br {
    display: none;
  }
  .Cert__Button {
    margin-top: 32px;
  }
}

@media screen and (max-width: 767px) {
  .Cert {
    margin-top: -2px;
  }
  .Cert .Case {
    padding: 0;
  }
  .Cert__Img {
    height: 324px;
    position: relative;
  }
  .Cert__Img:before {
    left: 50%;
    bottom: 0;
    width: 100%;
    height: 35%;
    transform: translateX(-50%);
    background: linear-gradient(
      0deg,
      #000000 15%,
      rgba(0, 0, 0, 0.5) 60%,
      rgba(0, 0, 0, 0) 100%
    );
    position: absolute;
    content: "";
  }
  .Cert__Info {
    padding: 0 24px 24px;
  }
  .Cert__Title u {
    display: block;
  }
  .Cert__Text {
    margin-top: 16px;
  }
  .Cert__Button {
    width: 100%;
  }
}