@import "https://fonts.googleapis.com/css2?family=Geist:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";
:root {
  --padding-sm: 10rem 0;
  --padding: 15rem 0;
  --padding-md: 20rem 0;
}
@media only screen and (max-width: 1024px) {
  :root {
    --padding-sm: 7.5rem 0;
    --padding: 10rem 0;
    --padding-md: 15rem 0;
  }
}
@media only screen and (max-width: 482px) {
  :root {
    --padding: 7.5rem 0;
    --padding-md: 10rem 0;
  }
}
.overview .container .overview-panel,
.cpd .container .cpd-grid,
.benefits .container .benefits-grid,
.retail .container .retail-panel,
.stocklist .container .stocklist-header,
.stocklist .container .stocklist-panel,
.stockist-card,
.stockist-empty,
.category-products .container .section-top,
.category-products .container .products-grid,
.category-products .container .products-grid .product-card img,
.category-products .container .products-grid .product-card .product-info,
.privacy .container .privacy-content,
.account .container .tab-content,
.account .container .content-box,
.account .container .account-panel,
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .profile-form-wrapper,
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .profile-form-wrapper
  form,
.account .container .account-panel .right-panel .content-box .downloads-list,
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .downloads-list
  .dowload-item,
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .downloads-list
  .dowload-item
  .item-bar,
.account .container .account-panel .right-panel .content-box .training-list,
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .training-list
  .training-item,
.products .container .products-grid,
.resources .container .resources-grid,
.product-details .container .product-content > .content-box .year-bar,
.product-details .container .product-content .tab-panel,
.product-details .container .product-content .tab-panel .tab-content,
.product-details
  .container
  .product-content
  .tab-panel
  .tab-content
  .tab-content-list,
.product-details
  .container
  .product-content
  .tab-panel
  .tab-content
  .tab-content-list
  .list-item,
.case-study .container .case-panel,
.case-study .container .case-details,
.project-gallery .container .slider-handler,
.project-gallery .container .slider-wrapper,
.news-section .container .news-grid,
.news-section .container .news-grid .news-card .card-top,
.news-section .container .news-grid .news-card .card-content,
.news-bottom,
.news-content-three .container .content-list,
.news-content-three .container .content-list .list-item,
.touch .container .touch-panel,
.team .container .team-panel,
.team .container .team-panel .team-list .team-item,
.divisions .divisions-header,
.why .why-panel .container .why-box .box-top,
.navbar,
.navbar .container .navbar-links .search-wrapper .search-box .search-form,
.footer .container .footer-panel,
.footer .container .footer-bottom,
.footer .container .footer-bottom .footer-logo img,
.projects .container .projects-grid,
.testimonial .testimonial-header,
.testimonial .embla .embla__container .embla__slide .slide-top,
.accordion,
.accordion .accordion-trigger,
.panel .panel-inner,
.panel .panel-inner .panel-top,
.panel .panel-inner .panel-grid,
.content-section .content-box .list,
.content-section .content-box .list .list-item,
.certification .container .certification-grid,
.contact .container .form-wrapper form,
.technical .container .section-top,
.technical .container .section-top .top-box,
.technical .container .section-top .btns-box,
.technical .container .accordions,
.technical
  .container
  .accordions
  .accordion
  .accordion-content
  .accordion-content-inner
  .list,
.technical
  .container
  .accordions
  .accordion
  .accordion-content
  .accordion-content-inner
  .list
  .list-item,
.page-wrapper,
.container,
figure,
figure img,
.content-box .box,
.header,
.header .header-box .box-bar,
.section-header,
.embla,
.login .container .form-wrapper form,
.touch .container .touch-panel .form-wrapper form {
  width: 100%;
  height: auto;
}
.map,
.divisions .embla .embla__container .embla__slide .slide-content,
.why .why-panel,
.navbar .container .navbar-links .search-wrapper .search-trigger .close-icon,
.panel,
section .bg,
section .bg picture,
section .bg img,
section .bg video,
section.overlay-20 .bg:before,
section.overlay-21 .bg:before,
section.overlay-22 .bg:before,
section.overlay-23 .bg:before,
section.overlay-24 .bg:before,
section.overlay-25 .bg:before,
section.overlay-26 .bg:before,
section.overlay-27 .bg:before,
section.overlay-28 .bg:before,
section.overlay-29 .bg:before,
section.overlay-30 .bg:before,
section.overlay-31 .bg:before,
section.overlay-32 .bg:before,
section.overlay-33 .bg:before,
section.overlay-34 .bg:before,
section.overlay-35 .bg:before,
section.overlay-36 .bg:before,
section.overlay-37 .bg:before,
section.overlay-38 .bg:before,
section.overlay-39 .bg:before,
section.overlay-40 .bg:before,
section.overlay-41 .bg:before,
section.overlay-42 .bg:before,
section.overlay-43 .bg:before,
section.overlay-44 .bg:before,
section.overlay-45 .bg:before,
section.overlay-46 .bg:before,
section.overlay-47 .bg:before,
section.overlay-48 .bg:before,
section.overlay-49 .bg:before,
section.overlay-50 .bg:before,
section.overlay-51 .bg:before,
section.overlay-52 .bg:before,
section.overlay-53 .bg:before,
section.overlay-54 .bg:before,
section.overlay-55 .bg:before,
section.overlay-56 .bg:before,
section.overlay-57 .bg:before,
section.overlay-58 .bg:before,
section.overlay-59 .bg:before,
section.overlay-60 .bg:before,
section.overlay-61 .bg:before,
section.overlay-62 .bg:before,
section.overlay-63 .bg:before,
section.overlay-64 .bg:before,
section.overlay-65 .bg:before,
section.overlay-66 .bg:before,
section.overlay-67 .bg:before,
section.overlay-68 .bg:before,
section.overlay-69 .bg:before,
section.overlay-70 .bg:before,
section.overlay-71 .bg:before,
section.overlay-72 .bg:before,
section.overlay-73 .bg:before,
section.overlay-74 .bg:before,
section.overlay-75 .bg:before,
section.overlay-76 .bg:before,
section.overlay-77 .bg:before,
section.overlay-78 .bg:before,
section.overlay-79 .bg:before,
section.overlay-80 .bg:before {
  width: 100%;
  height: 100%;
}
.login .container .form-wrapper form,
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .profile-form-wrapper
  form,
.touch .container .touch-panel .form-wrapper form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0rem;
  row-gap: 4rem;
  column-gap: 5rem;
}
.login .container .form-wrapper form .form-group,
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .profile-form-wrapper
  form
  .form-group,
.touch .container .touch-panel .form-wrapper form .form-group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
}
.login
  .container
  .form-wrapper
  form
  .form-group:has(textarea, input[type="submit"], .terms),
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .profile-form-wrapper
  form
  .form-group:has(textarea, input[type="submit"], .terms),
.touch
  .container
  .touch-panel
  .form-wrapper
  form
  .form-group:has(textarea, input[type="submit"], .terms) {
  grid-column: 1/-1;
}
.login .container .form-wrapper form .btns,
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .profile-form-wrapper
  form
  .btns,
