@font-face {
  font-family: 'Gilroy';
  src: url('/fileservice/file/download/h/af39ff137dd17b2b37cd9aafa9400096.ttf/a/23809/sc/287') format('truetype'),
    url('/fileservice/file/download/h/64612ae3eccdc534f51e49399f8e8896.woff/a/23809/sc/175') format('woff'),
    url('/fileservice/file/download/h/10a5f84babd32d9aea22aaa394f932e9.woff2/a/23809/sc/324') format('woff2');
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fileservice/file/download/h/1ae5a8ac1e7fcdae1f1567fd2409b0e8.ttf/a/23809/sc/379') format('truetype'),
    url('/fileservice/file/download/h/65a819c54f64268968b8b835772ce4e3.woff/a/23809/sc/33') format('woff'),
    url('/fileservice/file/download/h/edc98ce21837ed57efa620c796d8f278.woff2/a/23809/sc/271') format('woff2');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fileservice/file/download/h/89f34b1e67a51ffb39a40efa9daaf92c.ttf/a/23809/sc/392') format('truetype'),
    url('/fileservice/file/download/h/ba01b6e0ef63e467fc047fb9eda8aa80.woff/a/23809/sc/380') format('woff'),
    url('/fileservice/file/download/h/9e75dc8a2188f8cd5b1cedfc71596ccf.woff2/a/23809/sc/407') format('woff2');
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fileservice/file/download/h/087a5983c4b78d9c006c65fe8632a394.ttf/a/23809/sc/68') format('truetype'),
    url('/fileservice/file/download/h/ba505dbe83e101ffda9d97a53d1918b0.woff/a/23809/sc/282') format('woff'),
    url('/fileservice/file/download/h/122f3a6b51666ac1bf42a5b9617503a4.woff2/a/23809/sc/78') format('woff2');
  font-style: normal;
  font-weight: 600;
}

:root {
  --font-family: "Gilroy", sans-serif;
  --banner-bg-color: #131316;
  --banner-title-color: #fff;
  --banner-descr-color: rgba(255, 255, 255, 0.7);
  --banner-dark-color: #131316;
  --banner-btn-bg: radial-gradient(151.44% 64.33% at 50% 41.67%, #fbd670 0%, #ff9c53 100%);
  --custom-banner-bg: url('https://fs.getcourse.ru/fileservice/file/download/a/23809/sc/489/h/498e3a8d9236758660c78603076f6fa0.webp');
  --custom-banner-bg-mob: url('https://fs.getcourse.ru/fileservice/file/download/a/23809/sc/376/h/6d1629ff4fb4f11cb1beb1aa7483d9ab.webp');
}

body {
  position: relative;
}

.gc-main-content:not(.with-left-menu) .top-notification-wrapper,
.gl-ad-banner {
  display: none !important;
}

.custom-top-notification-wrapper {
  position: fixed;
  left: 90px;
  bottom: 5px;
  z-index: 999;

  @media (max-width: 768px) {
    left: 5px;
    bottom: 50px;
  }
}

.common-banner-wrapper.hide_banners {
  display: none !important;
}

html .common-banner-wrapper {
  position: relative;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
  width: 610px;
  padding: 30px;
  border-radius: 20px;
  background-image: var(--custom-banner-bg);
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;

  @media (max-width: 768px) {
    flex-direction: column;
    width: 525px;
    padding-left: 230px;
  }

  @media (max-width: 576px) {
    width: 250px;
    min-height: 250px;
    align-items: unset;
    justify-content: unset;
    padding: 15px;
    background-image: var(--custom-banner-bg-mob);
  }
}

.common-banner-wrapper__item:first-child {
  max-width: 270px;
}

.common-banner-wrapper__link:active,
.common-banner-wrapper__link:visited,
.common-banner-wrapper__link:hover,
.common-banner-wrapper__link:link {
  text-decoration: none;
}

.common-banner-wrapper__title {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: var(--banner-title-color);

  @media (max-width: 576px) {
    font-size: 12px;
  }
}

.common-banner-wrapper__descr {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: var(--banner-descr-color);

  @media (max-width: 576px) {
    font-size: 10px;
  }
}

.common-banner-wrapper__pseudo-btn {
  padding: 10px 14px;
  border-radius: 10px;
  background: var(--banner-btn-bg);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: var(--banner-dark-color);
}

.common-banner-wrapper__pseudo-btn:active,
.common-banner-wrapper__pseudo-btn:visited,
.common-banner-wrapper__pseudo-btn:hover,
.common-banner-wrapper__pseudo-btn:link {
  text-decoration: none;
  color: var(--banner-dark-color);
}

.banner-close {
  position: absolute;
  top: 10px;
  right: 30px;
  font-weight: 500;
  font-size: 30px;
  line-height: 1;
  color: var(--banner-title-color);
  cursor: pointer;

  @media (max-width: 576px) {
    top: 5px;
    right: 10px;
  }
}

@media screen and (max-width: 576px) {
  .common-banner-wrapper__item--last {
    margin-top: auto;
    margin-left: auto;
  }
}