@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";
:root {
  --padding-sm: 10rem 0;
  --padding: 15rem 0;
  --padding-md: 20rem 0;
}
@media only screen and (width<=1024px) {
  :root {
    --padding-sm: 7.5rem 0;
    --padding: 10rem 0;
    --padding-md: 15rem 0;
  }
}
@media only screen and (width<=482px) {
  :root {
    --padding: 7.5rem 0;
    --padding-md: 10rem 0;
  }
}
.information .container .content-box,
.features .container .features-list,
.features .container .features-list .feature-item,
.approach .container .approach-panel,
.approach .container .approach-panel .approaches-list,
.approach .container .approach-panel .approaches-list .approach-item,
.services-intro .container .services-grid,
.services-intro .container .services-grid .service-card .card-top,
.webinars .container .webinars-medium,
.webinars .container .webinars-list,
.featured-webinars .container .webinars-medium,
.featured-webinars .container .webinars-list,
.blog-footer .container .content-footer,
.blogs .container .blogs-list,
.featured-blogs .container .blogs-list,
.details .container .content-panel,
.banner .banner-figure--video video,
.services .container .services-content,
.services .container .services-content .services-grid,
.what .container .what-content,
.what .container .what-content .what-list,
.hamb-menu .hamb-menu-inner,
.navbar,
.footer .container .footer-panel,
.footer .container .footer-bottom,
.contact .container .form-wrapper form,
.page-wrapper,
.container,
figure,
figure img,
.header,
.pagination,
.embla,
.embla__dots {
  width: 100%;
  height: auto;
}
.webinar .container .webinar-video video,
.webinar .container .webinar-video div,
.webinar .container .webinar-video iframe,
.footer .bg,
.footer .bg img,
.link-bg:after,
.link-bg:before,
.link-outline:after,
.link-outline:before,
.tabs .tab:after,
.tabs .tab:before,
.wpcf7-submit:after,
section .bg,
section .bg img,
section .bg video,
.pagination .pagination-links .page-numbers.current:after {
  width: 100%;
  height: 100%;
}
.features .container .features-list .feature-item .item-bar img,
.services-intro .container .services-grid .service-card,
.webinars .container .webinars-medium .webinar-card--medium,
.webinars .container .webinars-list .webinar-card,
.featured-webinars .container .webinars-medium .webinar-card--medium,
.featured-webinars .container .webinars-list .webinar-card,
.blog-featured .container,
.blogs .container .blogs-list .blog-card,
.blogs .container .blogs-list .blog-card .blog-card-figure,
.featured-blogs .container .blogs-list .blog-card:first-child,
.featured-blogs .container .blogs-list .blog-card:first-child .blog-card-figure,
.featured-blogs .container .blogs-list .blog-card:not(:first-child),
.featured-blogs
  .container
  .blogs-list
  .blog-card:not(:first-child)
  .blog-card-figure,