.touch .container .touch-panel .form-wrapper form .btns {
  grid-column: 1/-1;
}
@media only screen and (max-width: 482px) {
  .login .container .form-wrapper form,
  .account
    .container
    .account-panel
    .right-panel
    .content-box
    .profile-form-wrapper
    form,
  .touch .container .touch-panel .form-wrapper form {
    grid-template-columns: repeat(1, 1fr);
  }
}
.terms {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1rem;
}
.-mt-10 {
  margin-top: -10rem;
}
@media only screen and (max-width: 1024px) {
  .-mt-10 {
    margin-top: -5rem;
  }
}
@media only screen and (max-width: 1024px) {
  .-mt-10 {
    margin-top: 0rem;
  }
}
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-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.embla {
  overflow: hidden;
  position: relative;
}
.embla__container {
  display: flex;
  transition: height 0.2s;
}
.embla__slide {
  flex: 0 0 100%;
  min-width: 0;
}
.embla__dots {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  position: relative;
}
.embla__dots .embla__dot {
  width: 0.75rem;
  height: 0.75rem;
  background: #f46720;
  opacity: 0.2;
  border-radius: 50%;
}
.embla__dots .embla__dot.embla__dot--selected {
  opacity: 1;
}
.embla__dots.blue .embla__dot {
  background: #3d5caa;
}
* {
  margin: 0;
  padding: 0;
}
:root {
  color-scheme: light;
}
*,
*:before,
*:after {
  box-sizing: inherit;
  outline: none;
  -webkit-touch-callout: none;
  font-family: Inter, serif;
}
:focus {
  outline: none;
}
::-moz-focus-inner {
  border: 0;
}
a {
  color: inherit;
  outline: none;
  pointer-events: auto;
  text-decoration: none;
}
button {
  background: none;
  border: none;
  border-radius: none;
  color: inherit;
  outline: none;
  cursor: pointer;
}
video,
img {
  vertical-align: middle;
  object-fit: cover;
  object-position: center;
}
input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  pointer-events: auto;
}
: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;
  color-scheme: light;
  font-size: 0.5208333333vw !important;
  scroll-behavior: smooth;
}
@media only screen and (max-width: 1024px) {
  html {
    font-size: 0.9765625vw !important;
  }
}
@media only screen and (max-width: 482px) {
  html {
    font-size: 2.0746887967vw !important;
  }
}
body {
  overscroll-behavior: none;
  font-weight: 400;
  width: 100%;
  min-height: 100vh;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Geist, sans-serif;
}
[data-animation="reveal"].reveal {
  animation: revealUp 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
@keyframes revealUp {
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
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;
}
section .bg img.mobile-version,
figure img.mobile-version,
section .bg video.mobile-version,
figure video.mobile-version {
  display: none;
}
@media only screen and (max-width: 482px) {
  section .bg:has(.mobile-version) img,
  figure:has(.mobile-version) img,
  section .bg:has(.mobile-version) video,
  figure:has(.mobile-version) video {
    display: none;
  }
  section .bg:has(.mobile-version) img.mobile-version,
  figure:has(.mobile-version) img.mobile-version,
  section .bg:has(.mobile-version) video.mobile-version,
  figure:has(.mobile-version) video.mobile-version {
    display: block !important;
  }
}
.page-wrapper {
  overflow: hidden;
}
.container {
  position: relative;
  max-width: 85%;
  margin: 0 auto;
  z-index: 3;
  overflow: hidden;
}
figure {
  position: relative;
  overflow: hidden;
}
section {
  position: relative;
  overflow: hidden;
  z-index: 3;
}
section .bg {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
}
section.overlay-20 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0003;
  z-index: 1;
}
section.overlay-21 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000036;
  z-index: 1;
}
section.overlay-22 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000038;
  z-index: 1;
}
section.overlay-23 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000003b;
  z-index: 1;
}
section.overlay-24 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000003d;
  z-index: 1;
}
section.overlay-25 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000040;
  z-index: 1;
}
section.overlay-26 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000042;
  z-index: 1;
}
section.overlay-27 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000045;
  z-index: 1;
}
section.overlay-28 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000047;
  z-index: 1;
}
section.overlay-29 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000004a;
  z-index: 1;
}
section.overlay-30 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000004d;
  z-index: 1;
}
section.overlay-31 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000004f;
  z-index: 1;
}
section.overlay-32 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000052;
  z-index: 1;
}
section.overlay-33 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000054;
  z-index: 1;
}
section.overlay-34 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000057;
  z-index: 1;
}
section.overlay-35 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000059;
  z-index: 1;
}
section.overlay-36 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000005c;
  z-index: 1;
}
section.overlay-37 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000005e;
  z-index: 1;
}
section.overlay-38 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000061;
  z-index: 1;
}
section.overlay-39 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000063;
  z-index: 1;
}
section.overlay-40 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0006;
  z-index: 1;
}
section.overlay-41 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000069;
  z-index: 1;
}
section.overlay-42 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000006b;
  z-index: 1;
}
section.overlay-43 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000006e;
  z-index: 1;
}
section.overlay-44 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000070;
  z-index: 1;
}
section.overlay-45 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000073;
  z-index: 1;
}
section.overlay-46 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000075;
  z-index: 1;
}
section.overlay-47 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000078;
  z-index: 1;
}
section.overlay-48 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000007a;
  z-index: 1;
}
section.overlay-49 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000007d;
  z-index: 1;
}
section.overlay-50 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000080;
  z-index: 1;
}
section.overlay-51 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000082;
  z-index: 1;
}
section.overlay-52 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000085;
  z-index: 1;
}
section.overlay-53 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000087;
  z-index: 1;
}
section.overlay-54 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000008a;
  z-index: 1;
}
section.overlay-55 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000008c;
  z-index: 1;
}
section.overlay-56 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000008f;
  z-index: 1;
}
section.overlay-57 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000091;
  z-index: 1;
}
section.overlay-58 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000094;
  z-index: 1;
}
section.overlay-59 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000096;
  z-index: 1;
}
section.overlay-60 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0009;
  z-index: 1;
}
section.overlay-61 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000009c;
  z-index: 1;
}
section.overlay-62 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000009e;
  z-index: 1;
}
section.overlay-63 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000a1;
  z-index: 1;
}
section.overlay-64 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000a3;
  z-index: 1;
}
section.overlay-65 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000a6;
  z-index: 1;
}
section.overlay-66 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000a8;
  z-index: 1;
}
section.overlay-67 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000ab;
  z-index: 1;
}
section.overlay-68 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000ad;
  z-index: 1;
}
section.overlay-69 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000b0;
  z-index: 1;
}
section.overlay-70 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000b3;
  z-index: 1;
}
section.overlay-71 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000b5;
  z-index: 1;
}
section.overlay-72 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000b8;
  z-index: 1;
}
section.overlay-73 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000ba;
  z-index: 1;
}
section.overlay-74 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000bd;
  z-index: 1;
}
section.overlay-75 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000bf;
  z-index: 1;
}
section.overlay-76 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000c2;
  z-index: 1;
}
section.overlay-77 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000c4;
  z-index: 1;
}
section.overlay-78 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000c7;
  z-index: 1;
}
section.overlay-79 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000c9;
  z-index: 1;
}
section.overlay-80 .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000c;
  z-index: 1;
}
section [data-tab-content] {
  display: none;
}
section [data-tab-content].active {
  display: block;
}
section.bg-dark {
  background: #231f20;
  color: #fff;
}
section.bg-orange {
  background: #f46720;
  color: #fff;
}
section.bg-blue {
  background: #3d5caa;
  color: #fff;
}
section.bg-gray {
  background: #fbfbfb;
}
.btns {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.content-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.5rem;
}
.content-box .btns {
  margin-top: 2rem;
}
.content-box .box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.content-box .box p {
  font-weight: 500;
}
.header {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
}
.header .header-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 3rem;
}
.header .header-box:nth-child(1) {
  flex: 0 0 17.5%;
  max-width: 17.5%;
  width: 100%;
  height: auto;
  padding-top: 2rem;
}
.header .header-box:nth-child(2) {
  flex: 0 0 46.5%;
  max-width: 46.5%;
  width: 100%;
  height: auto;
}
.header .header-box .box-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  max-width: 85%;
}
.section-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
}
.section-header .header-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.5rem;
  flex: 0 0 50%;
  max-width: 50%;
  width: 100%;
  height: auto;
}
.section-header .header-box .btns,
.section-header .header-box .btns-wrapper {
  margin-top: 2rem;
}
.mobile-only {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .header .header-box:nth-child(1) {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .header .header-box:nth-child(2) {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .mobile-only {
    display: block;
  }
}
@media only screen and (max-width: 482px) {
  .header {
    gap: 2.5rem;
  }
  .header .header-box:nth-child(1),
  .header .header-box:nth-child(2) {
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 0;
  }
  .header .header-box .box-bar {
    max-width: 100%;
  }
  .section-header {
    gap: 2.5rem;
  }
  .section-header .header-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
a,
button {
  pointer-events: auto;
  cursor: pointer;
}
.link-xs,
.link,
.btn,
.link-outline {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  font-family: Geist, sans-serif;
  position: relative;
}
.link-xs:has(img),
.link:has(img),
.btn:has(img),
.link-outline:has(img) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.link-xs .icon,
.link .icon,
.btn .icon,
.link-outline .icon {
  height: 1.5rem;
}
.link-outline {
  padding: 1rem 2rem 0.9rem;
  border: 1px solid currentColor;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.link-outline {
  text-transform: uppercase;
}
.link-outline img {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.link-outline:hover,
.link-outline.active {
  border-color: #f46720;
  background: #f46720;
  color: #fff;
}
.link-outline:hover img,
.link-outline.active img {
  filter: invert(1);
}
.link-outline.blue-link:hover,
.link-outline.blue-link.active,
.link-outline.fill-blue {
  background: #3d5caa;
  color: #fff;
  border-color: #3d5caa;
}
.link-outline.fill-orange {
  background: #f46720;
  color: #fff;
  border-color: #f46720;
}
.link-outline-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  border: 1px solid currentColor;
  width: 3.5rem;
  height: 3.5rem;
}
.link-outline-icon .icon {
  width: 1.5rem;
}
.btn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0.25rem;
  text-transform: uppercase;
}
.btn .btn-box {
  background: #fff;
  color: #000;
  padding: 1.25rem 2rem 1.15rem;
  border: 1px solid #ffffff;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.btn .icon-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  width: 4.35rem;
  background: #fff;
  color: #000;
  border: 1px solid #ffffff;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.btn .icon-box svg {
  height: 1.25rem;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.btn.border .icon-box,
.btn.border .btn-box {
  border-color: currentColor;
}
.btn.orange-link:hover .btn-box,
.btn.orange-link:hover .icon-box {
  color: #fff;
  background: #f46720;
  border-color: #f46720;
}
.btn.orange-link:hover .icon-box svg path {
  fill: #fff;
}
.btn.blue-link:hover .btn-box,
.btn.blue-link:hover .icon-box {
  color: #fff;
  background: #3d5caa;
  border-color: #3d5caa;
}
.btn.blue-link:hover .icon-box svg path {
  fill: #fff;
}
.btn.dark-link:hover .btn-box,
.btn.dark-link:hover .icon-box {
  color: #fff;
  background: #231f20;
  border-color: #231f20;
}
.btn.dark-link:hover .icon-box svg path {
  fill: #fff;
}
.btn:hover .icon-box {
  background: #f46720;
  border-color: #f46720;
}
.btn:hover .icon-box svg path {
  fill: #000;
}
@media only screen and (max-width: 482px) {
  .btn {
    font-weight: 600;
  }
}
.bg-orange .btn:not(.dark-link, .blue-link):hover .icon-box {
  background: #fff;
  border-color: #fff;
}
.slider-prev,
.slider-next {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  width: 3.55rem;
  height: 3.55rem;
  border: 1px solid currentColor;
}
.slider-prev svg,
.slider-next svg {
  height: 1.25rem;
}
.slider-prev:hover,
.slider-next:hover {
  background: #f46720;
  border-color: #f46720;
}
.slider-prev:hover svg path,
.slider-next:hover svg path {
  fill: #000;
}
.slider-prev.blue-link:hover,
.slider-next.blue-link:hover {
  background: #3d5caa;
  border-color: #3d5caa;
}
.slider-prev.blue-link:hover svg path,
.slider-next.blue-link:hover svg path {
  fill: #fff;
  stroke: #fff;
}
.slider-prev {
  transform: rotate(-180deg);
}
.slider-controls {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.bg-dark .slider-prev:hover svg path,
.bg-dark .slider-next:hover svg path {
  stroke: #231f20;
}
.link-xs:after,
.link:after {
  content: "";
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1s cubic-bezier(0.3, 1, 0.3, 1);
}
.link-xs:hover:after,
.link:hover:after {
  transform-origin: left;
  transform: scaleX(1);
}
.active.link-xs:after,
.active.link:after {
  transform-origin: left;
  transform: scaleX(1);
}
.active.link-xs:hover:after,
.active.link:hover:after {
  transform-origin: right;
  transform: scaleX(0);
}
p .link:after {
  transform-origin: left;
  transform: scaleX(1);
}
p .link:hover:after {
  transform-origin: right;
  transform: scaleX(0);
}
.link {
  font-size: 1.6rem;
  font-weight: 500;
}
.link-xs {
  font-size: 1.2rem;
  text-transform: uppercase;
}
.btns-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  border: 1px solid currentColor;
  padding: 0.5rem;
}
@media only screen and (max-width: 482px) {
  .btns-wrapper .search-box,
  .btns-wrapper .search-box input,
  .btns-wrapper button:not(.search-btn) {
    width: 100% !important;
  }
  .btns-wrapper .drop-down,
  .btns-wrapper .drop-down-content {
    flex: 1;
  }
  .btns-wrapper .drop-down:nth-of-type(1) {
    z-index: 5;
  }
  .btns-wrapper .drop-down:nth-of-type(2) {
    z-index: 4;
  }
  .btns-wrapper .drop-down:nth-of-type(3) {
    z-index: 3;
  }
  .btns-wrapper .drop-down:nth-of-type(4) {
    z-index: 2;
  }
  .btns-wrapper .drop-down:nth-of-type(5) {
    z-index: 1;
  }
}
.social-link img {
  width: 3.5rem;
  height: 3.5rem;
}
.pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.pagination .control-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  width: 4rem;
  height: 4rem;
  border: 1px solid currentColor;
}
.pagination .control-btn svg {
  height: 1.5rem;
}
.pagination .control-btn:nth-of-type(1) {
  transform: rotate(-180deg);
  margin-right: 1.5rem;
}
.pagination .control-btn:nth-of-type(2) {
  margin-left: 1.5rem;
}
.pagination .control-btn:hover {
  background: #f46720;
  border-color: #f46720;
}
.pagination .control-btn:hover svg path {
  fill: #000;
}
.pagination .page-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  font-size: 1.5rem;
  font-weight: 400;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}
.pagination .page-btn.active {
  color: #fff;
  background: #f46720;
}
.pagination.blue-pagination .control-btn:hover {
  background: #3d5caa;
  border-color: #3d5caa;
}
.pagination.blue-pagination .control-btn:hover svg path {
  fill: #fff;
  stroke: #fff;
}
.pagination.blue-pagination .page-btn.active {
  color: #fff;
  background: #3d5caa;
}
h1 {
  font-size: 5rem;
  font-weight: 500;
  line-height: 1.25;
}
h2 {
  font-size: 4.2rem;
  font-weight: 500;
  line-height: 1.25;
}
h3 {
  font-size: 3.25rem;
  font-weight: 500;
  line-height: 1.25;
}
h4 {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.25;
}
h5 {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.25;
}
h6 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.45;
}
h6 a {
  text-decoration: 1px solid underline;
  text-underline-offset: 2px;
}
li,
p {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.45;
}
li a,
p a {
  text-decoration: 1px solid underline;
  text-underline-offset: 2px;
}
.paragraph-lg {
  font-size: 2rem;
}
label,
.paragraph-sm {
  font-size: 1.6rem;
}
.paragraph-xs {
  font-size: 1.2rem;
  text-transform: uppercase;
}
ul {
  list-style: disc;
  margin-left: 2.5rem;
}
.tag {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 0.75rem;
  font-size: 1.6rem;
  font-weight: 500;
  position: relative;
  text-transform: uppercase;
}
.tag svg {
  width: 4rem;
  min-width: 3rem;
  margin-top: 0.65rem;
}
.tag.orange svg {
  color: #f46720;
}
.tag.blue svg {
  color: #3d5caa;
}
.orange:not(.tag) {
  color: #f46720;
}
.blue:not(.tag) {
  color: #3d5caa;
}
@media only screen and (max-width: 1024px) {
  h1 {
    font-size: 4rem;
  }
  h2 {
    font-size: 3.5rem;
  }
  h3 {
    font-size: 3rem;
  }
}
.content-section {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12.5rem;
  align-items: center;
  padding: var(--padding);
}
.content-section .content-box {
  max-width: 77.5%;
  width: 100%;
}
.content-section .content-box .list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 3rem;
  margin: 1rem 0;
}
.content-section .content-box .list .list-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
  border-bottom: 0.5px solid currentColor;
  padding-bottom: 3rem;
}
.content-section .content-figure img {
  height: 100%;
}
.content-section.reverse .content-box {
  order: 1;
  margin-left: 15rem;
}
.content-section.reverse .content-figure {
  order: 2;
}
.certification .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10rem;
  padding: var(--padding);
}
.certification .container .certification-grid {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 7.5rem;
}
.certification .container .certification-grid .certification-figure {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  width: max-content;
}
.certification .container .embla {
  overflow: visible;
  pointer-events: none;
}
.certification .container .embla .embla__container .embla__slide {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  margin-right: 7.5rem;
  flex: 0 0 auto;
}
.certification .container .embla .embla__container .embla__slide img {
  max-width: 15rem;
}
.types .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  padding: var(--padding);
}
.types .container .content-box {
  flex: 0 0 45%;
  max-width: 45%;
  width: 100%;
  height: auto;
}
.types .container .type-list {
  flex: 0 0 50%;
  max-width: 50%;
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2.5rem;
}
.types .container .type-list .type-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
  text-transform: uppercase;
}
.types .container .type-list .type-item .icon-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  width: 100%;
  height: 15rem;
  border: 1px solid currentColor;
}
.contact .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  padding: var(--padding);
  color: #fff;
}
.contact .container .form-wrapper {
  flex: 0 0 40%;
  max-width: 40%;
  width: 100%;
  height: auto;
}
.contact .container .form-wrapper form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0rem;
  row-gap: 4rem;
  column-gap: 2.5rem;
}
.contact .container .form-wrapper form textarea,
.contact .container .form-wrapper form .checklists {
  grid-column: 1/-1;
}
.contact .container .form-wrapper form .checklists {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
}
.contact .container .form-wrapper form .checklists input[type="checkbox"] {
  border-color: #fff;
}
.contact
  .container
  .form-wrapper
  form
  .checklists
  input[type="checkbox"]:after {
  background: #fff;
}
.contact .container .form-wrapper form .btn {
  max-width: max-content;
}
.contact .container .content-box {
  flex: 0 0 52.5%;
  max-width: 52.5%;
  width: 100%;
  height: auto;
}
.brands {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12.5rem;
  padding: var(--padding);
}
.brands .section-header {
  max-width: 85%;
  margin: 0 auto;
}
.brands > .tag {
  display: none;
  margin: 0 auto;
  width: 100%;
  max-width: 85%;
  padding-top: 5rem;
  border-top: 0.5px solid rgba(35, 31, 32, 0.5);
}
.brands .embla {
  pointer-events: none;
  overflow: visible;
}
.brands .embla .embla__container .embla__slide {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  flex: 0 0 auto;
  margin-right: 20rem;
}
.brands .embla .embla__container .embla__slide img {
  width: auto;
  height: auto;
}
.brands:has([data-tab="2"].active) .tag svg {
  color: #3d5caa !important;
}
.brands:has([data-tab="2"].active) .orange:not(.tag) {
  color: #3d5caa !important;
}
.technical .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10rem;
  padding: var(--padding-sm);
  overflow: visible;
}
.technical .container .section-top {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 5rem;
}
.technical .container .section-top .top-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 3rem;
}
.technical .container .section-top .top-box .tag {
  width: max-content;
  margin-top: 3rem;
}
.technical .container .section-top .btns-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
  max-width: 83.5%;
}
.technical .container .accordions {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  display: none;
}
.technical .container .accordions .accordion {
  border-bottom: 1px solid currentColor;
}
.technical .container .accordions .accordion .accordion-trigger {
  padding: 3rem 0;
}
.technical
  .container
  .accordions
  .accordion
  .accordion-content
  .accordion-content-inner {
  padding-bottom: 5rem;
  max-width: 100%;
}
.technical
  .container
  .accordions
  .accordion
  .accordion-content
  .accordion-content-inner
  .list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  align-self: flex-end;
  max-width: 90%;
}
.technical
  .container
  .accordions
  .accordion
  .accordion-content
  .accordion-content-inner
  .list
  .list-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  padding: 1.5rem 0;
}
.technical
  .container
  .accordions
  .accordion
  .accordion-content
  .accordion-content-inner
  .list
  .list-item
  p {
  max-width: 70%;
}
.technical
  .container
  .accordions
  .accordion
  .accordion-content
  .accordion-content-inner
  .list
  .list-item:hover {
  color: #f46720;
}
.technical
  .container
  .accordions
  .accordion
  .accordion-content
  .accordion-content-inner
  .list
  .list-item:hover
  p:nth-child(1) {
  text-decoration: underline;
}
.technical .container .accordions.active {
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .content-section {
    grid-template-columns: repeat(1, 1fr);
    gap: 7.5rem;
  }
  .content-section:has(.content-box .content-figure.mobile-only)
    > .content-figure {
    display: none;
  }
  .content-section:has(.content-box .content-figure.mobile-only) .content-box {
    margin: 0;
    max-width: 100%;
  }
  .content-section:has(.content-box .content-figure.mobile-only)
    .content-box
    > *:not(.content-figure.mobile-only) {
    max-width: 85%;
    margin: 0 auto;
    width: 100%;
  }
  .content-section .content-box {
    max-width: 85%;
    margin: 0 auto;
    order: -1;
  }
  .content-section .content-box .content-figure {
    margin: 2.5rem 0;
  }
  .content-section .content-figure {
    padding-top: 0;
  }
  .content-section.reverse .content-box {
    margin: 0 auto;
    order: -1;
  }
  .brands .embla .embla__container .embla__slide {
    margin-right: 10rem;
  }
  .types .container {
    gap: 7.5rem;
  }
  .types .container .content-box,
  .types .container .type-list {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .certification .container,
  .contact .container {
    gap: 7.5rem;
  }
  .contact .container .content-box,
  .contact .container .form-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .contact .container .form-wrapper form {
    grid-template-columns: repeat(1, 1fr);
  }
  .technical.first-section .container {
    padding: 17.5rem 0 7.5rem;
  }
  .technical .container {
    gap: 7.5rem;
  }
  .technical .container .section-top .top-box {
    flex-direction: column;
  }
  .technical .container .section-top .btns-box,
  .technical
    .container
    .accordions
    .accordion
    .accordion-content
    .accordion-content-inner
    .list {
    max-width: 100%;
  }
}
@media only screen and (max-width: 482px) {
  .banner .container .content-box .btns,
  .banner .container .content-box .btns a {
    width: 100%;
  }
  .banner .container .content-box .btns a .btn-box {
    flex: 1;
    width: 100%;
  }
  .brands {
    gap: 5rem;
  }
  .brands .section-header .header-box:nth-child(1) {
    display: none;
  }
  .brands > .tag {
    display: flex;
  }
  .brands .embla {
    display: block;
  }
  .certification .container {
    overflow: visible;
  }
  .certification .container .certification-grid {
    display: none;
  }
  .types .container .type-list {
    grid-template-columns: repeat(6, 1fr);
    row-gap: 4rem;
  }
  .types .container .type-list .type-item:not(:nth-child(1), :nth-child(2)) {
    grid-column: span 2;
  }
  .types
    .container
    .type-list
    .type-item:not(:nth-child(1), :nth-child(2))
    .icon-box {
    height: 12rem;
  }
  .types .container .type-list .type-item:nth-child(1),
  .types .container .type-list .type-item:nth-child(2) {
    grid-column: span 3;
  }
  .types .container .type-list .type-item:nth-child(1) .icon-box,
  .types .container .type-list .type-item:nth-child(2) .icon-box {
    height: 18rem;
  }
  .content-section.reverse > .content-figure {
    padding-left: 7.5%;
  }
  .content-section:not(.reverse) > .content-figure {
    padding-right: 7.5%;
  }
  .technical .container,
  .technical .container .section-top {
    gap: 5rem;
  }
  .technical .container .section-top .top-box {
    flex: 0 0 100%;
    max-width: 100%;
    flex-direction: column;
  }
  .technical .container .section-top .top-box .tag {
    margin-top: 0;
  }
  .technical .container .section-top .btns-wrapper {
    width: 100%;
  }
}
input:not([type="submit"], [type="checkbox"], [type="radio"]),
select,
textarea {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  background: transparent;
  border: none;
  border-bottom: 1px solid currentColor;
  padding: 1rem 0;
  color: currentColor;
}
input:not([type="submit"], [type="checkbox"], [type="radio"])::placeholder,
select::placeholder,
textarea::placeholder {
  color: currentColor;
}
select {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOSA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im04LjA3Ni4zNTQtMy44NjEgMy44NkwuMzU0LjM1NCIgc3Ryb2tlPSIjZmZmIi8+PC9zdmc+)
    no-repeat right 0 center;
  background-size: 1rem;
}
input[type="checkbox"] {
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid currentColor;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
}
input[type="checkbox"]:checked:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: currentColor;
}
label {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1rem;
  line-height: 1.4;
}
.search-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}
.search-box input {
  border: 1px solid currentColor;
  padding: 0.8rem 1rem;
  width: 15rem;
  flex: 1;
}
.search-box .search-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  width: 3.55rem;
  height: 3.55rem;
  background: #f46720;
}
.search-box .search-btn.blue {
  background: #3d5caa;
}
.search-box .search-btn svg {
  width: 1.35rem;
}
.drop-down {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  position: relative;
  color: #000;
  z-index: 3;
}
.drop-down .drop-down-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 0;
  width: max-content;
  position: absolute;
  top: 100%;
  left: -0.1rem;
  transition: opacity 0.2s ease;
  opacity: 0;
  visibility: hidden;
  padding-top: 1rem;
  max-height: 30rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #f46720 rgba(0, 0, 0, 0.1);
  background: #fff;
}
.drop-down .drop-down-content::-webkit-scrollbar {
  display: block;
  width: 0.5rem;
}
.drop-down .drop-down-content::-webkit-scrollbar-track {
  background: #0000001a;
  border-radius: 1rem;
}
.drop-down .drop-down-content::-webkit-scrollbar-thumb {
  background: #f46720;
  border-radius: 1rem;
}
.drop-down .drop-down-content.scroll-blue {
  scrollbar-color: #3d5caa rgba(0, 0, 0, 0.1);
}
.drop-down .drop-down-content.scroll-blue::-webkit-scrollbar-thumb {
  background: #3d5caa;
}
.drop-down .drop-down-content:has(.drop-down-sub) {
  overflow: visible;
  max-height: none;
}
.drop-down .drop-down-content .drop-down-sub {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 0;
  position: relative;
}
.drop-down .drop-down-content .drop-down-sub > .link-outline {
  width: 100%;
}
.drop-down .drop-down-content .drop-down-sub .drop-down-sub-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 0;
  width: max-content;
  min-width: 100%;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  opacity: 0;
  visibility: hidden;
  max-height: 30rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #f46720 rgba(0, 0, 0, 0.1);
  background: #fff;
}
.drop-down
  .drop-down-content
  .drop-down-sub
  .drop-down-sub-content::-webkit-scrollbar {
  display: block;
  width: 0.5rem;
}
.drop-down
  .drop-down-content
  .drop-down-sub
  .drop-down-sub-content::-webkit-scrollbar-track {
  background: #0000001a;
  border-radius: 1rem;
}
.drop-down
  .drop-down-content
  .drop-down-sub
  .drop-down-sub-content::-webkit-scrollbar-thumb {
  background: #f46720;
  border-radius: 1rem;
}
.drop-down
  .drop-down-content
  .drop-down-sub[data-position="left"]
  > .drop-down-sub-content {
  right: 100%;
  left: auto;
}
.drop-down
  .drop-down-content
  .drop-down-sub:not([data-position="left"])
  > .drop-down-sub-content {
  left: 100%;
  right: auto;
}
.drop-down .drop-down-content .drop-down-sub:hover > .drop-down-sub-content {
  opacity: 1;
  visibility: visible;
}
.drop-down .drop-down-content button,
.drop-down .drop-down-content a {
  text-align: center;
  background: #fff;
  border-left: 0;
  border-right: 0;
  border-color: #00000040;
  color: #000;
  min-width: 15rem;
}
.drop-down .drop-down-content button:not(:last-child),
.drop-down .drop-down-content a:not(:last-child) {
  border-bottom: none;
}
.drop-down .drop-down-content button:not(.blue-link):hover,
.drop-down .drop-down-content a:not(.blue-link):hover {
  color: #fff;
  background: #f46720;
}
.drop-down:hover .drop-down-content {
  opacity: 1;
  visibility: visible;
}
.panel {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  background: #f46720;
  color: #fff;
  overflow-y: scroll;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),
    transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),
    visibility 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.panel:not(:has([data-tab="all"].active, [data-tab="1"].active)) {
  background: #3d5caa;
}
.panel:not(:has([data-tab="all"].active, [data-tab="1"].active))
  .link-outline:hover,
