@font-face {
  font-family: Cygre;
  src:
    url(Cygre-BlackIt-OPyVRo-c.woff2) format("woff2"),
    url(Cygre-BlackIt-DK7TbuGh.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Cygre;
  src:
    url(Cygre-MediumIt-CsGb87Hw.woff2) format("woff2"),
    url(Cygre-MediumIt-CnJlHfSG.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Cygre;
  src:
    url(Cygre-LightIt-BD4K0zsy.woff2) format("woff2"),
    url(Cygre-LightIt-D3SQcqGr.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Cygre;
  src:
    url(Cygre-Thin-D7o-pVON.woff2) format("woff2"),
    url(Cygre-Thin-D2L8eSyF.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Cygre;
  src:
    url(Cygre-ThinIt-DU__C6lN.woff2) format("woff2"),
    url(Cygre-ThinIt-BrBjBXLW.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Cygre;
  src:
    url(Cygre-SemiBold-DYoDu6MN.woff2) format("woff2"),
    url(Cygre-SemiBold-BZY-djUD.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Cygre;
  src:
    url(Cygre-BoldIt-DqcgkFZp.woff2) format("woff2"),
    url(Cygre-BoldIt-DGVwmgaL.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Cygre;
  src:
    url(Cygre-Light-CF8rJwRj.woff2) format("woff2"),
    url(Cygre-Light-kFc2YjDQ.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Cygre;
  src:
    url(Cygre-Bold-CjlgVCfi.woff2) format("woff2"),
    url(Cygre-Bold-Dhi3Tftn.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Cygre;
  src:
    url(Cygre-ExtraBoldIt-DNi9GXBE.woff2) format("woff2"),
    url(Cygre-ExtraBoldIt-TYZA0tKk.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Cygre;
  src:
    url(Cygre-Medium-DE4sI7ce.woff2) format("woff2"),
    url(Cygre-Medium-DVbH4N7v.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Cygre Book;
  src:
    url(Cygre-Book-DKY6hp0d.woff2) format("woff2"),
    url(Cygre-Book-BuoR7D6a.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Cygre;
  src:
    url(Cygre-Regular-CDjFXpjD.woff2) format("woff2"),
    url(Cygre-Regular-wFxmR7qu.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Cygre;
  src:
    url(Cygre-RegularIt-Dh5KyR5M.woff2) format("woff2"),
    url(Cygre-RegularIt-CAqZh2iD.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Cygre;
  src:
    url(Cygre-SemiBoldIt-CRwZDwVV.woff2) format("woff2"),
    url(Cygre-SemiBoldIt-eJ_h1CC5.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Cygre;
  src:
    url(Cygre-ExtraBold-YWpRtAvN.woff2) format("woff2"),
    url(Cygre-ExtraBold-DUdAwEXh.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Cygre Book;
  src:
    url(Cygre-BookIt-DUHHjAwD.woff2) format("woff2"),
    url(Cygre-BookIt-DSDZOKOW.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Cygre;
  src:
    url(Cygre-Black-CB1l06pI.woff2) format("woff2"),
    url(Cygre-Black-CpIx4oNr.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Helvetica Neue;
  src:
    url(HelveticaNeue-Light-B4vUnqmr.woff2) format("woff2"),
    url(HelveticaNeue-Light-U3pmYfjR.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Helvetica Neue;
  src:
    url(HelveticaNeue-Bold-D-vzLrez.woff2) format("woff2"),
    url(HelveticaNeue-Bold-WwnYveA5.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Helvetica Neue;
  src:
    url(HelveticaNeue-Thin-DRPfSiRl.woff2) format("woff2"),
    url(HelveticaNeue-Thin-CrJ2kDjz.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Helvetica Neue;
  src:
    url(HelveticaNeue-Medium-Lpka2F2W.woff2) format("woff2"),
    url(HelveticaNeue-Medium-BW8b8SfI.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Helvetica Neue;
  src:
    url(HelveticaNeue-Roman-DT6CrDsu.woff2) format("woff2"),
    url(HelveticaNeue-Roman-j_m1Iam9.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.blog-preview {
  width: 100%;
  height: 100%;
  object-fit: fill;
  object-position: center;
}
.blog-article {
  padding-block: 105px 63px;
  background-image: url(main-bg-vAqRz6Hk.png);
}
.blog-article .fat {
  background: linear-gradient(90deg, #FF3B8D, #FF3B8D);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 500;
}
.blog-article-wrapper {
  padding-inline: 32px;
}
.blog-article-wrapper__heading {
  font-family: Cygre, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 60px;
  background: linear-gradient(110.13deg, #0B0B0B 36.34%, #0B0B0B99 85.18%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  max-width: 825px;
  line-height: 60.7px;
  padding-bottom: 43px;
}
.blog-article-wrapper__preview {
  max-height: 276px;
  height: 276px;
  width: 100%;
  border-radius: 8px;
  background: radial-gradient(50% 50% at 50% 50%, #FFFFFF, #FFFFFF);
  box-shadow: 0 4.3px 11.82px #0B0B0B1a;
}
.blog-article-wrapper__content {
  margin-top: 51px;
  font-family: Cygre, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
  color: #0B0B0B;
  max-width: 981px;
  line-height: 22.1px;
  text-align: justify;
  padding-bottom: 43px;
}
.blog-article-wrapper__published h3 {
  font-family: Cygre, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 36px;
  display: inline-block;
  padding-right: 5px;
  background: linear-gradient(90deg, #0B0B0B, #0B0B0B99);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.blog-article-wrapper__published p {
  font-family: Cygre, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  background: linear-gradient(90deg, #FF3B8D, #FF3B8D);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media screen and (max-width: 1024px) {
  .blog-article {
    padding-block: 107px 75px;
  }
  .blog-article-wrapper {
    padding-inline: 28px;
  }
  .blog-article-wrapper__heading {
    padding-bottom: 40px;
    font-size: 50px;
    max-width: 620px;
    line-height: 55.7px;
  }
  .blog-article-wrapper__content {
    margin-top: 46px;
    padding-bottom: 28px;
  }
  .blog-article-wrapper__published h3 {
    font-size: 31px;
    line-height: 52.29px;
  }
  .blog-article-wrapper__published p {
    font-size: 18px;
    line-height: 100%;
  }
}
@media screen and (max-width: 600px) {
  .blog-article {
    padding-block: 59.5px 33px;
    background-image: none;
  }
  .blog-article-wrapper {
    padding: 0;
  }
  .blog-article-wrapper__heading {
    max-width: 100%;
    font-size: 32px;
    line-height: 32.7px;
    padding-bottom: 26px;
    letter-spacing: -1px;
    text-align: center;
  }
  .blog-article-wrapper__preview {
    max-height: 276px;
    height: 170px;
    max-width: 250px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
  }
  .blog-article-wrapper__content {
    margin-top: 27px;
    font-size: 14px;
    line-height: 19.1px;
    padding-bottom: 22px;
  }
  .blog-article-wrapper__published h3 {
    font-size: 24px;
    line-height: 52.29px;
  }
  .blog-article-wrapper__published p {
    font-size: 16px;
  }
}
.bottom__block {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
