.main-cnr {
  background: #fff url(../images/light-bg.png) no-repeat;
  background-size: contain;
  background-position: bottom;
}
.main-cnr.infographics-cnr .sub-cnr {
  margin: 40px auto 60px;
}
.main-cnr.infographics-cnr .sub-cnr .breadcrumb-section {
  margin-left: 57px;
}
.main-cnr.infographics-cnr .sub-cnr .breadcrumb-section .breadcrumb {
  display: flex;
  flex-direction: row;
  list-style: none;
  padding-bottom: 32px;
  align-items: center;
}
.main-cnr.infographics-cnr .sub-cnr .breadcrumb-section .breadcrumb .breadcrumb-item .breadcrumb-link {
  color: #adadad;
  font-size: 14px;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.main-cnr.infographics-cnr .sub-cnr .breadcrumb-section .breadcrumb .breadcrumb-item .breadcrumb-link::after {
  content: "";
  background: url(../images/breadcrumb-arrow.svg);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 6px 12px;
}
.main-cnr.infographics-cnr .sub-cnr .breadcrumb-section .breadcrumb .breadcrumb-item.active {
  color: var(--clr-neutral-100);
  font-size: 14px;
}
.main-cnr.infographics-cnr .sub-cnr .card-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column {
  display: flex;
  flex-direction: column;
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image {
  background: #fff;
  box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  padding: 16px;
  position: relative;
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record {
  display: flex;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #909090;
  align-items: center;
  flex-direction: column;
  justify-items: center;
  width: 300px;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.four-big-shifts {
  background-image: -webkit-image-set(url("/infographics/img/four-big-shifts-in-user-behaviour-t-1x.webp") 1x, url(" /infographics/img/four-big-shifts-in-user-behaviour-t-2x.webp") 2x);
  background-image: image-set(url("/infographics/img/four-big-shifts-in-user-behaviour-t-1x.webp") 1x, url(" /infographics/img/four-big-shifts-in-user-behaviour-t-2x.webp") 2x);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.mobile-first-world-2025 {
  background-image: -webkit-image-set(url("/infographics/img/mobile-first-world-2025-t-1x.webp") 1x, url(" /infographics/img/mobile-first-world-2025-t-2x.webp") 2x);
  background-image: image-set(url("/infographics/img/mobile-first-world-2025-t-1x.webp") 1x, url(" /infographics/img/mobile-first-world-2025-t-2x.webp") 2x);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.ten-breakthrough-mobile-exp {
  background-image: -webkit-image-set(url("/infographics/img/10-breakthroughs-that-will-define-mobile-experiences-2030-t-1x.webp") 1x, url(" /infographics/img/10-breakthroughs-that-will-define-mobile-experiences-2030-t-2x.webp") 2x);
  background-image: image-set(url("/infographics/img/10-breakthroughs-that-will-define-mobile-experiences-2030-t-1x.webp") 1x, url(" /infographics/img/10-breakthroughs-that-will-define-mobile-experiences-2030-t-2x.webp") 2x);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.top-software-development {
  background-image: -webkit-image-set(url("/infographics/img/top-software-development-trends-2025-t-1x.webp") 1x, url(" /infographics/img/top-software-development-trends-2025-t-2x.webp") 2x);
  background-image: image-set(url("/infographics/img/top-software-development-trends-2025-t-1x.webp") 1x, url(" /infographics/img/top-software-development-trends-2025-t-2x.webp") 2x);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.edge-computing {
  background-image: -webkit-image-set(url("/infographics/img/edge-computing-impacts-by-2030-t-1x.webp") 1x, url(" /infographics/img/edge-computing-impacts-by-2030-t-2x.webp") 2x);
  background-image: image-set(url("/infographics/img/edge-computing-impacts-by-2030-t-1x.webp") 1x, url(" /infographics/img/edge-computing-impacts-by-2030-t-2x.webp") 2x);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.the-ai-arena {
  background-image: -webkit-image-set(url("/infographics/img/the-ai-arena-t-1x.webp") 1x, url(" /infographics/img/the-ai-arena-t-2x.webp") 2x);
  background-image: image-set(url("/infographics/img/the-ai-arena-t-1x.webp") 1x, url(" /infographics/img/the-ai-arena-t-2x.webp") 2x);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.next-gen {
  background-image: -webkit-image-set(url("/infographics/img/next-gen-tech-2025-t-1x.webp") 1x, url(" /infographics/img/next-gen-tech-2025-t-2x.webp") 2x);
  background-image: image-set(url("/infographics/img/next-gen-tech-2025-t-1x.webp") 1x, url(" /infographics/img/next-gen-tech-2025-t-2x.webp") 2x);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.green-tech-revolution {
  background-image: -webkit-image-set(url("/infographics/img/green-tech-revolution-t-1x.webp") 1x, url(" /infographics/img/green-tech-revolution-t-2x.webp") 2x);
  background-image: image-set(url("/infographics/img/green-tech-revolution-t-1x.webp") 1x, url(" /infographics/img/green-tech-revolution-t-2x.webp") 2x);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.tech-tomorrow {
  background-image: -webkit-image-set(url("/infographics/img/tech-tomorrow-innovations-shaping-the-future-of-2030-t-1x.webp") 1x, url(" /infographics/img/tech-tomorrow-innovations-shaping-the-future-of-2030-t-2x.webp") 2x);
  background-image: image-set(url("/infographics/img/tech-tomorrow-innovations-shaping-the-future-of-2030-t-1x.webp") 1x, url(" /infographics/img/tech-tomorrow-innovations-shaping-the-future-of-2030-t-2x.webp") 2x);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.coolest-tech {
  background-image: -webkit-image-set(url("/infographics/img/coolest-tech-in-2025-t-1x.webp") 1x, url(" /infographics/img/coolest-tech-in-2025-t-2x.webp") 2x);
  background-image: image-set(url("/infographics/img/coolest-tech-in-2025-t-1x.webp") 1x, url(" /infographics/img/coolest-tech-in-2025-t-2x.webp") 2x);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.tech-trends-2025 {
  background-image: -webkit-image-set(url("/infographics/img/25-tech-trends-for-2025-t-1x.webp") 1x, url(" /infographics/img/25-tech-trends-for-2025-t-2x.webp") 2x);
  background-image: image-set(url("/infographics/img/25-tech-trends-for-2025-t-1x.webp") 1x, url(" /infographics/img/25-tech-trends-for-2025-t-2x.webp") 2x);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.usecases {
  background-image: -webkit-image-set(url("/infographics/img/25-use-cases-that-ai-will-shape-in-2025-t-1x.webp") 1x, url(" /infographics/img/25-use-cases-that-ai-will-shape-in-2025-t-2x.webp") 2x);
  background-image: image-set(url("/infographics/img/25-use-cases-that-ai-will-shape-in-2025-t-1x.webp") 1x, url(" /infographics/img/25-use-cases-that-ai-will-shape-in-2025-t-2x.webp") 2x);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.landscape {
  background-image: -webkit-image-set(url("/infographics/img/2025-ar-vr-mr-landscape-how-apple-google-and-other-giants-shape-the-future-t-1x.webp") 1x, url(" /infographics/img/2025-ar-vr-mr-landscape-how-apple-google-and-other-giants-shape-the-future-t-2x.webp") 2x);
  background-image: image-set(url("/infographics/img/2025-ar-vr-mr-landscape-how-apple-google-and-other-giants-shape-the-future-t-1x.webp") 1x, url(" /infographics/img/2025-ar-vr-mr-landscape-how-apple-google-and-other-giants-shape-the-future-t-2x.webp") 2x);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.innovative-technology-solutions {
  background-image: -webkit-image-set(url("/infographics/img/innovative-technology-solutions-for-fall-detection-t-1x.webp") 1x, url("/infographics/img/innovative-technology-solutions-for-fall-detection-t-2x.webp") 2x);
  background-image: image-set(url("/infographics/img/innovative-technology-solutions-for-fall-detection-t-1x.webp") 1x, url("/infographics/img/innovative-technology-solutions-for-fall-detection-t-2x.webp") 2x);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.digital-security-for-kids {
  background-image: -webkit-image-set(url("/infographics/img/digital-security-for-Kids-in-the-modern-era-t-1x.webp") 1x, url("/infographics/img/digital-security-for-Kids-in-the-modern-era-t-2x.webp") 2x);
  background-image: image-set(url("/infographics/img/digital-security-for-Kids-in-the-modern-era-t-1x.webp") 1x, url("/infographics/img/digital-security-for-Kids-in-the-modern-era-t-2x.webp") 2x);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.tech-shaping-future {
  background-image: -webkit-image-set(url("/infographics/img/top-tech-trends-shaping-the-future-learning-2024-t-1x.webp") 1x, url("/infographics/img/top-tech-trends-shaping-the-future-learning-2024-t-2x.webp") 2x);
  background-image: image-set(url("/infographics/img/top-tech-trends-shaping-the-future-learning-2024-t-1x.webp") 1x, url("/infographics/img/top-tech-trends-shaping-the-future-learning-2024-t-2x.webp") 2x);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.tech-helathcare {
  background-image: url(../../infographics/img/technology-healthcare-t.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.use-cases-AI {
  background-image: url(../../infographics/img/24-top-use-cases-AI-t.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.tech-trends {
  background-image: url(../../infographics/img/tech-trends-t.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.ten-breakthrough-2030 {
  background-image: url(../../infographics/img/10-breakthrough-2030.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.top10-2030-tech {
  background-image: url(../../infographics/img/2030-top-10-tech_t.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.generative-ai-industry {
  background-image: url(../images/generative-ai-industry-t.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.generative-ai {
  background-image: url(../images/generative-ai.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.automotive-industry {
  background-image: url(../images/automotive-industry.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.screen-record {
  background-image: url(../images/why-screen-recording.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.edge-comp-img {
  background-image: url(../images/edge-comp-small.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.ai-healthcare-img {
  background-image: url(../images/ai-healthcare-2022-sm.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.Artificial-Intelligence-img {
  background-image: url(../images/artificial-intelligence-2022-sm.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.Make-workFun-img {
  background-image: url(../images/22-way-work-fun-sm.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.Knowledge-Management-img {
  background-image: url(../images/knowledge-management-landscape-small.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.Screen-Recording-img {
  background-image: url(../images/need-screen-recording-small.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.Cybersecurity-img {
  background-image: url(../images/cybersecurity-risks-thumbnail.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.FinTech-img {
  background-image: url(../images/fintech-trends-thumbnail.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.Ways-Innovative-img {
  background-image: url(../images/22-ways-innovative-thumbnail.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.Cross-Platform-img {
  background-image: url(../images/cross-platform-thumbnail.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.Made-Ukraine-img {
  background-image: url(../images/made-in-ukraine-thumbnail.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.TOP7-Trends-img {
  background-image: url(../images/aiot-trends-thumbnail.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.IoT-Trends-img {
  background-image: url(../images/iot-trends-thumbnail.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.Tech-Trends-img {
  background-image: url(../images/top-22-tech-thumbnail.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.Powerful-Tech-img {
  background-image: url(../images/9-tech-thumbnail.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.Future-Automotive-img {
  background-image: url(../images/the-future-auto-thumbnail.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.cyber-info-img {
  background-image: url(../images/cybersecurity-2021-thumbnail.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.biggest-space-img {
  background-image: url(../images/biggest-space-thumbnail.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.Blockchain-img {
  background-image: url(../images/blockchain-thumbnail.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.digital-twins-img {
  background-image: url(../images/digital-twins-info-thumbnail.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.best-leadership-img {
  background-image: url(../images/11-best-thumbnail.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.top-technologies-img {
  background-image: url(../images/top-21-tech-thumbnail.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record.social-media-img {
  background-image: url(../images/social-media-thumbnail.webp);
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-date-img {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  background: linear-gradient(244.89deg, rgba(255, 255, 255, 0.6) 37.47%, rgba(255, 255, 255, 0.6) 84.59%);
  box-shadow: 0px 6.23657px 8.31543px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(14.552px);
  backdrop-filter: blur(14.552px);
  border-radius: 8px;
  padding: 8px;
  margin-left: 32px;
  margin-top: 33px;
  position: absolute;
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-date-img .date-format {
  font-weight: 400;
  line-height: 17px;
  color: #555555;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-date-img .date-format .publish-date {
  font-size: 20px;
  color: #000;
  font-weight: 700;
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-date-img .date-format .month {
  font-size: 12px;
  color: #000;
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .link-details {
  text-decoration: none;
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .link-details .card-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #fff;
  text-align: center;
  margin-top: -86px;
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .link-details .card-content .card-heading {
  background: rgba(0, 0, 0, 0.32);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  padding: 12px;
  width: 300px;
  height: 72px;
  bottom: -50px;
  margin: 0 16px;
}
.main-cnr.infographics-cnr .sub-cnr .card-row .card-column .link-details .card-content .card-heading .h3 {
  font-size: 16px;
  font-weight: 400;
}
@media (min-width: 767px) and (max-width: 1024px) {
  .main-cnr.infographics-cnr .sub-cnr {
    width: 100%;
    padding: 10px;
    margin-top: 80px;
  }
  .main-cnr.infographics-cnr .sub-cnr .card-row {
    justify-content: space-around;
  }
}
@media only screen and (max-width: 540px) {
  .main-cnr.infographics-cnr .sub-cnr .card-row {
    justify-content: center;
  }
  .main-cnr.infographics-cnr .sub-cnr .card-row .link-details .card-content .card-heading {
    width: 279px;
  }
  .main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image {
    width: 310px;
  }
  .main-cnr.infographics-cnr .sub-cnr .card-row .card-column .card-image .record .img {
    width: 280px;
  }
}/*# sourceMappingURL=infographics.css.map */