@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 {
  padding-block: 113px;
  background-image: url(main-bg-vAqRz6Hk.png);
}
.blog .blog-wrapper {
  padding-inline: 36px;
}
.blog .blog-wrapper .blog-heading {
  font-family: Cygre, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 110px;
  text-transform: uppercase;
  display: inline-block;
  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;
  position: relative;
  line-height: 1;
}
.blog .blog-wrapper .blog-heading span {
  position: absolute;
  top: -15px;
  left: 5px;
  font-family:
    Cygre Book,
    sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 27px;
  text-transform: uppercase;
  background: linear-gradient(90deg, #FF3B8D, #FF3B8D);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.blog .blog-wrapper .blog-content {
  margin-top: 40px;
  display: flex;
  justify-content: flex-start;
  gap: 31px;
  flex-wrap: wrap;
}
.blog .blog-wrapper .blog-content__item {
  width: calc((100% - 62px) / 3);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.blog .blog-wrapper .blog-content__item-preview {
  max-height: 276px;
  height: 276px;
  box-shadow: 0 4.3px 11.82px #0B0B0B1a;
  background: radial-gradient(50% 50% at 50% 50%, #FFFFFF, #FFFFFF);
}
.blog .blog-wrapper .blog-content__item-preview .blog-preview {
  width: 100%;
  height: 100%;
  object-fit: fill;
  object-position: center;
}
.blog .blog-wrapper .blog-content__item-info {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.blog .blog-wrapper .blog-content__item-info .blog-title {
  font-family:
    Cygre Book,
    sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  line-height: 1;
  max-width: 180px;
  background: linear-gradient(90deg, #0B0B0B, #0B0B0B);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  margin-bottom: 4px;
}
.blog .blog-wrapper .blog-content__item-info .blog-title span {
  background: linear-gradient(90deg, #FF3B8D, #FF3B8D);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.blog .blog-wrapper .blog-content__item-info .blog-more-btn {
  font-family: Cygre, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 17px;
  padding: 17px 16px;
  border-radius: 80px;
}
.blog .blog-wrapper .blog-content__item-info .blog-more-btn:hover {
  background: linear-gradient(90deg, #FFFFFF, #FFFFFF);
}
.blog .blog-wrapper .blog-content__item-info .blog-more-btn:active {
  background: linear-gradient(90deg, #FFFFFF, #F7F7F8);
}
@media screen and (max-width: 1024px) {
  .blog {
    padding-block: 97px;
  }
  .blog .blog-wrapper .blog-content {
    margin-top: 51px;
    gap: 35px;
    row-gap: 58px;
  }
  .blog .blog-wrapper .blog-content__item {
    width: calc(50% - 17.5px);
  }
  .blog .blog-wrapper .blog-content__item-info .blog-title {
    max-width: 202px;
    font-size: 24px;
  }
  .blog .blog-wrapper .blog-content__item-info .blog-more-btn {
    font-size: 19px;
  }
}
@media screen and (max-width: 600px) {
  .blog-content__item-preview {
    height: 201px !important;
  }
  .blog-content__item {
    max-width: 243px;
  }
  .blog {
    padding-block: 37px 54px;
    background-image: none;
  }
  .blog .blog-wrapper {
    padding: 0;
  }
  .blog .blog-wrapper .blog-heading {
    font-size: 75px;
  }
  .blog .blog-wrapper .blog-heading span {
    font-size: 21px;
  }
  .blog .blog-wrapper .blog-content {
    margin-top: 30px;
    gap: 37px;
    justify-content: center;
  }
  .blog .blog-wrapper .blog-content__item {
    width: 100%;
  }
  .blog .blog-wrapper .blog-content__item-info {
    margin-top: 18px;
  }
  .blog .blog-wrapper .blog-content__item-info .blog-title {
    max-width: 140px;
    font-size: 16px;
    margin-bottom: 2px;
  }
  .blog .blog-wrapper .blog-content__item-info .blog-more-btn {
    font-size: 13px;
    padding: 11.5px 13px;
    border-radius: 58px;
  }
}