.panel:not(:has([data-tab="all"].active, [data-tab="1"].active))
  .link-outline.active {
  border-color: #3d5caa;
}
.panel.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.panel .panel-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 7.5rem;
  padding: 17.5rem 15rem 10rem;
}
.panel .panel-inner .panel-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}
.panel .panel-inner .panel-top h3 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}
.panel .panel-inner .panel-top h3 img {
  width: 4.5rem;
  height: auto;
}
.panel .panel-inner .panel-top .btns-wrapper button:hover,
.panel .panel-inner .panel-top .btns-wrapper button.active {
  background: #fff;
  color: #000;
}
.panel .panel-inner .panel-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10rem;
}
.panel .panel-inner .panel-grid > .accordion {
  display: none;
}
.panel .panel-inner .panel-grid > .accordion.active {
  display: block;
}
.panel .panel-inner .panel-grid > .link[data-tab-content] {
  display: none;
}
.panel .panel-inner .panel-grid > .link[data-tab-content]:after {
  display: none;
}
.panel .panel-inner .panel-grid > .link[data-tab-content].active {
  display: flex;
}
.panel .panel-inner .panel-grid .accordion {
  opacity: 0.5;
}
.panel .panel-inner .panel-grid .accordion.opened {
  opacity: 1;
}
.panel .panel-inner .panel-grid .accordion-nested {
  opacity: 1;
  width: 100%;
}
.panel
  .panel-inner
  .panel-grid
  .accordion-nested
  .accordion-trigger
  .nested-title {
  font-family: Geist, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  cursor: pointer;
}
.panel
  .panel-inner
  .panel-grid
  .accordion-nested
  .accordion-content
  .accordion-content-inner {
  padding-top: 1rem;
  gap: 1rem;
}
.accordion .accordion-trigger {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  cursor: pointer;
}
.accordion .accordion-trigger .trigger-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6rem;
  max-width: calc(100% - 6rem);
}
.accordion .accordion-trigger .trigger-content h4 {
  font-weight: 500;
}
.accordion .accordion-trigger svg {
  width: 4.5rem;
  height: 4.5rem;
  transform: rotate(180deg);
  transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.accordion .accordion-trigger svg path {
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.accordion .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s cubic-bezier(0.3, 1, 0.3, 1);
}
.accordion .accordion-content .accordion-content-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
  padding-top: 2rem;
  max-width: 80%;
}
.accordion:hover .accordion-trigger svg path:nth-child(1) {
  fill: #f46720;
}
.accordion:hover .accordion-trigger svg path:nth-child(2) {
  fill: #231f20;
}
.accordion.opened .accordion-trigger svg {
  transform: rotate(0);
}
.accordion.opened .accordion-trigger svg path:nth-child(1) {
  fill: #f46720;
}
.accordion.opened .accordion-trigger svg path:nth-child(2) {
  fill: #231f20;
}
@media only screen and (max-width: 1024px) {
  .accordion .accordion-content .accordion-content-inner {
    max-width: 100%;
  }
}
.projects .container .projects-grid .project-card,
.related .embla .embla__container .project-slide,
.cases-list .project-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 3.5rem;
}
.projects .container .projects-grid .project-card figure img,
.related .embla .embla__container .project-slide figure img,
.cases-list .project-card figure img {
  height: 27.5rem;
}
@media only screen and (max-width: 482px) {
  .projects .container .projects-grid .project-card figure img,
  .related .embla .embla__container .project-slide figure img,
  .cases-list .project-card figure img {
    height: 22.5rem;
  }
}
.projects .container .projects-grid .project-card .content-box,
.related .embla .embla__container .project-slide .content-box,
.cases-list .project-card .content-box {
  padding-bottom: 4.5rem;
  border-bottom: 1px solid currentColor;
  flex: 1;
}
.projects .container .projects-grid .project-card .content-box .btns,
.related .embla .embla__container .project-slide .content-box .btns,
.cases-list .project-card .content-box .btns {
  margin-top: auto;
}
.projects .container .projects-grid .project-card .content-box .paragraph-sm,
.related .embla .embla__container .project-slide .content-box .paragraph-sm,
.cases-list .project-card .content-box .paragraph-sm {
  opacity: 0.5;
}
.projects .container .projects-grid .project-card:hover figure,
.related .embla .embla__container .project-slide:hover figure,
.cases-list .project-card:hover figure {
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 20%);
}
.cases-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
}
.related {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10rem;
  padding: var(--padding-sm);
}
.related .header {
  max-width: 85%;
  margin: 0 auto;
}
.related .header .header-box:nth-child(2) {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.related .embla {
  overflow: visible;
}
.related .embla .embla__container .product-slide {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 0;
  flex: 0 0 36.5rem;
  max-width: 36.5rem;
  width: 100%;
  margin-right: 2.4rem;
}
.related .embla .embla__container .product-slide img {
  width: 100%;
  height: 26.5rem;
}
.related .embla .embla__container .product-slide .slide-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.4rem;
  width: 100%;
  flex: 1;
  padding: 4rem 0;
  border-bottom: 1px solid currentColor;
}
.related .embla .embla__container .project-slide {
  flex: 0 0 50rem;
  max-width: 50rem;
  margin-right: 2.4rem;
}
.projects .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10rem;
  padding: var(--padding);
}
.projects .container .content-box .content-bar {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12.5rem;
}
.projects .container .content-box .content-bar .tag {
  padding-top: 2.35rem;
}
.projects .container .content-box .btns-wrapper {
  margin-top: 2.5rem;
}
.projects .container .projects-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
}
.projects .container .projects-grid .project-card {
  display: none;
}
.projects .container .projects-grid .project-card.active {
  display: flex;
}
.testimonial {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10rem;
  padding: var(--padding-sm);
}
.testimonial .testimonial-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10rem;
  max-width: 85%;
  margin: 0 auto;
}
.testimonial .testimonial-header .header-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.5rem;
}
.testimonial .testimonial-header .header-box:nth-child(1) {
  margin-top: 2.75rem;
}
.testimonial .embla .embla__container {
  align-items: flex-start;
}
.testimonial .embla .embla__container .embla__slide {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 6rem;
  flex: 0 0 75rem;
  max-width: 75rem;
  width: 100%;
  margin-right: 2.4rem;
  padding: 5rem 4.5rem;
  border: 1px solid currentColor;
}
.testimonial .embla .embla__container .embla__slide .slide-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}
.testimonial .embla .embla__container .embla__slide .slide-top p {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.testimonial .embla .embla__container .embla__slide .slide-top p svg {
  width: 7rem;
  height: auto;
}
.testimonial .embla .embla__container .embla__slide .slide-top p svg path {
  fill: currentColor;
}
.testimonial .embla .embla__container .embla__slide.is-snapped {
  background: #f46720;
  color: #fff;
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 15%);
}
.testimonial .embla .embla__container .embla__slide.is-snapped.blue-slide {
  background: #3d5caa;
}
.testimonial .embla .embla__container .embla__slide.is-snapped.dark-slide {
  background: #231f20;
}
@media only screen and (max-width: 1024px) {
  .projects .container {
    gap: 7.5rem;
    padding: 15rem 0 7.5rem;
  }
  .projects .container .projects-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .testimonial {
    gap: 7.5rem;
  }
  .cases-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 482px) {
  .related {
    gap: 5rem;
  }
  .related .embla .embla__container .project-slide {
    flex: 0 0 85%;
    max-width: 85%;
  }
  .projects .container .content-box .content-bar {
    gap: 2.5rem;
  }
  .projects .container .content-box .btns-wrapper {
    margin-top: 1.5rem;
  }
  .projects .container .projects-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .testimonial .testimonial-header {
    gap: 2rem;
  }
  .testimonial .embla .embla__container .embla__slide {
    flex: 0 0 85%;
    max-width: 85%;
    gap: 4rem;
  }
  .testimonial .embla .embla__container .embla__slide .slide-top {
    gap: 0.5rem;
  }
}
.footer {
  background: #f46720;
  color: #fff;
}
.footer.bg-blue {
  background: #3d5caa;
}
.footer .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 5rem;
  padding: 12.5rem 0 5rem;
}
.footer .container p a {
  text-decoration: none !important;
}
.footer .container .footer-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
}
.footer .container .footer-panel .paragraph-sm {
  font-weight: 500;
}
.footer .container .footer-panel .footer-links {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
}
.footer .container .footer-panel .footer-links > .paragraph-sm {
  margin-bottom: 1rem;
}
.footer .container .footer-panel .footer-links .footer-box {
  margin-bottom: 1rem;
}
.footer .container .footer-panel .footer-links:not(:last-child) {
  max-width: 20%;
}
.footer .container .footer-panel .footer-links:last-child {
  max-width: 22.5%;
}
.footer .container .footer-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 0;
}
.footer .container .footer-bottom .footer-bottom-box {
  flex: 0 0 55%;
  max-width: 55%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}
