:root {
  --font-family: "TTNormsPro", sans-serif;
  --font-family-bold: "Druk Text Wide Cyr", sans-serif;
  --clr-dark: #1d252d;
  --clr-light: #fff;
  --clr-primary: #5f45ba;
  --clr-primary-100: #493492;
  --clr-secondary: #f6e200;
  --clr-secondary-100: #f7b738;
  --clr-danger: #ff1a1a;

  --clr-neutral-50: #f3f3f4;
  --clr-neutral-60: #f5f5f5;
  --clr-neutral-75: #e5e5e5;
  --clr-neutral-90: #f9f9f9;
  --clr-neutral-100: #d6d6d6;
  --clr-neutral-600: #a1a5a7;
  --clr-neutral-1000: #606567;
  --clr-neutral-2000: #2a3a46;

  --theme-clr-text: var(--clr-dark);
  --theme-clr-danger: var(--clr-danger);
  --theme-bg: var(--clr-light);
  --theme-text: 16px;
  --theme-leading: 140%;

  --primary: var(--clr-dark);
  --primary-s: var(--clr-neutral-2000);
  --primary-g: rgba(14, 30, 51, 0.5);
  --secondary: var(--clr-secondary);
  --secondary-p: var(--clr-primary);
  --secondary-s: var(--clr-secondary-100);
  --secondary-text: var(--clr-neutral-2000);
  --bg: var(--theme-bg);
  --border: rgba(14, 30, 51, 0.22);
  --surface: #ffffff;
  --red: var(--clr-danger);
}
#certificate {
  display: grid;
  margin: -7rem auto 0;
  grid-gap: 2rem;
  grid-template-columns: 3fr 4fr;
}
@media (max-width: 991px) {
#certificate {
    grid-template-columns: 1fr;
    margin: 8rem 0 -4rem
}
  }
@media (max-width: 500px) {
#certificate {
    margin: 6rem 0 -6rem
}
  }
@media(max-width: 768px) {
#certificate {
    display: block
}
  }
#certificate-img {
    position: relative;
    z-index: 1;
  }
@media (max-width: 991px) {
#certificate-img {
      height: auto;
      margin: -8rem 0 0
  }
    }
#certificate-img:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      width: 200%;
      height: 25rem;
      background-color: var(--secondary-p);
      transform: translateY(-50%);
    }
@media (max-width: 1280px) {
#certificate-img:before {
        height: 13.3vw
    }
      }
@media (max-width: 991px) {
#certificate-img:before {
        height: 12.5rem;
        left: -25%
    }
      }
#certificate-img img {
      position: relative;
      margin-left: 7rem;
      margin-top: 8rem;
      padding-right: 5rem;
    }
@media (max-width: 991px) {
#certificate-img img {
        margin-left: 3.5rem;
        margin-top: 5rem
    }
      }
@media (max-width: 500px) {
#certificate-img img {
        margin-left: 0;
        padding-right: 0
    }
      }
.certificate-info {
  display: flex;
  padding-right: 9vw;
  flex-direction: column;
  justify-content: center;
}
.certificate-info .title-1 {
    margin-bottom: 1rem;
  }
.certificate-info p {
    font-size: 2.4rem;
    opacity: .5;
  }
@media (max-width: 991px) {
.certificate-info p {
      font-size: 1.8rem
  }
    }