.related-articles .container .embla .embla__container .embla__slide,
.details .container .details-figure,
.details .container .content-panel .content-figure,
.services .container .services-content .services-grid .service-card,
.cta .container,
.top-section .container .top-figure,
.webinars .container .webinar-card--hero,
.featured-webinars .container .webinar-card--hero,
.blogs .container .blog-featured {
  --cut: 1rem;
  clip-path: polygon(
    var(--cut) 0,
    calc(100% - var(--cut)) 0,
    100% var(--cut),
    100% calc(100% - var(--cut)),
    calc(100% - var(--cut)) 100%,
    var(--cut) 100%,
    0 calc(100% - var(--cut)),
    0 var(--cut)
  );
}
.navbar .container .navbar-links .link-outline,
.navbar .container .navbar-links .link-outline:before,
.navbar .container .navbar-links .link-bg {
  --cut: 0.5rem;
  clip-path: polygon(
    var(--cut) 0,
    calc(100% - var(--cut)) 0,
    100% var(--cut),
    100% calc(100% - var(--cut)),
    calc(100% - var(--cut)) 100%,
    var(--cut) 100%,
    0 calc(100% - var(--cut)),
    0 var(--cut)
  );
}
.webinars .container .webinar-card--hero,
.featured-webinars .container .webinar-card--hero,
.blogs .container .blog-featured {
  text-align: center;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: 100%;
  height: 80rem;
  display: flex;
  position: relative;
}
.webinars .container .webinar-card--hero .badge,
.featured-webinars .container .webinar-card--hero .badge,
.blogs .container .blog-featured .badge {
  z-index: 3;
  position: absolute;
  top: 4rem;
  left: 50%;
  transform: translate(-50%);
}
.webinars .container .webinar-card--hero .content-box,
.featured-webinars .container .webinar-card--hero .content-box,
.blogs .container .blog-featured .content-box {
  align-items: center;
  max-width: 60%;
}
.webinars .container .webinar-card--hero .content-box p,
.featured-webinars .container .webinar-card--hero .content-box p,
.blogs .container .blog-featured .content-box p {
  max-width: 70%;
}
@media only screen and (width<=1024px) {
  .webinars .container .webinar-card--hero,
  .featured-webinars .container .webinar-card--hero,
  .blogs .container .blog-featured {
    height: 52.5rem;
  }
  .webinars .container .webinar-card--hero .content-box,
  .featured-webinars .container .webinar-card--hero .content-box,
  .blogs .container .blog-featured .content-box {
    max-width: 90%;
  }
  .webinars .container .webinar-card--hero .content-box p,
  .featured-webinars .container .webinar-card--hero .content-box p,
  .blogs .container .blog-featured .content-box p {
    max-width: 100%;
  }
  .webinars .container .webinar-card--hero .badge,
  .featured-webinars .container .webinar-card--hero .badge,
  .blogs .container .blog-featured .badge {
    top: 2.5rem;
  }
}
@media only screen and (width<=482px) {
  .webinars .container .webinar-card--hero,
  .featured-webinars .container .webinar-card--hero,
  .blogs .container .blog-featured {
    height: auto;
    padding: 12.5rem 0 7.5rem;
  }
}
html.lenis,
html.lenis body {
  height: auto;
}
.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}
.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch] {
  overscroll-behavior: contain;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
.lenis.lenis-autoToggle {
  transition-behavior: allow-discrete;
  transition-property: overflow;
  transition-duration: 1ms;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.embla {
  position: relative;
  overflow: hidden;
}
.embla__container {
  transition: height 0.2s;
  display: flex;
}
.embla__slide {
  flex: 0 0 100%;
  min-width: 0;
}
.auto-scroll-slider {
  pointer-events: none;
}
.embla__dots {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  display: flex;
  position: absolute;
  bottom: 2.5rem;
}
.embla__dots .embla__dot {
  background: #ffffff80;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
}
.embla__dots .embla__dot.embla__dot--selected {
  background: #fff;
}
@font-face {
  font-family: cirka;
  src: url('https://prisym.co/wp-content/themes/prism-website/assets/Cirka-Regular-VBDEFUui.woff2') format("woff2"),
    url(./Cirka-Regular-CYHT-Vga.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: cirka;
  src: url('https://prisym.co/wp-content/themes/prism-website/assets/Cirka-Light-Cve10O9Z.woff2') format("woff2"),
    url(./Cirka-Light-CyBf3XCW.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: cirka;
  src: url('https://prisym.co/wp-content/themes/prism-website/assets/Cirka-Bold-CAPouo8L.woff2') format("woff2"),
    url(./Cirka-Bold-apXylh57.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
*,
:before,
:after {
  box-sizing: inherit;
  -webkit-touch-callout: none;
  outline: none;
  font-family: Plus Jakarta Sans, sans-serif;
}
:focus {
  outline: none;
}
::-moz-focus-inner {
  border: 0;
}
a {
  color: inherit;
  pointer-events: auto;
  outline: none;
  text-decoration: none;
}
button {
  border-radius: none;
  color: inherit;
  cursor: pointer;
  background: 0 0;
  border: none;
  outline: none;
}
video,
img {
  vertical-align: middle;
  object-fit: cover;
  object-position: center;
}
input,
textarea {
  appearance: none;
  pointer-events: auto;
  background: 0 0;
  border: none;
  border-radius: 0;
  outline: none;
}
:root {
  font-synthesis: none;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-optical-sizing: auto;
}
html {
  box-sizing: border-box;
  overscroll-behavior: none;
  font-size: 0.520833vw !important;
}
@media only screen and (width>=1921px) {
  html {
    font-size: 10px !important;
  }
}
@media only screen and (width<=1024px) {
  html {
    font-size: 0.976563vw !important;
  }
}
@media only screen and (width<=482px) {
  html {
    font-size: 2.07469vw !important;
  }
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-synthesis: none;
  font-optical-sizing: auto;
  overscroll-behavior: none;
  color: #fff;
  background: #191919;
  width: 100%;
  min-height: 100vh;
  font-weight: 400;
}
body.no-scroll {
  overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: cirka;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  vertical-align: baseline;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
::-webkit-scrollbar {
  display: none;
}
.page-wrapper {
  overflow: hidden;
}
.container {
  z-index: 3;
  max-width: min(90%, 180rem);
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
figure {
  position: relative;
  overflow: hidden;
}
section {
  z-index: 3;
  position: relative;
  overflow: hidden;
}
section .bg {
  z-index: 1;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.content-box {
  z-index: 2;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 3rem;
  display: flex;
  position: relative;
}
.content-box .btns {
  margin-top: 1.5rem;
}
@media only screen and (width<=482px) {
  .content-box {
    gap: 2rem;
  }
}
.btns {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  display: flex;
}
.text-white {
  color: #fff;
}
.text-black {
  color: #000;
}
.header {
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  display: grid;
}
.header .header-box {
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2.5rem;
  display: flex;
}
.header .header-box p {
  font-weight: 200;
}
.header .header-box:nth-child(2) {
  padding-top: 1.5rem;
}
@media only screen and (width<=1024px) {
  .header {
    grid-template-columns: repeat(1, 1fr);
    gap: 2.5rem;
  }
}
.pagination {
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 2rem;
  display: flex;
}
.pagination .pagination-links {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  display: flex;
}
.pagination .pagination-links .page-numbers {
  text-align: center;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: 4rem;
  height: 4rem;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.5;
  display: flex;
  position: relative;
}
.pagination .pagination-links .page-numbers svg {
  width: 1.5rem;
  height: 1.5rem;
}
.pagination .pagination-links .page-numbers.current:after {
  content: "";
  z-index: -1;
  background: #f45d3e;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(45deg) scale(0.75);
}
a,
button {
  pointer-events: auto;
  cursor: pointer;
  position: relative;
}
.wpcf7-submit,
.tabs .tab,
.link-outline,
.link-bg,
.link {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1;
  transition: color 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
.link:after {
  content: "";
  transform-origin: 100%;
  background: currentColor;
  width: 100%;
  height: 1px;
  transition: transform 1s cubic-bezier(0.3, 1, 0.3, 1);
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  transform: scaleX(0);
}
.link:hover:after,
.active.link:after {
  transform-origin: 0;
  transform: scaleX(1);
}
.active.link:hover:after {
  transform-origin: 100%;
  transform: scaleX(0);
}
.wpcf7-submit,
.tabs .tab,
.link-outline,
.link-bg {
  padding: 1.25rem 2rem;
}
@media only screen and (width<=482px) {
  .wpcf7-submit,
  .tabs .tab,
  .link-outline,
  .link-bg {
    padding: 1.15rem 1.75rem;
    font-size: 1.4rem;
  }
}
.wpcf7-submit:after,
.tabs .tab:after,
.link-outline:after,
.link-bg:after {
  content: "";
  transform-origin: 100%;
  z-index: -1;
  background: #fff;
  transition: transform 1s cubic-bezier(0.3, 1, 0.3, 1);
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
}
.wpcf7-submit:hover,
.tabs .tab:hover,
.link-outline:hover,
.link-bg:hover {
  color: #000;
}
.wpcf7-submit:hover:after,
.tabs .tab:hover:after,
.link-outline:hover:after,
.link-bg:hover:after {
  transform-origin: 0;
  transform: scaleX(1);
}
.dark.wpcf7-submit:after,
.tabs .dark.tab:after,
.dark.link-outline:after,
.dark.link-bg:after {
  background: #000;
}
.dark.wpcf7-submit:hover,
.tabs .dark.tab:hover,
.dark.link-outline:hover,
.dark.link-bg:hover {
  color: #fff !important;
}
.link-bg {
  color: #fff;
}
.link-bg:before {
  content: "";
  z-index: -1;
  background: #f45d3e;
  position: absolute;
  bottom: 0;
  left: 0;
}
.link-bg.dark:after {
  background: #000;
}
.link-bg.dark:hover {
  color: #fff !important;
}
.link-outline {
  color: #fff;
}
.link-outline:before {
  content: "";
  z-index: 1;
  border: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.social-link {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  gap: 0;
  display: flex;
}
.social-link svg,
.social-link img {
  width: 3.4rem;
  height: 3.5rem;
}
.tabs {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  display: flex;
}
.tabs .tab:before {
  content: "";
  z-index: 1;
  border: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.tabs .tab.is-active {
  color: #191919;
  background: #fff;
}
.wpcf7-submit {
  color: #fff;
  cursor: pointer;
  border: 1px solid #fff;
  transition: background 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
.wpcf7-submit:hover {
  background: #fff;
}
h1 strong,
h1 span,
h2 strong,
h2 span,
h3 strong,
h3 span,
h4 strong,
h4 span,
h5 strong,
h5 span,
h6 strong,
h6 span {
  font-family: cirka;
  font-weight: inherit;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
      90deg,
      #fff5ff 0%,
      #f9914b 17%,
      #f43b3b 33%,
      #e464f2 50%,
      #f43b3b 67%,
      #f9914b 83%,
      #fff5ff 100%
    )
    0 0/200%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 6s linear infinite gradient-text-move;
}
@media (prefers-reduced-motion: reduce) {
  h1 strong,
  h2 strong,
  h3 strong,
  h4 strong,
  h5 strong,
  h6 strong {
    animation: none;
  }
}
@keyframes gradient-text-move {
  to {
    background-position: -200%;
  }
}
.features .container .features-list .feature-item .index,
.what .container .what-content .what-list .what-item .index,
h1 {
  font-size: 6.5rem;
  font-weight: 400;
  line-height: 1.15;
}
@media only screen and (width<=482px) {
  .features .container .features-list .feature-item .index,
  .what .container .what-content .what-list .what-item .index,
  h1 {
    font-size: 5rem;
  }
}
.blog-featured .container .content-box h1,
.related-articles
  .container
  .embla
  .embla__container
  .embla__slide
  .content-box
  h3,
.services .container .services-content .services-grid .service-card .index,
.top-section .container .content-box h1,
h2 {
  font-size: 5rem;
  font-weight: 400;
  line-height: 1.25;
}
@media only screen and (width<=482px) {
  .blog-featured .container .content-box h1,
  .related-articles
    .container
    .embla
    .embla__container
    .embla__slide
    .content-box
    h3,
  .services .container .services-content .services-grid .service-card .index,
  .top-section .container .content-box h1,
  h2 {
    font-size: 4.25rem;
  }
}
.features .container .top-box h2,
.features .container .top-box h4,
.approach .container .approach-panel .content-box h2,
.approach .container .approach-panel .content-box h4,
.services-intro .container .header .header-box h2,
.blogs .container .header .header-box h1,
.blogs .container .header .header-box h2,
.featured-blogs .container .header .header-box h2,
.contact .container .form-wrapper .content-box h2,
.contact .container .form-wrapper .content-box h3,
.contact .container .form-wrapper .content-box h4,
.services .container .services-content .content-box h1,
.services .container .services-content .content-box h2,
.services .container .services-content .content-box h4,
.what .container .what-content .content-box h1,
.what .container .what-content .content-box h2,
.what .container .what-content .content-box h3,
.what .container .what-content .content-box h4,
h3 {
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1.25;
}
@media only screen and (width<=482px) {
  .features .container .top-box h2,
  .features .container .top-box h4,
  .approach .container .approach-panel .content-box h2,
  .approach .container .approach-panel .content-box h4,
  .services-intro .container .header .header-box h2,
  .blogs .container .header .header-box h1,
  .blogs .container .header .header-box h2,
  .featured-blogs .container .header .header-box h2,
  .contact .container .form-wrapper .content-box h2,
  .contact .container .form-wrapper .content-box h3,
  .contact .container .form-wrapper .content-box h4,
  .services .container .services-content .content-box h1,
  .services .container .services-content .content-box h2,
  .services .container .services-content .content-box h4,
  .what .container .what-content .content-box h1,
  .what .container .what-content .content-box h2,
  .what .container .what-content .content-box h3,
  .what .container .what-content .content-box h4,
  h3 {
    font-size: 3.5rem;
  }
}
.features .container .features-list .feature-item .item-bar .content-box h3,
.contact .container .content-box h3,
h4 {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.25;
}
@media only screen and (width<=482px) {
  .features .container .features-list .feature-item .item-bar .content-box h3,
  .contact .container .content-box h3,
  h4 {
    font-size: 2.75rem;
  }
}
.blogs .container .blogs-list .blog-card .content-box h3,
.featured-blogs
  .container
  .blogs-list
  .blog-card:not(:first-child)
  .content-box
  h3 {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.25;
}
li,
p {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.5;
}
@media only screen and (width<=482px) {
  li,
  p {
    font-size: 1.6rem;
  }
}
.services-intro .container .services-grid .service-card .content-box p,
.services-intro .container .services-grid .service-card .content-box li,
.webinars .container .webinars-list .webinar-card .content-box p,
.featured-webinars .container .webinars-list .webinar-card .content-box p,
.services .container .services-content .services-grid .service-card p,
.badge,
.sm {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.575;
}
.xs {
  font-size: 1.4rem;
  font-family: cirka !important;
  font-weight: 500 !important;
}
.badge {
  color: #fff;
  text-transform: uppercase;
  padding: 0.5rem 1.25rem 0.5rem 2.75rem;
  position: relative;
  font-family: cirka !important;
}
.badge:after {
  content: "";
  background: currentColor;
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%) rotate(45deg);
}
.badge.dark {
  background: #191919;
}
.badge.badge-default,
.badge.orange {
  background: #f45d3e;
}
.badge.badge-outline {
  color: #f45d3e;
}
.badge.badge-outline:before {
  content: "";
  border: 1px solid;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.badges {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  display: flex;
}
ul {
  margin-left: 2rem;
  list-style: outside;
}
ol {
  margin-left: 2rem;
  list-style: decimal;
}
.text-red {
  color: #f43b3b;
}
.text-red li:after {
  background: #f43b3b !important;
}
.text-orange {
  color: #f45d3e;
}
.text-orange li:after {
  background: #f45d3e !important;
}
.text-yellow {
  color: #f9914b;
}
.text-yellow li:after {
  background: #f9914b !important;
}
.text-pink {
  color: #e464f2;
}
.text-pink li:after {
  background: #e464f2 !important;
}
.text-pink-light {
  color: #f4c4f4;
}
.text-pink-light li:after {
  background: #f4c4f4 !important;
}
.cta {
  padding: var(--padding-sm);
}
.cta .container {
  padding: var(--padding);
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  gap: 0;
  display: flex;
}
.cta .container .content-box {
  text-align: center;
  align-items: center;
  max-width: 35%;
}
.cta .container .content-box p {
  font-weight: 200;
}
.cta .container .content-box .btns {
  margin-top: 2.5rem;
}
.top-section .container {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0;
  padding: 15rem 0 10rem;
  display: flex;
}
.top-section .container .content-box {
  flex: 0 0 45%;
  width: 100%;
  max-width: 45%;
  height: auto;
  padding-top: 6.5rem;
}
.top-section .container .content-box p {
  max-width: 80%;
  font-weight: 200;
}
.top-section .container .top-figure {
  flex-flow: wrap;
  flex: 0 0 45%;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: 100%;
  max-width: 45%;
  height: auto;
  display: flex;
}
.top-section .container .top-figure img {
  height: 70rem;
}
.top-section.first-section .container {
  padding-top: 20rem;
}
@media only screen and (width<=1024px) {
  .top-section .container {
    flex-wrap: wrap-reverse;
    gap: 7.5rem;
  }
  .top-section .container .content-box,
  .top-section .container .top-figure {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .top-section .container .content-box {
    padding-top: 0;
  }
  .cta .container .content-box {
    max-width: 70%;
  }
}
@media only screen and (width<=482px) {
  .top-section .container {
    gap: 5rem;
    padding: 12.5rem 0 7.5rem;
  }
  .top-section .container .top-figure img {
    height: 45rem;
  }
  .top-section .container .content-box p {
    max-width: 100%;
  }
  .top-section.first-section .container {
    padding-top: 15rem;
  }
  .cta .container {
    min-height: 50rem;
  }
  .cta .container .content-box {
    max-width: 80%;
  }
}
.contact .container .form-wrapper form {
  grid-template-columns: repeat(2, 1fr);
  gap: 5rem 2.5rem;
  display: grid;
}
.contact .container .form-wrapper form p:has(textarea, input[type="checkbox"]) {
  grid-column: 1/-1;
}
.contact .container .form-wrapper form p:has(input[type="checkbox"]) {
  margin-top: 1rem;
}
.contact .container .form-wrapper form p {
  font-size: 1.6rem;
}
.contact .container .form-wrapper form .wpcf7-not-valid-tip {
  margin-top: 1rem;
}
@media only screen and (width<=482px) {
  .contact .container .form-wrapper form {
    grid-template-columns: repeat(1, 1fr);
  }
}
input:not([type="checkbox"], [type="radio"], [type="submit"]),
textarea {
  color: #fff;
  resize: none;
  border-bottom: 0.5px solid #ffffff80;
  width: 100%;
  padding: 1rem 0;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.25;
}
input:not([type="checkbox"], [type="radio"], [type="submit"])::placeholder,
textarea::placeholder {
  color: currentColor;
}
input[type="checkbox"] {
  border: 0.5px solid #fff;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
}
input[type="checkbox"]:checked {
  background: #fff;
}
label {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  display: flex;
}
label input[type="checkbox"] {
  margin-top: 0.5rem;
}
label span {
  flex: 1;
}
@keyframes reveal-in {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.reveal-el {
  opacity: 0;
}
.reveal-el.reveal {
  animation: 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards reveal-in;
}
.footer {
  position: relative;
}
.footer .container {
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5rem;
  padding: 20rem 0 5rem;
  display: flex;
}
.footer .container .footer-panel {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0;
  display: flex;
}
.footer .container .footer-panel .logo-link {
  flex: 0 0 45%;
  width: 100%;
  max-width: 45%;
  height: auto;
}
.footer .container .footer-panel .logo-link img {
  width: 100%;
}
.footer .container .footer-panel .footer-lists {
  flex-flow: wrap;
  flex: 0 0 50%;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0;
  width: 100%;
  max-width: 50%;
  height: auto;
  display: flex;
}
.footer .container .footer-panel .footer-lists .footer-links {
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.5rem;
  max-width: 30rem;
  display: flex;
}
.footer .container .footer-panel .footer-lists .footer-links .xs {
  margin-bottom: 1rem;
}
.footer .container .footer-panel .footer-lists .footer-links p {
  font-size: 1.6rem;
}
.footer .container .footer-bottom {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  display: flex;
}
.footer .bg {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (width<=1024px) {
  .footer .container {
    padding: 10rem 0 2.5rem;
  }
  .footer .container .footer-panel {
    gap: 7.5rem;
  }
  .footer .container .footer-panel .footer-lists,
  .footer .container .footer-panel .logo-link {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (width<=482px) {
  .footer .container .footer-panel {
    gap: 5rem;
  }
  .footer .container .footer-panel .footer-lists {
    row-gap: 5rem;
  }
  .footer .container .footer-panel .footer-lists .footer-links:nth-child(4) {
    width: 100%;
    max-width: 100%;
  }
}
.navbar {
  z-index: 10;
  pointer-events: none;
  padding: 2.5rem;
  position: fixed;
  top: 0;
  left: 0;
}
.navbar .container {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  gap: 7.5rem;
  max-width: max-content;
  padding: 1.25rem;
  display: flex;
}
.navbar .container .logo-link img {
  width: 14rem;
  height: auto;
}
.navbar .container .navbar-links {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  display: flex;
}
.navbar .container .navbar-links .link-outline {
  color: #000;
}
.navbar .container .navbar-links .link-outline:after {
  background: #f45d3e;
}
.navbar .container .navbar-links .link-outline:before {
  z-index: -1;
  background: #fff;
  border: none;
}
.navbar .container .hamb-btn {
  cursor: pointer;
  background: #f45d3e;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  width: 4rem;
  height: 4rem;
  display: none;
}
.navbar .container .hamb-btn .divider {
  background: #fff;
  width: 2.25rem;
  height: 2px;
  transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1),
    opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.navbar .container .hamb-btn.active .divider:first-child {
  transform: translateY(0.7rem) rotate(45deg);
}
.navbar .container .hamb-btn.active .divider:nth-child(2) {
  opacity: 0;
}
.navbar .container .hamb-btn.active .divider:nth-child(3) {
  transform: translateY(-0.7rem) rotate(-45deg);
}
.navbar.dark .container .logo-link {
  filter: invert();
}
.navbar.dark .container .navbar-links .link-outline {
  color: #fff;
}
.navbar.dark .container .navbar-links .link-outline:before,
.navbar.dark .container .navbar-links .link-bg:after {
  background: #000;
}
.navbar.dark .container .navbar-links .link-bg:hover {
  color: #fff;
}
@media only screen and (width<=482px) {
  .navbar {
    padding: 2.5rem 0;
  }
  .navbar .container {
    justify-content: space-between;
    max-width: 90%;
  }
  .navbar .container .navbar-links {
    display: none;
  }
  .navbar .container .hamb-btn {
    display: flex;
  }
}
.hamb-menu {
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 9;
  opacity: 0;
  background: #000;
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: auto;
  transform: translate(100%);
}
.hamb-menu .hamb-menu-inner {
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  padding: 15rem 2.5rem 5rem;
  display: flex;
}
.hamb-menu .hamb-menu-inner .hamb-link {
  border-bottom: 0.5px solid #ffffff80;
  width: 100%;
  padding: 2.5rem 0;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.25;
}
.hamb-menu.active {
  transform: translate(0);
  opacity: 1 !important;
}
.banner {
  min-height: min(var(--vh, 1vh) * 100, 105rem);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  display: flex;
  overflow: visible;
}
.banner .content-box {
  flex: 0 0 45%;
  width: 100%;
  max-width: 45%;
  height: auto;
  padding: 13.5rem 0 0 10rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) !important;
}
.banner .content-box p {
  max-width: 80%;
  font-weight: 200;
}
.banner .banner-figure {
  z-index: 1;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: 100%;
  min-height: 100%;
  display: flex;
}
.banner .banner-figure img,
.banner .banner-figure video {
  width: 100%;
  height: 100%;
  min-height: 45rem;
}
.banner .banner-figure--video video {
  object-fit: cover;
}
.banner .banner-figure--video .banner-video--mobile {
  display: none;
}
.services .container {
  padding: var(--padding);
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0;
  display: flex;
}
.services .container .services-content {
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5rem;
  max-width: 75%;
  display: flex;
}
.services .container .services-content .services-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  display: grid;
}
.services .container .services-content .services-grid .service-card {
  background: #ffffff08;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.5rem;
  padding: 3rem;
  display: flex;
}
.services .container .services-content .services-grid .service-card .icon {
  width: auto;
  max-height: 9rem;
  margin-bottom: 5rem;
}
.services .container .services-content .services-grid .service-card .index {
  font-weight: 500;
}
.services .container .services-content .services-grid .service-card p {
  color: #fff;
}
.what .container {
  padding: var(--padding);
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0;
  display: flex;
}
.what .container .what-content {
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5rem;
  max-width: 75%;
  display: flex;
}
.what .container .what-content .what-list {
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  display: flex;
}
.what .container .what-content .what-list .what-item {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0;
  padding: 5rem 0;
  display: flex;
  position: relative;
}
.what .container .what-content .what-list .what-item .item-content {
  flex-flow: column wrap;
  flex: 0 0 60%;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2rem;
  width: 100%;
  max-width: 60%;
  height: auto;
  display: flex;
}
.what .container .what-content .what-list .what-item .item-content p {
  color: #fff;
}
.what .container .what-content .what-list .what-item .hover-image {
  z-index: 2;
  pointer-events: none;
  clip-path: inset(0 0 100%);
  width: 27.5rem;
  height: 28rem;
  transition: clip-path 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: absolute;
  top: 5rem;
  left: 15rem;
}
.what .container .what-content .what-list .what-item:hover .hover-image {
  clip-path: inset(0);
}
.what .container .what-content .what-list .what-item:after {
  content: "";
  z-index: 1;
  background: #ffffff80;
  width: 100%;
  height: 0.1rem;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scaleX(10);
}
@media only screen and (width<=1024px) {
  .banner {
    justify-content: flex-end;
    min-height: auto;
    margin-bottom: -15rem;
  }
  .banner .content-box {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 20rem 0 7.5rem 5rem;
    position: relative;
    top: auto;
    left: auto;
    transform: none !important;
  }
  .banner .banner-figure {
    margin-top: -15rem;
  }
  .banner
    .banner-figure--video:has(.banner-video--mobile)
    .banner-video--desktop {
    display: none;
  }
  .banner
    .banner-figure--video:has(.banner-video--mobile)
    .banner-video--mobile {
    display: block;
  }
  .services .container .services-content {
    max-width: 100%;
  }
  .services .container .services-content .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .services .container .services-content .services-grid .service-card .icon {
    max-height: 6rem;
  }
  .what .container .what-content {
    gap: 5rem;
    max-width: 100%;
  }
  .what .container .what-content .what-list .what-item:after {
    transform: none;
  }
}
@media only screen and (width<=482px) {
  .banner {
    margin-bottom: -10rem;
  }
  .banner .content-box {
    padding: 15rem 2.5rem 5rem;
  }
  .banner .content-box p {
    max-width: 100%;
  }
  .banner .banner-figure {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: -10rem;
  }
  .services .container .services-content .services-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .what .container .what-content,
  .what .container .what-content .what-list .what-item {
    gap: 2.5rem;
  }
  .what .container .what-content .what-list .what-item .item-content {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .what .container .what-content .what-list .what-item .hover-image {
    display: none;
  }
}
.contact .container {
  padding: var(--padding);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0;
  display: flex;
}
.contact .container .content-box {
  flex: 0 0 45%;
  width: 100%;
  max-width: 45%;
  height: auto;
}
.contact .container .form-wrapper {
  flex-flow: column wrap;
  flex: 0 0 45%;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2.5rem;
  width: 100%;
  max-width: 45%;
  height: auto;
  display: flex;
}
.contact .container .form-wrapper .content-box {
  max-width: 100%;
  margin-bottom: 5rem;
}
.contact.first-section .container {
  padding-top: 20rem;
}
@media only screen and (width<=1024px) {
  .contact .container {
    gap: 7.5rem;
  }
  .contact .container .content-box,
  .contact .container .form-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .contact .container .content-box p br {
    display: none;
  }
}
.featured-blogs .container .blogs-list .blog-card:not(:first-child),
.blogs .container .blogs-list .blog-card {
  color: #000;
  background: #fff;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  display: grid;
  overflow: hidden;
}
.featured-blogs
  .container
  .blogs-list
  .blog-card:not(:first-child)
  .content-box,
.blogs .container .blogs-list .blog-card .content-box {
  padding: 2.5rem;
}
.featured-blogs
  .container
  .blogs-list
  .blog-card:not(:first-child)
  .content-box
  .xs,
.blogs .container .blogs-list .blog-card .content-box .xs {
  text-transform: uppercase;
}
.featured-blogs
  .container
  .blogs-list
  .blog-card:not(:first-child)
  .content-box
  h3,
.blogs .container .blogs-list .blog-card .content-box h3 {
  font-weight: 600;
}
.featured-blogs
  .container
  .blogs-list
  .blog-card:not(:first-child)
  .content-box
  .link-outline,
.blogs .container .blogs-list .blog-card .content-box .link-outline {
  color: #000;
  margin-top: auto;
}
.featured-blogs
  .container
  .blogs-list
  .blog-card:not(:first-child)
  .content-box
  .link-outline:before,
.blogs .container .blogs-list .blog-card .content-box .link-outline:before {
  border-color: #000;
}
.featured-blogs
  .container
  .blogs-list
  .blog-card:not(:first-child)
  .blog-card-figure,
.blogs .container .blogs-list .blog-card .blog-card-figure {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  gap: 0;
  display: flex;
}
.featured-blogs
  .container
  .blogs-list
  .blog-card:not(:first-child)
  .blog-card-figure
  img,
.blogs .container .blogs-list .blog-card .blog-card-figure img {
  height: 100%;
  min-height: 22.5rem;
}
@media only screen and (width<=1024px) {
  .featured-blogs .container .blogs-list .blog-card:not(:first-child),
  .blogs .container .blogs-list .blog-card {
    grid-template-columns: repeat(1, 1fr);
  }
  .featured-blogs
    .container
    .blogs-list
    .blog-card:not(:first-child)
    .content-box,
  .blogs .container .blogs-list .blog-card .content-box {
    order: 2;
  }
  .featured-blogs
    .container
    .blogs-list
    .blog-card:not(:first-child)
    .blog-card-figure
    img,
  .blogs .container .blogs-list .blog-card .blog-card-figure img {
    height: 41rem;
    min-height: auto;
  }
}
.blog-featured {
  color: #191919;
  background: #fff;
  padding: 20rem 0 10rem;
}
.blog-featured .container {
  text-align: center;
  color: #fff;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
  max-width: 60%;
  padding: 15rem;
  display: flex;
}
.blog-featured .container .content-box {
  align-items: center;
}
.blog-featured .container .content-box p {
  max-width: 60%;
  font-weight: 200;
}
.blog-footer {
  color: #191919;
  background: #fff;
}
.blog-footer .container {
  max-width: 60%;
  padding: 0 0 10rem;
}
.blog-footer .container .content-footer {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  display: flex;
}
.blog-footer .container .content-footer .content-bar {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 2.5rem;
  display: flex;
}
.blog-footer .container .content-footer .content-bar img {
  border-radius: 50%;
  width: 5.5rem;
  height: 5.5rem;
}
.blogs .container {
  padding: var(--padding-sm);
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10rem;
  display: flex;
}
.blogs .container .blog-featured {
  margin-bottom: -7.5rem;
}
.blogs .container .blogs-list {
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  display: grid;
}
.featured-blogs .container {
  padding: var(--padding);
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5rem;
  display: flex;
}
.featured-blogs .container .header .header-box p {
  max-width: 70%;
}
.featured-blogs .container .header .header-box .btns {
  align-self: flex-end;
}
.featured-blogs .container .header .header-box:has(.btns) {
  justify-content: flex-end;
}
.featured-blogs .container .blogs-list {
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  display: grid;
}
.featured-blogs .container .blogs-list .blog-card:first-child {
  color: #000;
  background: #fff;
  flex-flow: column-reverse;
  grid-area: 1 / span 2/-1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  display: flex;
}
.featured-blogs
  .container
  .blogs-list
  .blog-card:first-child
  .blog-card-figure
  img {
  height: 50rem;
}
.featured-blogs .container .blogs-list .blog-card:first-child .content-box {
  flex: 1;
  padding: 3rem;
}
.featured-blogs .container .blogs-list .blog-card:first-child .content-box h3 {
  font-weight: 600;
}
.featured-blogs .container .blogs-list .blog-card:first-child .content-box .xs {
  text-transform: uppercase;
}
.featured-blogs .container .blogs-list .blog-card:not(:first-child) {
  grid-area: span 1 / span 1;
}
.related-articles {
  color: #191919;
  background: #fff;
}
.related-articles .container {
  padding: var(--padding);
  text-align: center;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 7.5rem;
  display: flex;
}
.related-articles .container .embla {
  max-width: 65%;
}
.related-articles .container .embla .embla__container {
  align-items: flex-start;
}
.related-articles .container .embla .embla__container .embla__slide {
  color: #fff;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  gap: 0;
  min-height: 55rem;
  padding: 10rem;
  display: flex;
}
.related-articles
  .container
  .embla
  .embla__container
  .embla__slide
  .content-box {
  align-items: center;
  max-width: 60%;
}
.details {
  color: #191919;
  background: #fff;
}
.details .container {
  color: #201e1f;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12.5rem;
  max-width: 60%;
  padding: 5rem 0 10rem;
  display: flex;
}
.details .container > .content-box h2,
.details .container > .content-box h3,
.details .container > .content-box h4 {
  margin-bottom: 2rem;
}
.details .container > .content-box p {
  font-weight: 200;
}
.details .container .content-panel {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  display: flex;
}
.details .container .content-panel .content-box {
  flex: 0 0 45%;
  width: 100%;
  max-width: 45%;
  height: auto;
}
.details .container .content-panel .content-box p {
  font-weight: 200;
}
.details .container .content-panel .content-figure {
  flex: 0 0 45%;
  width: 100%;
  max-width: 45%;
  height: auto;
}
.details .container .content-panel.reverse {
  flex-direction: row-reverse;
}
@media only screen and (width<=1024px) {
  .featured-blogs .container .header .header-box:has(.btns) {
    justify-content: flex-start;
  }
  .featured-blogs .container .header .header-box .btns {
    align-self: flex-start;
  }
  .featured-blogs .container .blogs-list {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
  }
  .featured-blogs .container .blogs-list .blog-card:first-child {
    grid-area: auto/1/auto/-1;
  }
  .blogs .container {
    gap: 7.5rem;
  }
  .blogs .container .header .header-box:nth-child(2) {
    padding-top: 0;
  }
  .blogs .container .blog-featured {
    margin-bottom: -5rem;
  }
  .blogs .container .blogs-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .blog-featured .container {
    max-width: 90%;
  }
  .blog-featured .container .content-box p {
    max-width: 100%;
  }
  .details .container {
    gap: 7.5rem;
    max-width: 90%;
  }
  .blog-footer .container {
    max-width: 90%;
  }
  .related-articles .container {
    gap: 5rem;
  }
  .related-articles .container .embla {
    max-width: 100%;
  }
}
@media only screen and (width<=482px) {
  .featured-blogs .container .header .header-box p {
    max-width: 100%;
  }
  .featured-blogs .container .blogs-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .featured-blogs
    .container
    .blogs-list
    .blog-card:first-child
    .blog-card-figure
    img {
    height: 30rem;
  }
  .blogs .container .blogs-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .blog-featured {
    padding: 15rem 0 5rem;
  }
  .blog-featured .container {
    padding: 5rem;
  }
  .blog-footer .container {
    max-width: 90%;
  }
  .blog-footer .container .content-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.5rem;
  }
  .blog-footer .container .content-footer .content-bar {
    gap: 1.5rem;
    width: 100%;
  }
  .blog-footer .container .content-footer .content-bar .btns {
    margin-left: auto;
  }
  .blog-footer .container .content-footer .content-bar img {
    width: 4rem;
    height: 4rem;
  }
  .details .container {
    gap: 5rem;
    padding: 5rem 0;
  }
  .details .container .content-panel {
    flex-wrap: wrap-reverse;
    gap: 5rem;
    flex-direction: row !important;
  }
  .details .container .content-panel .content-box,
  .details .container .content-panel .content-figure {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .related-articles .container .embla .embla__container .embla__slide {
    height: auto;
    min-height: 40rem;
    padding: 10rem 5rem;
  }
  .related-articles
    .container
    .embla
    .embla__container
    .embla__slide
    .content-box {
    max-width: 100%;
  }
  .related-articles
    .container
    .embla
    .embla__container
    .embla__slide
    .content-box
    h3 {
    font-size: 3.25rem;
  }
}
.featured-webinars .container .webinar-card--hero,
.webinars .container .webinar-card--hero {
  color: #000;
  margin-bottom: -5rem;
}
.featured-webinars .container .webinar-card--hero .badge,
.webinars .container .webinar-card--hero .badge {
  transform: unset;
  left: 4.5rem;
}
.featured-webinars .container .webinars-medium,
.webinars .container .webinars-medium {
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
  margin-bottom: -5rem;
  display: grid;
}
.featured-webinars .container .webinars-medium .webinar-card--medium,
.webinars .container .webinars-medium .webinar-card--medium {
  padding: 12.5rem 4.5rem 7.5rem;
  position: relative;
}
.featured-webinars .container .webinars-medium .webinar-card--medium .badge,
.webinars .container .webinars-medium .webinar-card--medium .badge {
  z-index: 2;
  position: absolute;
  top: 4.5rem;
  left: 4.5rem;
}
.featured-webinars .container .webinar-card,
.webinars .container .webinar-card {
  position: relative;
}
.featured-webinars .container .webinars-list,
.webinars .container .webinars-list {
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  display: grid;
}
.featured-webinars .container .webinars-list .webinar-card,
.webinars .container .webinars-list .webinar-card {
  background: #ffffff08;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  padding: 10rem 3rem 3rem;
  display: flex;
}
.featured-webinars .container .webinars-list .webinar-card .content-box,
.webinars .container .webinars-list .webinar-card .content-box {
  flex: 1;
  gap: 2rem;
}
.featured-webinars .container .webinars-list .webinar-card .content-box h4,
.webinars .container .webinars-list .webinar-card .content-box h4 {
  font-weight: 600;
}
.featured-webinars .container .webinars-list .webinar-card .content-box p,
.webinars .container .webinars-list .webinar-card .content-box p {
  margin-bottom: 1rem;
}
.featured-webinars
  .container
  .webinars-list
  .webinar-card
  .content-box
  .link-bg,
.webinars .container .webinars-list .webinar-card .content-box .link-bg {
  margin-top: auto;
}
.featured-webinars .container .webinars-list .webinar-card .badge,
.webinars .container .webinars-list .webinar-card .badge {
  z-index: 1;
  color: #f45d3e;
  background: 0 0;
  border: 1px solid #f45d3e;
  position: absolute;
  top: 3rem;
  left: 3rem;
}
@media only screen and (width<=1024px) {
  .featured-webinars .container .webinars-list,
  .webinars .container .webinars-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .featured-webinars .container .webinar-card--hero .badge,
  .webinars .container .webinar-card--hero .badge {
    left: 2rem;
  }
}
@media only screen and (width<=482px) {
  .featured-webinars .container .webinars-list,
  .webinars .container .webinars-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .featured-webinars .container .webinars-list .webinar-card,
  .webinars .container .webinars-list .webinar-card {
    padding: 10rem 3rem 3rem;
  }
  .featured-webinars .container .webinars-medium,
  .webinars .container .webinars-medium {
    grid-template-columns: repeat(1, 1fr);
  }
  .featured-webinars .container .webinars-medium .webinar-card--medium,
  .webinars .container .webinars-medium .webinar-card--medium {
    padding: 12.5rem 3rem 5rem;
  }
  .featured-webinars .container .webinars-medium .webinar-card--medium .badge,
  .webinars .container .webinars-medium .webinar-card--medium .badge {
    left: 3rem;
  }
}
.webinars .container {
  padding: var(--padding);
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5rem;
  display: flex;
}
.webinars .container .header .header-box:nth-child(2) {
  padding-top: 7.5rem;
}
.webinars .container .header .header-box .tabs {
  margin-top: 2.5rem;
}
.featured-webinars .container {
  padding: var(--padding-sm);
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5rem;
  display: flex;
}
.featured-webinars .container .header .header-box:has(.btns) {
  justify-content: flex-end;
}
.featured-webinars .container .header .header-box .btns {
  align-self: flex-end;
}
.webinar .container {
  padding: var(--padding);
  text-align: center;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 10rem;
  display: flex;
}
.webinar .container .content-box {
  align-items: center;
  max-width: 60%;
}
.webinar .container .webinar-video {
  width: 100%;
  max-width: 60%;
  height: 60rem;
}
.webinar.first-section .container {
  padding-top: 20rem;
}
@media only screen and (width<=1024px) {
  .webinars .container .header .header-box:nth-child(2) {
    padding-top: 0;
  }
  .featured-webinars .container .header .header-box:has(.btns) {
    justify-content: flex-start;
  }
  .featured-webinars .container .header .header-box .btns {
    align-self: flex-start;
  }
  .webinar .container {
    gap: 7.5rem;
  }
  .webinar .container .content-box,
  .webinar .container .webinar-video {
    max-width: 90%;
  }
}
@media only screen and (width<=482px) {
  .featured-webinars .container .webinar-card--hero .badge {
    left: 2.5rem;
  }
  .webinar .container .content-box,
  .webinar .container .webinar-video {
    max-width: 100%;
  }
  .webinar .container .webinar-video {
    height: 35rem;
  }
  .webinar.first-section .container {
    padding-top: 15rem;
  }
}
.content-section .container {
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  padding: 20rem;
  display: flex;
}
.content-section .container .content-box {
  padding: 5rem 0;
}
.content-section .container .content-box a,
.content-section .container .content-box li {
  font-size: 1.8rem;
}
.content-section .container .content-box ul {
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  display: flex;
}
.content-section .container .content-box:not(:last-child) {
  border-bottom: 1px solid;
}
@media only screen and (width<=1024px) {
  .content-section .container {
    padding: 15rem;
  }
  .content-section .container .content-box {
    padding: 5rem 0;
  }
}
@media only screen and (width<=482px) {
  .content-section .container {
    padding: 7.5rem 0;
  }
}
.approach .container {
  padding: var(--padding);
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0;
  display: flex;
}
.approach .container .approach-panel {
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8rem;
  max-width: 75%;
  display: flex;
}
.approach .container .approach-panel .approaches-list {
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  display: flex;
}
.approach .container .approach-panel .approaches-list h3 {
  margin-bottom: 2.5rem;
}
.approach .container .approach-panel .approaches-list .approach-item {
  border-bottom: 0.5px solid #ffffff80;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0;
  padding: 3rem 0;
  display: flex;
}
.approach .container .approach-panel .approaches-list .approach-item h4 {
  flex: 0 0 50%;
  width: 100%;
  max-width: 50%;
  height: auto;
}
.services-intro .container {
  padding: var(--padding);
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18rem;
  display: flex;
}
.services-intro .container .services-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 3.5rem 2.5rem;
  display: grid;
}
.services-intro .container .services-grid .service-card {
  background: #ffffff08;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2.5rem;
  padding: 3rem;
  display: flex;
}
.services-intro .container .services-grid .service-card .card-top {
  border-bottom: 0.5px solid #ffffff80;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  padding-bottom: 2.5rem;
  display: flex;
}
.services-intro .container .services-grid .service-card .card-top .top-content {
  max-width: 70%;
}
.services-intro .container .services-grid .service-card .card-top img {
  width: auto;
  max-height: 9rem;
}
.services-intro .container .services-grid .service-card .content-box {
  gap: 2rem;
}
.services-intro .container .services-grid .service-card .content-box p,
.services-intro .container .services-grid .service-card .content-box li {
  color: #fff;
}
.services-intro .container .services-grid .service-card .content-box ul {
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.5rem;
  margin-left: 0;
  list-style: none;
  display: flex;
}
.services-intro .container .services-grid .service-card .content-box ul li {
  padding-left: 1.75rem;
  font-weight: 200;
  position: relative;
}
.services-intro
  .container
  .services-grid
  .service-card
  .content-box
  ul
  li
  strong {
  font-weight: 500;
}
.services-intro
  .container
  .services-grid
  .service-card
  .content-box
  ul
  li:after {
  content: "";
  z-index: 1;
  background: currentColor;
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  top: 0.75rem;
  left: 0;
  transform: rotate(45deg);
}
@media only screen and (width<=1024px) {
  .approach .container .approach-panel {
    max-width: 100%;
  }
  .services-intro .container {
    gap: 10rem;
  }
  .services-intro .container .services-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (width<=482px) {
  .approach .container .approach-panel {
    gap: 5rem;
  }
  .approach .container .approach-panel .approach-item h4:first-child {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .approach .container .approach-panel .approach-item h4:nth-child(2) {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .services-intro .container {
    gap: 7.5rem;
  }
}
.information .container {
  padding: var(--padding);
  text-align: center;
  color: #191919;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  gap: 8rem;
  display: flex;
}
.information .container .content-box {
  text-align: center;
  align-items: center;
  gap: 4rem;
  max-width: 80%;
}
.features .container {
  padding: var(--padding);
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 2.5rem;
  display: flex;
}
.features .container .top-box {
  max-width: 50%;
}
.features .container .features-list {
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  display: flex;
}
.features .container .features-list .feature-item {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0;
  padding: 4rem 0;
  display: flex;
  position: relative;
}
.features .container .features-list .feature-item .item-bar {
  flex-flow: wrap;
  flex: 0 0 50%;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8rem;
  width: 100%;
  max-width: 50%;
  height: auto;
  display: flex;
}
.features .container .features-list .feature-item .item-bar img {
  width: 27.5rem;
  height: 27.5rem;
}
.features .container .features-list .feature-item .item-bar .content-box {
  flex: 1;
}
.features .container .features-list .feature-item:not(:last-child):after {
  content: "";
  opacity: 0.5;
  background: currentColor;
  width: 100%;
  height: 0.5px;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (width<=1024px) {
  .information .container .content-box {
    max-width: 100%;
  }
  .information .container .content-box br {
    display: none;
  }
  .features .container .features-list .feature-item .item-bar {
    gap: 5rem;
  }
  .features .container .features-list .feature-item .item-bar .content-box {
    flex: auto;
  }
}
@media only screen and (width<=482px) {
  .information .container {
    gap: 5rem;
    padding: 10rem 0;
  }
  .information .container h3 {
    font-size: 2rem;
  }
  .information .container .content-box h2 {
    font-size: 3.5rem;
  }
  .features .container {
    align-items: flex-start;
  }
  .features .container .top-box {
    max-width: 100%;
  }
  .features .container .features-list .feature-item {
    gap: 2rem;
  }
  .features .container .features-list .feature-item .item-bar {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .features .container .features-list .feature-item .item-bar img {
    width: 100%;
    height: 45rem;
  }
}
.thank-you .container {
  text-align: center;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
  padding: 25rem 0 15rem;
  display: flex;
}
.thank-you .container .content-box {
  align-items: center;
}