.footer .container .footer-bottom .footer-logo {
  max-width: 25%;
}
@media only screen and (max-width: 1024px) {
  .footer .container .footer-panel {
    row-gap: 5rem;
  }
  .footer .container .footer-panel .footer-links {
    width: 100%;
  }
  .footer .container .footer-panel .footer-links:not(:last-child) {
    max-width: 30%;
  }
  .footer .container .footer-panel .footer-links:last-child {
    max-width: 40%;
  }
}
@media only screen and (max-width: 482px) {
  .footer .container {
    padding: 7.5rem 0 5rem;
  }
  .footer .container .footer-panel {
    position: relative;
    border-top: 1px solid currentColor;
    padding-top: 5rem;
  }
  .footer .container .footer-panel .footer-links {
    flex: 0 0 50%;
    max-width: 50% !important;
    gap: 2rem;
  }
  .footer .container .footer-panel .footer-links .paragraph-sm {
    font-size: 1.8rem;
    font-weight: 500;
  }
  .footer .container .footer-panel .footer-links:nth-child(3) {
    position: absolute;
    right: 0;
    top: 37.5rem;
  }
  .footer .container .footer-panel .footer-links:nth-child(4) {
    border-top: 0.5px solid rgba(255, 255, 255, 0.5);
    padding-top: 4.5rem;
  }
  .footer .container .footer-panel .footer-links:nth-child(4),
  .footer .container .footer-panel .footer-links:nth-child(5) {
    flex: 0 0 100%;
    max-width: 100% !important;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 4.5rem;
  }
  .footer .container .footer-bottom {
    gap: 5rem;
  }
  .footer .container .footer-bottom .footer-bottom-box {
    flex: 0 0 100%;
    max-width: 100%;
    gap: 2rem;
    row-gap: 2rem;
    margin-bottom: -9rem;
  }
  .footer .container .footer-bottom .footer-bottom-box a:nth-of-type(1) {
    text-align: center;
  }
  .footer .container .footer-bottom .footer-bottom-box a:nth-of-type(2) {
    text-align: right;
  }
  .footer .container .footer-bottom .footer-bottom-box p:last-child {
    flex: 0 0 100%;
    text-align: right;
    padding-top: 5rem;
  }
  .footer .container .footer-bottom .footer-logo {
    max-width: 50%;
  }
}
.navbar {
  background: #fff;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
}
.navbar .marquee {
  background: #f46720;
  padding: 1.25rem 0;
  -webkit-user-select: none;
  user-select: none;
}
.navbar .marquee .marquee-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
  flex: 0 0 auto;
  min-width: 0;
  padding-right: 2rem;
  color: #fff;
  white-space: nowrap;
}
.navbar .marquee .marquee-item p {
  font-weight: 500;
}
.navbar .marquee .marquee-item .bar {
  width: 1rem;
  height: 1.35rem;
  background: currentColor;
  transform: skew(-35deg);
}
.navbar .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  padding: 2rem 0 1rem;
  overflow: visible;
}
.navbar .container .logo img {
  width: 35rem;
}
.navbar .container .navbar-links {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.navbar .container .navbar-links .search-wrapper,
.navbar .container .navbar-links .search-wrapper .search-trigger {
  position: relative;
}
.navbar .container .navbar-links .search-wrapper .search-trigger:hover {
  background: #f46720;
  border-color: #f46720;
}
.navbar .container .navbar-links .search-wrapper .search-trigger:hover img {
  filter: brightness(0) invert(1);
}
.navbar .container .navbar-links .search-wrapper .search-trigger .close-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  position: absolute;
  background: #000;
  opacity: 0;
}
.navbar
  .container
  .navbar-links
  .search-wrapper
  .search-trigger
  .close-icon
  .divider {
  position: absolute;
  width: 60%;
  height: 1px;
  background: #fff;
}
.navbar
  .container
  .navbar-links
  .search-wrapper
  .search-trigger
  .close-icon
  .divider:nth-child(1) {
  transform: rotate(45deg);
}
.navbar
  .container
  .navbar-links
  .search-wrapper
  .search-trigger
  .close-icon
  .divider:nth-child(2) {
  transform: rotate(-45deg);
}
.navbar
  .container
  .navbar-links
  .search-wrapper
  .search-trigger.active
  .close-icon {
  opacity: 1;
}
.navbar .container .navbar-links .search-wrapper .search-trigger.active:hover {
  border-color: #000;
}
.navbar .container .navbar-links .search-wrapper .search-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  width: 30rem;
  position: absolute;
  right: 0;
  top: calc(100% + 1rem);
  background: #fff;
  padding: 1rem 1rem 1rem 1.5rem;
  border: 1px solid currentColor;
  visibility: hidden;
  opacity: 0;
}
.navbar .container .navbar-links .search-wrapper .search-box.active {
  visibility: visible;
  opacity: 1;
}
.navbar .container .navbar-links .search-wrapper .search-box .search-form {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.navbar
  .container
  .navbar-links
  .search-wrapper
  .search-box
  .search-form
  input {
  flex: 1;
  border: none;
  padding: 0.5rem 0;
  border-bottom: 1px solid currentColor;
}
.navbar
  .container
  .navbar-links
  .search-wrapper
  .search-box
  .search-form
  .search-btn {
  border-color: #f46720;
}
.navbar
  .container
  .navbar-links
  .search-wrapper
  .search-box
  .search-form
  .search-btn
  img {
  filter: brightness(0) invert(1);
}
.navbar .container .hamb-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  display: none;
  width: 6rem;
  height: 5rem;
  pointer-events: all;
  position: relative;
  z-index: 5;
  background: #fff;
}
.navbar .container .hamb-btn .divider {
  width: 50%;
  height: 1px;
  background: #000;
  pointer-events: none;
  transition: all 0.7s cubic-bezier(0.3, 1, 0.3, 1);
}
.navbar .container .hamb-btn.active .divider:nth-child(1) {
  transform: rotate(45deg) translate(0.5rem, 0.35rem);
}
.navbar .container .hamb-btn.active .divider:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.navbar .container .hamb-btn.active .divider:nth-child(3) {
  transform: rotate(-45deg) translate(0.5rem, -0.35rem);
}
@media only screen and (max-width: 1024px) {
  .navbar {
    position: fixed;
    background: #f9f9f9;
  }
  .navbar .marquee {
    padding: 1rem 0;
  }
  .navbar .marquee .marquee-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
    padding-right: 2rem;
    font-size: 1.6rem;
  }
  .navbar .marquee .marquee-item .marquee-sep {
    width: 2.6rem;
    height: 1.2rem;
  }
  .navbar .container {
    padding: 2rem 0;
  }
  .navbar .container .logo {
    background: #fff;
    padding: 1rem;
  }
  .navbar .container .logo img {
    width: 17.5rem;
  }
  .navbar .container .navbar-links .search-wrapper .search-trigger {
    background: #fff;
    border-color: transparent;
    width: 5rem;
    height: 5rem;
  }
  .navbar .container .navbar-links .search-wrapper .search-trigger img {
    width: 2rem;
  }
  .navbar .container .navbar-links .search-wrapper .search-box {
    width: 100%;
    position: fixed;
    top: 14rem;
    right: auto;
    left: 50%;
    transform: translate(-50%);
    border: none;
    padding: 1rem 3.5rem;
    background: #f9f9f9;
  }
  .navbar .container .navbar-links .search-wrapper .search-box .search-form {
    gap: 4rem;
  }
  .navbar
    .container
    .navbar-links
    .search-wrapper
    .search-box
    .search-form
    .search-btn {
    width: 5rem;
    height: 5rem;
  }
  .navbar
    .container
    .navbar-links
    .search-wrapper
    .search-box
    .search-form
    .search-btn
    img {
    width: 2rem;
  }
  .navbar .container .navbar-links .link-outline {
    display: none;
  }
  .navbar .container .hamb-btn {
    display: flex;
  }
}
.hamb-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  background: #fff;
  color: #231f20;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-2rem);
  transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),
    transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),
    visibility 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamb-menu.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.hamb-menu .hamb-menu-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0;
  min-height: 100%;
  padding: 15rem 4rem 8rem;
}
.hamb-menu .hamb-link {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  color: #7d7d7d;
  font-family: Geist, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
  padding: 1.4rem 0;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamb-menu .hamb-link:hover {
  color: #f46720;
}
.hamb-menu .hamb-link.lvl-2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  color: #f46720;
  font-size: 2rem;
  font-weight: 600;
  width: 100%;
  cursor: pointer;
  text-transform: none;
}
.hamb-menu .hamb-link.lvl-3 {
  padding: 1.6rem 0;
  color: #4a4a4a;
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.hamb-menu > .hamb-menu-inner > .hamb-accordion,
.hamb-menu > .hamb-menu-inner > .hamb-link {
  border-top: 1px solid #e6e6e6;
}
.hamb-menu > .hamb-menu-inner > .hamb-accordion:first-child,
.hamb-menu > .hamb-menu-inner > .hamb-link:first-child {
  border-top: none;
}
.hamb-menu > .hamb-menu-inner > .hamb-link.lvl-1 {
  color: #231f20;
  font-size: 2.8rem;
  font-weight: 400;
  text-transform: none;
  padding: 2.4rem 0;
}
.hamb-accordion {
  width: 100%;
}
.hamb-accordion .hamb-accordion-trigger {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  width: 100%;
  text-align: left;
  background: none;
  cursor: pointer;
}
.hamb-accordion .hamb-accordion-trigger .hamb-accordion-title {
  font-family: Geist, sans-serif;
  line-height: 1.1;
}
.hamb-accordion .hamb-accordion-trigger .hamb-accordion-icon {
  position: relative;
  flex: 0 0 auto;
  width: 1.6rem;
  height: 1.6rem;
}
.hamb-accordion .hamb-accordion-trigger .hamb-accordion-icon:before,
.hamb-accordion .hamb-accordion-trigger .hamb-accordion-icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: currentColor;
  transform: translate(-50%, -50%);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamb-accordion .hamb-accordion-trigger .hamb-accordion-icon:before {
  width: 100%;
  height: 1.5px;
}
.hamb-accordion .hamb-accordion-trigger .hamb-accordion-icon:after {
  width: 1.5px;
  height: 100%;
}
.hamb-accordion .hamb-accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s cubic-bezier(0.3, 1, 0.3, 1);
}
.hamb-accordion .hamb-accordion-content .hamb-accordion-content-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0;
  padding-top: 0.5rem;
}
.hamb-accordion.active > .hamb-accordion-trigger .hamb-accordion-icon:after {
  transform: translate(-50%, -50%) scaleY(0);
}
.hamb-accordion.lvl-1 > .hamb-accordion-trigger {
  padding: 2.4rem 0;
}
.hamb-accordion.lvl-1 > .hamb-accordion-trigger .hamb-accordion-title {
  color: #231f20;
  font-size: 2.8rem;
  font-weight: 400;
}
.hamb-accordion.lvl-1 > .hamb-accordion-trigger .hamb-accordion-icon {
  width: 2rem;
  height: 2rem;
}
.hamb-accordion.lvl-2 > .hamb-accordion-trigger {
  padding: 1.8rem 0;
}
.hamb-accordion.lvl-2 > .hamb-accordion-trigger .hamb-accordion-title {
  color: #f46720;
  font-size: 2rem;
  font-weight: 600;
}
.hamb-accordion.lvl-2 > .hamb-accordion-trigger .hamb-accordion-icon {
  color: #f46720;
}
.hamb-accordion.lvl-3 {
  border-top: 1px solid #ececec;
}
.hamb-accordion.lvl-3 > .hamb-accordion-trigger {
  padding: 1.6rem 0;
}
.hamb-accordion.lvl-3 > .hamb-accordion-trigger .hamb-accordion-title {
  color: #4a4a4a;
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.hamb-accordion.lvl-3 > .hamb-accordion-trigger .hamb-accordion-icon {
  width: 1.3rem;
  height: 1.3rem;
  color: #4a4a4a;
}
.hamb-accordion.lvl-3 .hamb-link {
  padding: 0.8rem 0;
  font-size: 1.4rem;
}
.hamb-accordion.lvl-3 .hamb-accordion-content .hamb-accordion-content-inner {
  padding-bottom: 1.2rem;
}
.hamb-accordion.lvl-4 > .hamb-accordion-trigger {
  padding: 0.8rem 0;
}
.hamb-accordion.lvl-4 > .hamb-accordion-trigger .hamb-accordion-title {
  color: #7d7d7d;
  font-family: Geist, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
}
.hamb-accordion.lvl-4 > .hamb-accordion-trigger .hamb-accordion-icon {
  width: 1.1rem;
  height: 1.1rem;
  color: #7d7d7d;
}
.hamb-accordion.lvl-4 .hamb-link {
  padding: 0.6rem 0 0.6rem 1.2rem;
  font-size: 1.3rem;
}
.hamb-accordion.lvl-4 .hamb-accordion-content .hamb-accordion-content-inner {
  padding-bottom: 0.8rem;
}
.banner .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  padding: 12.5rem 0;
  color: #fff;
}
.banner .container.content-bottom {
  justify-content: flex-end;
}
.banner .container .cap-icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 2;
  width: 8rem;
  height: 8rem;
}
.banner .container .content-box {
  max-width: 80%;
  width: 100%;
}
.banner .container .content-box p {
  max-width: 45%;
}
.divisions {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 8rem;
  padding: 10rem 0 2.5rem;
}
.divisions .divisions-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  padding: 0 7.5%;
}
.divisions .divisions-header .header-box:nth-child(1) {
  flex: 0 0 30%;
  max-width: 30%;
  width: 100%;
  height: auto;
  padding-top: 2.5rem;
}
.divisions .divisions-header .header-box:nth-child(2) {
  flex: 0 0 70%;
  max-width: 70%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2.5rem;
}
.divisions .divisions-header .header-box:nth-child(2) .header-btns {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.divisions .embla {
  overflow: visible;
}
.divisions .embla .embla__container .embla__slide {
  position: relative;
  height: 61rem;
  flex: 0 0 57.5rem;
  width: 57.5rem;
  margin-right: 2.5rem;
}
.divisions .embla .embla__container .embla__slide .slide-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  position: relative;
  z-index: 3;
  padding: 2.5rem;
}
.divisions .embla .slider-controls {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
  width: 85%;
  justify-content: space-between;
}
.divisions .embla .slider-controls .slider-next,
.divisions .embla .slider-controls .slider-prev {
  background: #f46720;
  width: 6.5rem;
  height: 6.5rem;
  border-color: #f46720;
}
.divisions .embla .slider-controls .slider-next svg,
.divisions .embla .slider-controls .slider-prev svg {
  width: 1.5rem;
  height: 1.5rem;
}
.divisions .embla .slider-controls .slider-next svg path,
.divisions .embla .slider-controls .slider-prev svg path {
  color: #fff;
  fill: #fff;
  stroke: #fff;
}
.why {
  position: relative;
  background: #231f20;
}
.why .why-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}
.why .why-panel .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0;
  padding: var(--padding);
  color: #fff;
}
.why .why-panel .container .content-box {
  flex: 0 0 37.5%;
  max-width: 37.5%;
  width: 100%;
  height: auto;
}
.why .why-panel .container .why-box {
  flex: 0 0 50%;
  max-width: 50%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4rem;
  background: #231f20;
  padding: 3rem 4rem 4rem;
}
.why .why-panel .container .why-box .box-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}
.why .why-panel .container .why-box .box-top h5 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.why .why-panel .container .why-box .box-top h5 img {
  width: 1.75rem;
  height: auto;
}
.why
  .why-panel
  .container
  .why-box
  .box-top
  .slider-controls
  .slider-next:hover
  svg
  path,
.why
  .why-panel
  .container
  .why-box
  .box-top
  .slider-controls
  .slider-prev:hover
  svg
  path {
  stroke: #f46720;
}
.why .why-panel .container .why-box p {
  font-weight: 500;
  line-height: 1.5;
}
.expertise {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10rem;
  padding: 10rem 0 5rem;
}
.expertise .header {
  max-width: 85%;
  margin: 0 auto;
}
.expertise .embla .embla__container .embla__slide {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  flex: 0 0 62.5rem;
  width: 62.5rem;
  margin-right: 2.5rem;
  background: #f46720;
  color: #fff;
}
.expertise .embla .embla__container .embla__slide .slide-figure img {
  height: 22.5rem;
}
.expertise .embla .embla__container .embla__slide .content-box {
  padding: 4rem;
  flex: 1;
}
.expertise .embla .embla__container .embla__slide .content-box .paragraph-lg {
  font-weight: 500;
  opacity: 0.5;
}
.expertise .embla .embla__container .embla__slide .content-box .btns {
  margin-top: auto;
}
.stats .container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0rem;
  padding: var(--padding);
}
.stats .container .tag {
  display: none;
}
.stats .container .stats-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.75rem;
}
.stats .container .stats-box .icon {
  height: 8.5rem;
  margin-bottom: 2rem;
}
.stats .container .stats-box p {
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .banner .container {
    padding: 20rem 0 10rem;
  }
  .banner .container .content-box {
    max-width: 100%;
  }
  .banner .container .content-box p {
    max-width: 70%;
  }
  .divisions .divisions-header {
    gap: 2.5rem;
  }
  .divisions .divisions-header .header-box:nth-child(1),
  .divisions .divisions-header .header-box:nth-child(2) {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .divisions .embla .embla__container .embla__slide {
    flex: 0 0 45rem;
    width: 45rem;
    height: 55rem;
  }
  .expertise {
    gap: 7.5rem;
  }
  .expertise .embla .embla__container .embla__slide {
    flex: 0 0 45rem;
    width: 45rem;
  }
  .why .why-panel .container .content-box {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .why .why-panel .container .content-box br {
    display: none;
  }
}
@media only screen and (max-width: 482px) {
  .banner .container {
    min-height: auto;
    gap: 2.5rem;
    padding: 30rem 0 10rem;
  }
  .banner .container .cap-icon,
  .banner .container .content-box br {
    display: none;
  }
  .banner .container .content-box p {
    max-width: 100%;
  }
  .divisions {
    padding: 5rem 0 2.5rem;
  }
  .divisions .embla.no-slider-init .embla__container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2.5rem;
    max-width: 85%;
    margin: 0 auto;
  }
  .divisions .embla.no-slider-init .embla__container .embla__slide {
    flex: 0 0 100%;
    width: 100%;
    min-height: 55rem;
    margin-right: 0;
  }
  .divisions
    .embla.no-slider-init
    .embla__container
    .embla__slide
    .slide-content {
    position: absolute;
  }
  .divisions .embla.no-slider-init .slider-controls {
    display: none;
  }
  .expertise {
    gap: 5rem;
    padding: 7.5rem 0 5rem;
  }
  .expertise .embla .embla__container {
    align-items: flex-start;
  }
  .expertise .embla .embla__container .embla__slide {
    flex: 0 0 85%;
    width: 85%;
  }
  .expertise .embla .embla__container .embla__slide .content-box .btns {
    margin-top: 2rem;
  }
  .stats .container {
    grid-template-columns: repeat(1, 1fr);
    gap: 5rem;
  }
  .stats .container .tag {
    display: flex;
    margin-bottom: 2.5rem;
  }
  .stats .container .stats-box {
    padding-bottom: 5rem;
  }
  .stats .container .stats-box:not(:last-child) {
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);
  }
  .why .embla .embla__container {
    align-items: flex-start;
  }
  .why .why-panel {
    height: auto;
  }
  .why .why-panel .container {
    gap: 5rem;
  }
  .why .why-panel .container .content-box,
  .why .why-panel .container .why-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.team .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10rem;
  padding: var(--padding);
}
.team .container .section-top {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 3rem;
}
.team .container .team-panel {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 25rem;
}
.team .container .team-panel .team-figure {
  width: 25rem;
  height: 35rem;
}
.team .container .team-panel .team-figure img {
  height: 100%;
  display: none;
}
.team .container .team-panel .team-figure img:first-child {
  display: block;
}
.team .container .team-panel .team-list {
  flex: 0 0 47.5%;
  max-width: 47.5%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
}
.team .container .team-panel .team-list .team-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  padding: 2.5rem 0;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.team .container .team-panel .team-list .team-item img {
  width: 100%;
  height: 41rem;
  object-position: top;
  margin-bottom: 2.5rem;
  display: none;
}
.team .container .team-panel .team-list .team-item:first-child {
  border-top: 0.5px solid rgba(0, 0, 0, 0.5);
}
.team .container .team-panel .team-list .team-item:hover {
  color: #f46720;
}
.team
  .container
  .team-panel:has(.team-list .team-item:nth-child(1):hover)
  .team-figure
  img {
  display: none;
}
.team
  .container
  .team-panel:has(.team-list .team-item:nth-child(1):hover)
  .team-figure
  img:nth-child(1) {
  display: block;
}
.team
  .container
  .team-panel:has(.team-list .team-item:nth-child(2):hover)
  .team-figure
  img {
  display: none;
}
.team
  .container
  .team-panel:has(.team-list .team-item:nth-child(2):hover)
  .team-figure
  img:nth-child(2) {
  display: block;
}
.team
  .container
  .team-panel:has(.team-list .team-item:nth-child(3):hover)
  .team-figure
  img {
  display: none;
}
.team
  .container
  .team-panel:has(.team-list .team-item:nth-child(3):hover)
  .team-figure
  img:nth-child(3) {
  display: block;
}
.team
  .container
  .team-panel:has(.team-list .team-item:nth-child(4):hover)
  .team-figure
  img {
  display: none;
}
.team
  .container
  .team-panel:has(.team-list .team-item:nth-child(4):hover)
  .team-figure
  img:nth-child(4) {
  display: block;
}
.team
  .container
  .team-panel:has(.team-list .team-item:nth-child(5):hover)
  .team-figure
  img {
  display: none;
}
.team
  .container
  .team-panel:has(.team-list .team-item:nth-child(5):hover)
  .team-figure
  img:nth-child(5) {
  display: block;
}
.team
  .container
  .team-panel:has(.team-list .team-item:nth-child(6):hover)
  .team-figure
  img {
  display: none;
}
.team
  .container
  .team-panel:has(.team-list .team-item:nth-child(6):hover)
  .team-figure
  img:nth-child(6) {
  display: block;
}
.team
  .container
  .team-panel:has(.team-list .team-item:nth-child(7):hover)
  .team-figure
  img {
  display: none;
}
.team
  .container
  .team-panel:has(.team-list .team-item:nth-child(7):hover)
  .team-figure
  img:nth-child(7) {
  display: block;
}
.team
  .container
  .team-panel:has(.team-list .team-item:nth-child(8):hover)
  .team-figure
  img {
  display: none;
}
.team
  .container
  .team-panel:has(.team-list .team-item:nth-child(8):hover)
  .team-figure
  img:nth-child(8) {
  display: block;
}
@media only screen and (max-width: 1024px) {
  .team .container .team-panel {
    gap: 10rem;
  }
}
@media only screen and (max-width: 482px) {
  .team .container {
    gap: 7.5rem;
  }
  .team .container .team-panel {
    gap: 5rem;
  }
  .team .container .team-panel .team-list {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .team .container .team-panel .team-list .team-item {
    gap: 1rem;
  }
  .team .container .team-panel .team-list .team-item h5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .team .container .team-panel .team-list .team-item h5:nth-child(2) {
    font-size: 1.7rem;
    font-weight: 400;
  }
  .team .container .team-panel .team-list .team-item:first-child img,
  .team .container .team-panel .team-list .team-item:hover img {
    display: block;
  }
  .team .container .team-panel .team-list:has(.team-item:hover) .team-item img {
    display: none;
  }
  .team
    .container
    .team-panel
    .team-list:has(.team-item:hover)
    .team-item:hover
    img {
    display: block;
  }
  .team .container .team-panel .team-figure {
    display: none;
  }
}
.touch .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 15rem;
  padding: 7.5rem 0 15rem;
}
.touch .container .tag {
  margin-bottom: -10rem;
}
.touch .container h3,
.touch .container h4 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 1.5rem;
}
.touch .container h3 img,
.touch .container h4 img {
  width: auto;
  height: 2.5rem;
  margin-top: 0.25rem;
}
.touch .container .touch-panel {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20rem;
}
.touch .container .touch-panel .content-box > p {
  max-width: 80%;
}
.touch .container .touch-panel .form-wrapper form textarea,
.touch .container .touch-panel .form-wrapper form .checklists {
  grid-column: 1/-1;
}
.touch .container .touch-panel .form-wrapper form .checklists {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
}
.touch .container .touch-panel .form-wrapper form .btn {
  max-width: max-content;
}
.touch .container .touch-panel:last-child {
  border-top: 0.5px solid currentColor;
  padding-top: 7.5rem;
  margin-top: -10rem;
}
@media only screen and (max-width: 1024px) {
  .touch .container {
    padding: 20rem 0 15rem;
    gap: 10rem;
  }
  .touch .container .tag {
    margin-bottom: -5rem;
  }
  .touch .container .touch-panel {
    gap: 15rem;
  }
  .touch .container .touch-panel .content-box p {
    max-width: 100%;
  }
  .touch .container .touch-panel:last-child {
    margin-top: -5rem;
  }
}
@media only screen and (max-width: 482px) {
  .touch .container {
    padding: 17.5rem 0 10rem;
  }
  .touch .container .touch-panel {
    grid-template-columns: repeat(1, 1fr);
    gap: 7.5rem;
  }
}
.news-section .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10rem;
  padding: var(--padding);
}
.news-section .container .content-box .btns-wrapper {
  margin-top: 2.5rem;
}
.news-section .container .news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0rem;
  row-gap: 6.25rem;
  column-gap: 2.4rem;
}
.news-section .container .news-grid .news-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 5.5rem;
  padding-bottom: 6.25rem;
  border-bottom: 1px solid currentColor;
  display: none;
}
.news-section .container .news-grid .news-card .card-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4rem;
}
.news-section .container .news-grid .news-card .card-top img {
  width: 13rem;
  height: 13rem;
}
.news-section .container .news-grid .news-card .card-top .card-content {
  gap: 1.5rem;
}
.news-section .container .news-grid .news-card .card-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.4rem;
  flex: 1;
}
.news-section .container .news-grid .news-card.active {
  display: flex;
}
.news-section .container .load-more {
  margin-top: -5rem;
}
.news-content-one .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  padding: var(--padding);
}
.news-content-one .container .content-box {
  flex: 0 0 45%;
  max-width: 45%;
  width: 100%;
  height: auto;
}
.news-content-one .container .content-box:nth-child(2) {
  margin-top: 15rem;
}
.news-bottom {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 3rem;
  padding-top: 5rem;
  border-top: 0.5px solid currentColor;
  text-transform: uppercase;
}
.news-bottom .btns {
  margin-top: 0;
  gap: 1rem;
}
.news-content-two {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  padding: 0 0 10rem;
}
.news-content-two .content-figure {
  flex: 0 0 55%;
  max-width: 55%;
  width: 100%;
  height: auto;
}
.news-content-two > .content-box {
  flex: 0 0 45%;
  max-width: 45%;
  width: 100%;
  height: auto;
  gap: 6rem;
  padding-right: 15rem;
  margin-top: 25rem;
}
.news-content-two > .content-box .news-bottom {
  margin-top: 5rem;
}
.news-content-three .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 15rem;
  padding: 2.5rem 0 12.5rem;
}
.news-content-three .container .content-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 15rem;
}
.news-content-three .container .content-list .list-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 28rem;
}
.news-content-three .container .content-list .list-item figure {
  flex: 0 0 30%;
  max-width: 30%;
  width: 100%;
  height: auto;
}
.news-content-three .container .content-list .list-item figure img {
  height: 100%;
}
.news-content-three .container .content-list .list-item .content-box {
  flex: 0 0 30%;
  max-width: 30%;
  width: 100%;
  height: auto;
  padding-bottom: 7.5rem;
  border-bottom: 0.5px solid currentColor;
}
.news-content-three .container .content-list .list-item:nth-child(odd) {
  flex-direction: row-reverse;
}
.news-content-three .container .news-box {
  align-self: flex-end;
  max-width: 70%;
}
.news-content-three .container .news-box .news-bottom {
  margin-top: 5rem;
}
.news-content-four .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 6rem;
  padding: 2.5rem 15rem 12.5rem;
}
.news-content-four .container .content-box:not(:first-child) {
  border-top: 0.5px solid currentColor;
  padding-top: 6rem;
}
@media only screen and (max-width: 1024px) {
  .news-section .container .news-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .news-content-one .container .content-box br {
    display: none;
  }
  .news-content-two {
    gap: 5rem;
  }
  .news-content-two .content-box,
  .news-content-two .content-figure {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .news-content-two > .content-box {
    max-width: 85%;
    padding: 0;
    margin: 0 auto;
  }
  .news-content-two > .content-box .news-bottom {
    margin-top: 0;
  }
  .news-content-three .container,
  .news-content-three .container .content-list {
    gap: 10rem;
  }
  .news-content-three .container .content-list .list-item {
    gap: 7.5rem;
  }
  .news-content-three .container .content-list .list-item .content-box {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .news-content-three .container .content-list .list-item .content-figure {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .news-content-three .container .news-box {
    max-width: 100%;
  }
  .news-content-three .container .news-box .news-bottom {
    margin-top: 2.5rem;
  }
}
@media only screen and (max-width: 482px) {
  .news-section .container {
    gap: 7.5rem;
  }
  .news-section .container .content-box .btns-wrapper {
    margin-top: 0;
    border: none;
    padding: 0;
  }
  .news-section .container .news-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .news-section .container .news-grid .news-card {
    gap: 2rem;
  }
  .news-section .container .load-more {
    margin-top: -2.5rem;
  }
  .news-content-one .container {
    gap: 2.5rem;
  }
  .news-content-one .container .content-box {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 0 !important;
  }
  .news-content-three .container {
    gap: 5rem;
  }
  .news-content-three .container .content-list {
    gap: 6.5rem;
  }
  .news-content-three .container .content-list .list-item {
    flex-wrap: wrap-reverse;
    gap: 5rem;
  }
  .news-content-three .container .content-list .list-item .content-figure,
  .news-content-three .container .content-list .list-item .content-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .news-content-three .container .content-list .list-item .content-box {
    padding-bottom: 5rem;
  }
  .news-content-three .container .content-list .list-item:nth-child(odd) {
    flex-direction: row;
  }
  .news-content-four .container {
    margin-top: -5rem;
    padding: 0 0 10rem;
    gap: 5rem;
  }
  .news-content-four .container .content-box {
    padding-top: 5rem;
  }
}
.case-study .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 7.5rem;
  padding: var(--padding);
}
.case-study .container .case-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0;
}
.case-study .container .case-panel figure {
  flex: 0 0 40%;
  max-width: 40%;
  width: 100%;
  height: auto;
}
.case-study .container .case-panel figure img {
  height: 100%;
}
.case-study .container .case-panel .content-box {
  flex: 0 0 50%;
  max-width: 50%;
  width: 100%;
  height: auto;
}
.case-study .container .case-panel .content-box h3 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.case-study .container .case-panel .content-box h3 img {
  width: 1.9rem;
  height: auto;
}
.case-study .container .case-details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0;
  border-top: 0.5px solid currentColor;
}
.case-study .container .case-details .case-detail-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 3rem;
  border-bottom: 0.5px solid currentColor;
  padding: 8.75rem 0;
}
.case-study .container .case-details .case-detail-box h4 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.case-study .container .case-details .case-detail-box h4 img {
  width: 2.2rem;
  height: auto;
}
.case-study .container .case-details .case-detail-box:nth-child(1) {
  flex: 0 0 42.5%;
  max-width: 42.5%;
  width: 100%;
  height: auto;
}
.case-study .container .case-details .case-detail-box:nth-child(2) {
  flex: 0 0 50%;
  max-width: 50%;
  width: 100%;
  height: auto;
}
.project-gallery .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 3rem;
  padding: var(--padding);
}
.project-gallery .container .header {
  justify-content: flex-start;
}
.project-gallery .container .slider-handler {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 0;
  margin-top: 5rem;
}
.project-gallery .container .slider-handler .slider-controls {
  width: 23.5%;
}
.project-gallery .container .slider-handler .slider-controls .slider-prev {
  transform: rotate(-90deg);
}
.project-gallery .container .slider-handler .slider-controls .slider-next {
  transform: rotate(90deg);
}
.project-gallery .container .slider-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0;
}
.project-gallery .container .slider-wrapper .slider-preview {
  flex: 0 0 84.5%;
  max-width: 84.5%;
  width: 100%;
  height: auto;
}
.project-gallery .container .slider-wrapper .slider-preview img {
  height: 80rem;
}
.project-gallery .container .slider-wrapper .embla {
  max-width: 14%;
}
.project-gallery .container .slider-wrapper .embla .embla__container {
  flex-direction: column;
  height: 75rem;
}
.project-gallery
  .container
  .slider-wrapper
  .embla
  .embla__container
  .embla__slide {
  max-height: 14rem;
  margin-bottom: 2.4rem;
}
.project-gallery
  .container
  .slider-wrapper
  .embla
  .embla__container
  .embla__slide
  img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  .case-study .container .case-panel {
    gap: 5rem;
  }
  .case-study .container .case-panel figure {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .case-study .container .case-panel .content-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 482px) {
  .case-study .container {
    gap: 5rem;
  }
  .case-study .container .case-details .case-detail-box {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding: 5rem 0 !important;
  }
  .project-gallery .container .slider-handler {
    margin-top: 0;
    order: 3;
    align-items: center;
  }
  .project-gallery .container .slider-handler .slider-controls .slider-next {
    transform: rotate(0) !important;
  }
  .project-gallery .container .slider-handler .slider-controls .slider-prev {
    transform: rotate(180deg);
  }
  .project-gallery .container .slider-wrapper .embla {
    display: none;
  }
  .project-gallery .container .slider-wrapper .slider-preview {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .project-gallery .container .slider-wrapper .slider-preview img {
    height: auto;
  }
}
.page-wrapper:has(.product-details) {
  overflow: visible;
}
.products .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12.5rem;
  padding: var(--padding-sm);
}
.products .container .section-header {
  position: relative;
  z-index: 5;
  align-items: stretch;
}
.products .container .section-header .header-box:has(.cap-icon) {
  justify-content: center;
}
.products .container .section-header .header-box .cap-icon {
  align-self: flex-end;
  width: 8rem;
  height: 8rem;
}
.products .container .products-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0rem;
  row-gap: 7.5rem;
  column-gap: 10rem;
}
.products .container .products-grid .product-card {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0;
}
.products .container .products-grid .product-card .product-figure {
  flex: 0 0 35%;
  max-width: 35%;
  width: 100%;
  height: auto;
}
.products .container .products-grid .product-card .product-figure img {
  height: 100%;
}
.products .container .products-grid .product-card .card-content {
  flex: 0 0 60%;
  max-width: 60%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
}
.products .container .products-grid .product-card .card-content h3 {
  font-weight: 600;
}
.products .container .pagination {
  margin-top: -7.5rem;
}
.resources .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10rem;
  padding: var(--padding-sm);
}
.resources .container .resources-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5rem;
}
.resources .container .resources-grid .resource-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4rem;
  border: 1px solid #ffffff;
  padding: 4rem 3rem;
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.resources .container .resources-grid .resource-card .btns {
  margin-top: auto;
}
.resources .container .resources-grid .resource-card:hover {
  background: #fff;
  color: #231f20;
}
.resources .container .resources-grid .resource-card:hover .btns .btn .btn-box,
.resources
  .container
  .resources-grid
  .resource-card:hover
  .btns
  .btn
  .icon-box {
  border: 1px solid currentColor;
}
.resources .container .btns {
  margin-top: -5rem;
}
.product-details {
  overflow: visible;
}
.product-details .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  padding: var(--padding);
  overflow: visible;
}
.product-details .container .slider-wrapper {
  flex: 0 0 40%;
  max-width: 40%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0;
  position: sticky;
  top: 15rem;
}
.product-details .container .slider-wrapper .slider-tabs {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1.8rem;
  max-width: 17.5%;
  width: 100%;
}
.product-details .container .slider-wrapper .slider-tabs .slider-tab {
  width: 100%;
}
.product-details .container .slider-wrapper .slider-tabs .slider-tab img {
  width: 100%;
  height: 10.75rem;
}
.product-details .container .slider-wrapper .embla {
  max-width: 80%;
}
.product-details
  .container
  .slider-wrapper
  .embla
  .embla__container
  .embla__slide
  img {
  width: 100%;
  height: 50rem;
}
.product-details .container .product-content {
  flex: 0 0 50%;
  max-width: 50%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4rem;
}
.product-details .container .product-content > .content-box {
  border-top: 0.5px solid currentColor;
  padding-top: 3.5rem;
}
.product-details .container .product-content > .content-box h6 a:hover {
  color: #f46720;
}
.product-details .container .product-content > .content-box .year-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2.4rem;
}
.product-details .container .product-content > .content-box .year-bar img {
  width: 10.5rem;
}
.product-details
  .container
  .product-content
  > .content-box
  .year-bar
  .bar-content {
  flex: 1;
}
.product-details .container .product-content > .content-box:has(.year-bar) {
  margin-top: 4rem;
  padding: 3.5rem 0;
  border-bottom: 0.5px solid currentColor;
}
.product-details .container .product-content .tab-panel {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4rem;
  margin-top: 7.5rem;
}
.product-details
  .container
  .product-content
  .tab-panel
  .content-box
  .btns-wrapper,
.product-details .container .product-content .tab-panel .tab-content {
  margin-top: 2.5rem;
}
.product-details
  .container
  .product-content
  .tab-panel
  .tab-content
  .tab-content-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
}
.product-details
  .container
  .product-content
  .tab-panel
  .tab-content
  .tab-content-list
  .list-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  padding: 2.5rem 0;
  border-bottom: 0.5px solid currentColor;
}
.product-details
  .container
  .product-content
  .tab-panel
  .tab-content
  .tab-content-list.data-list
  .list-item
  h6 {
  max-width: 27.5%;
  width: 100%;
}
.product-details
  .container
  .product-content
  .tab-panel
  .tab-content
  .tab-content-list.data-list
  .list-item
  p {
  max-width: 70%;
  width: 100%;
}
.product-details
  .container
  .product-content
  .tab-panel
  .tab-content
  .tab-content-list
  a:hover {
  color: #f46720;
}
.product-details
  .container
  .product-content
  .tab-panel
  .tab-content
  .tab-content-list
  a:hover
  h6 {
  text-decoration: 1px solid underline;
  text-underline-offset: 2px;
}
.product-details
  .container
  .product-content
  .tab-panel
  .tab-content
  .video-wrapper {
  max-width: 100%;
}
.product-details
  .container
  .product-content
  .tab-panel
  .tab-content
  .video-wrapper
  iframe {
  width: 100%;
  height: 50rem;
}
.full-image-section figure iframe,
.full-image-section figure video,
.full-image-section figure img {
  width: 100%;
  min-height: calc(var(--vh, 1vh) * 100);
}
.local .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 10rem;
  padding: var(--padding);
  color: #fff;
}
.local .container .content-box {
  max-width: 50%;
}
@media only screen and (max-width: 1024px) {
  .products .container {
    gap: 7.5rem;
  }
  .products .container .section-header {
    position: relative;
  }
  .products .container .section-header .header-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .products .container .section-header .header-box:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
  }
  .products .container .products-grid {
    grid-template-columns: 1fr;
    row-gap: 5rem;
  }
  .products .container .pagination,
  .products .container .btns {
    margin-top: -2.5rem;
  }
  .resources .container {
    gap: 7.5rem;
  }
  .resources .container .resources-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .resources .container .btns {
    margin-top: -2.5rem;
  }
  .full-image-section figure iframe,
  .full-image-section figure video,
  .full-image-section figure img {
    min-height: auto;
  }
  .product-details
    .container
    .product-content
    .tab-panel
    .tab-content
    .video-wrapper
    iframe {
    height: 30rem;
  }
}
@media only screen and (max-width: 482px) {
  .page-wrapper:has(.product-details) {
    overflow: hidden;
  }
  .products .container .section-header .header-box .btns-wrapper .drop-down {
    flex: 1;
  }
  .products
    .container
    .section-header
    .header-box
    .btns-wrapper
    .drop-down:nth-child(2)
    .drop-down-content {
    right: 0;
    left: auto;
  }
  .products .container .section-header .header-box .btns-wrapper .search-box {
    width: 100%;
  }
  .products
    .container
    .section-header
    .header-box
    .btns-wrapper
    .search-box
    input {
    flex: 1;
    width: 100%;
  }
  .products .container .section-header .header-box .cap-icon {
    width: 3.5rem;
    height: 3.5rem;
  }
  .products .container .products-grid .product-card {
    gap: 2.5rem;
  }
  .products .container .products-grid .product-card .card-content,
  .products .container .products-grid .product-card .product-figure {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .products .container .products-grid .product-card .card-content {
    gap: 3rem;
  }
  .resources .container .resources-grid {
    grid-template-columns: 1fr;
  }
  .product-details .container {
    gap: 5rem;
  }
  .product-details .container .slider-wrapper {
    position: relative;
    top: auto;
    flex: 0 0 100%;
    max-width: 100%;
    gap: 1rem;
  }
  .product-details .container .slider-wrapper .embla {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .product-details
    .container
    .slider-wrapper
    .embla
    .embla__container
    .embla__slide
    img {
    height: 30rem;
  }
  .product-details .container .slider-wrapper .slider-tabs {
    flex: 0 0 100%;
    max-width: 100%;
    order: 2;
    flex-direction: row;
    gap: 1rem;
  }
  .product-details .container .slider-wrapper .slider-tabs .slider-tab {
    width: 9.48rem;
  }
  .product-details .container .slider-wrapper .slider-tabs .slider-tab img {
    height: 9.48rem;
  }
  .product-details .container .product-content {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .product-details .container .product-content .tab-panel {
    gap: 0;
    margin-top: 5rem;
  }
  .product-details
    .container
    .product-content
    .tab-panel
    .tab-content
    .video-wrapper
    iframe {
    height: 25rem;
  }
  .local .container .content-box {
    max-width: 100%;
  }
  .local .container .content-box br {
    display: none;
  }
}
.login .container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
  padding: var(--padding-md);
  color: #fff;
}
.login .container .content-box > p {
  max-width: 85%;
}
.login .container .content-box .box {
  margin-top: 2rem;
}
.login .container .form-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 3.5rem;
}
.account .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 7.5rem;
  padding: 12.5rem 0 15rem;
}
.account .container .tab-content,
.account .container .content-box {
  display: none;
}
.account .container .tab-content.active,
.account .container .content-box.active {
  display: flex;
}
.account .container .account-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
}
.account .container .account-panel .left-panel {
  flex: 0 0 40%;
  max-width: 40%;
  width: 100%;
  height: auto;
}
.account .container .account-panel .left-panel .content-box p {
  max-width: 80%;
}
.account .container .account-panel .left-panel .content-box .tabs-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.4rem;
}
.account .container .account-panel .left-panel .content-box .tabs-list button {
  opacity: 0.2;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  text-align: left;
}
.account
  .container
  .account-panel
  .left-panel
  .content-box
  .tabs-list
  button:hover,
.account
  .container
  .account-panel
  .left-panel
  .content-box
  .tabs-list
  button.active {
  opacity: 1;
}
.account .container .account-panel .right-panel {
  flex: 0 0 60%;
  max-width: 60%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 7.5rem;
}
.account .container .account-panel .right-panel:has(.btns-wrapper) {
  margin-top: 6rem;
}
.account
  .container
  .account-panel
  .right-panel
  .content-box:has(.profile-form-wrapper) {
  align-items: flex-end;
}
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .profile-form-wrapper {
  max-width: 77%;
  margin-top: -20rem;
}
.account .container .account-panel .right-panel .content-box .downloads-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.4rem;
}
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .downloads-list
  .dowload-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4rem;
  border: 1px solid currentColor;
  padding: 4rem;
}
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .downloads-list
  .dowload-item
  p {
  font-weight: 600;
}
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .downloads-list
  .dowload-item
  .item-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 5rem;
}
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .downloads-list
  .dowload-item
  .item-bar
  > h5 {
  flex: 1;
}
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .downloads-list
  .dowload-item
  .item-bar
  a {
  color: #f46720;
}
.account .container .account-panel .right-panel .content-box .training-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.4rem;
}
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .training-list
  .training-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0;
  border: 1px solid currentColor;
}
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .training-list
  .training-item
  .medium {
  font-weight: 600;
}
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .training-list
  .training-item
  .item-details {
  flex: 0 0 35%;
  max-width: 35%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4rem;
  padding: 4rem;
  border-right: 1px solid currentColor;
}
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .training-list
  .training-item
  .item-details
  img {
  width: 100%;
  height: 25rem;
  margin-top: -2rem;
}
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .training-list
  .training-item
  .item-content {
  flex: 0 0 65%;
  max-width: 65%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4rem;
  padding: 4rem;
}
.account
  .container
  .account-panel
  .right-panel
  .content-box
  .training-list
  .training-item
  .item-content
  .item-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.4rem;
}
@media only screen and (max-width: 1024px) {
  .account .container .account-panel {
    gap: 5rem;
  }
  .account .container .account-panel .left-panel,
  .account .container .account-panel .right-panel {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .account .container .account-panel:nth-child(1) .right-panel {
    order: -1;
  }
  .account .container .account-panel .right-panel {
    margin-top: 0 !important;
  }
  .account .container .account-panel .right-panel .btns-wrapper {
    align-self: flex-start;
  }
  .account
    .container
    .account-panel
    .right-panel
    .content-box
    .profile-form-wrapper {
    margin-top: -5rem;
    max-width: 100%;
  }
  .account
    .container
    .account-panel
    .right-panel
    .content-box
    .training-list
    .training-item
    .item-details
    img {
    height: 22rem;
  }
}
@media only screen and (max-width: 482px) {
  .login .container {
    grid-template-columns: repeat(1, 1fr);
    gap: 5rem;
  }
  .login .container .content-box {
    order: 2;
  }
  .account .container {
    padding: 15rem 0 10rem;
  }
  .account .container .account-panel .left-panel .content-box p {
    max-width: 100%;
  }
  .account .container .account-panel .right-panel .btns-wrapper {
    border: none;
    padding: 0;
  }
  .account
    .container
    .account-panel
    .right-panel
    .content-box
    .downloads-list
    .dowload-item {
    gap: 3rem;
  }
  .account
    .container
    .account-panel
    .right-panel
    .content-box
    .downloads-list
    .dowload-item
    .item-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.5rem;
  }
  .account
    .container
    .account-panel
    .right-panel
    .content-box
    .training-list
    .training-item
    .item-details,
  .account
    .container
    .account-panel
    .right-panel
    .content-box
    .training-list
    .training-item
    .item-content {
    flex: 0 0 100%;
    max-width: 100%;
    gap: 2rem;
  }
  .account
    .container
    .account-panel
    .right-panel
    .content-box
    .training-list
    .training-item
    .item-details {
    border-right: 0;
    border-bottom: 1px solid currentColor;
  }
  .account
    .container
    .account-panel
    .right-panel
    .content-box
    .training-list
    .training-item
    .item-details
    img {
    margin-top: 0;
  }
}
.privacy .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 7.5rem;
  padding: var(--padding);
}
.privacy .container .header {
  justify-content: flex-start;
}
.privacy .container .privacy-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 7.5rem;
  padding: 0 28.5rem;
}
.privacy .container .privacy-content .content-box:not(:last-child) {
  padding-bottom: 7.5rem;
  border-bottom: 0.5px solid currentColor;
}
@media only screen and (max-width: 1024px) {
  .privacy .container .privacy-content {
    padding: 0 10rem;
  }
}
@media only screen and (max-width: 482px) {
  .privacy .container {
    gap: 5rem;
    padding: 15rem 0;
  }
  .privacy .container .privacy-content {
    padding: 0;
  }
}
.category-products .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 5rem;
  padding: var(--padding-sm);
}
.category-products .container .section-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  position: relative;
  z-index: 5;
}
.category-products .container .section-top .controls {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.category-products .container .section-top .controls p {
  margin-right: 1rem;
  margin-top: 0.15rem;
}
.category-products
  .container
  .section-top
  .controls
  .filter-drop
  .link-outline {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.category-products
  .container
  .section-top
  .controls
  .filter-drop
  .link-outline
  .caret {
  width: 0.9rem;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.category-products
  .container
  .section-top
  .controls
  .filter-drop:hover
  .link-outline
  .caret {
  transform: rotate(180deg);
}
.category-products
  .container
  .section-top
  .controls
  .filter-drop
  .drop-down-content {
  left: auto;
  right: 0;
  padding: 0.75rem 0 0;
  background: #fff;
}
.category-products
  .container
  .section-top
  .controls
  .filter-drop
  .filter-panel {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 1.25rem;
  min-width: 18rem;
  padding: 2rem;
  background: #fff;
  border: 1px solid #000000;
  box-shadow: 0 1rem 3rem #0000001f;
}
.category-products
  .container
  .section-top
  .controls
  .filter-drop
  .filter-panel
  .filter-title {
  font-family: Geist, sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.category-products
  .container
  .section-top
  .controls
  .filter-drop
  .filter-panel
  .filter-option {
  cursor: pointer;
}
.category-products
  .container
  .section-top
  .controls
  .filter-drop
  .filter-panel
  .filter-option
  input {
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
  border: 1px solid #000000;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
}
.category-products
  .container
  .section-top
  .controls
  .filter-drop
  .filter-panel
  .filter-option
  input[type="radio"] {
  border-radius: 50%;
}
.category-products
  .container
  .section-top
  .controls
  .filter-drop
  .filter-panel
  .filter-option
  input[type="radio"]:checked:after {
  top: 0.3rem;
  right: 0.3rem;
  bottom: 0.3rem;
  left: 0.3rem;
}
.category-products
  .container
  .section-top
  .controls
  .filter-drop
  .filter-panel
  .filter-option
  input:checked {
  border-color: #f46720;
}
.category-products
  .container
  .section-top
  .controls
  .filter-drop
  .filter-panel
  .filter-option
  input:checked:after {
  content: "";
  position: absolute;
  background: #f46720;
}
.category-products
  .container
  .section-top
  .controls
  .filter-drop
  .filter-panel
  .filter-option
  input[type="radio"]:checked:after {
  border-radius: 50%;
}
.category-products
  .container
  .section-top
  .controls
  .filter-drop
  .filter-panel
  .filter-option
  span {
  font-size: 1.5rem;
  line-height: 1.2;
}
.category-products .container .section-top .controls .filter-drop:nth-child(4) {
  z-index: 1;
}
.category-products .container .section-top .controls .filter-drop:nth-child(2),
.category-products .container .section-top .controls .filter-drop:nth-child(3) {
  z-index: 2;
}
.category-products .container .products-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5rem;
}
.category-products .container .products-grid .product-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 3rem;
}
.category-products .container .products-grid .product-card img {
  height: 26rem;
}
.category-products .container .products-grid .product-card .product-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 5rem;
  flex: 1;
  padding-bottom: 4rem;
  border-bottom: 1px solid currentColor;
}
.category-products .container .products-grid .product-card:hover img {
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 20%);
}
@media only screen and (max-width: 1024px) {
  .category-products .container .products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 482px) {
  .category-products .container .section-top {
    gap: 3.5rem;
  }
  .category-products .container .section-top .controls {
    width: 100%;
    flex-wrap: wrap;
  }
  .category-products .container .section-top .controls .filter-drop {
    flex: 1;
  }
  .category-products
    .container
    .section-top
    .controls
    .filter-drop
    .link-outline {
    width: 100%;
  }
  .category-products .container .products-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-wrapper:has(.stocklist) {
  overflow: visible;
}
.stocklist {
  overflow: visible;
}
.stocklist .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 7.5rem;
  padding: var(--padding);
  overflow: visible;
}
.stocklist .container .stocklist-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 15rem;
}
.stocklist .container .stocklist-header .tag {
  margin-top: 2.5rem;
}
.stocklist .container .stocklist-header .content-box {
  flex: 0 0 32.5%;
  max-width: 32.5%;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 1024px) {
  .stocklist .container .stocklist-header {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 3rem;
  }
  .stocklist .container .stocklist-header .tag {
    margin-top: 0;
  }
  .stocklist .container .stocklist-header .content-box {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    height: auto;
  }
}
.stocklist .container .stocklist-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
}
@media only screen and (max-width: 1024px) {
  .stocklist .container .stocklist-panel {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 3rem;
  }
}
.stocklist .container .stocklist-panel .map-box {
  flex: 0 0 63%;
  max-width: 63%;
  width: 100%;
  height: auto;
  position: sticky;
  top: 15rem;
}
@media only screen and (max-width: 1024px) {
  .stocklist .container .stocklist-panel .map-box {
    flex: 0 0 100%;
    max-width: 100%;
    order: 2;
    position: relative;
    top: auto;
  }
}
.stocklist .container .stocklist-panel .stock-list {
  flex: 0 0 35%;
  max-width: 35%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 2.5rem;
}
@media only screen and (max-width: 1024px) {
  .stocklist .container .stocklist-panel .stock-list {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    height: auto;
    display: contents;
  }
}
.map {
  position: relative;
  height: 80rem;
  overflow: hidden;
  background: #fbfbfb;
  border: 1px solid rgba(35, 31, 32, 0.08);
}
@media only screen and (max-width: 1024px) {
  .map {
    height: 55rem;
  }
}
@media only screen and (max-width: 482px) {
  .map {
    height: 42rem;
  }
}
.map .gm-style,
.map .gm-style * {
  font-family: Geist, sans-serif !important;
}
.map .gmnoprint,
.map .gm-bundled-control {
  margin: 1.5rem !important;
}
.map.is-ready .map-skeleton {
  opacity: 0;
  visibility: hidden;
}
.map .map-error {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 4rem;
  text-align: center;
  color: #231f2099;
  font-size: 1.6rem;
}
.map .map-error code {
  background: #f467201f;
  color: #f46720;
  padding: 0.2rem 0.6rem;
  border-radius: 0.4rem;
  font-family: monospace;
}
.map-skeleton {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: linear-gradient(180deg, #f0efec, #e8e7e3);
  transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
    visibility 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.map-skeleton__pulse {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    100deg,
    transparent 20%,
    rgba(255, 255, 255, 0.6) 50%,
    transparent 80%
  );
  background-size: 200% 100%;
  animation: map-shimmer 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
@keyframes map-shimmer {
  0% {
    background-position: 150% 0;
  }
  to {
    background-position: -150% 0;
  }
}
.stock-list__head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.stock-list__head h5 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.stock-list__head h5 img {
  width: 2.1rem;
  height: auto;
}
@media only screen and (max-width: 1024px) {
  .stock-list__head {
    order: 3;
  }
}
.stock-list__count {
  font-size: 1.3rem;
  font-weight: 500;
  color: #f46720;
  white-space: nowrap;
}
.stock-list__scroll {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media only screen and (max-width: 1024px) {
  .stock-list__scroll {
    order: 4;
  }
}
.stock-list__scroll:has(.stockist-card.active) .stockist-card:not(.active) {
  opacity: 0.2 !important;
}
.stock-list__filters {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding: 2.5rem;
  border: 1px solid #000000;
}
@media only screen and (max-width: 1024px) {
  .stock-list__filters {
    order: 1;
  }
}
.stockist-search {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1rem;
  padding: 0 1.5rem;
  border: 1px solid #000000;
}
.stockist-search .icon {
  width: 1.6rem;
  height: 1.6rem;
  opacity: 0.5;
  flex-shrink: 0;
}
.stockist-search input {
  flex: 1;
  padding: 1.4rem 0;
  border: none;
}
.stockist-search input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.stockist-selects {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
}
.stockist-selects select {
  border: 1px solid #000000;
  padding: 1.35rem 1.5rem;
  cursor: pointer;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOSA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im04LjA3Ni4zNTQtMy44NjEgMy44NkwuMzU0LjM1NCIgc3Ryb2tlPSIjMjMxZjIwIi8+PC9zdmc+)
    no-repeat right 1.5rem center;
  background-size: 1.1rem;
}
.stock-list__actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1rem;
  margin-top: 2rem;
}
.stockist-reset:hover {
  color: #f46720;
}
.stockist-locate {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.7rem;
}
.stockist-locate:after {
  display: none;
}
.stockist-locate svg {
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.stockist-locate:hover {
  color: #f46720;
}
.stockist-locate.is-loading svg {
  animation: locate-spin 0.9s linear infinite;
}
@media only screen and (max-width: 482px) {
  .stockist-selects {
    grid-template-columns: repeat(1, 1fr);
  }
}
@keyframes locate-spin {
  to {
    transform: rotate(360deg);
  }
}
.stockist-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
  position: relative;
  padding: 3rem;
  background: #f46720;
  color: #fff;
  cursor: pointer;
  transition: transform 0.4s cubic-bezier(0.3, 1, 0.3, 1),
    opacity 0.4s cubic-bezier(0.3, 1, 0.3, 1);
  transform: translateY(1.5rem);
  animation: card-in 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  animation-delay: calc(var(--i, 0) * 0.05s);
}
.stockist-card__county {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-weight: 600;
}
.stockist-card__county svg {
  width: 1.3rem;
  height: auto;
}
.stockist-card__name {
  margin-top: 1.5rem;
}
.stockist-card__distance {
  background: #fff;
  color: #f46720;
  padding: 0.5rem 1.5rem;
  position: absolute;
  bottom: 3rem;
  right: 3rem;
}
.stockist-card__web {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.stockist-card .btns {
  margin-top: 2.5rem;
}
.stockist-card.active {
  opacity: 1 !important;
}
@keyframes card-in {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.stockist-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.2rem;
  padding: 5rem 2rem;
  text-align: center;
}
.stockist-empty svg {
  opacity: 0.4;
}
.stockist-empty p {
  font-size: 1.6rem;
}
.stockist-empty-reset {
  margin-top: 0.5rem;
}
.map-info {
  padding: 0.5rem 0.8rem 0.8rem;
  max-width: 26rem;
  font-family: Geist, sans-serif;
}
.map-info__county {
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #f46720;
  margin-bottom: 0.6rem;
}
.map-info__name {
  font-size: 1.6rem;
  font-weight: 600;
  color: #231f20;
  margin-bottom: 0.6rem;
  line-height: 1.25;
}
.map-info__address {
  font-size: 1.3rem;
  line-height: 1.45;
  color: #231f20a6;
  margin-bottom: 0.6rem;
}
.map-info__row {
  display: block;
  font-size: 1.3rem;
  color: #231f20a6;
  margin-bottom: 0.3rem;
}
.map-info__link {
  color: #f46720;
}
.map-info__link:hover {
  text-decoration: underline;
}
.map-info__dir {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  margin-top: 1.2rem;
  padding: 1rem 1.6rem;
  background: #f46720;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.map-info__dir:hover {
  opacity: 0.85;
}
.stocklist .gm-style-iw.gm-style-iw-c {
  padding: 0.8rem !important;
  border-radius: 0 !important;
  box-shadow: 0 1.2rem 3rem #231f2033 !important;
}
.stocklist .gm-style-iw-d {
  overflow: hidden !important;
  margin-top: -4rem;
}
.stocklist button.gm-ui-hover-effect {
  width: 4rem !important;
  height: 4rem !important;
}
.stocklist button.gm-ui-hover-effect span {
  width: 2rem !important;
  height: 2rem !important;
  margin: 1rem !important;
}
.retail .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10rem;
  padding: var(--padding);
}
.retail .container .retail-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
}
.retail .container .retail-panel figure {
  flex: 0 0 40%;
  max-width: 40%;
  width: 100%;
  height: auto;
}
.retail .container .retail-panel figure img {
  height: 26.5rem;
}
.retail .container .retail-panel .content-box {
  flex: 0 0 50%;
  max-width: 50%;
  width: 100%;
  height: auto;
}
.retail .container .retail-panel .content-box ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
}
.retail .container .retail-panel:nth-of-type(2n) {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 1024px) {
  .retail .container .retail-panel figure img {
    height: 18rem;
  }
}
@media only screen and (max-width: 482px) {
  .retail .container {
    gap: 5rem;
  }
  .retail .container .retail-panel {
    flex-direction: row !important;
    gap: 3.5rem;
    flex-wrap: wrap-reverse;
  }
  .retail .container .retail-panel figure,
  .retail .container .retail-panel .content-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.cpd .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10rem;
  padding: var(--padding);
}
.cpd .container .content-box {
  max-width: 50%;
}
.cpd .container .cpd-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
}
.cpd .container .cpd-grid .cpd-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  color: #fff;
}
.cpd .container .cpd-grid .cpd-card figure img {
  height: 27.5rem;
}
.cpd .container .cpd-grid .cpd-card .card-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.5rem;
  padding: 4rem;
  flex: 1;
}
.cpd .container .cpd-grid .cpd-card .card-content p,
.cpd .container .cpd-grid .cpd-card .card-content li {
  font-size: 1.6rem;
}
.cpd .container .cpd-grid .cpd-card .card-content .btns {
  margin-top: auto;
  padding-top: 2.5rem;
}
.cpd .container .cpd-grid .cpd-card.blue-card {
  background: #3d5caa;
}
.cpd .container .cpd-grid .cpd-card.dark-card {
  background: #231f20;
}
.cpd .container .cpd-grid .cpd-card.orange-card {
  background: #f46720;
}
.cpd .container .cpd-grid .cpd-card:hover {
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 10%);
}
.benefits .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10rem;
  padding: var(--padding-sm);
  color: #fff;
}
.benefits .container .header {
  justify-content: flex-start;
  gap: 7.5rem;
}
.benefits .container .header .header-box:nth-child(1) {
  flex: auto;
  max-width: max-content;
}
.benefits .container .benefits-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
}
.benefits .container .benefits-grid h5 {
  padding: 4rem;
  border: 1px solid currentColor;
}
.training .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0;
  padding: var(--padding);
}
.training .container .training-figure,
.training .container .training-content {
  flex: 0 0 40%;
  max-width: 40%;
  width: 100%;
  height: auto;
}
.training .container .training-figure {
  padding-top: 8rem;
}
.training .container .training-figure img {
  height: 100%;
  min-height: 90rem;
}
.training .container .training-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4rem;
}
.training .container .training-content .content-box {
  width: 100%;
  gap: 2rem;
}
.training .container .training-content .content-box li,
.training .container .training-content .content-box p {
  font-size: 1.6rem;
}
.training .container .training-content .content-box:not(:nth-child(2)) {
  border-top: 0.5px solid currentColor;
  padding-top: 4rem;
}
@media only screen and (max-width: 1024px) {
  .cpd .container {
    gap: 7.5rem;
  }
  .cpd .container .content-box {
    max-width: 100%;
  }
  .cpd .container .cpd-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .training .container {
    gap: 7.5rem;
  }
  .training .container .training-content,
  .training .container .training-figure {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .training .container .training-figure {
    padding-top: 0;
  }
  .benefits .container {
    gap: 7.5rem;
  }
}
@media only screen and (max-width: 482px) {
  .cpd .container {
    gap: 5rem;
  }
  .cpd .container .cpd-grid .cpd-card figure img {
    height: 20rem;
  }
  .cpd .container .cpd-grid .cpd-card .card-content {
    padding: 3rem;
  }
  .training .container .training-figure img {
    min-height: 40rem;
  }
  .benefits .container {
    gap: 5rem;
  }
  .benefits .container .benefits-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .benefits .container .benefits-grid h5 {
    padding: 3rem;
  }
}
.overview .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20rem;
  padding: var(--padding);
}
.overview .container .overview-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0;
}
.overview .container .overview-panel figure {
  flex: 0 0 40%;
  max-width: 40%;
  width: 100%;
  height: auto;
}
.overview .container .overview-panel figure img {
  height: 100%;
}
.overview .container .overview-panel .content-box {
  flex: 0 0 50%;
  max-width: 50%;
  width: 100%;
  height: auto;
}
.overview .container .overview-panel:nth-of-type(2n) {
  flex-direction: row-reverse;
}
.brands.normal-layout .section-header .header-box:nth-child(2) {
  padding-top: 5rem;
}
@media only screen and (max-width: 1024px) {
  .overview .container {
    gap: 10rem;
  }
  .overview .container .overview-panel {
    gap: 5rem;
  }
  .overview .container .overview-panel figure,
  .overview .container .overview-panel .content-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 482px) {
  .brands.normal-layout .section-header .header-box {
    display: flex !important;
  }
  .brands.normal-layout .section-header .header-box:nth-child(2) {
    padding-top: 0;
  }
}