/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/style.scss ***!
  \********************************************************************************************************************************************************/
@charset "UTF-8";
/********************
* NORMALIZE & MIXINS *
********************/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box; }

/* User generated  */
.user-content ul {
  list-style: disc;
  margin-left: 24px; }

.user-content ul ul {
  margin-left: 20px;
  margin-bottom: 0; }

.user-content ul li {
  margin-bottom: 0; }

.user-content ol {
  margin-left: 24px;
  list-style: decimal; }

.user-content ol ol {
  list-style: lower-latin;
  margin-bottom: 0; }

.user-content ul ul, .view ol ol {
  margin-bottom: 0; }

.user-content li li {
  font-size: 1em; }

/* Table */
table {
  width: 100%;
  border: none;
  border-collapse: collapse;
  border-spacing: 0; }

table td, table th {
  vertical-align: middle; }

/* Normal form */
.normal-form input[type="text"], .normal-form input[type="password"], .normal-form input[type="datetime"], .normal-form input[type="datetime-local"], .normal-form input[type="date"], .normal-form input[type="month"], .normal-form input[type="time"], .normal-form input[type="week"], .normal-form input[type="number"], .normal-form input[type="email"], .normal-form input[type="url"], .normal-form input[type="search"], .normal-form input[type="tel"], .normal-form input[type="color"], .normal-form textarea, .normal-form select {
  -webkit-appearance: none; }

.normal-form textarea {
  overflow: auto; }

.normal-form input[type="text"]:focus, .normal-form input[type="password"]:focus, .normal-form input[type="datetime"]:focus, .normal-form input[type="datetime-local"]:focus, .normal-form input[type="date"]:focus, .normal-form input[type="month"]:focus, .normal-form input[type="time"]:focus, .normal-form input[type="week"]:focus, .normal-form input[type="number"]:focus, .normal-form input[type="email"]:focus, .normal-form input[type="url"]:focus, .normal-form input[type="search"]:focus, .normal-form input[type="tel"]:focus, .normal-form input[type="color"]:focus, .normal-form textarea:focus, .normal-form select:focus {
  outline: none; }

/* Styling */
strong, b {
  font-weight: bold; }

em {
  font-style: italic; }

sup {
  vertical-align: text-top;
  font-size: 75%; }

sub {
  vertical-align: bottom;
  font-size: 75%; }

blockquote {
  font-style: italic; }

/* User generated  */
.user-content ul {
  list-style: disc;
  margin-left: 24px; }

.user-content ul ul {
  margin-left: 20px;
  margin-bottom: 0; }

.user-content ul li {
  margin-bottom: 0; }

.user-content ol {
  margin-left: 24px;
  list-style: decimal; }

.user-content ol ol {
  list-style: lower-latin;
  margin-bottom: 0; }

.user-content ul ul, .view ol ol {
  margin-bottom: 0; }

.user-content li li {
  font-size: 1em; }

/* Table */
table {
  width: 100%;
  border: none;
  border-collapse: collapse;
  border-spacing: 0; }

table td, table th {
  vertical-align: middle; }

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):focus {
  outline: 0; }

@font-face {
  font-family: 'Tickerbit';
  src: local("Tickerbit italic"), local("Tickerbit-italic"), url(../js/../font/Tickerbit-italic.woff2) format("woff2"), url(../js/../font/Tickerbit-italic.woff) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

/**
 * Swiper 8.2.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 29, 2022
 */
:root {
  --swiper-theme-color: #007aff; }

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-vertical > .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box; }

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-pointer-events {
  touch-action: pan-y; }

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto; }

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height; }

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden; }

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory; }

.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999; }

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after); }

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after); }

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center; }

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0); }

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none; }

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size); }

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size); }

:root {
  --swiper-navigation-size: 44px;
  /*
    --swiper-navigation-color: var(--swiper-theme-color);
    */ }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none; }

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important; }

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1; }

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto; }

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev'; }

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto; }

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next'; }

.swiper-button-lock {
  display: none; }

:root {
  /*
    --swiper-pagination-color: var(--swiper-theme-color);
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 8px;
    --swiper-pagination-bullet-height: 8px;
    --swiper-pagination-bullet-inactive-color: #000;
    --swiper-pagination-bullet-inactive-opacity: 0.2;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
    */ }

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet:only-child {
  display: none !important; }

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0); }

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block; }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px; }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top; }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left; }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right; }

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top; }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top; }

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-lock {
  display: none; }

/* Preloader */
:root {
  /*
    --swiper-preloader-color: var(--swiper-theme-color);
    */ }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000; }

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap; }

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column; }

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out; }

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity; }

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-cards {
  overflow: visible; }

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden; }

/********************
* FONT WEIGHTS & COLORS*
********************/
body {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.2rem;
  line-height: 0.24rem;
  font-weight: 400;
  overflow-x: hidden;
  position: relative;
  display: block;
  color: #292929; }
  body.blue .page-header {
    background-color: #202540; }
  body.blue .mobile-menu {
    background-color: #202540; }
  body.blue .foot {
    background-color: #202540; }
  body.blue .image-title-text .image-title-wrap .cnt .title,
  body.blue .image-title-text .image-title-cards .cards-header,
  body.blue .product-title-text-section .cnt .title,
  body.blue .product-boxes-section .product-boxes-title .title,
  body.blue .latest-publications-section .title {
    color: #202540; }

html {
  font-size: 7.813vw; }
  @media screen and (min-width: 1580px) {
    html {
      font-size: 7.813vw; } }
  @media screen and (min-width: 1920px) {
    html {
      font-size: 150px; } }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    html {
      font-size: 26.667vw; } }

#smooth-content {
  overflow: hidden !important; }

/* ===============================================================================
    =Site css
    for importing base.scss on top of media query doc copy this : @import 'base';
=============================================================================== */
.block {
  display: block; }

.relative {
  position: relative; }

.container-1 {
  width: 100%;
  max-width: 10.40rem;
  margin: 0 auto; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .container-1 {
      max-width: none;
      width: calc(100% - 0.4rem); } }

.site-container {
  width: 100%;
  max-width: 19.2rem;
  margin: auto; }
  @media screen and (min-width: 1440px) {
    .site-container {
      width: 100%;
      max-width: 10.40rem;
      margin: auto; } }

strong {
  display: inline-block;
  font-weight: 700; }

.fw-200 {
  font-weight: 200; }

.fw-400 {
  font-weight: 400; }

.fw-700 {
  font-weight: 700; }

.title {
  font-family: "Source Serif Pro", serif;
  font-size: 0.48rem;
  line-height: 0.58rem;
  letter-spacing: 0em; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .title {
      font-size: 0.42rem;
      line-height: 0.52rem; } }

.text-xl {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.2rem;
  line-height: 0.24rem;
  letter-spacing: 0em; }

.text {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.16rem;
  line-height: 0.2rem;
  letter-spacing: 0em; }
  .text.t-2 {
    line-height: 0.26rem; }

.text-uppercase {
  text-transform: uppercase; }

.italic {
  font-style: italic; }

.overflow-hidden {
  overflow: hidden; }

.button-1 {
  display: inline-block;
  transition: color 600ms cubic-bezier(0.51, 0.01, 0.2, 1), padding 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 0.2rem;
  letter-spacing: 0em;
  text-align: center;
  color: #292929;
  background-color: #ffffff;
  padding: 0.11rem 0.44rem;
  border-radius: 0.21rem;
  text-decoration: none;
  overflow: hidden;
  transform: translateZ(0); }
  .button-1 span {
    display: block;
    position: relative;
    z-index: 10; }
  .button-1::after {
    content: '';
    display: block;
    position: absolute;
    transition: transform 1000ms cubic-bezier(0.51, 0.01, 0.2, 1);
    transform: scale(0);
    z-index: -1;
    top: -0.2rem;
    left: -0.2rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #D97348; }
  .button-1.color-2 {
    color: #ffffff;
    background-color: #292929; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .button-1 {
      padding: 0.11rem 0.24rem; } }

.button-1:hover {
  color: #ffffff; }
  .button-1:hover::after {
    transform: scale(15); }

.button-1.type-2:hover::after {
  transform: scale(15); }

.button-1.form-btn {
  position: relative;
  color: #ffffff;
  background-color: #292929;
  border: none;
  cursor: pointer; }
  .button-1.form-btn::after {
    background-color: #D97348; }
  .button-1.form-btn:hover::after {
    transform: scale(15); }

.more-button {
  display: inline-block;
  position: relative;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.16rem;
  line-height: 0.26rem;
  font-weight: 700;
  color: #292929;
  text-transform: uppercase;
  text-decoration: none;
  padding-right: 0.37rem; }
  .more-button span {
    display: block;
    transition: opacity 600ms cubic-bezier(0.51, 0.01, 0.2, 1), transform 600ms cubic-bezier(0.51, 0.01, 0.2, 1), color cubic-bezier(0.51, 0.01, 0.2, 1) 600ms;
    transform: translate3d(0, 0, 0); }
  .more-button svg {
    display: block;
    position: absolute;
    transition: opacity 600ms cubic-bezier(0.51, 0.01, 0.2, 1), transform 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
    transform: translate3d(0, -50%, 0);
    top: calc(50% - 0.03rem);
    right: 0.01rem;
    width: 0.17rem;
    height: 0.17rem;
    stroke: #292929; }

.more-button:hover span {
  transform: translate3d(0.05rem, 0, 0);
  color: #D97348; }

.more-button:hover svg {
  transform: translate3d(-0.05rem, -50%, 0);
  opacity: 0; }

.slide-btn {
  cursor: pointer;
  display: block;
  position: relative;
  transition: transform 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.25); }
  .slide-btn svg {
    display: block;
    position: absolute;
    transition: transform 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
    transform: translateX(-0.1rem);
    top: calc(50% - 0.08rem);
    left: calc(50% - 0.04rem);
    width: 0.08rem;
    height: 0.16rem;
    stroke: #ffffff; }
  .slide-btn.prev svg {
    transform: translateX(0.1rem) rotate(180deg); }
  .slide-btn.prev:hover {
    transform: translateX(25%); }
    .slide-btn.prev:hover svg {
      transform: translateX(0rem) rotate(180deg); }
  .slide-btn.next:hover {
    transform: translateX(-25%); }
    .slide-btn.next:hover svg {
      transform: translateX(0rem); }

.media-wrap {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden; }
  .media-wrap .media {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.noise-bg {
  background-color: #292929;
  background-image: url(../js/../img/png/noise.png);
  background-repeat: repeat; }

.radio-1 {
  cursor: pointer;
  display: block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding-left: 0.3rem;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.16rem;
  line-height: 0.2rem;
  color: #292929;
  width: 100%;
  text-transform: none;
  text-decoration: none; }
  .radio-1.current .checkmark {
    border: none;
    background-image: url(../js/../img/svg/check-1.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0; }
  .radio-1 .checkmark {
    display: block;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    width: 0.18rem;
    height: 0.18rem;
    border-radius: 50%;
    border: 0.01rem solid #c7c7c7; }

.decoration-arrow {
  position: absolute;
  bottom: -0.24rem;
  left: 50%;
  transform: translateX(-50%);
  width: .48rem;
  height: .48rem;
  background-color: #D97348;
  border-radius: 100%;
  box-shadow: 0rem 0.04rem 0.04rem rgba(0, 0, 0, 0.25); }
  .decoration-arrow svg {
    position: absolute;
    width: .24rem;
    height: .24rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .decoration-arrow .decoration-arrow {
      display: none; } }

.lang-picker {
  cursor: pointer;
  position: relative;
  text-transform: uppercase;
  color: #ffffff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-left: 0.28rem;
  margin-left: 0.2rem;
  display: flex;
  flex-direction: row; }
  .lang-picker svg {
    position: absolute;
    display: block;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    width: 0.2rem; }
  .lang-picker .picker {
    overflow: hidden;
    display: inline-block;
    margin-right: 0.1rem;
    text-decoration: none;
    color: #ffffff; }
  .lang-picker span {
    display: block;
    transition: transform 600ms cubic-bezier(0.51, 0.01, 0.2, 1); }
  .lang-picker .lang-submenu {
    position: absolute;
    transition: opacity 200ms cubic-bezier(0.51, 0.01, 0.2, 1), visibility 200ms cubic-bezier(0.51, 0.01, 0.2, 1);
    transform: translate3d(-50%, 0, 0);
    top: calc(100% + 0.3rem);
    left: 50%;
    background-color: #ffffff;
    padding: 0.2rem;
    min-width: 1.6rem;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2); }
  .lang-picker .radio-1:not(:last-child) {
    margin-bottom: 0.2rem; }

.lang-picker:hover .lang-submenu {
  transition: opacity 600ms cubic-bezier(0.51, 0.01, 0.2, 1), visibility 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
  opacity: 1;
  visibility: visible; }

.loaded .page-header {
  opacity: 1;
  visibility: visible; }

.barba-transitioning .page-header {
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }

body.fixed-nav .page-header {
  padding-top: 0.15rem;
  padding-bottom: 0.15rem; }
  body.fixed-nav .page-header .submenu {
    top: calc(100% + 0.21rem); }
  body.fixed-nav .page-header .cta-wrap .button-1 {
    padding: 0.06rem 0.22rem; }
  body.fixed-nav .page-header .nav .text::before {
    bottom: -0.21rem; }

.page-header {
  position: fixed;
  transition: opacity 600ms cubic-bezier(0.51, 0.01, 0.2, 1), visibility 600ms, padding 200ms cubic-bezier(0.51, 0.01, 0.2, 1);
  opacity: 0;
  visibility: hidden;
  z-index: 110;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  background-color: #292929;
  background-image: url(../js/../img/png/noise.png);
  background-repeat: repeat;
  border-bottom: 1px solid #ffffff40; }
  .page-header.post {
    background-color: #292929;
    background-image: url(../js/../img/png/noise.png);
    background-repeat: repeat; }
  .page-header .logo {
    display: block;
    width: 0.6rem;
    height: 0.2rem;
    background-image: url(../js/../img/svg/logotype-2.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain; }
  .page-header .grid {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .page-header .nav {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 0.3rem;
    align-items: center;
    left: 0.4rem; }
    .page-header .nav .link::before {
      content: '';
      opacity: 0;
      position: absolute;
      bottom: -0.31rem;
      left: 0;
      width: 100%;
      height: 0.04rem;
      background-color: #D97348;
      transition: opacity 600ms cubic-bezier(0.51, 0.01, 0.2, 1); }
    .page-header .nav .link:hover::before {
      opacity: 1; }
    .page-header .nav .link .main-link {
      text-decoration: none;
      transition: color 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
      font-weight: 400;
      color: #ffffff;
      cursor: pointer; }
      .page-header .nav .link .main-link:hover {
        color: #D97348; }
        .page-header .nav .link .main-link:hover::before {
          opacity: 1;
          visibility: visible; }
  .page-header .link {
    cursor: pointer;
    position: relative;
    display: block;
    color: #ffffff;
    text-decoration: none;
    transition: color 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
    cursor: default; }
    .page-header .link:hover {
      color: #D97348; }
      .page-header .link:hover::before {
        opacity: 1;
        visibility: visible; }
  .page-header .link:hover .submenu {
    opacity: 1;
    visibility: visible; }
  .page-header .submenu {
    transition: opacity 600ms cubic-bezier(0.51, 0.01, 0.2, 1), visibility 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
    transform: translate3d(-34%, 0, 0);
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: 50%;
    top: calc(100% + 0.31rem);
    background-color: #ffffff;
    padding: 0.6rem 0.2rem;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
    cursor: default; }
    .page-header .submenu.last {
      transform: translate3d(-50%, 0, 0); }
      .page-header .submenu.last::before {
        transform: translateX(-50%);
        left: 50%; }
    .page-header .submenu .text {
      display: block;
      text-decoration: none;
      font-weight: 400;
      color: #292929; }
      .page-header .submenu .text.active, .page-header .submenu .text.fw-700 {
        font-weight: 700; }
      .page-header .submenu .text:not(:last-child) {
        margin-bottom: 0.2rem; }
    .page-header .submenu .main-nav-pick {
      transition: color 600ms cubic-bezier(0.51, 0.01, 0.2, 1); }
      .page-header .submenu .main-nav-pick:hover {
        color: #D97348; }
  .page-header .submenu.default {
    transform: translate3d(-50%, 0, 0);
    padding: 0.4rem 0; }
    .page-header .submenu.default::before {
      transform: translateX(-50%);
      left: 50%; }
    .page-header .submenu.default .s-grid-inner {
      width: 100%;
      min-width: 2rem;
      padding: 0 0.4rem; }
  .page-header .submenu.small .s-grid-inner {
    min-width: 2rem; }
  .page-header .submenu.search {
    min-width: 4.52rem;
    padding: 0.2rem; }
    .page-header .submenu.search .controls-wrap {
      position: relative;
      display: flex; }
      .page-header .submenu.search .controls-wrap::after {
        content: '';
        pointer-events: none;
        display: block;
        position: absolute;
        transform: translateY(-50%);
        width: 0.2rem;
        height: 0.2rem;
        top: 50%;
        right: 0.12rem;
        background-image: url(../js/../img/svg/search-btn-2.svg);
        background-position: 50%;
        background-size: contain;
        background-repeat: no-repeat; }
    .page-header .submenu.search .close-button {
      cursor: pointer;
      display: block;
      width: 0.4rem;
      height: 0.4rem;
      border: 0;
      padding: 0;
      margin: 0;
      background-color: transparent;
      background-image: url(../js/../img/svg/close-button.svg);
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain; }
    .page-header .submenu.search .search-input {
      display: block;
      width: 100%;
      border: 0;
      padding: 0;
      margin: 0;
      margin-left: 0.12rem;
      border-radius: 0.2rem;
      border: 0.01rem solid #c7c7c7;
      padding: 0.1rem 0.15rem; }
      .page-header .submenu.search .search-input:focus-visible {
        outline: none; }
    .page-header .submenu.search .expander {
      display: none;
      margin-top: 0.2rem; }
      .page-header .submenu.search .expander.active {
        display: block; }
    .page-header .submenu.search .small-text {
      font-family: "Source Sans Pro", sans-serif;
      font-size: 0.12rem;
      line-height: 0.16rem;
      font-weight: 400;
      color: #8a8a8a;
      margin-bottom: 0.08rem; }
    .page-header .submenu.search .result {
      display: block;
      transition: color 600ms cubic-bezier(0.51, 0.01, 0.2, 1), background-color 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
      font-family: "Source Sans Pro", sans-serif;
      font-size: 0.14rem;
      line-height: 0.2rem;
      font-weight: 400;
      padding: 0.1rem 0.12rem;
      border-radius: 0.2rem;
      background-color: #fafafa;
      color: #616161;
      text-decoration: none; }
    .page-header .submenu.search .result:hover {
      color: #D97348;
      background-color: rgba(217, 115, 72, 0.1); }
    .page-header .submenu.search ul {
      display: block;
      max-height: 2rem;
      overflow: auto;
      padding-right: 5px; }
      .page-header .submenu.search ul::-webkit-scrollbar {
        width: 4px; }
      .page-header .submenu.search ul::-webkit-scrollbar-track {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(143, 143, 143, 0) 45%, #707070 50%, rgba(134, 135, 136, 0) 55%, rgba(220, 226, 230, 0) 100%);
        width: 2px; }
      .page-header .submenu.search ul::-webkit-scrollbar-thumb {
        background: #000; }
      .page-header .submenu.search ul li {
        display: block; }
      .page-header .submenu.search ul li:not(:last-child) {
        margin-bottom: 0.08rem; }
  .page-header .sub-grid {
    display: flex;
    justify-content: space-between; }
    .page-header .sub-grid .s-grid-inner {
      width: calc(100% / 3);
      min-width: 3.25rem;
      padding: 0 0.6rem; }
    .page-header .sub-grid .s-grid-inner:not(:first-child) {
      border-left: 0.01rem solid #c7c7c7; }
  .page-header .button-1 {
    padding-left: 0.24rem;
    padding-right: 0.24rem; }
  .page-header .cta-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .page-header .search-button {
    cursor: pointer;
    position: relative;
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    background-image: url(../js/../img/svg/search-btn.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat; }
  .page-header .search-button:hover .submenu {
    transition: opacity 600ms cubic-bezier(0.51, 0.01, 0.2, 1), visibility 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
    opacity: 1;
    visibility: visible; }
  .page-header .mobile-button {
    display: none;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0.2rem;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    width: 0.3rem;
    height: 0.12rem;
    cursor: pointer; }
    .page-header .mobile-button span {
      display: block;
      transition: transform 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
      transform: rotate(0deg) translateY(0rem);
      width: 100%;
      height: 3px;
      background-color: #ffffff;
      transform-origin: 100% 50%;
      backface-visibility: hidden; }
  .page-header .mobile-button.active span:first-child {
    transform: rotate(-45deg) translateY(-0.085rem); }
  .page-header .mobile-button.active span:last-child {
    transform: rotate(45deg) translateY(0.085rem); }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .page-header {
      padding-top: 0.2rem;
      padding-bottom: 0.2rem;
      border-bottom: none; }
      .page-header .grid .g-inner:nth-child(2) {
        display: none; }
      .page-header .grid .g-inner:nth-child(3) {
        display: none; }
      .page-header .mobile-button {
        display: flex; } }

.mobile-menu {
  display: none;
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100%;
  transform: translateX(-25%);
  opacity: 0; }
  .mobile-menu .inner {
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 0.4rem 0.2rem;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 1.2rem; }
  .mobile-menu .nav {
    position: relative;
    width: 100%;
    height: -moz-min-content;
    height: min-content;
    align-self: center; }
    .mobile-menu .nav .text-main {
      display: block;
      font-family: "Source Sans Pro", sans-serif;
      font-size: 0.23rem;
      line-height: 0.32rem;
      font-weight: 700;
      color: #ffffff;
      text-decoration: none;
      margin-bottom: .15rem;
      margin-top: .15rem;
      position: relative;
      display: inline-block;
      cursor: pointer;
      padding-right: 0.15rem; }
      .mobile-menu .nav .text-main.no-submenu:after {
        display: none; }
      .mobile-menu .nav .text-main:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 0;
        height: 0;
        border-left: .04rem solid transparent;
        border-right: .04rem solid transparent;
        border-top: 0.07rem solid #ffffff; }
      .mobile-menu .nav .text-main.home:after {
        display: none; }
    .mobile-menu .nav .text {
      display: block;
      text-decoration: none;
      font-weight: 400;
      color: #ffffff;
      margin-bottom: .1rem;
      margin-left: .4rem; }
      .mobile-menu .nav .text:last-of-type {
        margin-bottom: 0; }
      .mobile-menu .nav .text.active, .mobile-menu .nav .text.fw-700 {
        margin-top: .15rem;
        margin-bottom: .15rem;
        font-size: .18rem;
        font-weight: 700;
        margin-left: .2rem;
        position: relative;
        cursor: pointer;
        display: inline-block; }
        .mobile-menu .nav .text.active:after, .mobile-menu .nav .text.fw-700:after {
          content: "";
          position: absolute;
          right: -0.15rem;
          top: 50%;
          width: 0;
          height: 0;
          border-left: .04rem solid transparent;
          border-right: .04rem solid transparent;
          border-top: 0.07rem solid #ffffff; }
        .mobile-menu .nav .text.active.no-submenu, .mobile-menu .nav .text.fw-700.no-submenu {
          width: -moz-fit-content;
          width: fit-content;
          display: block; }
          .mobile-menu .nav .text.active.no-submenu::after, .mobile-menu .nav .text.fw-700.no-submenu::after {
            display: none; }
    .mobile-menu .nav .submenu {
      overflow: hidden;
      border-left: 1px solid #ffffff; }
      .mobile-menu .nav .submenu .main-nav-pick {
        position: relative; }
        .mobile-menu .nav .submenu .main-nav-pick::before {
          content: "-";
          position: absolute;
          left: -.1rem; }
      .mobile-menu .nav .submenu .submenu-links {
        overflow: hidden; }
  .mobile-menu .link {
    display: block;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 0.24rem;
    line-height: 0.32rem;
    font-weight: 700;
    color: #ffffff;
    text-decoration: none; }
    .mobile-menu .link:not(:last-child) {
      margin-bottom: 0.2rem; }
  .mobile-menu .search-wrap {
    margin-top: .4rem;
    width: 100%;
    align-self: flex-end; }
  .mobile-menu .input {
    position: relative;
    width: 100%;
    margin-bottom: 0.2rem; }
    .mobile-menu .input input {
      display: block;
      width: 100%;
      border: 0;
      padding: 0;
      font-family: "Source Sans Pro", sans-serif;
      font-size: 0.16rem;
      line-height: 0.2rem;
      font-weight: 400;
      color: #292929;
      padding: 0.1rem 0.5rem 0.1rem 0.15rem;
      border-radius: 0.2rem; }
      .mobile-menu .input input:focus-visible {
        outline: none; }
    .mobile-menu .input .search-form-btn-submit-icon {
      display: block;
      position: absolute;
      width: 0.2rem;
      height: 0.2rem;
      top: 50%;
      right: 0.2rem;
      transform: translate3d(0, -50%, 0);
      background: transparent;
      padding: 0;
      margin: 0;
      outline: none;
      border: none;
      z-index: 5;
      cursor: pointer;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
      .mobile-menu .input .search-form-btn-submit-icon svg {
        width: 0.2rem;
        height: 0.2rem; }
  .mobile-menu .cta-wrap {
    display: flex;
    align-items: center; }
  .mobile-menu .lang-picker {
    margin-left: 0.2rem; }

.home-hero-card {
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.49rem;
  padding-bottom: 0.47rem; }
  .home-hero-card .cnt {
    z-index: 10;
    width: 4.42rem; }
  .home-hero-card .title {
    color: #ffffff;
    margin-bottom: 0.1rem; }
  .home-hero-card .text {
    color: #E4E5E8;
    width: 3.74rem;
    margin-bottom: 0.4rem; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .home-hero-card {
      padding: 0; }
      .home-hero-card .cnt {
        width: 100%; }
      .home-hero-card .title {
        margin-bottom: 0.2rem; }
      .home-hero-card .text {
        width: 100%;
        margin-bottom: 0.3rem; } }

.home-hero-section {
  display: flex;
  align-items: center;
  padding-top: 1.2rem;
  padding-bottom: 0.6rem;
  background-color: #292929;
  background-image: url(../js/../img/png/noise.png);
  background-repeat: repeat;
  min-height: calc(100vh - 1.1rem); }
  .home-hero-section .media-wrap {
    width: 5.1rem;
    aspect-ratio: 51 / 51;
    min-height: 5.1rem; }
    .home-hero-section .media-wrap.border-radius {
      border-radius: 0 2.3rem 0 0; }
  .home-hero-section .section-inner {
    padding-left: 0.6rem; }
  .home-hero-section .button-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .home-hero-section .button-wrap .slide-buttons {
      display: none;
      justify-content: space-between;
      align-items: center;
      width: 0.94rem; }
      .home-hero-section .button-wrap .slide-buttons .btn {
        display: block;
        width: 0.42rem;
        height: 0.42rem;
        background-position: 50%;
        background-size: contain;
        background-repeat: no-repeat; }
      .home-hero-section .button-wrap .slide-buttons .prev {
        background-image: url(../js/../img/svg/btn-prev.svg); }
      .home-hero-section .button-wrap .slide-buttons .next {
        background-image: url(../js/../img/svg/btn-next.svg); }
  .home-hero-section .swiper {
    overflow: visible; }
  .home-hero-section .swiper-slide .home-hero-card {
    transition: opacity 400ms cubic-bezier(0.51, 0.01, 0.2, 1);
    opacity: 0;
    pointer-events: none; }
  .home-hero-section .swiper-slide-active .home-hero-card {
    transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.2, 1);
    opacity: 1;
    pointer-events: all; }
  .home-hero-section .slide-btn {
    z-index: 10;
    position: absolute;
    top: 50%; }
    .home-hero-section .slide-btn.prev {
      left: -0.36rem; }
    .home-hero-section .slide-btn.next {
      right: -0.36rem; }
  .home-hero-section .pagination {
    position: absolute;
    z-index: 10;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    left: 50%;
    bottom: -0.15rem; }
    .home-hero-section .pagination span {
      display: block;
      transition: background-color 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
      width: 0.08rem;
      height: 0.08rem;
      border-radius: 50%;
      background-color: #949494;
      margin: 0 0.05rem; }
    .home-hero-section .pagination span.active {
      background-color: #ffffff; }
  .home-hero-section .slider-numbers {
    position: absolute;
    top: 0rem;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 4.6rem;
    transform-origin: 0% 100%;
    transform: rotate(90deg); }
    .home-hero-section .slider-numbers .num {
      margin-right: 0.2rem; }
      .home-hero-section .slider-numbers .num span {
        display: inline-block;
        font-family: "Source Serif Pro", serif;
        font-size: 0.32rem;
        line-height: 0.32rem;
        font-weight: 700;
        color: #8a8a8a; }
      .home-hero-section .slider-numbers .num small {
        display: inline-block;
        font-family: "Source Serif Pro", serif;
        font-size: 0.24rem;
        line-height: 0.3rem;
        font-weight: 700;
        color: #8a8a8a; }
    .home-hero-section .slider-numbers .line {
      position: relative;
      display: block;
      width: 3.6rem;
      height: 1px;
      background-color: #949494; }
    .home-hero-section .slider-numbers.mobile {
      display: none; }
  @media screen and (orientation: landscape) and (min-width: 767px) and (max-width: 1579px) and (max-height: 1050px) {
    .home-hero-section {
      padding-top: 1rem;
      padding-bottom: 0.3rem;
      min-height: calc(100vh - 0.95rem); }
      .home-hero-section .pagination {
        bottom: -0.15rem; }
      .home-hero-section .media-wrap {
        width: 3.9rem;
        min-height: 3.9rem; }
      .home-hero-section .slider-numbers {
        top: 0rem;
        width: 4rem; }
        .home-hero-section .slider-numbers .line {
          width: 3rem; }
      .home-hero-section .text {
        margin-bottom: 0.3rem; }
      .home-hero-section .swiper-slide .home-hero-card {
        padding-top: 0.45rem;
        padding-bottom: 0.45rem; } }
  @media screen and (min-width: 1580px) and (max-height: 1250px) {
    .home-hero-section {
      padding-top: 1rem;
      padding-bottom: 0.3rem;
      min-height: calc(100vh - 0.9rem); }
      .home-hero-section .pagination {
        bottom: -0.15rem; }
      .home-hero-section .media-wrap {
        width: 3.7rem;
        min-height: 3.7rem; }
      .home-hero-section .slider-numbers {
        top: -0.1rem;
        width: 3.1rem; }
        .home-hero-section .slider-numbers .num {
          margin-right: 0.1rem; }
        .home-hero-section .slider-numbers .line {
          top: 0.02rem;
          width: 2.2rem; }
      .home-hero-section .swiper-slide .home-hero-card {
        padding-top: 0.2rem;
        padding-bottom: 0.2rem; }
      .home-hero-section .cnt {
        width: 4.62rem; }
      .home-hero-section .title {
        margin-bottom: 0.1rem;
        font-size: 0.38rem;
        line-height: 0.48rem; }
      .home-hero-section .text {
        width: 4.24rem;
        margin-bottom: 0.3rem;
        font-size: 0.14rem;
        line-height: 0.18rem; } }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .home-hero-section {
      padding-top: 0.7rem;
      padding-bottom: 0.4rem;
      height: auto;
      min-height: auto; }
      .home-hero-section .home-hero-card {
        display: flex;
        flex-direction: column; }
      .home-hero-section .cnt {
        order: 3; }
      .home-hero-section .media-wrap {
        transform: none;
        position: relative;
        width: 100%;
        top: unset;
        margin-bottom: 0.2rem;
        min-height: 2.36rem;
        order: 1; }
        .home-hero-section .media-wrap.border-radius {
          border-radius: 0 1rem 0 0; }
      .home-hero-section .button-wrap .slide-buttons {
        display: flex; }
      .home-hero-section .section-inner {
        padding: 0; }
      .home-hero-section .pagination.main {
        display: none; }
      .home-hero-section .slide-btn.main {
        display: none; }
      .home-hero-section .slider-numbers {
        position: relative;
        width: 100%;
        transform: none;
        top: 0rem;
        margin-bottom: 0.1rem;
        display: none; }
        .home-hero-section .slider-numbers .num {
          white-space: nowrap; }
        .home-hero-section .slider-numbers.mobile {
          order: 2;
          display: flex; } }

.read-about-section {
  background-color: #616161;
  background-image: url(../js/../img/png/noise.png);
  background-repeat: repeat; }
  .read-about-section .grid {
    display: flex;
    justify-content: space-between;
    height: 100%; }
  .read-about-section .g-inner {
    width: calc((33.3%)); }
    .read-about-section .g-inner.two-cols {
      width: calc((50%)); }
    .read-about-section .g-inner.one-col {
      width: 100%; }
    .read-about-section .g-inner a {
      display: flex;
      flex-direction: column;
      height: 100%; }
  .read-about-section .g-inner:not(:last-child) {
    border-right: 1px solid #ffffff; }
  .read-about-section .piece {
    display: block;
    transition: background-color 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
    color: #ffffff;
    text-decoration: none; }
    .read-about-section .piece small {
      display: block;
      font-size: 0.14rem;
      line-height: 0.24rem;
      font-weight: 400; }
  .read-about-section .piece:hover {
    background-color: #D97348; }
  .read-about-section .g-inner:nth-child(1) .piece {
    padding: 0.23rem 0.55rem 0.23rem 1.26rem; }
    @media screen and (min-width: 1440px) {
      .read-about-section .g-inner:nth-child(1) .piece {
        padding: 0.15rem 0.30rem 0.15rem 0.30rem; } }
  .read-about-section .g-inner:nth-child(2) .piece {
    padding: 0.23rem 0.5rem 0.23rem 0.73rem; }
    @media screen and (min-width: 1440px) {
      .read-about-section .g-inner:nth-child(2) .piece {
        padding: 0.15rem 0.30rem 0.15rem 0.30rem; } }
  .read-about-section .g-inner:nth-child(3) .piece {
    padding: 0.23rem 0.8rem 0.23rem 0.55rem; }
    @media screen and (min-width: 1440px) {
      .read-about-section .g-inner:nth-child(3) .piece {
        padding: 0.15rem 0.30rem 0.15rem 0.30rem; } }
  @media screen and (min-width: 1580px) and (max-height: 1250px) {
    .read-about-section .text {
      font-size: 0.14rem;
      line-height: 0.18rem; }
    .read-about-section .piece small {
      font-size: 0.12rem;
      line-height: 0.22rem; } }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .read-about-section .grid {
      display: block; }
    .read-about-section .g-inner {
      width: 100%; }
      .read-about-section .g-inner.two-cols {
        width: 100%; }
      .read-about-section .g-inner:not(:last-child) {
        border-bottom: 1px solid #ffffff; }
    .read-about-section .g-inner:nth-child(1) .piece {
      padding: 0.23rem 0.2rem; }
    .read-about-section .g-inner:nth-child(2) .piece {
      padding: 0.23rem 0.2rem; }
    .read-about-section .g-inner:nth-child(3) .piece {
      padding: 0.23rem 0.2rem; } }

.bcs-card {
  display: block;
  position: relative;
  padding-left: 0.68rem;
  cursor: pointer; }
  .bcs-card.scroll:hover .icon {
    scale: 0.9; }
  .bcs-card.scroll:hover .text-xl {
    color: #D97348; }
  .bcs-card.scroll:hover .custom-icon {
    scale: 0.9; }
  .bcs-card.no-scroll {
    cursor: unset; }
  .bcs-card .icon {
    position: absolute;
    width: .48rem;
    height: .48rem;
    border: .01rem solid #949494;
    border-radius: 100%;
    margin-right: .2rem;
    top: 0;
    left: 0;
    transition: scale 0.6s cubic-bezier(0.51, 0.01, 0.2, 1); }
    .bcs-card .icon.orange {
      border: .01rem solid #D97348; }
      .bcs-card .icon.orange svg {
        fill: #D97348; }
    .bcs-card .icon svg {
      position: absolute;
      width: .24rem;
      height: .24rem;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      fill: #292929; }
  .bcs-card svg {
    position: absolute;
    width: .48rem;
    top: 0;
    left: 0; }
  .bcs-card .text-xl {
    color: #292929;
    margin-bottom: 0.1rem;
    max-width: 2.32rem;
    transition: color 0.6s cubic-bezier(0.51, 0.01, 0.2, 1); }
  .bcs-card .text {
    color: #616161;
    max-width: 2.32rem; }
  .bcs-card .custom-icon {
    position: absolute;
    width: .48rem;
    height: .48rem;
    margin-right: .2rem;
    top: 0;
    left: 0;
    transition: scale 0.6s cubic-bezier(0.51, 0.01, 0.2, 1); }
    .bcs-card .custom-icon .icon-img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.entry-point-buttons-section {
  padding-top: 0.8rem;
  padding-bottom: 0.4rem;
  background-color: #ffffff;
  border-bottom: 1px solid #C7C7C7;
  backface-visibility: hidden;
  margin-bottom: 0.6rem; }
  .entry-point-buttons-section.no-border {
    border-bottom: none;
    margin-bottom: unset; }
  .entry-point-buttons-section .grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .entry-point-buttons-section .grid .g-inner {
      width: calc((33.3%));
      padding: 0 0.10rem 0.40rem 0.10rem; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .entry-point-buttons-section {
      padding-top: 0.4rem;
      padding-bottom: 0.2rem;
      margin-bottom: 0.2rem; }
      .entry-point-buttons-section .grid {
        display: block; }
        .entry-point-buttons-section .grid .g-inner {
          width: 100%;
          padding: 0 0.10rem 0.20rem 0.10rem; } }

.business-area-section {
  padding-top: .6rem;
  padding-bottom: .4rem; }
  .business-area-section.bg-black {
    background-color: #292929;
    background-image: url(../js/../img/png/noise.png);
    background-repeat: repeat; }
    .business-area-section.bg-black .image-title-wrap .cnt .title,
    .business-area-section.bg-black .image-title-wrap .cnt .text {
      color: #fff; }
  .business-area-section.compact .image-title-wrap {
    padding-left: 0;
    border: unset; }
    .business-area-section.compact .image-title-wrap.full-width {
      padding-left: 0;
      border-left: none; }
      .business-area-section.compact .image-title-wrap.full-width .cnt {
        width: 100%; }
        .business-area-section.compact .image-title-wrap.full-width .cnt .text {
          width: 60%; }
    .business-area-section.compact .image-title-wrap.reverse {
      padding-left: 0;
      border: none;
      flex-direction: row-reverse; }
      .business-area-section.compact .image-title-wrap.reverse .media-wrap.border-radius {
        border-radius: 3rem 0 0 3rem; }
      .business-area-section.compact .image-title-wrap.reverse .cnt {
        text-align: right;
        margin-right: 0;
        margin-left: auto; }
        .business-area-section.compact .image-title-wrap.reverse .cnt .text,
        .business-area-section.compact .image-title-wrap.reverse .cnt .subtitles {
          margin-left: auto;
          margin-right: 0; }
  .business-area-section.compact .grid .g-inner {
    width: 25%; }
    .business-area-section.compact .grid .g-inner.first-card .card-1,
    .business-area-section.compact .grid .g-inner.first-card .media-wrap, .business-area-section.compact .grid .g-inner.last-card .card-1,
    .business-area-section.compact .grid .g-inner.last-card .media-wrap {
      border-radius: 0; }
  .business-area-section.compact .card-1 {
    min-height: unset;
    display: flex;
    flex-direction: column;
    padding: 0.15rem;
    padding-bottom: 0.45rem; }
    .business-area-section.compact .card-1 .media-wrap {
      aspect-ratio: unset;
      width: 100%;
      height: 1rem; }
    .business-area-section.compact .card-1 .tags {
      margin-bottom: 0.15rem; }
      .business-area-section.compact .card-1 .tags .t-inner:first-child {
        display: none; }
      .business-area-section.compact .card-1 .tags .t-inner {
        width: 100%; }
    .business-area-section.compact .card-1 .line {
      order: 5;
      margin: auto 0 0.15rem 0; }
    .business-area-section.compact .card-1 .card-title,
    .business-area-section.compact .card-1 .card-text {
      margin-bottom: 0.15rem; }
  .business-area-section .image-title-wrap {
    position: relative;
    padding-left: 0.68rem;
    border-left: 1px solid #C7C7C7;
    display: flex;
    align-items: center;
    margin-bottom: 0.6rem; }
    .business-area-section .image-title-wrap.full-width {
      padding-left: 0;
      border-left: none; }
      .business-area-section .image-title-wrap.full-width .cnt {
        width: 100%; }
        .business-area-section .image-title-wrap.full-width .cnt .text {
          width: 60%; }
    .business-area-section .image-title-wrap.reverse {
      padding-left: 0;
      border: none;
      padding-right: 0.68rem;
      border-right: 1px solid #C7C7C7;
      flex-direction: row-reverse; }
      .business-area-section .image-title-wrap.reverse.full-width {
        padding: 0;
        border: none;
        min-height: unset; }
        .business-area-section .image-title-wrap.reverse.full-width .cnt {
          width: 100%;
          text-align: left; }
          .business-area-section .image-title-wrap.reverse.full-width .cnt .text {
            margin-left: 0;
            margin-right: auto;
            width: 60%; }
      .business-area-section .image-title-wrap.reverse .media-wrap.border-radius {
        border-radius: 3rem 0 0 3rem; }
      .business-area-section .image-title-wrap.reverse .cnt {
        text-align: right;
        margin-right: 0;
        margin-left: auto; }
        .business-area-section .image-title-wrap.reverse .cnt .text,
        .business-area-section .image-title-wrap.reverse .cnt .subtitles {
          margin-left: auto;
          margin-right: 0; }
    .business-area-section .image-title-wrap .media-wrap {
      width: 5.1rem;
      aspect-ratio: 51 / 51;
      min-height: 5.1rem; }
      .business-area-section .image-title-wrap .media-wrap.border-radius {
        border-radius: 0 3rem 3rem 0;
        aspect-ratio: 51 / 46;
        min-height: 2.36rem; }
    .business-area-section .image-title-wrap .cnt {
      position: relative;
      z-index: 10;
      width: 4.42rem;
      margin-left: 0;
      margin-right: auto; }
      .business-area-section .image-title-wrap .cnt .title {
        color: #292929;
        margin-bottom: 0.1rem; }
      .business-area-section .image-title-wrap .cnt .text {
        color: #616161;
        width: 3.74rem; }
  .business-area-section .grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: -0.1rem;
    margin-right: -0.1rem; }
    .business-area-section .grid .g-inner {
      width: 33.3333%;
      padding-left: .1rem;
      padding-right: .1rem;
      padding-bottom: 0.2rem; }
      .business-area-section .grid .g-inner.first-card .card-1 {
        border-radius: 0.4rem 0 0 0; }
      .business-area-section .grid .g-inner.first-card .media-wrap {
        border-radius: 0.32rem 0 0 0; }
      .business-area-section .grid .g-inner.last-card .card-1 {
        border-radius: 0 0 0.4rem 0; }
      .business-area-section .grid .g-inner.last-card .media-wrap {
        border-radius: 0 0 0.32rem 0; }
  .business-area-section .card-1 {
    display: block;
    position: relative;
    background-color: #fafafa;
    padding: 0.2rem;
    padding-bottom: 0.45rem;
    height: 100%;
    min-height: 1.98rem; }
    .business-area-section .card-1.individual-height {
      min-height: unset;
      height: unset; }
    .business-area-section .card-1 .media-wrap {
      aspect-ratio: 3 / 2;
      margin-bottom: 0.2rem; }
    .business-area-section .card-1 .num {
      font-family: "Source Sans Pro", sans-serif;
      font-size: 0.24rem;
      line-height: 0.34rem;
      font-weight: 700;
      color: #616161; }
    .business-area-section .card-1 .category {
      font-family: "Source Sans Pro", sans-serif;
      font-size: 0.16rem;
      line-height: 0.26rem;
      font-weight: 400;
      color: #949494;
      margin-bottom: 0.1rem; }
    .business-area-section .card-1 .card-title {
      font-family: "Source Sans Pro", sans-serif;
      font-size: 0.24rem;
      line-height: 0.32rem;
      font-weight: 700;
      color: #292929; }
    .business-area-section .card-1 .line {
      width: 100%;
      height: 1px;
      background-color: #c7c7c7;
      margin: 0.2rem 0 0.3rem; }
    .business-area-section .card-1 .card-text {
      font-family: "Source Sans Pro", sans-serif;
      font-size: 0.14rem;
      line-height: 0.24rem;
      font-weight: 400;
      color: #616161;
      margin-bottom: 0.44rem; }
    .business-area-section .card-1 .tags {
      display: flex;
      margin-bottom: 0.5rem;
      align-items: flex-start; }
      .business-area-section .card-1 .tags .t-inner:first-child {
        margin-right: 0.06rem; }
      .business-area-section .card-1 .tags .t-inner:last-child {
        display: flex;
        flex-wrap: wrap;
        gap: 0.06rem;
        width: 2.3rem; }
      .business-area-section .card-1 .tags .card-text {
        color: #292929;
        margin: 0; }
      .business-area-section .card-1 .tags .tag {
        cursor: pointer;
        display: inline-block;
        font-family: "Source Sans Pro", sans-serif;
        transition: color 600ms cubic-bezier(0.51, 0.01, 0.2, 1), background-color 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
        font-size: 0.14rem;
        line-height: 0.14rem;
        font-weight: 400;
        text-decoration: none;
        color: #616161;
        background-color: #ffffff;
        border-radius: 0.5rem;
        padding: 0.06rem 0.12rem; }
        .business-area-section .card-1 .tags .tag:hover {
          color: #ffffff;
          background-color: #D97348; }
    .business-area-section .card-1 .more-button {
      position: absolute;
      left: 0.2rem;
      bottom: 0.2rem; }
    @media screen and (orientation: portrait) and (max-width: 767px) {
      .business-area-section .card-1 {
        padding-bottom: 0.66rem; }
        .business-area-section .card-1 .media-wrap {
          display: none; }
        .business-area-section .card-1 .category {
          margin-bottom: 0; }
        .business-area-section .card-1 .line {
          margin: 0.1rem 0; }
        .business-area-section .card-1 .card-text {
          margin-bottom: 0.2rem; } }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .business-area-section {
      padding-top: 0.2rem;
      padding-bottom: 0.2rem; }
      .business-area-section.compact .grid {
        display: block; }
        .business-area-section.compact .grid .g-inner {
          width: 100%; }
          .business-area-section.compact .grid .g-inner.first-card .card-1, .business-area-section.compact .grid .g-inner.last-card .card-1 {
            border-radius: 0; }
        .business-area-section.compact .grid .g-inner .card-1 {
          border-radius: 0; }
      .business-area-section.compact .card-1 .tags .t-inner {
        width: 100%; }
      .business-area-section.compact .image-title-wrap {
        padding: 0;
        border: none;
        margin-bottom: 0.4rem;
        padding-bottom: 0.4rem;
        flex-direction: column; }
        .business-area-section.compact .image-title-wrap.full-width .cnt {
          width: 100%; }
          .business-area-section.compact .image-title-wrap.full-width .cnt .text {
            width: 100%; }
        .business-area-section.compact .image-title-wrap.reverse {
          padding-right: 0;
          border: none;
          flex-direction: column; }
          .business-area-section.compact .image-title-wrap.reverse .media-wrap.border-radius {
            border-radius: 0 3rem 3rem 0; }
          .business-area-section.compact .image-title-wrap.reverse .cnt {
            text-align: left; }
            .business-area-section.compact .image-title-wrap.reverse .cnt .text {
              width: 100%; }
        .business-area-section.compact .image-title-wrap::before {
          content: '';
          display: block;
          position: absolute;
          left: -0.2rem;
          bottom: 0;
          width: calc(100% + 0.4rem);
          height: 1px;
          background-color: #C7C7C7; }
        .business-area-section.compact .image-title-wrap .media-wrap {
          position: relative;
          transform: none;
          top: auto;
          width: 100%;
          margin-bottom: 0.4rem;
          min-height: 3rem;
          order: 1; }
          .business-area-section.compact .image-title-wrap .media-wrap.border-radius {
            border-radius: 0 3rem 3rem 0;
            min-height: 1rem; }
        .business-area-section.compact .image-title-wrap .cnt {
          width: 100%;
          text-align: left;
          order: 2; }
          .business-area-section.compact .image-title-wrap .cnt .title {
            margin-bottom: 0.2rem; }
          .business-area-section.compact .image-title-wrap .cnt .text {
            width: 100%; }
      .business-area-section .image-title-wrap {
        padding: 0;
        border: none;
        margin-bottom: 0.4rem;
        padding-bottom: 0.4rem;
        flex-direction: column; }
        .business-area-section .image-title-wrap.full-width .cnt {
          width: 100%; }
          .business-area-section .image-title-wrap.full-width .cnt .text {
            width: 100%; }
        .business-area-section .image-title-wrap.reverse {
          padding-right: 0;
          border: none;
          flex-direction: column; }
          .business-area-section .image-title-wrap.reverse .media-wrap.border-radius {
            border-radius: 0 3rem 3rem 0; }
          .business-area-section .image-title-wrap.reverse .cnt {
            text-align: left; }
            .business-area-section .image-title-wrap.reverse .cnt .text {
              width: 100%; }
          .business-area-section .image-title-wrap.reverse.full-width {
            margin-bottom: .4rem;
            padding-bottom: .4rem; }
            .business-area-section .image-title-wrap.reverse.full-width .cnt {
              width: 100%; }
              .business-area-section .image-title-wrap.reverse.full-width .cnt .text {
                width: 100%; }
        .business-area-section .image-title-wrap::before {
          content: '';
          display: block;
          position: absolute;
          left: -0.2rem;
          bottom: 0;
          width: calc(100% + 0.4rem);
          height: 1px;
          background-color: #C7C7C7; }
        .business-area-section .image-title-wrap .media-wrap {
          position: relative;
          transform: none;
          top: auto;
          width: 100%;
          margin-bottom: 0.4rem;
          min-height: 3rem;
          order: 1; }
          .business-area-section .image-title-wrap .media-wrap.border-radius {
            border-radius: 0 3rem 3rem 0;
            min-height: 1rem; }
        .business-area-section .image-title-wrap .cnt {
          width: 100%;
          text-align: left;
          order: 2; }
          .business-area-section .image-title-wrap .cnt .title {
            margin-bottom: 0.2rem; }
          .business-area-section .image-title-wrap .cnt .text {
            width: 100%; }
      .business-area-section .grid {
        display: block; }
        .business-area-section .grid .g-inner {
          width: 100%; }
          .business-area-section .grid .g-inner.first-card .card-1, .business-area-section .grid .g-inner.last-card .card-1 {
            border-radius: 0.4rem 0 0 0; }
        .business-area-section .grid .g-inner:not(:last-child) {
          margin-bottom: 0.2rem; }
        .business-area-section .grid .g-inner .card-1 {
          border-radius: 0.4rem 0 0 0; } }

.customer-section {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #292929;
  background-image: url(../js/../img/png/noise.png);
  background-repeat: repeat;
  margin-top: .6rem;
  margin-bottom: .6rem; }
  .customer-section .title {
    color: #ffffff;
    margin-bottom: 0.2rem; }
  .customer-section .text {
    color: #E4E5E8;
    line-height: 0.26rem; }
  .customer-section .grid {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .customer-section .cnt {
    width: 4.3rem; }
  .customer-section .logo-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 5rem; }
    .customer-section .logo-wrap::before {
      content: '';
      display: block;
      position: absolute;
      transform: translateY(-50%);
      top: 50%;
      left: 0;
      width: 5.03rem;
      height: 4.98rem;
      background-image: url(../js/../img/svg/spiral.svg);
      background-position: 50%;
      background-size: contain;
      background-repeat: no-repeat; }
    .customer-section .logo-wrap::after {
      content: '';
      display: block;
      position: absolute;
      transform: translateY(-50%);
      top: 50%;
      left: 50%;
      width: 0.01rem;
      height: 102%;
      background-color: #8a8a8a; }
    .customer-section .logo-wrap .l-inner {
      position: relative;
      z-index: 5;
      display: flex;
      align-items: center;
      width: 50%;
      height: 1.62rem; }
      .customer-section .logo-wrap .l-inner:nth-child(odd) {
        padding-left: 0.23rem;
        padding-right: 0.49rem; }
      .customer-section .logo-wrap .l-inner:nth-child(even) {
        padding-left: 0.49rem;
        padding-right: 0.23rem; }
      .customer-section .logo-wrap .l-inner:not(:last-child) {
        border-bottom: 0.01rem solid #8a8a8a; }
      .customer-section .logo-wrap .l-inner:nth-last-child(2):nth-child(odd) {
        border-bottom: none; }
    .customer-section .logo-wrap .logo {
      display: block;
      width: 100%;
      margin: auto; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .customer-section {
      padding-top: 0.4rem;
      padding-bottom: 0.4rem;
      margin-top: 0.2rem;
      margin-bottom: 0.2rem; }
      .customer-section .grid {
        display: block; }
      .customer-section .cnt {
        width: 100%;
        margin-bottom: 0.3rem; }
      .customer-section .logo-wrap {
        width: 100%; }
        .customer-section .logo-wrap::before {
          display: none; }
        .customer-section .logo-wrap .l-inner {
          height: 1rem; } }

.challenge-list .challenge {
  cursor: pointer;
  display: block;
  position: relative;
  padding-left: 0.75rem;
  padding-right: 0.5rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem; }
  .challenge-list .challenge.up .tooltip {
    top: auto;
    bottom: 0; }
    .challenge-list .challenge.up .tooltip .tool-inner {
      border-radius: 0 1.32rem 0 0; }
    .challenge-list .challenge.up .tooltip .close-button {
      bottom: 0.2rem;
      top: auto; }
  .challenge-list .challenge::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #8a8a8a;
    transition: background-color 600ms cubic-bezier(0.51, 0.01, 0.2, 1); }
  .challenge-list .challenge .num {
    position: absolute;
    transition: color 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
    bottom: 0.2rem;
    left: 0;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 0.24rem;
    line-height: 0.32rem;
    font-weight: 700;
    color: #8a8a8a; }
  .challenge-list .challenge .text {
    transition: color 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
    color: #8a8a8a;
    margin-bottom: 0.06rem; }
  .challenge-list .challenge .c-title {
    transition: color 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
    font-family: "Source Sans Pro", sans-serif;
    font-size: 0.24rem;
    line-height: 0.32rem;
    color: #292929; }

.challenge-list .tooltip {
  position: absolute;
  top: calc(100% - 0.02rem);
  right: 0;
  pointer-events: none;
  opacity: 0;
  backface-visibility: hidden; }
  .challenge-list .tooltip .close-button {
    position: absolute;
    z-index: 10;
    top: 0.2rem;
    right: 0.2rem;
    width: 0.3rem;
    height: 0.3rem;
    background-image: url(../js/../img/svg/close-button-2.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain; }
  .challenge-list .tooltip .tool-inner {
    display: block;
    width: 4.75rem;
    background-color: #292929;
    background-image: url(../js/../img/png/noise.png);
    background-repeat: repeat;
    padding: 0.6rem 0.6rem 0.4rem;
    border-radius: 0 0 1.32rem 0;
    color: #ffffff;
    border: 1px solid #ffffff; }
  .challenge-list .tooltip .c-title {
    color: #ffffff; }
  .challenge-list .tooltip .text {
    color: #ffffff;
    margin-bottom: 0.08rem; }
  .challenge-list .tooltip .line {
    width: 3.1rem;
    height: 1px;
    background-color: #D97348;
    margin: 0.3rem 0; }
  .challenge-list .tooltip .desc {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 0.14rem;
    line-height: 0.24rem;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 0.3rem; }
  .challenge-list .tooltip .tags {
    display: flex;
    margin-bottom: 0.66rem; }
    .challenge-list .tooltip .tags .t-inner:first-child {
      margin-right: 0.06rem; }
    .challenge-list .tooltip .tags .t-inner:last-child {
      display: flex;
      flex-wrap: wrap;
      gap: 0.06rem;
      width: 3rem; }
    .challenge-list .tooltip .tags .card-text {
      font-family: "Source Sans Pro", sans-serif;
      font-size: 0.14rem;
      line-height: 0.24rem;
      font-weight: 400;
      color: #ffffff;
      margin: 0; }
    .challenge-list .tooltip .tags .tag {
      cursor: pointer;
      display: inline-block;
      font-family: "Source Sans Pro", sans-serif;
      transition: color 600ms cubic-bezier(0.51, 0.01, 0.2, 1), background-color 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
      font-size: 0.14rem;
      line-height: 0.14rem;
      font-weight: 400;
      text-decoration: none;
      color: #616161;
      background-color: #ffffff;
      border-radius: 0.5rem;
      padding: 0.06rem 0.12rem; }
    .challenge-list .tooltip .tags .tag:hover {
      color: #ffffff;
      background-color: #D97348; }
  .challenge-list .tooltip .more-button {
    color: #ffffff; }
    .challenge-list .tooltip .more-button svg {
      filter: invert(1); }

@media screen and (orientation: landscape) and (min-width: 767px) {
  .challenge-list .challenge:hover:after {
    background-color: #292929; }
  .challenge-list .challenge:hover > .num {
    color: #292929; }
  .challenge-list .challenge:hover > .text {
    color: #292929; }
  .challenge-list .challenge:hover > .c-title {
    color: #D97348; }
  .challenge-list .challenge.active:after {
    background-color: #292929; }
  .challenge-list .challenge.active > .num {
    color: #292929; }
  .challenge-list .challenge.active > .text {
    color: #292929; }
  .challenge-list .challenge.active > .c-title {
    color: #D97348; } }

@media screen and (orientation: portrait) and (max-width: 767px) {
  .challenge-list .challenge {
    padding: 0;
    padding-top: 0.2rem;
    padding-bottom: 0; }
    .challenge-list .challenge.up .tooltip .tool-inner {
      border-radius: 0 0 0 0; }
    .challenge-list .challenge .num {
      position: relative;
      top: auto;
      margin-bottom: 0.1rem;
      bottom: auto; }
    .challenge-list .challenge .text {
      margin-bottom: 0; }
    .challenge-list .challenge .c-title {
      font-size: 0.24rem;
      line-height: 0.3rem;
      padding-bottom: .2rem; }
    .challenge-list .challenge:not(:last-child) {
      margin-bottom: 0; }
  .challenge-list .challenge.active {
    z-index: 10;
    border-color: #292929;
    padding-bottom: .2rem; }
    .challenge-list .challenge.active > .num {
      color: #292929; }
    .challenge-list .challenge.active > .num,
    .challenge-list .challenge.active > .text {
      color: #292929; }
    .challenge-list .challenge.active > .c-title {
      color: #D97348; }
    .challenge-list .challenge.active .tooltip {
      pointer-events: all; }
  .challenge-list .tooltip {
    position: relative;
    width: 100%;
    height: 0;
    opacity: 1;
    overflow: hidden; }
    .challenge-list .tooltip .close-button {
      display: none; }
    .challenge-list .tooltip .tool-inner {
      width: 100%;
      padding: 0.22rem 0.2rem;
      border-radius: 0;
      opacity: 1;
      position: relative; }
    .challenge-list .tooltip .text {
      margin-bottom: 0.12rem; }
    .challenge-list .tooltip .line {
      width: 100%;
      margin: 0.2rem 0 0.3rem; }
    .challenge-list .tooltip .tags {
      display: block;
      margin-bottom: 0.3rem; }
      .challenge-list .tooltip .tags .t-inner:first-child {
        margin-right: 0;
        margin-bottom: 0.1rem; }
      .challenge-list .tooltip .tags .t-inner:last-child {
        width: 100%; } }

.challenges-section {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem; }
  .challenges-section.black {
    padding-top: .95rem;
    padding-bottom: 1rem;
    background-color: #292929;
    background-image: url(../js/../img/png/noise.png);
    background-repeat: repeat; }
    .challenges-section.black .challenge .c-title {
      color: #ffffff; }
    .challenges-section.black .challenge .tooltip .close-button {
      background-image: url(../js/../img/svg/close-button-2-black.svg); }
    .challenges-section.black .challenge .tooltip .tool-inner {
      background-color: #ffffff;
      background-image: none;
      color: #292929;
      border: 1px solid #292929; }
    .challenges-section.black .challenge .tooltip .c-title {
      color: #292929; }
    .challenges-section.black .challenge .tooltip .text {
      color: #292929; }
    .challenges-section.black .challenge .tooltip .line {
      background-color: #D97348; }
    .challenges-section.black .challenge .tooltip .desc {
      color: #292929; }
    .challenges-section.black .challenge .tooltip .tags .card-text {
      color: #292929; }
    .challenges-section.black .challenge .tooltip .tags .tag {
      color: #ffffff;
      background-color: #292929; }
    .challenges-section.black .challenge .tooltip .tags .tag:hover {
      color: #ffffff;
      background-color: #D97348; }
    .challenges-section.black .challenge .tooltip .more-button {
      color: #292929; }
      .challenges-section.black .challenge .tooltip .more-button svg {
        filter: unset; }
    .challenges-section.black .image-title-wrap .cnt .title {
      color: #ffffff;
      margin-bottom: 0.1rem; }
    .challenges-section.black .image-title-wrap .cnt .text {
      color: #E4E5E8; }
    @media screen and (orientation: landscape) and (min-width: 767px) {
      .challenges-section.black .challenge:hover:after {
        background-color: #ffffff; }
      .challenges-section.black .challenge:hover > .num {
        color: #ffffff; }
      .challenges-section.black .challenge:hover > .text {
        color: #ffffff; }
      .challenges-section.black .challenge:hover > .c-title {
        color: #D97348; }
      .challenges-section.black .challenge.active:after {
        background-color: #ffffff; }
      .challenges-section.black .challenge.active > .num {
        color: #ffffff; }
      .challenges-section.black .challenge.active > .text {
        color: #ffffff; }
      .challenges-section.black .challenge.active > .c-title {
        color: #D97348; } }
  .challenges-section .image-title-wrap {
    position: relative;
    padding-left: 0.68rem;
    border-left: 1px solid #C7C7C7;
    display: flex;
    align-items: center;
    min-height: 4.6rem;
    margin-bottom: 0.6rem; }
    .challenges-section .image-title-wrap.full-width {
      padding: 0;
      border: none;
      min-height: unset; }
      .challenges-section .image-title-wrap.full-width .cnt {
        width: 100%; }
    .challenges-section .image-title-wrap.reverse {
      border-left: none;
      padding-left: 0;
      border-right: 1px solid #C7C7C7;
      padding-right: 0.68rem; }
      .challenges-section .image-title-wrap.reverse.full-width {
        padding: 0;
        border: none;
        min-height: unset; }
        .challenges-section .image-title-wrap.reverse.full-width .cnt {
          width: 100%;
          text-align: left; }
          .challenges-section .image-title-wrap.reverse.full-width .cnt .text {
            margin-left: 0;
            margin-right: auto; }
      .challenges-section .image-title-wrap.reverse .media-wrap {
        right: unset;
        left: 0; }
        .challenges-section .image-title-wrap.reverse .media-wrap.border-radius {
          border-radius: 3rem 0 0 3rem; }
      .challenges-section .image-title-wrap.reverse .cnt {
        text-align: right;
        margin-right: 0;
        margin-left: auto; }
        .challenges-section .image-title-wrap.reverse .cnt .text {
          margin-right: 0;
          margin-left: auto; }
        .challenges-section .image-title-wrap.reverse .cnt .subtitles {
          margin-left: auto;
          margin-right: 0; }
    .challenges-section .image-title-wrap .media-wrap {
      transform: translateY(-50%);
      position: absolute;
      top: 50%;
      right: 0;
      width: 5.1rem;
      aspect-ratio: 51 / 51;
      min-height: 5.1rem; }
      .challenges-section .image-title-wrap .media-wrap.border-radius {
        border-radius: 0 3rem 3rem 0;
        aspect-ratio: 51 / 46;
        min-height: 2.36rem; }
    .challenges-section .image-title-wrap .cnt {
      position: relative;
      z-index: 10;
      width: 4.42rem;
      margin-left: 0;
      margin-right: auto; }
      .challenges-section .image-title-wrap .cnt .title {
        color: #292929;
        margin-bottom: 0.1rem; }
      .challenges-section .image-title-wrap .cnt .text {
        color: #616161;
        width: 3.74rem; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .challenges-section {
      padding-top: 0.2rem;
      padding-bottom: 0rem; }
      .challenges-section.full-width {
        margin-bottom: 0.4rem;
        padding-bottom: 0.4rem; }
      .challenges-section.black {
        padding-top: 0.4rem;
        padding-bottom: 0.4rem; }
        .challenges-section.black .challenge-list .challenge.active {
          z-index: 10;
          border-color: #ffffff; }
          .challenges-section.black .challenge-list .challenge.active > .num {
            color: #ffffff; }
          .challenges-section.black .challenge-list .challenge.active > .text {
            color: #ffffff; }
          .challenges-section.black .challenge-list .challenge.active > .c-title {
            color: #D97348; }
          .challenges-section.black .challenge-list .challenge.active .tooltip {
            pointer-events: all; }
      .challenges-section .image-title-wrap {
        padding: 0;
        border: none;
        margin-bottom: 0.4rem;
        padding-bottom: 0.4rem;
        flex-direction: column; }
        .challenges-section .image-title-wrap.full-width {
          margin-bottom: 0.4rem;
          padding-bottom: 0.4rem; }
        .challenges-section .image-title-wrap.reverse {
          padding-right: 0;
          border: none; }
          .challenges-section .image-title-wrap.reverse.full-width {
            margin-bottom: 0.4rem;
            padding-bottom: 0.4rem; }
          .challenges-section .image-title-wrap.reverse .media-wrap.border-radius {
            border-radius: 0 3rem 3rem 0; }
        .challenges-section .image-title-wrap::before {
          content: '';
          display: block;
          position: absolute;
          left: -0.2rem;
          bottom: 0;
          width: calc(100% + 0.4rem);
          height: 1px;
          background-color: #C7C7C7; }
        .challenges-section .image-title-wrap .media-wrap {
          position: relative;
          transform: none;
          top: auto;
          width: 100%;
          margin-bottom: 0.4rem;
          min-height: 3rem;
          order: 1; }
          .challenges-section .image-title-wrap .media-wrap.border-radius {
            border-radius: 0 3rem 3rem 0;
            min-height: 1rem; }
        .challenges-section .image-title-wrap .cnt {
          width: 100%;
          text-align: left;
          order: 2; }
          .challenges-section .image-title-wrap .cnt .title {
            margin-bottom: 0.2rem; }
          .challenges-section .image-title-wrap .cnt .text {
            width: 100%; } }

.call-to-action-section {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background-color: #292929;
  background-image: url(../js/../img/png/noise.png);
  background-repeat: repeat;
  margin-top: .6rem;
  margin-bottom: .6rem; }
  .call-to-action-section.white {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    background-image: none; }
    .call-to-action-section.white .title-button-wrap .button-1 {
      background-color: #292929;
      color: #ffffff; }
    .call-to-action-section.white .title-button-wrap .title {
      color: #292929; }
    .call-to-action-section.white .title-button-wrap .text {
      color: #616161; }
    .call-to-action-section.white .stats .num {
      color: #292929; }
    .call-to-action-section.white .stats .text {
      color: #424242; }
  .call-to-action-section .title-button-wrap {
    position: relative;
    padding-right: 1.8rem;
    padding-bottom: 0.1rem; }
    .call-to-action-section .title-button-wrap .button-1 {
      position: absolute;
      right: 0;
      bottom: .1rem; }
    .call-to-action-section .title-button-wrap .title {
      color: #ffffff;
      margin-bottom: 0.2rem; }
    .call-to-action-section .title-button-wrap .text {
      color: #E4E5E8;
      max-width: 5.3rem; }
  .call-to-action-section .grid {
    display: flex;
    justify-content: center; }
    .call-to-action-section .grid .g-inner {
      position: relative;
      width: calc(100% / 3);
      padding: 0.6rem 0; }
    .call-to-action-section .grid .g-inner:not(:last-child) {
      border-right: 1px solid #8a8a8a; }
  .call-to-action-section .stats {
    text-align: center;
    margin-top: 1.14rem; }
    .call-to-action-section .stats .num {
      position: relative;
      z-index: 10;
      font-family: "Source Serif Pro", serif;
      font-size: 0.9rem;
      line-height: 0.9rem;
      font-weight: 700;
      color: #ffffff;
      margin-bottom: 0.2rem; }
    .call-to-action-section .stats .text {
      position: relative;
      z-index: 10;
      color: #E4E5E8; }
    .call-to-action-section .stats .pattern {
      display: block;
      position: absolute;
      transform: translate3d(-50%, -50%, 0);
      top: 50%;
      left: 50%;
      width: 2.55rem; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .call-to-action-section {
      padding-top: 0.4rem;
      padding-bottom: 0.4rem;
      margin-top: .2rem;
      margin-bottom: .2rem; }
      .call-to-action-section.white {
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
        margin-top: 0rem;
        margin-bottom: 0rem; }
      .call-to-action-section .title-button-wrap {
        padding: 0; }
        .call-to-action-section .title-button-wrap .text {
          margin-bottom: 0.3rem; }
        .call-to-action-section .title-button-wrap .button-1 {
          position: relative; }
      .call-to-action-section .grid {
        display: block; }
        .call-to-action-section .grid .g-inner {
          width: 100%;
          padding: 0;
          padding-bottom: 0.1rem;
          border-bottom: 1px solid #8a8a8a; }
        .call-to-action-section .grid .g-inner:not(:last-child) {
          margin-bottom: 0.1rem;
          border: 0;
          border-bottom: 1px solid #8a8a8a; }
      .call-to-action-section .stats {
        text-align: left;
        margin-top: 0.4rem; }
        .call-to-action-section .stats .pattern {
          display: none; }
        .call-to-action-section .stats .num {
          font-size: 0.9rem;
          line-height: 1rem;
          margin-bottom: 0.1rem; } }

.solutions-section {
  padding-top: 0.6rem;
  padding-bottom: 1.2rem; }
  .solutions-section.black {
    padding-top: .95rem;
    padding-bottom: 1rem;
    background-color: #292929;
    background-image: url(../js/../img/png/noise.png);
    background-repeat: repeat; }
    .solutions-section.black .challenge .c-title {
      color: #ffffff; }
    .solutions-section.black .challenge .tooltip .close-button {
      background-image: url(../js/../img/svg/close-button-2-black.svg); }
    .solutions-section.black .challenge .tooltip .tool-inner {
      background-color: #ffffff;
      background-image: none;
      color: #292929;
      border: 1px solid #292929; }
    .solutions-section.black .challenge .tooltip .c-title {
      color: #292929; }
    .solutions-section.black .challenge .tooltip .text {
      color: #292929; }
    .solutions-section.black .challenge .tooltip .line {
      background-color: #D97348; }
    .solutions-section.black .challenge .tooltip .desc {
      color: #292929; }
    .solutions-section.black .challenge .tooltip .tags .card-text {
      color: #292929; }
    .solutions-section.black .challenge .tooltip .tags .tag {
      color: #ffffff;
      background-color: #292929; }
    .solutions-section.black .challenge .tooltip .tags .tag:hover {
      color: #ffffff;
      background-color: #D97348; }
    .solutions-section.black .challenge .tooltip .more-button {
      color: #292929; }
      .solutions-section.black .challenge .tooltip .more-button svg {
        filter: unset; }
    .solutions-section.black .image-title-wrap .cnt .title {
      color: #ffffff;
      margin-bottom: 0.1rem; }
    .solutions-section.black .image-title-wrap .cnt .text {
      color: #E4E5E8; }
    @media screen and (orientation: landscape) and (min-width: 767px) {
      .solutions-section.black .challenge:hover:after {
        background-color: #ffffff; }
      .solutions-section.black .challenge:hover > .num {
        color: #ffffff; }
      .solutions-section.black .challenge:hover > .text {
        color: #ffffff; }
      .solutions-section.black .challenge:hover > .c-title {
        color: #D97348; }
      .solutions-section.black .challenge.active:after {
        background-color: #ffffff; }
      .solutions-section.black .challenge.active > .num {
        color: #ffffff; }
      .solutions-section.black .challenge.active > .text {
        color: #ffffff; }
      .solutions-section.black .challenge.active > .c-title {
        color: #D97348; } }
  .solutions-section .image-title-wrap {
    position: relative;
    padding-left: 0.68rem;
    border-left: 1px solid #C7C7C7;
    display: flex;
    align-items: center;
    min-height: 4.6rem;
    margin-bottom: 0.6rem; }
    .solutions-section .image-title-wrap.full-width {
      padding-left: 0;
      border-left: none;
      min-height: unset; }
      .solutions-section .image-title-wrap.full-width .cnt {
        width: 100%; }
    .solutions-section .image-title-wrap.reverse {
      border-left: none;
      padding-left: 0;
      border-right: 1px solid #C7C7C7;
      padding-right: 0.68rem; }
      .solutions-section .image-title-wrap.reverse.full-width {
        padding: 0;
        border: none;
        min-height: unset; }
        .solutions-section .image-title-wrap.reverse.full-width .cnt {
          width: 100%;
          text-align: left; }
          .solutions-section .image-title-wrap.reverse.full-width .cnt .text {
            margin-left: 0;
            margin-right: auto; }
      .solutions-section .image-title-wrap.reverse .media-wrap {
        right: unset;
        left: 0; }
        .solutions-section .image-title-wrap.reverse .media-wrap.border-radius {
          border-radius: 3rem 0 0 3rem; }
      .solutions-section .image-title-wrap.reverse .cnt {
        text-align: right;
        margin-right: 0;
        margin-left: auto; }
        .solutions-section .image-title-wrap.reverse .cnt .text {
          margin-right: 0;
          margin-left: auto; }
        .solutions-section .image-title-wrap.reverse .cnt .subtitles {
          margin-left: auto;
          margin-right: 0; }
    .solutions-section .image-title-wrap .media-wrap {
      transform: translateY(-50%);
      position: absolute;
      top: 50%;
      right: 0;
      width: 5.1rem;
      aspect-ratio: 51 / 51;
      min-height: 5.1rem; }
      .solutions-section .image-title-wrap .media-wrap.border-radius {
        border-radius: 0 3rem 3rem 0;
        aspect-ratio: 51 / 46;
        min-height: 2.36rem; }
    .solutions-section .image-title-wrap .cnt {
      position: relative;
      z-index: 10;
      width: 4.42rem;
      margin-left: 0;
      margin-right: auto; }
      .solutions-section .image-title-wrap .cnt .title {
        color: #292929;
        margin-bottom: 0.1rem; }
      .solutions-section .image-title-wrap .cnt .text {
        color: #616161;
        width: 3.74rem; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .solutions-section {
      padding-top: 0.2rem;
      padding-bottom: 0.2rem; }
      .solutions-section.black {
        padding-top: 0.4rem;
        padding-bottom: 0.4rem; }
        .solutions-section.black .challenge-list .challenge.active {
          z-index: 10;
          border-color: #ffffff; }
          .solutions-section.black .challenge-list .challenge.active > .num {
            color: #ffffff; }
          .solutions-section.black .challenge-list .challenge.active > .text {
            color: #ffffff; }
          .solutions-section.black .challenge-list .challenge.active > .c-title {
            color: #D97348; }
          .solutions-section.black .challenge-list .challenge.active .tooltip {
            pointer-events: all; }
      .solutions-section .image-title-wrap {
        padding: 0;
        border: none;
        margin-bottom: 0.4rem;
        padding-bottom: 0.4rem;
        flex-direction: column; }
        .solutions-section .image-title-wrap.reverse {
          padding-right: 0;
          border: none; }
          .solutions-section .image-title-wrap.reverse .media-wrap.border-radius {
            border-radius: 0 3rem 3rem 0; }
        .solutions-section .image-title-wrap::before {
          content: '';
          display: block;
          position: absolute;
          left: -0.2rem;
          bottom: 0;
          width: calc(100% + 0.4rem);
          height: 1px;
          background-color: #C7C7C7; }
        .solutions-section .image-title-wrap .media-wrap {
          position: relative;
          transform: none;
          top: auto;
          width: 100%;
          margin-bottom: 0.4rem;
          min-height: 3rem;
          order: 1; }
          .solutions-section .image-title-wrap .media-wrap.border-radius {
            border-radius: 0 3rem 3rem 0;
            min-height: 1rem; }
        .solutions-section .image-title-wrap .cnt {
          width: 100%;
          text-align: left;
          order: 2; }
          .solutions-section .image-title-wrap .cnt .title {
            margin-bottom: 0.2rem; }
          .solutions-section .image-title-wrap .cnt .text {
            width: 100%; } }

.partners-section {
  padding-top: 1rem;
  padding-bottom: 1.7rem;
  background-color: #292929;
  background-image: url(../js/../img/png/noise.png);
  background-repeat: repeat; }
  .partners-section .cnt {
    text-align: center;
    width: 5.26rem;
    margin: auto;
    margin-bottom: 0.83rem; }
  .partners-section .title {
    color: #ffffff;
    margin-bottom: 0.2rem; }
  .partners-section .text {
    color: #E4E5E8; }
  .partners-section .grid {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    max-width: 9.15rem;
    margin: auto; }
    .partners-section .grid::before {
      content: '';
      display: block;
      position: absolute;
      transform: translate3d(-50%, -50%, 0);
      top: 50%;
      left: 50%;
      width: 10.38rem;
      height: 4.18rem;
      background-image: url(../js/../img/svg/pattern-4.svg);
      background-position: 50%;
      background-size: contain;
      background-repeat: no-repeat; }
    .partners-section .grid .g-inner {
      display: flex;
      position: relative;
      z-index: 5;
      align-items: center;
      width: calc(100% / 3);
      padding-left: 0.63rem;
      padding-right: 0.64rem;
      height: 2.09rem;
      border-bottom: 0.01rem solid #8a8a8a; }
    .partners-section .grid .g-inner:not(.border-bottom) {
      border: none; }
    .partners-section .grid .g-inner:not(:nth-child(3n)) {
      border-right: 0.01rem solid #8a8a8a; }
    .partners-section .grid .logo {
      display: block;
      width: 100%;
      margin: auto; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .partners-section {
      padding-top: 0.4rem;
      padding-bottom: 0.4rem;
      margin-top: 0.2rem; }
      .partners-section .cnt {
        width: 100%;
        text-align: left;
        margin-bottom: 0.2rem; }
      .partners-section .grid {
        width: 100%;
        max-width: none; }
        .partners-section .grid::before {
          display: none; }
        .partners-section .grid::after {
          content: '';
          display: block;
          position: absolute;
          transform: translateX(-50%);
          top: 0;
          left: 50%;
          width: 0.01rem;
          height: 100%;
          background-color: #8a8a8a; }
        .partners-section .grid .g-inner {
          padding: 0 0.2rem;
          width: 50%;
          height: 1.1rem; }
        .partners-section .grid .g-inner:not(:last-child):not(:nth-last-child(2)) {
          border-bottom: 0.01rem solid #8a8a8a; }
        .partners-section .grid .g-inner:not(:nth-child(3n)) {
          border-right: 0; } }

.card-2 {
  display: block;
  position: relative;
  height: 100%; }
  .card-2 .media-wrap {
    aspect-ratio: 51 / 35;
    border-radius: 0.32rem;
    margin-bottom: 0.2rem;
    min-height: 2.5rem; }
  .card-2 .tag-wrap {
    display: block;
    position: absolute;
    left: 0.19rem;
    bottom: 0.2rem; }
    .card-2 .tag-wrap .tag {
      display: inline-block;
      font-family: "Source Sans Pro", sans-serif;
      font-size: 0.16rem;
      line-height: 0.26rem;
      font-weight: 400;
      color: #ffffff;
      background-color: #D97348;
      border-radius: 0.32rem;
      padding: 0.1rem 0.3rem;
      text-decoration: none;
      position: relative;
      overflow: hidden;
      transform: translateZ(0); }
      .card-2 .tag-wrap .tag::after {
        content: '';
        display: block;
        position: absolute;
        transition: transform 800ms cubic-bezier(0.51, 0.01, 0.2, 1);
        transform: scale(0);
        z-index: -1;
        top: -0.2rem;
        left: -0.2rem;
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        background-color: #292929; }
      .card-2 .tag-wrap .tag:hover::after {
        transform: scale(8); }
  .card-2 .c-title {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 0.24rem;
    line-height: 0.3rem;
    font-weight: 700;
    color: #292929;
    margin-bottom: 0.1rem; }
  .card-2 .c-text {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 0.16rem;
    line-height: 0.24rem;
    font-weight: 400;
    color: #8a8a8a; }
  .card-2 .line {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #8a8a8a;
    margin: 0.4rem 0; }
  .card-2 .date {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 0.16rem;
    line-height: 0.26rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #8a8a8a;
    margin-bottom: 0.4rem; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .card-2 .tag {
      padding: 0.08rem 0.3rem; }
    .card-2 .media-wrap {
      min-height: 2.13rem; } }

.slider-nav-1 {
  display: block;
  position: relative;
  padding: 0 0.41rem; }
  .slider-nav-1 .nums {
    font-family: "Source Serif Pro", serif;
    font-size: 0.24rem;
    line-height: 0.32rem;
    font-weight: 700;
    color: #292929; }
    .slider-nav-1 .nums small {
      display: inline-block;
      font-size: 0.24rem;
      line-height: 0.3rem;
      color: #8a8a8a; }
  .slider-nav-1 .button {
    cursor: pointer;
    display: block;
    position: absolute;
    transition: transform 300ms ease-out;
    transform: translateY(-50%);
    z-index: 5;
    top: 50%;
    width: 0.08rem;
    height: 0.16rem;
    background-image: url(../js/../img/svg/slide-btn-arrow-2.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat; }
    .slider-nav-1 .button.prev {
      left: 0; }
    .slider-nav-1 .button.next {
      transform: translateY(-50%) rotate(180deg);
      right: 0; }
  .slider-nav-1 .button:hover {
    transform: translateY(-50%) scale(1.5); }
    .slider-nav-1 .button:hover.next {
      transform: translateY(-50%) rotate(180deg) scale(1.5); }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .slider-nav-1 {
      padding: 0 0.3rem; }
      .slider-nav-1 .nums {
        font-size: 0.16rem;
        line-height: 0.2rem; }
        .slider-nav-1 .nums small {
          font-size: 0.16rem;
          line-height: 0.2rem; } }

.latest-publications-section {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem; }
  .latest-publications-section .title {
    color: #292929;
    margin-bottom: 0.6rem; }
  .latest-publications-section .swiper {
    overflow: visible;
    margin-bottom: 0.6rem; }
  .latest-publications-section .swiper-slide {
    padding-right: 0.2rem;
    height: auto; }
    .latest-publications-section .swiper-slide .card-2 {
      transition: opacity 600ms cubic-bezier(0.51, 0.01, 0.2, 1), transform 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
      transform: translate3d(12.5%, 0, 0) scale(0.75);
      opacity: 0;
      pointer-events: none;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
  .latest-publications-section .swiper-slide-prev .card-2,
  .latest-publications-section .swiper-slide-active .card-2,
  .latest-publications-section .swiper-slide-next .card-2,
  .latest-publications-section .swiper-slide-next + .swiper-slide .card-2,
  .latest-publications-section .swiper-slide-next + .swiper-slide + .swiper-slide .card-2 {
    transform: translate3d(0%, 0, 0) scale(1);
    opacity: 1;
    pointer-events: all; }
  .latest-publications-section .swiper-slide-prev .card-2 {
    transform: translate3d(12.5%, 0, 0) scale(0.75);
    opacity: 0.5; }
  .latest-publications-section .nav-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .latest-publications-section {
      margin-top: 0.4rem;
      margin-bottom: 0.4rem;
      padding-top: 0; }
      .latest-publications-section .title {
        margin-bottom: 0.4rem; }
      .latest-publications-section .swiper {
        overflow: hidden;
        margin-bottom: 0.4rem; }
      .latest-publications-section .swiper-slide {
        padding: 0; }
      .latest-publications-section .swiper-slide.empty {
        display: none; } }

.latest-publications-section.pb-0 {
  padding-bottom: 0; }

.latest-publications-hero-section {
  padding-top: 2.12rem;
  padding-bottom: 1.04rem;
  background-color: #292929;
  background-image: url(../js/../img/png/noise.png);
  background-repeat: repeat; }
  .latest-publications-hero-section .title {
    color: #ffffff;
    margin-bottom: 0.6rem; }
  .latest-publications-hero-section .media-grid {
    display: flex; }
    .latest-publications-hero-section .media-grid .m-inner {
      width: 50%; }
    .latest-publications-hero-section .media-grid .m-inner:last-child {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding-left: 0.4rem; }
  .latest-publications-hero-section .media-card-main {
    text-decoration: none;
    flex: 0 0 50%;
    max-width: 50%; }
    .latest-publications-hero-section .media-card-main:hover .media {
      transform: scale(1.1); }
    .latest-publications-hero-section .media-card-main .media {
      transition: transform 0.4s ease; }
  .latest-publications-hero-section .media-card {
    display: flex;
    align-items: center;
    width: 100%;
    text-decoration: none;
    height: 100%;
    padding-top: .2rem;
    padding-bottom: .2rem; }
    .latest-publications-hero-section .media-card:first-of-type {
      padding-top: 0;
      padding-bottom: .2rem; }
    .latest-publications-hero-section .media-card:last-of-type {
      padding-top: .2rem;
      padding-bottom: 0; }
    .latest-publications-hero-section .media-card:hover .media {
      transform: scale(1.1); }
    .latest-publications-hero-section .media-card .media-wrap {
      width: 100%;
      aspect-ratio: 45 / 36;
      min-height: 1.70rem;
      border-radius: 0.32rem; }
      .latest-publications-hero-section .media-card .media-wrap .media {
        transition: transform 0.4s ease; }
    .latest-publications-hero-section .media-card .cnt {
      width: 2.46rem;
      min-width: 2.64rem;
      padding-left: 0.2rem; }
    .latest-publications-hero-section .media-card .date {
      margin-bottom: 0.1rem; }
    .latest-publications-hero-section .media-card .text.main {
      color: #ffffff;
      margin-bottom: 0.1rem; }
  .latest-publications-hero-section .media-wrap.main {
    aspect-ratio: 17 / 12;
    margin-bottom: 0.2rem;
    min-height: 3.6rem;
    border-radius: 0.32rem; }
  .latest-publications-hero-section .date {
    color: #E4E5E8;
    margin-bottom: 0.2rem; }
  .latest-publications-hero-section .section-title {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 0.24rem;
    line-height: 0.32rem;
    letter-spacing: 0em;
    color: #ffffff;
    margin-bottom: 0.1rem; }
  .latest-publications-hero-section .text:not(.date) {
    color: #E4E5E8; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .latest-publications-hero-section {
      padding-top: 0.62rem;
      padding-bottom: 0.4rem; }
      .latest-publications-hero-section .title {
        margin-bottom: 0.2rem; }
      .latest-publications-hero-section .date {
        margin-bottom: 0.1rem; }
      .latest-publications-hero-section .media-wrap.main {
        min-height: 2.36rem; }
      .latest-publications-hero-section .media-grid {
        display: block; }
        .latest-publications-hero-section .media-grid .m-inner {
          width: 100%; }
        .latest-publications-hero-section .media-grid .m-inner:first-child {
          margin-bottom: 0.2rem;
          padding-bottom: 0.2rem; }
          .latest-publications-hero-section .media-grid .m-inner:first-child:first-of-type {
            border-bottom: 1px solid #8A8A8A; }
        .latest-publications-hero-section .media-grid .m-inner:last-child {
          display: block;
          padding-left: 0; }
      .latest-publications-hero-section .media-card {
        display: block; }
        .latest-publications-hero-section .media-card:not(:last-of-type) {
          border-bottom: 1px solid #8A8A8A;
          margin-bottom: 0.2rem;
          padding-bottom: 0.2rem; }
        .latest-publications-hero-section .media-card .media-wrap {
          margin-bottom: 0.2rem; }
        .latest-publications-hero-section .media-card .cnt {
          width: 100%;
          padding-left: 0; } }

.solutions-about-hero-section {
  padding-top: 2.12rem;
  padding-bottom: 1.2rem;
  background-color: #292929;
  background-image: url(../js/../img/png/noise.png);
  background-repeat: repeat; }
  .solutions-about-hero-section.background-blue {
    background-color: #202540; }
  .solutions-about-hero-section .section-inner {
    padding-left: 0.68rem; }
    .solutions-about-hero-section .section-inner .solution-hero-card {
      display: flex;
      position: relative;
      align-items: center;
      padding-top: 0.69rem;
      padding-bottom: 0.67rem;
      min-height: 4.6rem; }
      .solutions-about-hero-section .section-inner .solution-hero-card::before {
        content: "";
        width: 1px;
        height: 85%;
        background-color: #949494;
        position: absolute;
        left: -0.68rem;
        top: 50%;
        transform: translateY(-50%); }
      .solutions-about-hero-section .section-inner .solution-hero-card .cnt {
        z-index: 10;
        width: 4.42rem; }
        .solutions-about-hero-section .section-inner .solution-hero-card .cnt .quote {
          color: #D97348;
          margin-bottom: 0.1rem; }
        .solutions-about-hero-section .section-inner .solution-hero-card .cnt a {
          margin-top: 0.5rem; }
      .solutions-about-hero-section .section-inner .solution-hero-card .media-wrap {
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        right: 0;
        width: 5.3rem;
        aspect-ratio: 51 / 51;
        min-height: 5.1rem; }
        .solutions-about-hero-section .section-inner .solution-hero-card .media-wrap.border-radius {
          border-radius: 0rem 2.3rem 0rem 0rem;
          aspect-ratio: 51 / 46;
          min-height: 2.36rem; }
          .solutions-about-hero-section .section-inner .solution-hero-card .media-wrap.border-radius.radius-left {
            border-radius: 2.3rem 0rem 0rem 0rem; }
      .solutions-about-hero-section .section-inner .solution-hero-card .sub-title {
        font-family: "Source Sans Pro", sans-serif;
        font-size: 0.14rem;
        line-height: 0.24rem;
        color: #E4E5E8;
        margin-bottom: 0.1rem; }
      .solutions-about-hero-section .section-inner .solution-hero-card .title {
        color: #ffffff;
        margin-bottom: 0.1rem; }
      .solutions-about-hero-section .section-inner .solution-hero-card .text {
        color: #E4E5E8;
        max-width: 3.74rem; }
  .solutions-about-hero-section .solutions-list-wrap {
    color: #ffffff;
    padding-top: .8rem; }
    .solutions-about-hero-section .solutions-list-wrap .filter-select {
      display: none;
      border-radius: 0.21rem;
      padding: 0.1rem 0.2rem;
      font-weight: bold;
      font-family: "Source Sans Pro", sans-serif;
      font-size: .16rem;
      line-height: .2rem;
      font-weight: 600;
      width: 100%;
      position: relative;
      background: url(../js/../img/svg/select-arrow.svg) no-repeat right #ffffff;
      background-size: 0.08rem 0.1rem;
      -webkit-appearance: none;
      background-position-x: calc(100% - .2rem);
      outline: none;
      color: #292929; }
    .solutions-about-hero-section .solutions-list-wrap.category {
      padding-top: .4rem; }
    .solutions-about-hero-section .solutions-list-wrap .grid {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start; }
      .solutions-about-hero-section .solutions-list-wrap .grid h2 {
        width: 2rem;
        padding-top: .09rem; }
      .solutions-about-hero-section .solutions-list-wrap .grid .list {
        width: calc(100% - (1.57rem));
        margin-left: .2rem; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .solutions-about-hero-section {
      padding-top: 0.7rem;
      padding-bottom: 0.4rem; }
      .solutions-about-hero-section .section-inner {
        padding-left: 0; }
        .solutions-about-hero-section .section-inner .solution-hero-card {
          padding-top: 0;
          padding-bottom: 0;
          display: flex;
          flex-direction: column; }
          .solutions-about-hero-section .section-inner .solution-hero-card::before {
            display: none; }
          .solutions-about-hero-section .section-inner .solution-hero-card .cnt {
            width: 100%;
            order: 2;
            margin-top: .2rem; }
            .solutions-about-hero-section .section-inner .solution-hero-card .cnt .button-1 {
              margin-top: 0.2rem; }
          .solutions-about-hero-section .section-inner .solution-hero-card .media-wrap {
            transform: translateY(0);
            position: relative;
            width: 100%;
            min-height: 3.35rem; }
            .solutions-about-hero-section .section-inner .solution-hero-card .media-wrap.border-radius {
              border-radius: 0rem 1rem 0rem 0rem;
              height: 2.36rem; }
              .solutions-about-hero-section .section-inner .solution-hero-card .media-wrap.border-radius.radius-left {
                border-radius: 1rem 0rem 0rem 0rem; }
          .solutions-about-hero-section .section-inner .solution-hero-card .sub-title {
            margin-bottom: 0.2rem; }
          .solutions-about-hero-section .section-inner .solution-hero-card .title {
            margin-bottom: 0.2rem; }
            .solutions-about-hero-section .section-inner .solution-hero-card .title.over-img {
              width: 100%; }
          .solutions-about-hero-section .section-inner .solution-hero-card .text {
            width: 100%; }
      .solutions-about-hero-section .solutions-list-wrap.category {
        padding-top: .1rem; }
      .solutions-about-hero-section .solutions-list-wrap {
        padding-top: .5rem; }
        .solutions-about-hero-section .solutions-list-wrap .filter-select {
          display: block; }
        .solutions-about-hero-section .solutions-list-wrap .grid {
          flex-direction: column;
          gap: .1rem; }
          .solutions-about-hero-section .solutions-list-wrap .grid h2 {
            width: 100%;
            padding-top: 0;
            padding-bottom: .2rem;
            display: none; }
          .solutions-about-hero-section .solutions-list-wrap .grid .list {
            width: 100%;
            margin-left: 0; } }

.image-title-text {
  padding-top: 1.2rem;
  padding-bottom: 0.6rem; }
  .image-title-text.background-blue {
    background-color: #202540;
    background-image: url(../js/../img/png/noise.png);
    background-repeat: repeat; }
  .image-title-text.background-black, .image-title-text.bg-black {
    background-color: #292929;
    background-image: url(../js/../img/png/noise.png);
    background-repeat: repeat; }
  .image-title-text.no-top-margin {
    padding-top: 0.6rem; }
  .image-title-text.no-border .image-title-wrap {
    padding-right: 0;
    border-right: unset; }
    .image-title-text.no-border .image-title-wrap.reverse {
      border-left: unset;
      padding-left: 0; }
  .image-title-text .image-title-wrap {
    position: relative;
    padding-right: 0.68rem;
    border-right: 1px solid #C7C7C7;
    display: flex;
    align-items: center;
    min-height: 4.6rem; }
    .image-title-text .image-title-wrap.reverse {
      border-right: none;
      padding-right: 0;
      border-left: 1px solid #C7C7C7;
      padding-left: 0.68rem; }
      .image-title-text .image-title-wrap.reverse .media-wrap {
        left: unset;
        right: 0; }
        .image-title-text .image-title-wrap.reverse .media-wrap.border-radius {
          border-radius: 0 3rem 3rem 0; }
      .image-title-text .image-title-wrap.reverse .cnt {
        text-align: left;
        margin-left: 0;
        margin-right: auto; }
        .image-title-text .image-title-wrap.reverse .cnt .title.white {
          color: #ffffff; }
        .image-title-text .image-title-wrap.reverse .cnt .text {
          margin-left: 0;
          margin-right: auto; }
        .image-title-text .image-title-wrap.reverse .cnt .subtitles {
          margin-right: auto;
          margin-left: 0; }
    .image-title-text .image-title-wrap .media-wrap {
      transform: translateY(-50%);
      position: absolute;
      top: 50%;
      left: 0;
      width: 5.1rem;
      aspect-ratio: 51 / 51;
      min-height: 5.1rem; }
      .image-title-text .image-title-wrap .media-wrap.border-radius {
        border-radius: 3rem 0 0 3rem;
        aspect-ratio: 51 / 46;
        min-height: 2.36rem; }
    .image-title-text .image-title-wrap .cnt {
      position: relative;
      z-index: 10;
      width: 4.42rem;
      text-align: right;
      margin-left: auto;
      margin-right: 0; }
      .image-title-text .image-title-wrap .cnt .title {
        color: #292929;
        margin-bottom: 0.1rem; }
      .image-title-text .image-title-wrap .cnt .text {
        color: #616161;
        width: 3.74rem;
        margin-left: auto;
        margin-right: 0; }
      .image-title-text .image-title-wrap .cnt .subtitles {
        font-family: "Source Sans Pro", sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: .24rem;
        line-height: .3rem;
        color: #292929;
        margin-top: .2rem;
        margin-bottom: .3rem;
        max-width: 4.42rem;
        margin-right: 0;
        margin-left: auto; }
        .image-title-text .image-title-wrap .cnt .subtitles p {
          padding-bottom: .1rem; }
      .image-title-text .image-title-wrap .cnt .button-1 {
        vertical-align: middle;
        margin-top: .4rem; }
  .image-title-text .custom-icon {
    position: relative;
    width: .48rem;
    height: .48rem;
    margin-right: .1rem;
    top: 0;
    left: 0;
    transition: scale 0.6s cubic-bezier(0.51, 0.01, 0.2, 1); }
    .image-title-text .custom-icon .icon-img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .image-title-text .image-title-cards {
    margin-top: 0.9rem; }
    .image-title-text .image-title-cards.no-top-margin {
      margin-top: 0; }
    .image-title-text .image-title-cards.border-top {
      padding-top: 1rem;
      margin-top: 1rem;
      position: relative; }
      .image-title-text .image-title-cards.border-top::after {
        content: "";
        position: absolute;
        width: 130%;
        left: -1.2rem;
        top: 0;
        height: 1px;
        background-color: #C7C7C7; }
    .image-title-text .image-title-cards .cards-header {
      font-family: "Source Serif Pro", serif;
      font-style: normal;
      font-weight: 700;
      font-size: .48rem;
      line-height: .6rem;
      text-align: center;
      color: #292929;
      margin-bottom: .5rem; }
    .image-title-text .image-title-cards .grid {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 0.2rem; }
      .image-title-text .image-title-cards .grid .g-inner {
        width: calc((100% / 3) - 0.2rem); }
        .image-title-text .image-title-cards .grid .g-inner:first-of-type .image-title-card {
          border-top-left-radius: .4rem; }
        .image-title-text .image-title-cards .grid .g-inner:last-of-type .image-title-card {
          border-bottom-right-radius: .4rem; }
        .image-title-text .image-title-cards .grid .g-inner .image-title-card {
          position: relative;
          width: 100%;
          height: 100%;
          background-color: #FAFAFA;
          padding: .2rem .2rem .52rem .2rem;
          z-index: 2; }
          .image-title-text .image-title-cards .grid .g-inner .image-title-card .card-header {
            display: flex;
            flex-direction: row;
            align-items: center;
            width: 100%;
            position: relative;
            padding-bottom: 0.2rem;
            margin-bottom: 0.2rem; }
            .image-title-text .image-title-cards .grid .g-inner .image-title-card .card-header::after {
              content: "";
              width: 100%;
              height: 1px;
              position: absolute;
              bottom: 0;
              left: 0;
              background-color: #C7C7C7; }
            .image-title-text .image-title-cards .grid .g-inner .image-title-card .card-header .icon {
              position: relative;
              width: .48rem;
              height: .48rem;
              border: .01rem solid #949494;
              border-radius: 100%;
              margin-right: .1rem;
              top: 0;
              left: 0; }
              .image-title-text .image-title-cards .grid .g-inner .image-title-card .card-header .icon svg {
                position: absolute;
                width: .24rem;
                height: .24rem;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                fill: #292929; }
              .image-title-text .image-title-cards .grid .g-inner .image-title-card .card-header .icon.orange {
                border: .01rem solid #D97348; }
                .image-title-text .image-title-cards .grid .g-inner .image-title-card .card-header .icon.orange svg {
                  fill: #D97348; }
          .image-title-text .image-title-cards .grid .g-inner .image-title-card .card-title {
            font-family: "Source Sans Pro", sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: .2rem;
            line-height: .24rem;
            align-items: center;
            color: #292929;
            flex: 1; }
          .image-title-text .image-title-cards .grid .g-inner .image-title-card .card-text {
            font-family: "Source Sans Pro", sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: .14rem;
            line-height: .24rem;
            color: #616161; }
  .image-title-text.background-blue, .image-title-text.background-black, .image-title-text.bg-black {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    margin-bottom: 0; }
    .image-title-text.background-blue .image-title-wrap .cnt, .image-title-text.background-black .image-title-wrap .cnt, .image-title-text.bg-black .image-title-wrap .cnt {
      width: 4.5rem; }
      .image-title-text.background-blue .image-title-wrap .cnt .title, .image-title-text.background-black .image-title-wrap .cnt .title, .image-title-text.bg-black .image-title-wrap .cnt .title {
        color: #ffffff; }
      .image-title-text.background-blue .image-title-wrap .cnt .title-small, .image-title-text.background-black .image-title-wrap .cnt .title-small, .image-title-text.bg-black .image-title-wrap .cnt .title-small {
        font-family: "Source Sans Pro", sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: .2rem;
        line-height: .24rem;
        color: #FFFFFF;
        max-width: 3.2rem;
        margin-bottom: .06rem;
        margin-top: .15rem; }
      .image-title-text.background-blue .image-title-wrap .cnt .text, .image-title-text.background-black .image-title-wrap .cnt .text, .image-title-text.bg-black .image-title-wrap .cnt .text {
        color: #E4E5E8;
        width: unset; }
      .image-title-text.background-blue .image-title-wrap .cnt .button-1, .image-title-text.background-black .image-title-wrap .cnt .button-1, .image-title-text.bg-black .image-title-wrap .cnt .button-1 {
        background-color: #ffffff;
        color: #292929; }
    .image-title-text.background-blue .image-title-cards .cards-header, .image-title-text.background-black .image-title-cards .cards-header, .image-title-text.bg-black .image-title-cards .cards-header {
      color: #ffffff; }
  .image-title-text .more-button {
    display: inline-block;
    position: relative;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 0.16rem;
    line-height: 0.26rem;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    padding-right: 0.37rem;
    margin-top: .2rem; }
    .image-title-text .more-button span {
      display: block;
      transition: opacity 600ms cubic-bezier(0.51, 0.01, 0.2, 1), transform 600ms cubic-bezier(0.51, 0.01, 0.2, 1), color cubic-bezier(0.51, 0.01, 0.2, 1) 600ms;
      transform: translate3d(0, 0, 0); }
    .image-title-text .more-button svg {
      display: block;
      position: absolute;
      transition: opacity 600ms cubic-bezier(0.51, 0.01, 0.2, 1), transform 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
      transform: translate3d(0, -50%, 0);
      top: calc(50% - 0.03rem);
      right: 0.01rem;
      width: 0.17rem;
      height: 0.17rem;
      stroke: #ffffff; }
  .image-title-text .more-button:hover span {
    transform: translate3d(0.05rem, 0, 0);
    color: #D97348; }
  .image-title-text .more-button:hover svg {
    transform: translate3d(-0.05rem, -50%, 0);
    opacity: 0; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .image-title-text {
      padding-top: 0.4rem;
      margin-bottom: 0.4rem; }
      .image-title-text.no-top-margin {
        padding-top: 0.4rem;
        margin-bottom: 0.4rem; }
      .image-title-text .image-title-wrap {
        padding: 0;
        border: none;
        padding-bottom: 0.4rem;
        flex-direction: column; }
        .image-title-text .image-title-wrap.reverse {
          padding-left: 0;
          border: none; }
          .image-title-text .image-title-wrap.reverse .media-wrap.border-radius {
            border-radius: 0 3rem 3rem 0; }
        .image-title-text .image-title-wrap::before {
          content: '';
          display: block;
          position: absolute;
          left: -0.2rem;
          bottom: 0;
          width: calc(100% + 0.4rem);
          height: 1px;
          background-color: #C7C7C7; }
        .image-title-text .image-title-wrap .media-wrap {
          position: relative;
          transform: none;
          top: auto;
          width: 100%;
          margin-bottom: 0.4rem;
          min-height: 3rem; }
          .image-title-text .image-title-wrap .media-wrap.border-radius {
            border-radius: 0 3rem 3rem 0;
            min-height: 1rem; }
        .image-title-text .image-title-wrap .cnt {
          width: 100%;
          text-align: left;
          order: 2; }
          .image-title-text .image-title-wrap .cnt .title {
            margin-bottom: 0.2rem; }
          .image-title-text .image-title-wrap .cnt .text {
            width: 100%; }
      .image-title-text .image-title-cards {
        margin-top: 0.4rem; }
        .image-title-text .image-title-cards.no-top-margin {
          margin-top: 0; }
        .image-title-text .image-title-cards.border-top {
          padding-top: 0;
          margin-top: 0.4rem; }
          .image-title-text .image-title-cards.border-top::after {
            content: none; }
        .image-title-text .image-title-cards .grid {
          display: flex;
          flex-direction: column; }
          .image-title-text .image-title-cards .grid .g-inner {
            width: 100%;
            margin-bottom: .2rem; }
      .image-title-text.background-blue, .image-title-text.background-black, .image-title-text.bg-black {
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
        margin-bottom: 0; }
        .image-title-text.background-blue .image-title-wrap, .image-title-text.background-black .image-title-wrap, .image-title-text.bg-black .image-title-wrap {
          padding-bottom: 0; }
          .image-title-text.background-blue .image-title-wrap::before, .image-title-text.background-black .image-title-wrap::before, .image-title-text.bg-black .image-title-wrap::before {
            display: none; }
          .image-title-text.background-blue .image-title-wrap .cnt, .image-title-text.background-black .image-title-wrap .cnt, .image-title-text.bg-black .image-title-wrap .cnt {
            width: 100%; }
            .image-title-text.background-blue .image-title-wrap .cnt .title, .image-title-text.background-black .image-title-wrap .cnt .title, .image-title-text.bg-black .image-title-wrap .cnt .title {
              color: #ffffff; }
            .image-title-text.background-blue .image-title-wrap .cnt .title-small, .image-title-text.background-black .image-title-wrap .cnt .title-small, .image-title-text.bg-black .image-title-wrap .cnt .title-small {
              font-family: "Source Sans Pro", sans-serif;
              font-style: normal;
              font-weight: 700;
              font-size: .2rem;
              line-height: .24rem;
              color: #FFFFFF;
              max-width: 100%;
              margin-bottom: .06rem;
              margin-top: .15rem; }
            .image-title-text.background-blue .image-title-wrap .cnt .text, .image-title-text.background-black .image-title-wrap .cnt .text, .image-title-text.bg-black .image-title-wrap .cnt .text {
              color: #ffffff;
              width: unset; } }

.features-benefits-section {
  margin-bottom: 1.2rem;
  margin-top: 0.6rem; }
  .features-benefits-section .grid {
    display: flex;
    justify-content: space-between; }
    .features-benefits-section .grid .g-inner {
      width: calc((100% / 2) - 0.1rem); }
      .features-benefits-section .grid .g-inner:first-of-type .features-benefits-card {
        border-top-left-radius: .4rem; }
      .features-benefits-section .grid .g-inner:last-of-type .features-benefits-card {
        border-bottom-right-radius: .4rem; }
      .features-benefits-section .grid .g-inner .features-benefits-card {
        width: 100%;
        background-color: #FAFAFA;
        padding: .2rem .2rem .4rem .2rem;
        height: 100%; }
        .features-benefits-section .grid .g-inner .features-benefits-card .card-header {
          display: flex;
          flex-direction: row;
          align-items: center;
          width: 100%;
          position: relative;
          padding-bottom: 0.2rem;
          margin-bottom: 0.1rem; }
          .features-benefits-section .grid .g-inner .features-benefits-card .card-header::after {
            content: "";
            width: 100%;
            height: 1px;
            position: absolute;
            bottom: 0;
            left: 0;
            background-color: #C7C7C7; }
          .features-benefits-section .grid .g-inner .features-benefits-card .card-header .icon {
            position: relative;
            width: .48rem;
            height: .48rem;
            border: .01rem solid #949494;
            border-radius: 100%;
            margin-right: .2rem;
            top: 0;
            left: 0; }
            .features-benefits-section .grid .g-inner .features-benefits-card .card-header .icon svg.digital {
              height: .27rem; }
            .features-benefits-section .grid .g-inner .features-benefits-card .card-header .icon svg.commercial {
              height: .205rem; }
            .features-benefits-section .grid .g-inner .features-benefits-card .card-header .icon svg {
              position: absolute;
              width: .24rem;
              height: .24rem;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              fill: #292929; }
          .features-benefits-section .grid .g-inner .features-benefits-card .card-header .custom-icon {
            position: relative;
            width: .48rem;
            height: .48rem;
            margin-right: .2rem;
            top: 0;
            left: 0;
            transition: scale 0.6s cubic-bezier(0.51, 0.01, 0.2, 1); }
            .features-benefits-section .grid .g-inner .features-benefits-card .card-header .custom-icon .icon-img {
              position: absolute;
              width: 100%;
              height: 100%;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
          .features-benefits-section .grid .g-inner .features-benefits-card .card-header .card-title {
            font-family: "Source Sans Pro", sans-serif;
            font-style: normal;
            font-size: .24rem;
            line-height: .32rem;
            color: #292929; }
        .features-benefits-section .grid .g-inner .features-benefits-card .card-content {
          display: flex;
          flex-direction: column;
          padding-left: 0.24rem; }
          .features-benefits-section .grid .g-inner .features-benefits-card .card-content .card-text {
            margin-top: 0.2rem;
            position: relative;
            list-style: disc;
            color: #616161; }
            .features-benefits-section .grid .g-inner .features-benefits-card .card-content .card-text:last-of-type {
              margin-bottom: 0; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .features-benefits-section {
      padding-top: 0.4rem;
      padding-bottom: 0.2rem;
      margin-top: 0.4rem;
      margin-bottom: 0.4rem; }
      .features-benefits-section .grid {
        display: flex;
        flex-direction: column; }
        .features-benefits-section .grid .g-inner {
          width: 100%; }
          .features-benefits-section .grid .g-inner .features-benefits-card {
            width: 100%;
            padding: .2rem .2rem .2rem .2rem;
            margin-bottom: .2rem; }
            .features-benefits-section .grid .g-inner .features-benefits-card.first {
              border-top-left-radius: .4rem; }
            .features-benefits-section .grid .g-inner .features-benefits-card.last {
              border-bottom-right-radius: 0;
              border-top-left-radius: .4rem; }
            .features-benefits-section .grid .g-inner .features-benefits-card .card-header {
              margin-bottom: .2rem; }
            .features-benefits-section .grid .g-inner .features-benefits-card .card-content {
              display: flex;
              flex-direction: column;
              padding-left: 0.20rem; }
              .features-benefits-section .grid .g-inner .features-benefits-card .card-content .card-text {
                margin-top: 0.1rem;
                position: relative;
                list-style: disc;
                color: #616161; }
                .features-benefits-section .grid .g-inner .features-benefits-card .card-content .card-text:last-of-type {
                  margin-bottom: 0; } }

.testimonials-section {
  position: relative;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  background-color: #292929;
  background-image: url(../js/../img/png/noise.png);
  background-repeat: repeat; }
  .testimonials-section .title {
    margin-bottom: 0.6rem;
    color: #ffffff;
    position: relative;
    z-index: 1; }
    .testimonials-section .title::after {
      content: '';
      display: block;
      position: absolute;
      top: 30%;
      left: 28%;
      width: 1.67rem;
      height: 1.39rem;
      background-image: url(../js/../img/svg/quote.svg);
      background-position: 50%;
      background-size: contain;
      background-repeat: no-repeat;
      z-index: -1; }
  .testimonials-section .grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.2rem; }
    .testimonials-section .grid .g-inner {
      width: calc((100% / 3) - 0.2rem); }
      .testimonials-section .grid .g-inner:first-of-type .testimonials-card {
        border-top-left-radius: .4rem; }
      .testimonials-section .grid .g-inner:last-of-type .testimonials-card {
        border-bottom-right-radius: .4rem; }
      .testimonials-section .grid .g-inner .testimonials-card {
        position: relative;
        width: 100%;
        height: 100%;
        background-color: #FAFAFA;
        padding: .2rem .2rem .4rem .2rem;
        z-index: 2; }
        .testimonials-section .grid .g-inner .testimonials-card .card-header {
          display: flex;
          flex-direction: row;
          align-items: center;
          width: 100%;
          position: relative;
          padding-bottom: 0.2rem;
          margin-bottom: 0.2rem; }
          .testimonials-section .grid .g-inner .testimonials-card .card-header::after {
            content: "";
            width: 100%;
            height: 1px;
            position: absolute;
            bottom: 0;
            left: 0;
            background-color: #C7C7C7; }
          .testimonials-section .grid .g-inner .testimonials-card .card-header .img-wrap {
            width: 0.6rem;
            height: 0.6rem;
            margin-right: 0.2rem;
            position: relative;
            border-radius: 50%;
            overflow: hidden; }
            .testimonials-section .grid .g-inner .testimonials-card .card-header .img-wrap .image-overlay {
              position: relative;
              background: #202540;
              mix-blend-mode: overlay;
              opacity: 0.5;
              width: 100%;
              height: 100%;
              z-index: 2; }
            .testimonials-section .grid .g-inner .testimonials-card .card-header .img-wrap .image {
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
                 object-fit: cover;
              z-index: 1; }
          .testimonials-section .grid .g-inner .testimonials-card .card-header .text-wrap {
            display: flex;
            flex-direction: column;
            max-width: calc(100% - 0.8rem); }
            .testimonials-section .grid .g-inner .testimonials-card .card-header .text-wrap .card-title {
              text-transform: uppercase; }
        .testimonials-section .grid .g-inner .testimonials-card .card-text {
          font-family: "Source Sans Pro", sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: .14rem;
          line-height: .24rem;
          color: #616161; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .testimonials-section {
      padding-top: .4rem;
      padding-bottom: .2rem; }
      .testimonials-section .title {
        margin-bottom: 0.3rem; }
        .testimonials-section .title::after {
          display: none; }
      .testimonials-section .grid {
        display: flex;
        flex-direction: column; }
        .testimonials-section .grid .g-inner {
          width: 100%;
          margin-bottom: .2rem; } }

.cta-section {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  background-color: #292929;
  background-image: url(../js/../img/png/noise.png);
  background-repeat: repeat;
  position: relative;
  z-index: 1; }
  .cta-section.background-blue {
    background-color: #202540; }
  .cta-section::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6.69rem;
    height: 3.52rem;
    background-image: url(../js/../img/svg/cta-pattern.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1; }
  .cta-section .cta-wrap {
    max-width: 5.33rem;
    margin: 0 auto;
    text-align: center; }
    .cta-section .cta-wrap .title {
      color: #ffffff;
      margin-bottom: 0.2rem; }
    .cta-section .cta-wrap .text {
      color: #E4E5E8;
      max-width: 4.22rem;
      margin: 0 auto 0.2rem auto; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .cta-section {
      padding-top: .4rem;
      padding-bottom: .4rem; }
      .cta-section::after {
        display: none; }
      .cta-section .cta-wrap {
        max-width: 100%;
        text-align: left; }
        .cta-section .cta-wrap .text {
          max-width: 100%;
          margin: 0 auto 0.3rem auto; } }

.location-section {
  padding-top: 1.9rem;
  padding-bottom: 1.9rem;
  overflow: hidden;
  min-height: 5.13rem; }
  .location-section.full {
    background-color: #ffffff;
    background-image: none;
    padding-top: 0;
    padding-bottom: .8rem;
    margin-top: .8rem;
    min-height: unset; }
    .location-section.full .media-full-image {
      position: relative;
      width: 100%;
      height: auto;
      vertical-align: middle; }
  .location-section .media-wrap {
    position: absolute;
    transform: translate3d(-50%, -50%, 0);
    top: 50%;
    left: 50%;
    aspect-ratio: 1280 / 699;
    width: 100%;
    min-height: 6.99rem; }
  .location-section .cnt {
    display: flex;
    flex-direction: row; }
    .location-section .cnt .title-text {
      width: 4.22rem;
      margin-right: 1rem; }
      .location-section .cnt .title-text .title {
        color: #ffffff;
        margin-bottom: 0.2rem; }
      .location-section .cnt .title-text .text {
        color: #E4E5E8; }
        .location-section .cnt .title-text .text strong {
          color: #ffffff; }
    .location-section .cnt .numbers {
      display: flex;
      justify-content: center;
      align-items: flex-end; }
      .location-section .cnt .numbers .g-inner {
        position: relative;
        padding-left: .35rem;
        padding-right: .35rem;
        padding-top: .29rem;
        padding-bottom: .29rem; }
        .location-section .cnt .numbers .g-inner:first-of-type {
          padding-left: 0; }
        .location-section .cnt .numbers .g-inner:last-of-type {
          padding-right: 0; }
        .location-section .cnt .numbers .g-inner .num {
          position: relative;
          z-index: 10;
          font-family: "Source Serif Pro", serif;
          font-size: 0.9rem;
          line-height: 0.9rem;
          font-weight: 700;
          color: #ffffff;
          margin-bottom: 0.2rem;
          text-align: center; }
        .location-section .cnt .numbers .g-inner .text {
          position: relative;
          z-index: 10;
          color: #E4E5E8;
          text-align: center; }
      .location-section .cnt .numbers .g-inner:not(:last-child) {
        border-right: 1px solid #8a8a8a; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .location-section {
      padding-top: 0.4rem;
      padding-bottom: 0.4rem; }
      .location-section.full {
        padding-top: 0;
        padding-bottom: .4rem;
        margin-top: .4rem;
        min-height: unset; }
      .location-section .media-wrap {
        display: none; }
      .location-section .cnt {
        display: flex;
        flex-direction: column; }
        .location-section .cnt .title-text {
          width: 100%;
          margin-right: 0;
          margin-bottom: .4rem; }
        .location-section .cnt .numbers {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start; }
          .location-section .cnt .numbers .g-inner {
            position: relative;
            padding-left: 0;
            padding-right: 0;
            padding-top: 0;
            padding-bottom: .1rem; }
            .location-section .cnt .numbers .g-inner:first-of-type {
              padding-left: 0; }
            .location-section .cnt .numbers .g-inner:last-of-type {
              padding-right: 0; }
            .location-section .cnt .numbers .g-inner .num {
              margin-bottom: 0.1rem;
              text-align: left; }
            .location-section .cnt .numbers .g-inner .text {
              text-align: left; }
          .location-section .cnt .numbers .g-inner:not(:last-child) {
            border-right: none;
            border-bottom: 1px solid #8a8a8a;
            margin-bottom: .1rem; }
          .location-section .cnt .numbers .g-inner {
            border-right: none;
            border-bottom: 1px solid #8a8a8a;
            width: 100%; } }

.mission-section {
  padding-top: 0.8rem;
  padding-bottom: 1.2rem; }
  .mission-section .cnt {
    text-align: center;
    width: 7.26rem;
    margin: auto;
    margin-bottom: 0.3rem; }
  .mission-section .grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .mission-section .grid .g-inner {
      width: calc((100% / 4));
      padding-left: .1rem;
      padding-right: .1rem; }
  .mission-section .icon-text {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: .3rem; }
    .mission-section .icon-text .text-xl {
      color: #292929;
      text-align: center; }
    .mission-section .icon-text .icon {
      position: relative;
      width: .48rem;
      height: .48rem;
      border: .01rem solid #949494;
      border-radius: 100%;
      margin-bottom: .2rem;
      top: 0;
      left: 0; }
      .mission-section .icon-text .icon svg {
        position: absolute;
        width: .24rem;
        height: .24rem;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        fill: #292929; }
  .mission-section .custom-icon {
    position: relative;
    width: .48rem;
    height: .48rem;
    margin-bottom: .2rem;
    top: 0;
    left: 0;
    transition: scale 0.6s cubic-bezier(0.51, 0.01, 0.2, 1); }
    .mission-section .custom-icon .icon-img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .mission-section .title {
    color: #292929;
    margin-bottom: 0.1rem; }
  .mission-section .text {
    color: #616161; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .mission-section {
      padding-top: 0.4rem;
      padding-bottom: 0.4rem; }
      .mission-section .cnt {
        width: 100%;
        text-align: left;
        margin-bottom: 0.4rem; }
      .mission-section .grid {
        display: flex;
        flex-direction: column; }
        .mission-section .grid .g-inner {
          width: 100%;
          padding: 0; }
        .mission-section .grid .g-inner:not(:last-child) {
          margin-bottom: 0.2rem; }
      .mission-section .icon-text {
        flex-direction: row;
        margin-top: 0; }
        .mission-section .icon-text .text-xl {
          text-align: left;
          max-width: 2.5rem; }
        .mission-section .icon-text .icon {
          margin-bottom: unset; }
        .mission-section .icon-text p {
          margin-left: .2rem; }
        .mission-section .icon-text .custom-icon {
          margin-bottom: unset; } }

.line-section {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #c7c7c7; }

.footer-decoration .media-wrap {
  aspect-ratio: 32 / 5;
  min-height: 2rem; }

.footer .logo {
  display: block;
  width: 0.6rem;
  height: 0.2rem;
  margin-bottom: 0.1rem; }

.footer .social-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem; }
  .footer .social-wrap .s-inner {
    display: block;
    margin-left: .12rem;
    margin-right: .12rem; }
    .footer .social-wrap .s-inner:first-of-type {
      margin-left: 0; }
    .footer .social-wrap .s-inner:last-of-type {
      margin-right: 0; }
    .footer .social-wrap .s-inner:hover svg,
    .footer .social-wrap .s-inner:hover .custom-icon {
      transform: scale(1.2); }
  .footer .social-wrap svg {
    display: block;
    width: 100%;
    transition: transform 0.4s ease;
    max-width: .24rem;
    max-height: .24rem; }
  .footer .social-wrap .custom-icon {
    position: relative;
    width: .24rem;
    height: .24rem;
    transition: transform 0.4s ease; }
    .footer .social-wrap .custom-icon .icon-img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.footer .main-text {
  color: #292929;
  margin-bottom: 0.2rem; }

.footer .cnt {
  padding-top: 1.2rem;
  padding-bottom: 1.1rem; }
  .footer .cnt .group:not(:last-child) {
    margin-bottom: 0.5rem; }
  .footer .cnt .head-text {
    color: #292929;
    margin-bottom: 0.05rem; }
  .footer .cnt .link {
    display: block;
    color: #888888;
    text-decoration: none;
    margin-bottom: 0.01rem;
    transition: color 600ms cubic-bezier(0.51, 0.01, 0.2, 1); }
    .footer .cnt .link:hover {
      color: #D97348; }

.footer .grid {
  display: flex;
  justify-content: space-between; }
  .footer .grid .g-inner:nth-child(1) {
    width: 1.8rem; }
  .footer .grid .g-inner:nth-child(2) {
    width: 2.45rem; }
  .footer .grid .g-inner:nth-child(3) {
    width: 2.45rem; }
  .footer .grid .g-inner:nth-child(4) {
    width: 2.04rem; }

.footer .foot {
  background-color: #292929;
  background-image: url(../js/../img/png/noise.png);
  background-repeat: repeat;
  padding: 0.25rem 0; }

.footer .foot-wrap {
  display: flex;
  justify-content: space-between; }
  .footer .foot-wrap .link {
    color: #ffffff;
    text-decoration: none;
    transition: color 600ms cubic-bezier(0.51, 0.01, 0.2, 1); }
    .footer .foot-wrap .link:hover {
      color: #D97348; }
  .footer .foot-wrap .text {
    color: #ffffff; }
  .footer .foot-wrap .link:nth-child(2) {
    margin-left: 0.4rem; }

.footer .footer-lang-picker {
  cursor: pointer;
  position: relative;
  color: #292929;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-left: 0;
  margin-right: 0;
  display: flex;
  flex-direction: row;
  padding: 0.09rem 0.15rem;
  height: auto;
  border: 1px solid #c7c7c7;
  border-radius: 0.21rem; }
  .footer .footer-lang-picker:after {
    content: "";
    position: absolute;
    display: block;
    transition: none;
    transform: translateY(-50%);
    transform-origin: 50%;
    top: 50%;
    right: 0.15rem;
    width: 0.2rem;
    height: 0.2rem;
    background-image: url(../js/../img/svg/dropdown-arrow.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat; }
  .footer .footer-lang-picker .picker {
    overflow: hidden;
    display: inline-block;
    margin-right: 0.1rem;
    text-decoration: none;
    color: #292929; }
  .footer .footer-lang-picker span {
    display: block;
    transition: transform 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
    font-family: "Source Sans Pro", sans-serif;
    font-size: 0.16rem;
    line-height: 0.2rem;
    font-weight: 400; }
  .footer .footer-lang-picker .lang-submenu {
    position: absolute;
    transition: opacity 200ms cubic-bezier(0.51, 0.01, 0.2, 1), visibility 200ms cubic-bezier(0.51, 0.01, 0.2, 1);
    top: calc(100% + 0.1rem);
    left: 0;
    background-color: #ffffff;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #c7c7c7; }
  .footer .footer-lang-picker .radio-1:not(:last-child) {
    margin-bottom: 0; }
  .footer .footer-lang-picker .checkmark {
    display: none; }
  .footer .footer-lang-picker .radio-1 {
    padding: .06rem .10rem;
    transition: background-color 0.6s cubic-bezier(0.51, 0.01, 0.2, 1); }
    .footer .footer-lang-picker .radio-1.current {
      pointer-events: none;
      opacity: 0.5; }
    .footer .footer-lang-picker .radio-1:hover {
      background-color: #D97348; }

.footer .footer-lang-picker.active:after {
  transform: translateY(-50%) rotate(180deg); }

.footer .footer-lang-picker.active .lang-submenu {
  transition: opacity 600ms cubic-bezier(0.51, 0.01, 0.2, 1), visibility 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
  opacity: 1;
  visibility: visible; }

@media screen and (orientation: portrait) and (max-width: 767px) {
  .footer .footer-lang-picker {
    max-width: 1.6rem; }
  .footer .media-wrap {
    aspect-ratio: 15 / 8; }
  .footer .cnt {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem; }
    .footer .cnt .group:not(:last-child) {
      margin-bottom: 0.2rem; }
  .footer .ss-main {
    width: 1.6rem; }
  .footer .grid {
    display: block; }
    .footer .grid .g-inner:not(:last-child) {
      margin-bottom: 0.2rem; }
    .footer .grid .g-inner:nth-child(1) {
      width: 100%; }
    .footer .grid .g-inner:nth-child(2) {
      width: 100%; }
    .footer .grid .g-inner:nth-child(3) {
      width: 100%; }
    .footer .grid .g-inner:nth-child(4) {
      width: 100%; }
  .footer .foot {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem; }
  .footer .foot-wrap {
    display: block; }
    .footer .foot-wrap .fw-inner:first-child {
      margin-bottom: 0.1rem; } }

.full-width-text-content-section {
  position: relative;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 0.6rem; }
  .full-width-text-content-section.flexible-section {
    padding-top: 0.6rem; }
    .full-width-text-content-section.flexible-section .post-content {
      border: none;
      padding: 0; }
      .full-width-text-content-section.flexible-section .post-content p,
      .full-width-text-content-section.flexible-section .post-content ul,
      .full-width-text-content-section.flexible-section .post-content ol,
      .full-width-text-content-section.flexible-section .post-content blockquote p,
      .full-width-text-content-section.flexible-section .post-content p q {
        line-height: 0.21rem; }
      .full-width-text-content-section.flexible-section .post-content h1,
      .full-width-text-content-section.flexible-section .post-content h2,
      .full-width-text-content-section.flexible-section .post-content h3,
      .full-width-text-content-section.flexible-section .post-content h4,
      .full-width-text-content-section.flexible-section .post-content h5,
      .full-width-text-content-section.flexible-section .post-content h6 {
        font-family: "Source Serif Pro", serif; }
    @media screen and (orientation: portrait) and (max-width: 767px) {
      .full-width-text-content-section.flexible-section {
        padding-top: 0.4rem; } }
  .full-width-text-content-section.padding-large {
    padding-top: 2.12rem; }
    @media screen and (orientation: portrait) and (max-width: 767px) {
      .full-width-text-content-section.padding-large {
        padding-top: 0.7rem; } }
  .full-width-text-content-section .full-width-text-content-wrap {
    position: relative;
    width: 100%;
    max-width: 8.64rem;
    margin: 0 auto; }
    .full-width-text-content-section .full-width-text-content-wrap .title {
      margin-bottom: 0.2rem; }
    .full-width-text-content-section .full-width-text-content-wrap .text {
      margin-bottom: 0.2rem; }
    .full-width-text-content-section .full-width-text-content-wrap .date {
      display: block;
      margin-bottom: 0.2rem;
      padding: 0.1rem;
      padding-left: 0; }
      .full-width-text-content-section .full-width-text-content-wrap .date span {
        display: block;
        font-size: 0.14rem;
        line-height: 0.24rem;
        font-weight: 400;
        color: #C7C7C7; }
  .full-width-text-content-section .post-content {
    position: relative;
    padding-top: 0.5rem;
    border-top: 1px solid #C7C7C7; }
    .full-width-text-content-section .post-content .img-wrap {
      width: 100%;
      height: 3.60rem;
      margin-bottom: .1rem;
      position: relative; }
      .full-width-text-content-section .post-content .img-wrap img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .full-width-text-content-section .post-content .img-caption {
      padding-bottom: 0.1rem;
      font-family: "Source Sans Pro", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: .16rem;
      line-height: .2rem;
      color: #8A8A8A;
      margin-bottom: 0;
      margin-top: 0; }
    .full-width-text-content-section .post-content img {
      width: 100%;
      height: auto;
      vertical-align: middle;
      margin-bottom: .1rem; }
    .full-width-text-content-section .post-content figure {
      width: 100% !important;
      height: auto;
      vertical-align: middle; }
    .full-width-text-content-section .post-content figcaption {
      font-family: "Source Sans Pro", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: .16rem;
      line-height: .2rem;
      color: #8A8A8A;
      margin-bottom: .2rem; }
    .full-width-text-content-section .post-content p {
      margin-top: 0.1rem;
      margin-bottom: 0.4rem;
      font-family: "Source Sans Pro", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: .16rem;
      line-height: .26rem;
      color: #292929; }
    .full-width-text-content-section .post-content h1 {
      font-family: "Source Sans Pro", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: .48rem;
      line-height: .58rem;
      color: #292929; }
    .full-width-text-content-section .post-content h2 {
      font-family: "Source Sans Pro", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: .40rem;
      line-height: .50rem;
      color: #292929; }
    .full-width-text-content-section .post-content h3 {
      font-family: "Source Sans Pro", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: .32rem;
      line-height: .42rem;
      color: #292929; }
    .full-width-text-content-section .post-content h4 {
      font-family: "Source Sans Pro", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: .28rem;
      line-height: .36rem;
      color: #292929; }
    .full-width-text-content-section .post-content h5 {
      font-family: "Source Sans Pro", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: .24rem;
      line-height: .32rem;
      color: #292929; }
    .full-width-text-content-section .post-content h6 {
      font-family: "Source Sans Pro", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: .2rem;
      line-height: .24rem;
      color: #292929; }
    .full-width-text-content-section .post-content h1,
    .full-width-text-content-section .post-content h2,
    .full-width-text-content-section .post-content h3,
    .full-width-text-content-section .post-content h4,
    .full-width-text-content-section .post-content h5,
    .full-width-text-content-section .post-content h6 {
      margin-top: 0;
      margin-bottom: .2rem; }
    .full-width-text-content-section .post-content p,
    .full-width-text-content-section .post-content ul,
    .full-width-text-content-section .post-content ol {
      position: relative;
      margin-bottom: .2rem;
      margin-top: 0.1rem;
      font-family: "Source Sans Pro", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: .16rem;
      line-height: .26rem;
      color: #292929; }
    .full-width-text-content-section .post-content ul,
    .full-width-text-content-section .post-content ol {
      margin-left: 0.2rem;
      padding-left: 0.1rem;
      margin-top: 0.1rem;
      margin-bottom: 0.1rem; }
    .full-width-text-content-section .post-content ol {
      list-style: decimal; }
    .full-width-text-content-section .post-content ul {
      list-style: disc; }
    .full-width-text-content-section .post-content a {
      color: #D97348;
      text-decoration: underline; }
    .full-width-text-content-section .post-content blockquote {
      margin: 0.2rem 0.2rem 0.2rem 0.2rem;
      background-color: transparent; }
      .full-width-text-content-section .post-content blockquote p {
        quotes: "“" "“" "<" ">";
        font-family: "Source Sans Pro", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: .16rem;
        line-height: .26rem;
        color: #292929;
        font-style: italic; }
        .full-width-text-content-section .post-content blockquote p:before {
          content: open-quote; }
        .full-width-text-content-section .post-content blockquote p:after {
          content: close-quote; }
    .full-width-text-content-section .post-content p q {
      quotes: "“" "“" "<" ">";
      font-weight: 700; }
      .full-width-text-content-section .post-content p q:before {
        content: open-quote; }
      .full-width-text-content-section .post-content p q:after {
        content: close-quote; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .full-width-text-content-section {
      padding-top: 1.1rem;
      padding-bottom: 0.4rem; }
      .full-width-text-content-section .post-content h1 {
        font-size: .42rem;
        line-height: .52rem; }
      .full-width-text-content-section .post-content h2 {
        font-size: .36rem;
        line-height: .42rem; }
      .full-width-text-content-section .post-content h3 {
        font-size: .32rem;
        line-height: .42rem; }
      .full-width-text-content-section .post-content h4 {
        font-size: .24rem;
        line-height: .32rem; }
      .full-width-text-content-section .post-content h5 {
        font-size: .20rem;
        line-height: .28rem; }
      .full-width-text-content-section .post-content h6 {
        font-size: .18rem;
        line-height: .24rem; }
      .full-width-text-content-section .post-content p {
        line-height: .20rem;
        margin-bottom: .2rem; }
      .full-width-text-content-section .post-content blockquote {
        margin: 0.1rem; }
      .full-width-text-content-section .post-content ul,
      .full-width-text-content-section .post-content ol {
        margin-left: 0.1rem; } }

.search-result-page-list {
  position: relative;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 0.6rem; }
  .search-result-page-list .title {
    margin-bottom: 0.2rem; }
  .search-result-page-list .search-result-page-list-container {
    position: relative;
    width: 100%; }
  .search-result-page-list .search-result-page-form-wrap {
    display: block;
    position: relative;
    width: 100%;
    max-width: 7.1rem;
    margin-bottom: 0.3rem; }
    .search-result-page-list .search-result-page-form-wrap .input {
      position: relative;
      width: 100%; }
      .search-result-page-list .search-result-page-form-wrap .input input {
        display: block;
        width: 100%;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 0.16rem;
        line-height: 0.2rem;
        font-weight: 400;
        color: #292929;
        padding: 0.1rem 0.5rem 0.1rem 0.15rem;
        border: 1px solid #C7C7C7;
        border-radius: 0.2rem; }
        .search-result-page-list .search-result-page-form-wrap .input input:focus-visible {
          outline: none; }
      .search-result-page-list .search-result-page-form-wrap .input .search-form-btn-submit-icon {
        display: block;
        position: absolute;
        width: 0.2rem;
        height: 0.2rem;
        top: 50%;
        right: 0.2rem;
        transform: translate3d(0, -50%, 0);
        background: transparent;
        padding: 0;
        margin: 0;
        outline: none;
        border: none;
        z-index: 5;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
        .search-result-page-list .search-result-page-form-wrap .input .search-form-btn-submit-icon svg {
          width: 0.2rem;
          height: 0.2rem; }
  .search-result-page-list .search-result-page-list-items {
    position: relative;
    width: 100%;
    padding-top: 0.3rem; }
    .search-result-page-list .search-result-page-list-items::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 0.01rem;
      background-color: #C7C7C7; }
  .search-result-page-list .search-result-page-top-wrap {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 0.3rem; }
    .search-result-page-list .search-result-page-top-wrap .results-wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center; }
      .search-result-page-list .search-result-page-top-wrap .results-wrap .search-result-value {
        width: calc(100% - 0.85rem); }
      .search-result-page-list .search-result-page-top-wrap .results-wrap .search-result-count {
        width: 0.85rem;
        text-align: right; }
      .search-result-page-list .search-result-page-top-wrap .results-wrap .search-result-value,
      .search-result-page-list .search-result-page-top-wrap .results-wrap .search-result-count {
        font-family: "Source Sans Pro", sans-serif;
        font-weight: 700;
        font-size: .24rem;
        line-height: .32rem;
        color: #292929; }
  .search-result-page-list .search-result-page-bottom-wrap {
    position: relative;
    display: block;
    width: 100%; }
    .search-result-page-list .search-result-page-bottom-wrap .results-list {
      display: block;
      position: relative;
      width: 100%; }
    .search-result-page-list .search-result-page-bottom-wrap .result-item {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      position: relative;
      width: 100%;
      padding-bottom: 0.3rem;
      border-bottom: 1px solid #8a8a8a;
      text-decoration: none; }
      .search-result-page-list .search-result-page-bottom-wrap .result-item:not(:last-child) {
        margin-bottom: 0.3rem; }
      .search-result-page-list .search-result-page-bottom-wrap .result-item .num {
        width: 0.55rem;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 0.24rem;
        line-height: 0.32rem;
        font-weight: 700;
        color: #8a8a8a;
        transition: color 600ms cubic-bezier(0.51, 0.01, 0.2, 1); }
      .search-result-page-list .search-result-page-bottom-wrap .result-item .text {
        width: calc(100% - 2.2rem);
        font-family: "Source Sans Pro", sans-serif;
        font-size: 0.24rem;
        line-height: 0.32rem;
        color: #8a8a8a;
        transition: color 600ms cubic-bezier(0.51, 0.01, 0.2, 1); }
      .search-result-page-list .search-result-page-bottom-wrap .result-item .button-1 {
        width: 1.6rem; }
  .search-result-page-list .blog-pagination {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 0.3rem; }
    .search-result-page-list .blog-pagination .pag-btn {
      width: .2rem;
      height: .2rem;
      cursor: pointer; }
      .search-result-page-list .blog-pagination .pag-btn.next, .search-result-page-list .blog-pagination .pag-btn.last {
        transform: rotate(180deg); }
      .search-result-page-list .blog-pagination .pag-btn.first {
        margin-right: .1rem; }
      .search-result-page-list .blog-pagination .pag-btn.prev {
        margin-right: .2rem; }
      .search-result-page-list .blog-pagination .pag-btn.next {
        margin-left: .2rem; }
      .search-result-page-list .blog-pagination .pag-btn.last {
        margin-left: .1rem; }
      .search-result-page-list .blog-pagination .pag-btn .pag-arrow,
      .search-result-page-list .blog-pagination .pag-btn .pag-double-arrow {
        width: .2rem;
        height: .2rem;
        fill: #C7C7C7; }
        .search-result-page-list .blog-pagination .pag-btn .pag-arrow:hover,
        .search-result-page-list .blog-pagination .pag-btn .pag-double-arrow:hover {
          fill: #D97348; }
    .search-result-page-list .blog-pagination .pag-num {
      padding: .06rem .12rem;
      color: #8A8A8A;
      cursor: pointer;
      text-decoration: none; }
      .search-result-page-list .blog-pagination .pag-num.active {
        color: #D97348;
        background: #FAFAFA;
        border-radius: .04rem; }
      .search-result-page-list .blog-pagination .pag-num:hover {
        color: #D97348;
        background: #FAFAFA;
        border-radius: .04rem; }
  @media screen and (orientation: landscape) and (min-width: 767px) {
    .search-result-page-list .result-item:hover {
      z-index: 10;
      border-color: #292929; }
      .search-result-page-list .result-item:hover > .num {
        color: #292929; }
      .search-result-page-list .result-item:hover > .text {
        color: #D97348; }
      .search-result-page-list .result-item:hover > .button-1 {
        color: #ffffff; }
        .search-result-page-list .result-item:hover > .button-1::after {
          transform: scale(15); } }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .search-result-page-list {
      padding-top: 1.1rem;
      padding-bottom: 0.4rem; }
      .search-result-page-list .search-result-page-form-wrap {
        width: 100%;
        max-width: unset; }
      .search-result-page-list .search-result-page-top-wrap .results-wrap .search-result-value {
        width: 100%; }
      .search-result-page-list .search-result-page-top-wrap .results-wrap .search-result-count {
        width: 100%;
        text-align: left; }
      .search-result-page-list .search-result-page-top-wrap .results-wrap .search-result-value,
      .search-result-page-list .search-result-page-top-wrap .results-wrap .search-result-count {
        font-size: .2rem;
        line-height: .24rem; }
      .search-result-page-list .search-result-page-bottom-wrap .result-item .num {
        width: 100%;
        margin-bottom: 0.1rem; }
      .search-result-page-list .search-result-page-bottom-wrap .result-item .text {
        width: 100%;
        margin-bottom: 0.2rem; }
      .search-result-page-list .search-result-page-bottom-wrap .result-item .button-1 {
        width: auto; } }

.summary-section {
  position: relative;
  width: 100%;
  padding-top: 1.2rem;
  margin-bottom: 1.2rem; }
  .summary-section .cnt {
    position: relative;
    z-index: 10;
    width: 6.9rem; }
  .summary-section .title {
    margin-bottom: 0.2rem; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .summary-section {
      padding-top: 0.4rem;
      margin-bottom: 0.4rem; }
      .summary-section .cnt {
        width: 100%; } }

.benefits-features-slider {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #202540;
  background-image: url(../js/../img/png/noise.png);
  background-repeat: repeat; }
  .benefits-features-slider.background-black {
    background-color: #292929; }
  .benefits-features-slider .slider-main-title {
    margin-bottom: .6rem; }
    .benefits-features-slider .slider-main-title .title {
      font-family: "Source Serif Pro", serif;
      font-style: normal;
      font-weight: 700;
      font-size: .48rem;
      line-height: .6rem;
      text-align: center;
      color: #FFFFFF; }
  .benefits-features-slider .nav-wrap {
    margin-bottom: .38rem;
    display: flex;
    justify-content: center; }
    .benefits-features-slider .nav-wrap .slider-navigation {
      display: inline-flex;
      flex-direction: row;
      justify-content: center;
      gap: .5rem;
      position: relative; }
      .benefits-features-slider .nav-wrap .slider-navigation:after {
        content: "";
        width: 100%;
        height: .01rem;
        background-color: #d973484d;
        position: absolute;
        bottom: -0.08rem;
        left: 0; }
      .benefits-features-slider .nav-wrap .slider-navigation .slider-nav .nav-text {
        color: #E4E5E8;
        font-weight: 700;
        cursor: pointer;
        position: relative; }
        .benefits-features-slider .nav-wrap .slider-navigation .slider-nav .nav-text:after {
          opacity: 0;
          visibility: hidden;
          content: "";
          width: 100%;
          height: .02rem;
          background-color: #d97348;
          position: absolute;
          bottom: -0.08rem;
          left: 0;
          transition: opacity 0.6s cubic-bezier(0.51, 0.01, 0.2, 1), visibility 0.6s cubic-bezier(0.51, 0.01, 0.2, 1), color 0.6s cubic-bezier(0.51, 0.01, 0.2, 1); }
        .benefits-features-slider .nav-wrap .slider-navigation .slider-nav .nav-text:hover {
          color: #ffffff; }
          .benefits-features-slider .nav-wrap .slider-navigation .slider-nav .nav-text:hover:after {
            opacity: 1;
            visibility: visible; }
        .benefits-features-slider .nav-wrap .slider-navigation .slider-nav .nav-text.active {
          color: #ffffff; }
          .benefits-features-slider .nav-wrap .slider-navigation .slider-nav .nav-text.active:after {
            opacity: 1;
            visibility: visible; }
  .benefits-features-slider .swiper-wrapper {
    min-height: 5.3rem; }
  .benefits-features-slider .swiper-slide {
    position: relative;
    align-items: center;
    top: 0;
    left: 0;
    display: none;
    opacity: 0;
    visibility: none; }
  .benefits-features-slider .cnt {
    position: relative;
    z-index: 10;
    width: 4.22rem;
    text-align: left;
    margin-left: 0;
    margin-right: auto; }
    .benefits-features-slider .cnt .title {
      color: #ffffff;
      margin-bottom: 0.1rem;
      font-family: "Source Sans Pro", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: .24rem;
      line-height: .3rem; }
    .benefits-features-slider .cnt .text {
      color: #E4E5E8;
      width: 3.74rem;
      margin-left: 0;
      margin-right: auto; }
    .benefits-features-slider .cnt .more-button {
      display: inline-block;
      position: relative;
      font-family: "Source Sans Pro", sans-serif;
      font-size: 0.16rem;
      line-height: 0.26rem;
      font-weight: 700;
      color: #ffffff;
      text-transform: uppercase;
      text-decoration: none;
      padding-right: 0.37rem;
      margin-top: .2rem; }
      .benefits-features-slider .cnt .more-button span {
        display: block;
        transition: opacity 600ms cubic-bezier(0.51, 0.01, 0.2, 1), transform 600ms cubic-bezier(0.51, 0.01, 0.2, 1), color cubic-bezier(0.51, 0.01, 0.2, 1) 600ms;
        transform: translate3d(0, 0, 0); }
      .benefits-features-slider .cnt .more-button svg {
        display: block;
        position: absolute;
        transition: opacity 600ms cubic-bezier(0.51, 0.01, 0.2, 1), transform 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
        transform: translate3d(0, -50%, 0);
        top: calc(50% - 0.03rem);
        right: 0.01rem;
        width: 0.17rem;
        height: 0.17rem;
        stroke: #ffffff; }
    .benefits-features-slider .cnt .more-button:hover span {
      transform: translate3d(0.05rem, 0, 0);
      color: #D97348; }
    .benefits-features-slider .cnt .more-button:hover svg {
      transform: translate3d(-0.05rem, -50%, 0);
      opacity: 0; }
  .benefits-features-slider .media-wrap {
    width: 5.1rem;
    aspect-ratio: 51 / 51;
    min-height: 5.1rem; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .benefits-features-slider {
      padding-top: 0.4rem;
      padding-bottom: 0.4rem; }
      .benefits-features-slider .slider-main-title {
        margin-bottom: .6rem; }
        .benefits-features-slider .slider-main-title .title {
          font-size: .38rem;
          line-height: .5rem; }
      .benefits-features-slider .nav-wrap {
        margin-bottom: .38rem;
        display: flex;
        justify-content: center; }
        .benefits-features-slider .nav-wrap .slider-navigation {
          gap: .1rem;
          text-align: center; }
          .benefits-features-slider .nav-wrap .slider-navigation:after {
            content: "";
            bottom: -0.08rem;
            left: 0; }
          .benefits-features-slider .nav-wrap .slider-navigation .slider-nav .nav-text {
            font-size: 0.12rem;
            line-height: 0.16rem; }
      .benefits-features-slider .swiper-wrapper {
        min-height: 6rem; }
      .benefits-features-slider .swiper-slide {
        min-height: unset;
        flex-direction: column; }
      .benefits-features-slider .cnt {
        width: 100%;
        order: 2; }
        .benefits-features-slider .cnt .title {
          font-size: .24rem;
          line-height: .3rem; }
        .benefits-features-slider .cnt .text {
          width: 100%;
          margin-left: 0;
          margin-right: auto;
          color: #ffffff; }
        .benefits-features-slider .cnt .more-button {
          font-size: 0.16rem;
          line-height: 0.26rem;
          padding-right: 0.37rem;
          margin-top: .2rem; }
      .benefits-features-slider .media-wrap {
        order: 1;
        transform: none;
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        height: auto;
        min-height: unset;
        margin-bottom: .2rem;
        aspect-ratio: 35/35;
        min-height: 3.35rem; } }

.product-title-text-section {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  .product-title-text-section .cnt {
    text-align: center;
    width: 8.05rem;
    margin: auto;
    margin-bottom: 0.5rem; }
    .product-title-text-section .cnt .title {
      color: #292929; }
  .product-title-text-section .grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .4rem; }
    .product-title-text-section .grid .g-inner {
      width: 2.93rem; }
  .product-title-text-section .icon-text {
    position: relative; }
    .product-title-text-section .icon-text .title {
      font-family: "Source Sans Pro", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: .2rem;
      line-height: .24rem;
      text-align: center;
      margin-bottom: .2rem;
      width: 100%; }
    .product-title-text-section .icon-text .text-xl {
      color: #292929;
      text-align: center;
      font-size: .14rem;
      padding-top: .2rem;
      border-top: 1px solid #D97348; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .product-title-text-section {
      padding-top: 0.4rem;
      padding-bottom: 0.4rem; }
      .product-title-text-section .cnt {
        width: 100%;
        text-align: left;
        margin-bottom: 0.4rem; }
      .product-title-text-section .grid {
        display: flex;
        flex-direction: column; }
        .product-title-text-section .grid .g-inner {
          width: 100%;
          padding: 0; }
        .product-title-text-section .grid .g-inner:not(:last-child) {
          margin-bottom: 0.2rem; }
      .product-title-text-section .icon-text {
        flex-direction: column;
        margin-top: 0; }
        .product-title-text-section .icon-text .title {
          text-align: center; }
        .product-title-text-section .icon-text .text-xl {
          text-align: center; } }

.product-boxes-section {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  .product-boxes-section.bg-black {
    background-color: #292929;
    background-image: url(../js/../img/png/noise.png);
    background-repeat: repeat; }
    .product-boxes-section.bg-black .product-boxes-title .title {
      color: #ffffff; }
  .product-boxes-section .product-boxes-title .title {
    font-family: "Source Serif Pro", serif;
    font-style: normal;
    font-weight: 700;
    font-size: .48rem;
    line-height: .6rem;
    color: #292929;
    width: 6.42rem;
    margin-bottom: .3rem; }
  .product-boxes-section .grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: -0.1rem;
    margin-right: -0.1rem; }
    .product-boxes-section .grid .g-inner {
      width: calc(100% / 2);
      padding-left: .1rem;
      padding-right: .1rem;
      margin-top: .2rem; }
      .product-boxes-section .grid .g-inner.three-col {
        width: calc(100% / 3);
        padding-left: .1rem;
        padding-right: .1rem; }
  .product-boxes-section .card-1 {
    display: block;
    position: relative;
    background-color: #fafafa;
    padding: 0.2rem;
    padding-bottom: 0.3rem;
    height: 100%;
    min-height: 1.98rem; }
    .product-boxes-section .card-1 .media-wrap {
      width: 100%;
      height: 1rem;
      margin-bottom: 0.2rem; }
    .product-boxes-section .card-1 .num {
      font-family: "Source Sans Pro", sans-serif;
      font-size: 0.24rem;
      line-height: 0.34rem;
      font-weight: 700;
      color: #949494; }
    .product-boxes-section .card-1 .card-title {
      font-family: "Source Sans Pro", sans-serif;
      font-size: 0.24rem;
      line-height: 0.32rem;
      font-weight: 700;
      color: #292929; }
    .product-boxes-section .card-1 .line {
      width: 100%;
      height: 1px;
      background-color: #c7c7c7;
      margin: 0.2rem 0 0.3rem; }
    .product-boxes-section .card-1 .card-text {
      font-family: "Source Sans Pro", sans-serif;
      font-size: 0.14rem;
      line-height: 0.24rem;
      font-weight: 400;
      color: #616161;
      list-style-type: disc;
      display: list-item;
      margin-left: 1em; }
    @media screen and (orientation: portrait) and (max-width: 767px) {
      .product-boxes-section .card-1 {
        padding-bottom: 0.66rem; }
        .product-boxes-section .card-1 .line {
          margin: 0.1rem 0; }
        .product-boxes-section .card-1 .card-text {
          margin-bottom: 0.2rem; } }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .product-boxes-section {
      padding-top: 0.2rem;
      padding-bottom: 0.2rem; }
      .product-boxes-section .product-boxes-title .title {
        width: 100%;
        font-size: 0.42rem;
        line-height: 0.52rem; }
      .product-boxes-section .grid {
        display: block; }
        .product-boxes-section .grid .g-inner {
          width: 100%; }
          .product-boxes-section .grid .g-inner.three-col {
            width: 100%; } }

.tag-intro {
  position: relative;
  width: 100%;
  padding-top: 0.4rem; }
  .tag-intro .tag-intro-title {
    font-family: "Source Sans Pro", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: .2rem;
    line-height: .28rem;
    text-align: center;
    color: #292929; }

.solution-category-list {
  position: fixed;
  width: 100%;
  max-width: 10.40rem;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 120; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .solution-category-list {
      display: none; } }
  .solution-category-list .tooltip {
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
    opacity: 0;
    backface-visibility: hidden;
    z-index: 120;
    transition: opacity 600ms cubic-bezier(0.51, 0.01, 0.2, 1); }
    .solution-category-list .tooltip.active {
      opacity: 1;
      pointer-events: all; }
    .solution-category-list .tooltip.white .close-button {
      background-image: url(../js/../img/svg/close-button-2-black.svg); }
    .solution-category-list .tooltip.white .tool-inner {
      background-color: #ffffff;
      background-image: none;
      color: #292929;
      border: 1px solid #292929; }
    .solution-category-list .tooltip.white .c-title {
      color: #292929; }
    .solution-category-list .tooltip.white .text {
      color: #292929; }
    .solution-category-list .tooltip.white .line {
      background-color: #D97348; }
    .solution-category-list .tooltip.white .desc {
      color: #292929; }
    .solution-category-list .tooltip.white .tags .card-text {
      color: #292929; }
    .solution-category-list .tooltip.white .tags .tag {
      color: #ffffff;
      background-color: #292929; }
    .solution-category-list .tooltip.white .tags .tag:hover {
      color: #ffffff;
      background-color: #D97348; }
    .solution-category-list .tooltip.white .more-button {
      color: #292929; }
      .solution-category-list .tooltip.white .more-button svg {
        filter: unset; }
    .solution-category-list .tooltip.up .tool-inner {
      border-radius: 0 1.32rem 0 0; }
    .solution-category-list .tooltip.up .close-button {
      bottom: 0.2rem;
      top: auto; }
    .solution-category-list .tooltip .close-button {
      position: absolute;
      z-index: 10;
      top: 0.2rem;
      right: 0.2rem;
      width: 0.3rem;
      height: 0.3rem;
      background-image: url(../js/../img/svg/close-button-2.svg);
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      cursor: pointer; }
    .solution-category-list .tooltip .tool-inner {
      display: block;
      width: 4.75rem;
      background-color: #292929;
      background-image: url(../js/../img/png/noise.png);
      background-repeat: repeat;
      padding: 0.6rem 0.6rem 0.4rem;
      border-radius: 0 0 1.32rem 0;
      color: #ffffff;
      border: 1px solid #ffffff; }
    .solution-category-list .tooltip .c-title {
      color: #ffffff; }
    .solution-category-list .tooltip .text {
      color: #ffffff;
      margin-bottom: 0.08rem; }
    .solution-category-list .tooltip .line {
      width: 3.1rem;
      height: 1px;
      background-color: #D97348;
      margin: 0.3rem 0; }
    .solution-category-list .tooltip .desc {
      font-family: "Source Sans Pro", sans-serif;
      font-size: 0.14rem;
      line-height: 0.24rem;
      font-weight: 400;
      color: #ffffff;
      margin-bottom: 0.3rem; }
    .solution-category-list .tooltip .tags {
      display: flex;
      margin-bottom: 0.66rem;
      align-items: flex-start; }
      .solution-category-list .tooltip .tags .t-inner:first-child {
        margin-right: 0.06rem; }
      .solution-category-list .tooltip .tags .t-inner:last-child {
        display: flex;
        flex-wrap: wrap;
        gap: 0.06rem;
        width: 3rem; }
      .solution-category-list .tooltip .tags .card-text {
        font-family: "Source Sans Pro", sans-serif;
        font-size: 0.14rem;
        line-height: 0.24rem;
        font-weight: 400;
        color: #ffffff;
        margin: 0; }
      .solution-category-list .tooltip .tags .tag {
        cursor: pointer;
        display: inline-block;
        font-family: "Source Sans Pro", sans-serif;
        transition: color 600ms cubic-bezier(0.51, 0.01, 0.2, 1), background-color 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
        font-size: 0.14rem;
        line-height: 0.14rem;
        font-weight: 400;
        text-decoration: none;
        color: #616161;
        background-color: #ffffff;
        border-radius: 0.5rem;
        padding: 0.06rem 0.12rem; }
      .solution-category-list .tooltip .tags .tag:hover {
        color: #ffffff;
        background-color: #D97348; }
    .solution-category-list .tooltip .more-button {
      color: #ffffff; }
      .solution-category-list .tooltip .more-button svg {
        filter: invert(1); }

.solutions-hero-section {
  padding-top: 1.62rem;
  padding-bottom: 0.6rem;
  background-color: #292929;
  background-image: url(../js/../img/png/noise.png);
  background-repeat: repeat;
  margin-top: -0.01rem; }
  .solutions-hero-section .solution-title-wrap {
    text-align: center;
    color: #ffffff; }
    .solutions-hero-section .solution-title-wrap .title-text {
      max-width: 65%;
      font-family: "Source Sans Pro", sans-serif;
      font-size: 0.16rem;
      line-height: 0.2rem;
      letter-spacing: 0em;
      margin: 0 auto;
      margin-top: 0.1rem; }
  .solutions-hero-section .solutions-list-wrap.category {
    padding-top: .3rem; }
  .solutions-hero-section .solutions-list-wrap {
    color: #ffffff;
    padding-top: .4rem; }
    .solutions-hero-section .solutions-list-wrap .grid {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start; }
      .solutions-hero-section .solutions-list-wrap .grid h2 {
        width: 2rem;
        padding-top: .09rem;
        padding-right: 0.1rem; }
      .solutions-hero-section .solutions-list-wrap .grid .list {
        width: calc(100% - (1.57rem + .2rem)); }
    .solutions-hero-section .solutions-list-wrap .filter-select {
      display: none;
      border-radius: 0.21rem;
      padding: 0.1rem 0.2rem;
      font-weight: bold;
      font-family: "Source Sans Pro", sans-serif;
      font-size: .16rem;
      line-height: .2rem;
      font-weight: 600;
      width: 100%;
      position: relative;
      background: url(../js/../img/svg/select-arrow.svg) no-repeat right #ffffff;
      background-size: 0.08rem 0.1rem;
      -webkit-appearance: none;
      background-position-x: calc(100% - .2rem);
      outline: none;
      color: #292929; }
  .solutions-hero-section.big-padding {
    padding-top: 2.12rem !important; }
  .solutions-hero-section.no-padding {
    padding-top: 0 !important; }
    .solutions-hero-section.no-padding .solutions-list-wrap:first-of-type {
      padding-top: 0 !important; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .solutions-hero-section {
      padding-top: .69rem;
      padding-bottom: .5rem; }
      .solutions-hero-section .solution-title-wrap {
        text-align: left; }
        .solutions-hero-section .solution-title-wrap .title-text {
          max-width: 100%;
          margin-left: 0;
          text-align: left; }
      .solutions-hero-section .solutions-list-wrap.category {
        padding-top: .1rem; }
      .solutions-hero-section .solutions-list-wrap {
        padding-top: .5rem; }
        .solutions-hero-section .solutions-list-wrap .filter-select {
          display: block; }
        .solutions-hero-section .solutions-list-wrap .grid {
          flex-direction: column; }
          .solutions-hero-section .solutions-list-wrap .grid h2 {
            width: 100%;
            padding-bottom: .2rem;
            display: none; }
          .solutions-hero-section .solutions-list-wrap .grid .list {
            width: 100%; }
      .solutions-hero-section .decoration-arrow {
        display: none; }
      .solutions-hero-section.big-padding {
        padding-top: 0.7 !important; } }

.list.white {
  gap: 0.16rem 0.20rem; }
  .list.white li {
    border: .01rem solid #616161; }
    .list.white li span {
      color: #ffffff; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .list.white {
      gap: 0.1rem 0.16rem; } }

.list {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.12rem 0.16rem; }
  .list li.active,
  .list li:hover {
    background-color: #D97348;
    border-color: #D97348;
    color: #ffffff; }
  .list li.active .tooltip {
    transition: opacity 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
    opacity: 1;
    pointer-events: all; }
  .list li.left .tooltip {
    left: -0.02rem; }
  .list li.right .tooltip {
    right: -0.02rem; }
  .list li {
    border: .01rem solid #949494;
    border-radius: .21rem;
    padding: .08rem .2rem;
    background: transparent;
    cursor: pointer;
    position: relative;
    transition: background-color 600ms cubic-bezier(0.51, 0.01, 0.2, 1), color 600ms cubic-bezier(0.51, 0.01, 0.2, 1), border-color 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
    display: inline-flex;
    color: #292929; }
    .list li.link {
      padding: 0; }
    .list li span {
      position: relative;
      z-index: 10;
      font-family: "Source Sans Pro", sans-serif;
      font-size: .16rem;
      line-height: .2rem; }
    .list li .tooltip {
      position: absolute;
      z-index: 11;
      pointer-events: none;
      top: -0.02rem;
      opacity: 0;
      backface-visibility: hidden; }
      .list li .tooltip .tool-inner {
        display: block;
        width: 4.75rem;
        background-color: #292929;
        background-image: url(../js/../img/png/noise.png);
        background-repeat: repeat;
        padding: 0.74rem 0.6rem;
        color: #ffffff; }
      .list li .tooltip .c-title {
        color: #ffffff;
        font-size: .24rem;
        line-height: .32rem;
        font-family: "Source Sans Pro", sans-serif; }
      .list li .tooltip .text {
        color: #ffffff;
        margin-bottom: 0.08rem;
        line-height: .26rem; }
      .list li .tooltip .line {
        width: 3.1rem;
        height: 1px;
        background-color: #D97348;
        margin: 0.3rem 0; }
      .list li .tooltip .desc {
        font-family: "Source Sans Pro", sans-serif;
        font-size: 0.14rem;
        line-height: 0.24rem;
        font-weight: 400;
        color: #ffffff;
        margin-bottom: 0.3rem; }
      .list li .tooltip .tags {
        display: flex;
        margin-bottom: 0.66rem; }
        .list li .tooltip .tags .t-inner:first-child {
          margin-right: 0.06rem; }
        .list li .tooltip .tags .t-inner:last-child {
          display: flex;
          flex-wrap: wrap;
          gap: 0.06rem;
          width: 3rem; }
        .list li .tooltip .tags .card-text {
          font-family: "Source Sans Pro", sans-serif;
          font-size: 0.14rem;
          line-height: 0.24rem;
          font-weight: 400;
          color: #ffffff;
          margin: 0; }
        .list li .tooltip .tags .tag {
          cursor: pointer;
          display: inline-block;
          font-family: "Source Sans Pro", sans-serif;
          transition: color 600ms cubic-bezier(0.51, 0.01, 0.2, 1), background-color 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
          font-size: 0.14rem;
          line-height: 0.14rem;
          font-weight: 400;
          text-decoration: none;
          color: #616161;
          background-color: #ffffff;
          border-radius: 0.5rem;
          padding: 0.06rem 0.12rem; }
        .list li .tooltip .tags .tag:hover {
          color: #ffffff;
          background-color: #D97348; }
      .list li .tooltip .buttons-wrap {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center; }
        .list li .tooltip .buttons-wrap .more-button {
          color: #ffffff; }
          .list li .tooltip .buttons-wrap .more-button svg {
            filter: invert(1); }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .list {
      gap: 0.16rem 0.16rem; }
      .list.filter-list {
        display: none; }
      .list li .tooltip {
        top: 100%;
        width: 3.35rem; }
        .list li .tooltip .close-button {
          display: block; }
        .list li .tooltip .tool-inner {
          width: 100%;
          padding: 0.22rem 0.2rem;
          border-radius: 0; }
        .list li .tooltip .text {
          margin-bottom: 0.12rem; }
        .list li .tooltip .line {
          width: 100%;
          margin: 0.2rem 0 0.3rem; }
        .list li .tooltip .tags {
          display: block;
          margin-bottom: 0.3rem; }
          .list li .tooltip .tags .t-inner:first-child {
            margin-right: 0;
            margin-bottom: 0.1rem; }
          .list li .tooltip .tags .t-inner:last-child {
            width: 100%; } }

.solutions-overview-section {
  padding-top: 0.4rem;
  padding-bottom: 0.6rem; }
  .solutions-overview-section.business {
    padding-top: .4rem; }
  .solutions-overview-section.minerals.bg-black {
    background-color: #292929;
    background-image: url(../js/../img/png/noise.png);
    background-repeat: repeat; }
    .solutions-overview-section.minerals.bg-black .title {
      color: #ffffff; }
    .solutions-overview-section.minerals.bg-black .list li {
      color: #ffffff; }
    .solutions-overview-section.minerals.bg-black .list li.active,
    .solutions-overview-section.minerals.bg-black .list li:hover {
      background-color: #ffffff;
      border-color: #ffffff;
      color: #292929;
      background-image: unset; }
      .solutions-overview-section.minerals.bg-black .list li.active .solution-link,
      .solutions-overview-section.minerals.bg-black .list li:hover .solution-link {
        color: #292929; }
  .solutions-overview-section.minerals .services-wrap::after {
    display: none; }
  .solutions-overview-section .solutions-overview-title {
    font-family: "Source Sans Pro", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: .2rem;
    line-height: .28rem;
    text-align: center;
    color: #292929;
    margin-bottom: .3rem; }
  .solutions-overview-section .title {
    margin-bottom: 0.3rem;
    width: 6rem; }
  .solutions-overview-section .solutions-overview-text {
    max-width: 6.86rem;
    margin: 0 auto;
    padding-bottom: .6rem; }
  .solutions-overview-section .services-wrap {
    position: relative;
    padding-bottom: .3rem;
    margin-bottom: .3rem; }
    .solutions-overview-section .services-wrap:last-of-type {
      margin-bottom: 0; }
    .solutions-overview-section .services-wrap::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: .01rem;
      background-color: #C7C7C7; }
    .solutions-overview-section .services-wrap .title {
      display: flex;
      flex-direction: row;
      align-content: center;
      align-items: center;
      margin-bottom: .2rem; }
      .solutions-overview-section .services-wrap .title a {
        text-decoration: none;
        color: #292929;
        transition: color 600ms cubic-bezier(0.51, 0.01, 0.2, 1); }
        .solutions-overview-section .services-wrap .title a:hover {
          color: #D97348; }
      .solutions-overview-section .services-wrap .title .icon {
        position: relative;
        width: .48rem;
        height: .48rem;
        border: .01rem solid #949494;
        border-radius: 100%;
        margin-right: .2rem; }
        .solutions-overview-section .services-wrap .title .icon svg.digital {
          height: .27rem; }
        .solutions-overview-section .services-wrap .title .icon svg.commercial {
          height: .205rem; }
        .solutions-overview-section .services-wrap .title .icon svg {
          position: absolute;
          width: .24rem;
          height: .24rem;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          fill: #292929; }
      .solutions-overview-section .services-wrap .title .custom-icon {
        position: relative;
        width: .48rem;
        height: .48rem;
        margin-right: .2rem;
        top: 0;
        left: 0;
        transition: scale 0.6s cubic-bezier(0.51, 0.01, 0.2, 1); }
        .solutions-overview-section .services-wrap .title .custom-icon .icon-img {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
      .solutions-overview-section .services-wrap .title h2 {
        font-family: "Source Sans Pro", sans-serif;
        font-size: .24rem;
        line-height: .32rem;
        width: calc(100% - 0.48rem); }
  .solutions-overview-section .list li.active,
  .solutions-overview-section .list li:hover {
    background-color: #292929;
    background-image: url(../js/../img/png/noise.png);
    background-repeat: repeat;
    border-color: #292929;
    color: #ffffff; }
    .solutions-overview-section .list li.active .solution-link,
    .solutions-overview-section .list li:hover .solution-link {
      color: #ffffff; }
  .solutions-overview-section .list li.left .tooltip {
    left: -0.01rem; }
  .solutions-overview-section .list li.right .tooltip {
    right: -0.01rem; }
  .solutions-overview-section .list li {
    border-radius: 0rem;
    transition: background-image 600ms cubic-bezier(0.51, 0.01, 0.2, 1), background-color 600ms cubic-bezier(0.51, 0.01, 0.2, 1), color 600ms cubic-bezier(0.51, 0.01, 0.2, 1), border-color 600ms cubic-bezier(0.51, 0.01, 0.2, 1); }
    .solutions-overview-section .list li .solution-link {
      text-decoration: none;
      color: #292929;
      transition: color 600ms cubic-bezier(0.51, 0.01, 0.2, 1);
      padding: .08rem .2rem; }
    .solutions-overview-section .list li.up .tooltip {
      top: auto;
      bottom: 100%; }
      .solutions-overview-section .list li.up .tooltip .close-button {
        bottom: 0.2rem;
        top: auto; }
    .solutions-overview-section .list li .tooltip {
      top: 100%; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .solutions-overview-section {
      padding-top: .4rem;
      padding-bottom: .4rem; }
      .solutions-overview-section .title {
        width: 100%; }
      .solutions-overview-section .services-wrap {
        padding-bottom: .3rem;
        margin-bottom: .3rem; }
        .solutions-overview-section .services-wrap .title h2 {
          width: calc(100% - 0.68rem); } }

.filter-wrap.compact .solutions-hero-section {
  padding-top: 0.6rem; }
  .filter-wrap.compact .solutions-hero-section .title-text {
    margin-left: 0;
    text-align: left; }
  .filter-wrap.compact .solutions-hero-section .title {
    text-align: left; }
  .filter-wrap.compact .solutions-hero-section.no-padding {
    padding-top: 0 !important; }
    .filter-wrap.compact .solutions-hero-section.no-padding .solutions-list-wrap:first-of-type {
      padding-top: 0 !important; }

.filter-wrap.compact .solutions-overview-section .services-wrap {
  margin-bottom: 0; }
  .filter-wrap.compact .solutions-overview-section .services-wrap::after {
    display: none; }

.filter-wrap.compact .solutions-overview-section .services-wrap .title {
  margin-bottom: 0.1rem; }

.filter-wrap.compact .solutions-overview-section .services-wrap .title h2 {
  font-size: .18rem;
  line-height: .26rem; }

.filter-wrap.compact .solutions-overview-section .services-wrap .title .icon {
  width: .36rem;
  height: .36rem;
  border: none;
  margin-right: 0.1rem; }

.solution-hero-section,
.business-hero-section {
  padding-top: 1.8rem;
  padding-bottom: 1.2rem;
  background-color: #292929;
  background-image: url(../js/../img/png/noise.png);
  background-repeat: repeat; }
  .solution-hero-section bac
.section-inner,
  .business-hero-section bac
.section-inner {
    padding-left: 0.68rem; }
    .solution-hero-section bac
.section-inner .solution-hero-card,
    .business-hero-section bac
.section-inner .solution-hero-card {
      display: flex;
      position: relative;
      padding-top: 0.69rem;
      padding-bottom: 0.67rem;
      min-height: 4.6rem; }
      .solution-hero-section bac
.section-inner .solution-hero-card::before,
      .business-hero-section bac
.section-inner .solution-hero-card::before {
        content: "";
        width: 1px;
        height: 85%;
        background-color: #949494;
        position: absolute;
        left: -0.53rem;
        top: 50%;
        transform: translateY(-50%); }
      .solution-hero-section bac
.section-inner .solution-hero-card .cnt,
      .business-hero-section bac
.section-inner .solution-hero-card .cnt {
        z-index: 10;
        width: 4.11rem; }
        .solution-hero-section bac
.section-inner .solution-hero-card .cnt .quote,
        .business-hero-section bac
.section-inner .solution-hero-card .cnt .quote {
          color: #D97348;
          margin-bottom: 0.1rem; }
      .solution-hero-section bac
.section-inner .solution-hero-card .media-wrap,
      .business-hero-section bac
.section-inner .solution-hero-card .media-wrap {
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        right: 0;
        width: 5.3rem;
        aspect-ratio: 53 / 46;
        border-radius: 0rem 2.3rem 0rem 0rem;
        min-height: 4.6rem; }
        .solution-hero-section bac
.section-inner .solution-hero-card .media-wrap.radius-left,
        .business-hero-section bac
.section-inner .solution-hero-card .media-wrap.radius-left {
          border-radius: 2.3rem 0rem 0rem 0rem; }
      .solution-hero-section bac
.section-inner .solution-hero-card .sub-title,
      .business-hero-section bac
.section-inner .solution-hero-card .sub-title {
        font-family: "Source Sans Pro", sans-serif;
        font-size: 0.14rem;
        line-height: 0.24rem;
        color: #E4E5E8;
        margin-bottom: 0.1rem; }
      .solution-hero-section bac
.section-inner .solution-hero-card .title,
      .business-hero-section bac
.section-inner .solution-hero-card .title {
        color: #ffffff;
        margin-bottom: 0.1rem;
        width: 6.33rem; }
        .solution-hero-section bac
.section-inner .solution-hero-card .title.over-img,
        .business-hero-section bac
.section-inner .solution-hero-card .title.over-img {
          width: 6rem; }
      .solution-hero-section bac
.section-inner .solution-hero-card .text,
      .business-hero-section bac
.section-inner .solution-hero-card .text {
        color: #E4E5E8;
        width: 4.32rem;
        margin-bottom: 0.5rem; }
  .solution-hero-section .solutions-list-wrap,
  .business-hero-section .solutions-list-wrap {
    color: #ffffff;
    padding-top: .8rem; }
    .solution-hero-section .solutions-list-wrap.category,
    .business-hero-section .solutions-list-wrap.category {
      padding-top: .4rem; }
    .solution-hero-section .solutions-list-wrap .grid,
    .business-hero-section .solutions-list-wrap .grid {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start; }
      .solution-hero-section .solutions-list-wrap .grid h2,
      .business-hero-section .solutions-list-wrap .grid h2 {
        width: 1.6rem;
        padding-top: .09rem; }
      .solution-hero-section .solutions-list-wrap .grid .list,
      .business-hero-section .solutions-list-wrap .grid .list {
        width: calc(100% - (1.57rem + .2rem)); }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .solution-hero-section,
    .business-hero-section {
      padding-top: 0.7rem;
      padding-bottom: 0.4rem; }
      .solution-hero-section .section-inner,
      .business-hero-section .section-inner {
        padding-left: 0; }
        .solution-hero-section .section-inner .solution-hero-card,
        .business-hero-section .section-inner .solution-hero-card {
          padding-top: 0;
          padding-bottom: 0;
          display: flex;
          flex-direction: column; }
          .solution-hero-section .section-inner .solution-hero-card .media-wrap,
          .business-hero-section .section-inner .solution-hero-card .media-wrap {
            border-radius: 0rem 1rem 0rem 0rem; }
            .solution-hero-section .section-inner .solution-hero-card .media-wrap.radius-left,
            .business-hero-section .section-inner .solution-hero-card .media-wrap.radius-left {
              border-radius: 1rem 0rem 0rem 0rem; }
          .solution-hero-section .section-inner .solution-hero-card::before,
          .business-hero-section .section-inner .solution-hero-card::before {
            display: none; }
          .solution-hero-section .section-inner .solution-hero-card .cnt,
          .business-hero-section .section-inner .solution-hero-card .cnt {
            width: 100%;
            order: 2;
            margin-top: .2rem; }
          .solution-hero-section .section-inner .solution-hero-card .media-wrap,
          .business-hero-section .section-inner .solution-hero-card .media-wrap {
            transform: translateY(0);
            position: relative;
            width: 100%;
            height: 2.36rem;
            min-height: unset; }
          .solution-hero-section .section-inner .solution-hero-card .sub-title,
          .business-hero-section .section-inner .solution-hero-card .sub-title {
            margin-bottom: 0.2rem; }
          .solution-hero-section .section-inner .solution-hero-card .title,
          .business-hero-section .section-inner .solution-hero-card .title {
            margin-bottom: 0.2rem; }
            .solution-hero-section .section-inner .solution-hero-card .title.over-img,
            .business-hero-section .section-inner .solution-hero-card .title.over-img {
              width: 100%; }
          .solution-hero-section .section-inner .solution-hero-card .text,
          .business-hero-section .section-inner .solution-hero-card .text {
            width: 100%;
            margin-bottom: 0.3rem; }
      .solution-hero-section .solutions-list-wrap,
      .business-hero-section .solutions-list-wrap {
        padding-top: .2rem; }
        .solution-hero-section .solutions-list-wrap .grid,
        .business-hero-section .solutions-list-wrap .grid {
          flex-direction: column;
          gap: .1rem; }
          .solution-hero-section .solutions-list-wrap .grid h2,
          .business-hero-section .solutions-list-wrap .grid h2 {
            width: 1.6rem;
            padding-top: 0;
            padding-bottom: .2rem; }
          .solution-hero-section .solutions-list-wrap .grid .list,
          .business-hero-section .solutions-list-wrap .grid .list {
            width: 100%; } }

.solution-summary-section {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem; }
  .solution-summary-section .image-title-wrap {
    position: relative;
    padding-top: 0.82rem;
    padding-bottom: 0.82rem;
    padding-right: 0.68rem;
    border-right: 1px solid #C7C7C7; }
    .solution-summary-section .image-title-wrap .media-wrap {
      transform: translateY(-50%);
      position: absolute;
      top: 50%;
      left: 0;
      width: 5.1rem;
      aspect-ratio: 51 / 46;
      min-height: 4.6rem;
      border-radius: 3rem 0 0 3rem; }
    .solution-summary-section .image-title-wrap .cnt {
      position: relative;
      z-index: 10;
      width: 4.42rem;
      text-align: right;
      margin-left: auto;
      margin-right: 0; }
      .solution-summary-section .image-title-wrap .cnt .title {
        color: #292929;
        margin-bottom: 0.2rem; }
      .solution-summary-section .image-title-wrap .cnt .text {
        color: #616161;
        width: 4.42rem;
        margin-left: auto;
        margin-right: 0; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .solution-summary-section {
      padding-top: 0.4rem;
      padding-bottom: 0; }
      .solution-summary-section .image-title-wrap {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
        border-right: none;
        border-bottom: 1px solid #C7C7C7;
        display: flex;
        flex-direction: column;
        padding-bottom: 0.4rem; }
        .solution-summary-section .image-title-wrap .media-wrap {
          transform: translateY(0);
          position: relative;
          width: 100%;
          height: 2.36rem;
          order: 1;
          border-radius: 0rem 3rem 3rem 0rem;
          margin-bottom: .2rem;
          min-height: unset; }
        .solution-summary-section .image-title-wrap .cnt {
          width: 100%;
          order: 2;
          text-align: left; }
          .solution-summary-section .image-title-wrap .cnt .title {
            margin-bottom: 0.2rem; }
          .solution-summary-section .image-title-wrap .cnt .text {
            width: 100%; } }

.blog-hero-section {
  padding-top: 1.62rem;
  padding-bottom: 1.04rem;
  background-color: #292929;
  background-image: url(../js/../img/png/noise.png);
  background-repeat: repeat; }
  .blog-hero-section .solution-title-wrap {
    text-align: center;
    color: #ffffff; }
  .blog-hero-section .blog-list-wrap {
    color: #ffffff;
    padding-top: .8rem; }
    .blog-hero-section .blog-list-wrap .grid {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: flex-start; }
    .blog-hero-section .blog-list-wrap .filter-select {
      display: none;
      border-radius: 0.21rem;
      padding: 0.1rem 0.2rem;
      font-weight: bold;
      font-family: "Source Sans Pro", sans-serif;
      font-size: .16rem;
      line-height: .2rem;
      font-weight: 600;
      width: 100%;
      position: relative;
      background: url(../js/../img/svg/select-arrow.svg) no-repeat right #ffffff;
      background-size: 0.08rem 0.1rem;
      -webkit-appearance: none;
      background-position-x: calc(100% - .2rem);
      outline: none;
      color: #292929; }
  .blog-hero-section .list.white li {
    border: .01rem solid #616161; }
    .blog-hero-section .list.white li span {
      color: #ffffff; }
  .blog-hero-section .list {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.16rem;
    max-width: 9rem; }
    .blog-hero-section .list li.active {
      background: #D97348;
      border-color: #D97348; }
      .blog-hero-section .list li.active span {
        color: #ffffff; }
    .blog-hero-section .list li:hover span {
      color: #ffffff; }
    .blog-hero-section .list li:hover::after {
      transform: scale(15); }
    .blog-hero-section .list li {
      border: .01rem solid #949494;
      border-radius: .21rem;
      padding: .08rem .2rem;
      background: transparent;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      display: inline-flex;
      transform: translateZ(0); }
      .blog-hero-section .list li span {
        position: relative;
        z-index: 10;
        font-family: "Source Sans Pro", sans-serif;
        font-size: .16rem;
        line-height: .2rem;
        color: #292929;
        transition: color 800ms cubic-bezier(0.51, 0.01, 0.2, 1); }
      .blog-hero-section .list li::after {
        content: '';
        display: block;
        position: absolute;
        transition: transform 800ms cubic-bezier(0.51, 0.01, 0.2, 1);
        transform: scale(0);
        z-index: 5;
        top: -0.2rem;
        left: -0.2rem;
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        background-color: #D97348; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .blog-hero-section {
      padding-top: 0.7rem;
      padding-bottom: 0.4rem; }
      .blog-hero-section .blog-list-wrap {
        padding-top: .4rem; }
        .blog-hero-section .blog-list-wrap .grid {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: flex-start; }
        .blog-hero-section .blog-list-wrap .filter-select {
          display: block; }
      .blog-hero-section .solution-title-wrap {
        text-align: left; }
      .blog-hero-section .list {
        justify-content: flex-start; }
        .blog-hero-section .list.filter-list {
          display: none; } }

.blog-posts-section {
  padding-top: 0.8rem;
  padding-bottom: 1.2rem;
  background-color: #ffffff; }
  .blog-posts-section .grid {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-left: -.3rem;
    margin-right: -.3rem;
    align-items: stretch;
    height: 100%;
    opacity: 1; }
    .blog-posts-section .grid .g-inner {
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
      padding-left: .3rem;
      padding-right: .3rem;
      margin-bottom: 0.4rem; }
  .blog-posts-section .card-2 {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .blog-posts-section .card-2 .wrap {
      text-decoration: none; }
    .blog-posts-section .card-2 .media-wrap {
      aspect-ratio: 51 / 25;
      border-radius: 0.32rem;
      margin-bottom: 0.2rem;
      min-height: 2rem; }
      .blog-posts-section .card-2 .media-wrap:hover .media {
        transform: scale(1.1); }
      .blog-posts-section .card-2 .media-wrap .media {
        transition: transform 0.4s ease; }
    .blog-posts-section .card-2 .tag-wrap {
      display: block;
      position: absolute;
      left: 0.19rem;
      bottom: 0.2rem; }
      .blog-posts-section .card-2 .tag-wrap .tag {
        display: inline-block;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 0.16rem;
        line-height: 0.26rem;
        font-weight: 400;
        color: #ffffff;
        background-color: #D97348;
        border-radius: 0.32rem;
        padding: 0.1rem 0.3rem;
        text-decoration: none;
        position: relative;
        overflow: hidden;
        transform: translateZ(0); }
        .blog-posts-section .card-2 .tag-wrap .tag::after {
          content: '';
          display: block;
          position: absolute;
          transition: transform 800ms cubic-bezier(0.51, 0.01, 0.2, 1);
          transform: scale(0);
          z-index: -1;
          top: -0.2rem;
          left: -0.2rem;
          width: 0.5rem;
          height: 0.5rem;
          border-radius: 50%;
          background-color: #292929; }
        .blog-posts-section .card-2 .tag-wrap .tag:hover::after {
          transform: scale(8); }
    .blog-posts-section .card-2 .c-title {
      font-family: "Source Sans Pro", sans-serif;
      font-size: 0.16rem;
      line-height: 0.2rem;
      font-weight: 700;
      color: #292929;
      margin-bottom: 0.1rem; }
    .blog-posts-section .card-2 .c-text {
      font-family: "Source Sans Pro", sans-serif;
      font-size: 0.16rem;
      line-height: 0.24rem;
      font-weight: 400;
      color: #8a8a8a; }
    .blog-posts-section .card-2 .line {
      display: block;
      width: 100%;
      height: 1px;
      background-color: #8a8a8a;
      margin: 0.2rem 0; }
    .blog-posts-section .card-2 .date {
      font-family: "Source Sans Pro", sans-serif;
      font-size: 0.16rem;
      line-height: 0.26rem;
      font-weight: 400;
      text-transform: uppercase;
      color: #8a8a8a;
      margin-bottom: 0.1rem; }
  .blog-posts-section .blog-pagination {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    .blog-posts-section .blog-pagination .pag-btn {
      width: .2rem;
      height: .2rem;
      cursor: pointer; }
      .blog-posts-section .blog-pagination .pag-btn.next, .blog-posts-section .blog-pagination .pag-btn.last {
        transform: rotate(180deg); }
      .blog-posts-section .blog-pagination .pag-btn.first {
        margin-right: .1rem; }
      .blog-posts-section .blog-pagination .pag-btn.prev {
        margin-right: .2rem; }
      .blog-posts-section .blog-pagination .pag-btn.next {
        margin-left: .2rem; }
      .blog-posts-section .blog-pagination .pag-btn.last {
        margin-left: .1rem; }
      .blog-posts-section .blog-pagination .pag-btn .pag-arrow,
      .blog-posts-section .blog-pagination .pag-btn .pag-double-arrow {
        width: .2rem;
        height: .2rem;
        fill: #C7C7C7; }
        .blog-posts-section .blog-pagination .pag-btn .pag-arrow:hover,
        .blog-posts-section .blog-pagination .pag-btn .pag-double-arrow:hover {
          fill: #D97348; }
    .blog-posts-section .blog-pagination .pag-num {
      padding: .06rem .12rem;
      color: #8A8A8A;
      cursor: pointer;
      text-decoration: none; }
      .blog-posts-section .blog-pagination .pag-num.active {
        color: #D97348;
        background: #FAFAFA;
        border-radius: .04rem; }
      .blog-posts-section .blog-pagination .pag-num:hover {
        color: #D97348;
        background: #FAFAFA;
        border-radius: .04rem; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .blog-posts-section {
      padding-top: 0.4rem;
      padding-bottom: 0.4rem; }
      .blog-posts-section .grid {
        flex-direction: column;
        margin-bottom: .2rem; }
        .blog-posts-section .grid .g-inner {
          flex: 0 0 100%;
          max-width: 100%;
          margin-bottom: 0.2rem; }
      .blog-posts-section .blog-pagination {
        margin-top: 0.4rem; } }

.post-single {
  padding-top: 2rem; }
  .post-single .grid {
    display: flex;
    justify-content: space-between;
    width: 100%; }
    .post-single .grid .g-inner .social-share {
      display: flex;
      flex-direction: row;
      align-items: center;
      flex-wrap: wrap; }
      .post-single .grid .g-inner .social-share a {
        margin-top: 0.1rem;
        text-decoration: none;
        margin-left: .12rem;
        margin-right: .12rem; }
        .post-single .grid .g-inner .social-share a:hover .icon {
          transform: scale(1.2); }
        .post-single .grid .g-inner .social-share a:first-of-type {
          margin-left: 0; }
        .post-single .grid .g-inner .social-share a:last-of-type {
          margin-right: 0; }
      .post-single .grid .g-inner .social-share .icon {
        transition: transform 0.3s ease;
        vertical-align: middle; }
      .post-single .grid .g-inner .social-share .twitter {
        width: .24rem;
        height: .22rem; }
      .post-single .grid .g-inner .social-share .bi_medium {
        width: .22rem;
        height: .22rem; }
      .post-single .grid .g-inner .social-share .linkedin {
        width: .24rem;
        height: .24rem; }
      .post-single .grid .g-inner .social-share .facebook {
        width: .20rem;
        height: .20rem; }
      .post-single .grid .g-inner .social-share .pinterest {
        width: .20rem;
        height: .20rem; }
      .post-single .grid .g-inner .social-share .email {
        width: .26rem;
        height: .20rem; }
    .post-single .grid .g-inner .post-categories {
      margin-bottom: 0.1rem;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start;
      gap: .06rem; }
      .post-single .grid .g-inner .post-categories.tags {
        padding-top: 0.2rem; }
      .post-single .grid .g-inner .post-categories .cat-btn {
        text-decoration: none;
        font-family: "Source Sans Pro", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: .14rem;
        line-height: .14rem;
        color: #292929;
        padding: .06rem .12rem;
        border: 1px solid #C7C7C7;
        border-radius: .5rem;
        transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in; }
        .post-single .grid .g-inner .post-categories .cat-btn:hover {
          background-color: #D97348;
          color: #ffffff;
          border: 1px solid #D97348; }
    .post-single .grid .g-inner.left {
      width: 75%;
      padding-right: .7rem;
      padding-bottom: .8rem;
      position: relative; }
      .post-single .grid .g-inner.left::after {
        content: "";
        width: 1px;
        height: 100%;
        background-color: #C7C7C7;
        position: absolute;
        right: .3rem;
        top: 0; }
      .post-single .grid .g-inner.left .post-title {
        font-family: "Source Serif Pro", serif;
        font-style: normal;
        font-size: .24rem;
        line-height: .32rem;
        color: #292929;
        margin-bottom: 0.2rem; }
      .post-single .grid .g-inner.left .text {
        margin-bottom: 0.1rem; }
      .post-single .grid .g-inner.left .post-info {
        margin-bottom: 0.28rem;
        text-transform: uppercase;
        color: #8A8A8A;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%; }
        .post-single .grid .g-inner.left .post-info .info-left,
        .post-single .grid .g-inner.left .post-info .info-right {
          display: flex;
          justify-content: space-between;
          gap: .25rem; }
          .post-single .grid .g-inner.left .post-info .info-left .info-box,
          .post-single .grid .g-inner.left .post-info .info-right .info-box {
            position: relative; }
            .post-single .grid .g-inner.left .post-info .info-left .info-box:nth-of-type(2)::after,
            .post-single .grid .g-inner.left .post-info .info-right .info-box:nth-of-type(2)::after {
              content: "";
              width: 1px;
              height: 100%;
              position: absolute;
              left: -0.12rem;
              right: 0;
              background-color: #C7C7C7; }
      .post-single .grid .g-inner.left .post-content {
        position: relative; }
        .post-single .grid .g-inner.left .post-content table {
          font-size: .16rem;
          line-height: .2rem;
          margin-top: .1rem;
          margin-bottom: .2rem;
          border-color: #292929;
          border-right: 0.01rem solid #292929;
          border-bottom: 0.01rem solid #292929; }
          .post-single .grid .g-inner.left .post-content table td,
          .post-single .grid .g-inner.left .post-content table th {
            border-top: 0.01rem solid #292929;
            border-left: 0.01rem solid #292929; }
          .post-single .grid .g-inner.left .post-content table tr td {
            vertical-align: top;
            padding: 0.05rem; }
        .post-single .grid .g-inner.left .post-content .img-wrap {
          width: 100%;
          height: 3.60rem;
          margin-bottom: .1rem;
          position: relative; }
          .post-single .grid .g-inner.left .post-content .img-wrap img {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover; }
        .post-single .grid .g-inner.left .post-content .img-caption {
          padding-bottom: 0.1rem;
          font-family: "Source Sans Pro", sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: .16rem;
          line-height: .2rem;
          color: #8A8A8A;
          margin-bottom: 0;
          margin-top: 0; }
        .post-single .grid .g-inner.left .post-content img {
          width: 100%;
          height: auto;
          vertical-align: middle;
          margin-bottom: .1rem; }
        .post-single .grid .g-inner.left .post-content figure {
          width: 100% !important;
          height: auto;
          vertical-align: middle; }
        .post-single .grid .g-inner.left .post-content figcaption {
          font-family: "Source Sans Pro", sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: .16rem;
          line-height: .2rem;
          color: #8A8A8A;
          margin-bottom: .2rem; }
        .post-single .grid .g-inner.left .post-content p {
          margin-top: 0.1rem;
          margin-bottom: 0.4rem;
          font-family: "Source Sans Pro", sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: .16rem;
          line-height: .26rem;
          color: #292929; }
        .post-single .grid .g-inner.left .post-content h1 {
          font-family: "Source Sans Pro", sans-serif;
          font-style: normal;
          font-weight: 700;
          font-size: .24rem;
          line-height: .32rem;
          color: #292929; }
        .post-single .grid .g-inner.left .post-content h2 {
          font-family: "Source Sans Pro", sans-serif;
          font-style: normal;
          font-weight: 700;
          font-size: .22rem;
          line-height: .30rem;
          color: #292929; }
        .post-single .grid .g-inner.left .post-content h3 {
          font-family: "Source Sans Pro", sans-serif;
          font-style: normal;
          font-weight: 700;
          font-size: .20rem;
          line-height: .28rem;
          color: #292929; }
        .post-single .grid .g-inner.left .post-content h4 {
          font-family: "Source Sans Pro", sans-serif;
          font-style: normal;
          font-weight: 700;
          font-size: .18rem;
          line-height: .26rem;
          color: #292929; }
        .post-single .grid .g-inner.left .post-content h5 {
          font-family: "Source Sans Pro", sans-serif;
          font-style: normal;
          font-weight: 700;
          font-size: .16rem;
          line-height: .24rem;
          color: #292929; }
        .post-single .grid .g-inner.left .post-content h6 {
          font-family: "Source Sans Pro", sans-serif;
          font-style: normal;
          font-weight: 700;
          font-size: .14rem;
          line-height: .22rem;
          color: #292929; }
        .post-single .grid .g-inner.left .post-content h1,
        .post-single .grid .g-inner.left .post-content h2,
        .post-single .grid .g-inner.left .post-content h3,
        .post-single .grid .g-inner.left .post-content h4,
        .post-single .grid .g-inner.left .post-content h5,
        .post-single .grid .g-inner.left .post-content h6 {
          margin-top: 0;
          margin-bottom: .2rem; }
        .post-single .grid .g-inner.left .post-content p,
        .post-single .grid .g-inner.left .post-content ul,
        .post-single .grid .g-inner.left .post-content ol {
          position: relative;
          margin-bottom: .2rem;
          margin-top: 0.1rem;
          font-family: "Source Sans Pro", sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: .16rem;
          line-height: .26rem;
          color: #292929; }
        .post-single .grid .g-inner.left .post-content ul,
        .post-single .grid .g-inner.left .post-content ol {
          margin-left: 0.2rem;
          padding-left: 0.1rem;
          margin-top: 0.1rem;
          margin-bottom: 0.1rem; }
        .post-single .grid .g-inner.left .post-content ol {
          list-style: decimal; }
        .post-single .grid .g-inner.left .post-content ul {
          list-style: disc; }
        .post-single .grid .g-inner.left .post-content a {
          color: #D97348;
          text-decoration: underline; }
        .post-single .grid .g-inner.left .post-content blockquote {
          margin: 0.2rem 0.2rem 0.2rem 0.2rem;
          background-color: transparent; }
          .post-single .grid .g-inner.left .post-content blockquote p {
            quotes: "“" "“" "<" ">";
            font-family: "Source Sans Pro", sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: .16rem;
            line-height: .26rem;
            color: #292929;
            font-style: italic; }
            .post-single .grid .g-inner.left .post-content blockquote p:before {
              content: open-quote; }
            .post-single .grid .g-inner.left .post-content blockquote p:after {
              content: close-quote; }
        .post-single .grid .g-inner.left .post-content p q {
          quotes: "“" "“" "<" ">";
          font-weight: 700; }
          .post-single .grid .g-inner.left .post-content p q:before {
            content: open-quote; }
          .post-single .grid .g-inner.left .post-content p q:after {
            content: close-quote; }
    .post-single .grid .g-inner.right {
      width: 25%;
      padding-left: 0.1rem; }
      .post-single .grid .g-inner.right .post-side-wrap {
        position: relative;
        padding-top: .2rem;
        padding-bottom: .3rem; }
        .post-single .grid .g-inner.right .post-side-wrap:first-of-type {
          padding-top: 0; }
        .post-single .grid .g-inner.right .post-side-wrap:last-of-type {
          padding-bottom: 0; }
          .post-single .grid .g-inner.right .post-side-wrap:last-of-type::after {
            display: none; }
        .post-single .grid .g-inner.right .post-side-wrap::after {
          content: "";
          width: 100%;
          height: 1px;
          position: absolute;
          left: 0;
          bottom: 0;
          background-color: #C7C7C7; }
        .post-single .grid .g-inner.right .post-side-wrap .side-title {
          font-family: "Source Sans Pro", sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: .16rem;
          line-height: .2rem;
          color: #8A8A8A;
          margin-bottom: 0.1rem; }
        .post-single .grid .g-inner.right .post-side-wrap .info-wrap {
          display: flex;
          flex-direction: row;
          margin-bottom: 0.1rem; }
          .post-single .grid .g-inner.right .post-side-wrap .info-wrap:last-of-type {
            margin-bottom: 0; }
          .post-single .grid .g-inner.right .post-side-wrap .info-wrap .icon {
            margin-right: 0.08rem;
            width: .2rem;
            height: .2rem; }
          .post-single .grid .g-inner.right .post-side-wrap .info-wrap .info-text {
            font-family: "Source Sans Pro", sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: .16rem;
            line-height: .2rem;
            color: #292929;
            margin-bottom: 0; }
        .post-single .grid .g-inner.right .post-side-wrap .post-categories {
          margin-bottom: 0; }
        .post-single .grid .g-inner.right .post-side-wrap .social-share {
          padding-top: 0; }
        .post-single .grid .g-inner.right .post-side-wrap .related-posts-wrap {
          padding-top: 0.14rem;
          display: flex;
          flex-direction: column; }
          .post-single .grid .g-inner.right .post-side-wrap .related-posts-wrap .related-post {
            position: relative;
            text-decoration: none;
            margin-bottom: .2rem;
            width: 100%;
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            .post-single .grid .g-inner.right .post-side-wrap .related-posts-wrap .related-post:last-of-type {
              margin-bottom: 0; }
            .post-single .grid .g-inner.right .post-side-wrap .related-posts-wrap .related-post .img-wrap {
              width: 0.68rem;
              height: 0.7rem;
              position: relative;
              display: inline-block; }
              .post-single .grid .g-inner.right .post-side-wrap .related-posts-wrap .related-post .img-wrap img {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover; }
            .post-single .grid .g-inner.right .post-side-wrap .related-posts-wrap .related-post .text-wrap {
              display: inline-block;
              max-width: 1.52rem;
              margin-left: 0.2rem; }
              .post-single .grid .g-inner.right .post-side-wrap .related-posts-wrap .related-post .text-wrap .related-subtitle {
                font-family: "Source Sans Pro", sans-serif;
                font-style: normal;
                font-weight: 400;
                font-size: .12rem;
                line-height: .16rem;
                text-transform: uppercase;
                color: #8A8A8A;
                margin-bottom: 0.06rem; }
              .post-single .grid .g-inner.right .post-side-wrap .related-posts-wrap .related-post .text-wrap .related-title {
                font-family: "Source Sans Pro", sans-serif;
                font-style: normal;
                font-weight: 700;
                font-size: .12rem;
                line-height: .16rem;
                color: #292929; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .post-single {
      padding-top: .8rem; }
      .post-single .grid {
        flex-direction: column; }
        .post-single .grid .g-inner.left {
          width: 100%;
          padding-right: 0;
          margin-right: 0; }
          .post-single .grid .g-inner.left::after {
            display: none; }
          .post-single .grid .g-inner.left .text {
            margin-bottom: 0.1rem; }
          .post-single .grid .g-inner.left .post-info {
            margin-bottom: 0.34rem; }
            .post-single .grid .g-inner.left .post-info .info-right {
              display: none; }
          .post-single .grid .g-inner.left .post-content p {
            line-height: .16rem;
            margin-bottom: .24rem; }
          .post-single .grid .g-inner.left .post-content blockquote {
            margin: 0.1rem; }
          .post-single .grid .g-inner.left .post-content ul,
          .post-single .grid .g-inner.left .post-content ol {
            margin-left: 0.1rem; }
        .post-single .grid .g-inner.right {
          display: none; } }

.about-hero-section {
  padding-top: 2.4rem;
  padding-bottom: 1.2rem; }
  .about-hero-section .grid {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .about-hero-section .grid .g-inner:first-child {
      width: 4.95rem;
      padding-top: 0.94rem;
      padding-bottom: 0.94rem;
      padding-left: 0.54rem;
      border-left: 1px solid #949494; }
    .about-hero-section .grid .g-inner:last-child {
      width: 5.3rem; }
  .about-hero-section .media-wrap {
    aspect-ratio: 53 / 46;
    border-radius: 0 2.3rem 0 0;
    min-height: 4.6rem; }
  .about-hero-section .quote {
    color: #D97348;
    margin-bottom: 0.1rem; }
  .about-hero-section .title {
    color: #ffffff;
    margin-bottom: 0.1rem; }
  .about-hero-section .text:not(.quote) {
    color: #e4e5e4; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .about-hero-section {
      padding-top: 0.7rem;
      padding-bottom: 0.4rem; }
      .about-hero-section .media-wrap {
        aspect-ratio: 167 / 118;
        border-radius: 0 1rem 0 0;
        min-height: 2.36rem; }
      .about-hero-section .quote {
        margin-bottom: 0.2rem; }
      .about-hero-section .title {
        margin-bottom: 0.2rem; }
      .about-hero-section .grid {
        flex-direction: column-reverse;
        flex-wrap: wrap; }
        .about-hero-section .grid .g-inner:first-child {
          width: 100%;
          border: 0;
          padding: 0; }
        .about-hero-section .grid .g-inner:last-child {
          width: 100%;
          margin-bottom: 0.2rem; } }

.image-title-section {
  padding-top: 1.2rem;
  padding-bottom: 1.6rem; }
  .image-title-section .image-title-wrap {
    position: relative;
    padding-right: 0.68rem;
    border-right: 1px solid #C7C7C7; }
    .image-title-section .image-title-wrap .media-wrap {
      transform: translateY(-50%);
      position: absolute;
      top: 50%;
      left: 0;
      width: 5.1rem;
      aspect-ratio: 51 / 46;
      border-radius: 3rem 0 0 3rem;
      min-height: 4.6rem; }
    .image-title-section .image-title-wrap .cnt {
      position: relative;
      z-index: 10;
      width: 5.3rem;
      text-align: right;
      margin-left: auto;
      margin-right: 0; }
      .image-title-section .image-title-wrap .cnt .title {
        color: #292929;
        margin-bottom: 0.1rem; }
      .image-title-section .image-title-wrap .cnt .text {
        color: #616161;
        width: 4.42rem;
        margin-left: auto;
        margin-right: 0; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .image-title-section {
      padding-top: 0.4rem;
      padding-bottom: 0.4rem; }
      .image-title-section .image-title-wrap {
        padding-right: 0;
        border-right: 0;
        padding-bottom: 0.4rem;
        border-bottom: 1px solid #c7c7c7; }
        .image-title-section .image-title-wrap .media-wrap {
          aspect-ratio: 167 / 118;
          position: relative;
          transform: none;
          width: 100%;
          top: auto;
          margin-bottom: 0.2rem;
          border-radius: 0 3rem 3rem 0;
          min-height: 2.36rem; }
        .image-title-section .image-title-wrap .cnt {
          text-align: left;
          width: 100%; }
          .image-title-section .image-title-wrap .cnt .text {
            width: 100%; } }

.image-title-section.type-2 .image-title-wrap {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 0.68rem;
  padding-right: 0;
  border-left: 1px solid #C7C7C7;
  border-right: none; }
  .image-title-section.type-2 .image-title-wrap .media-wrap {
    left: auto;
    right: 0;
    border-radius: 0 3rem 3rem 0; }
  .image-title-section.type-2 .image-title-wrap .cnt {
    margin-right: auto;
    margin-left: 0;
    text-align: left; }
    .image-title-section.type-2 .image-title-wrap .cnt .text {
      margin-right: auto;
      margin-left: 0; }

@media screen and (orientation: portrait) and (max-width: 767px) {
  .image-title-section.type-2 .image-title-wrap {
    padding: 0;
    border-left: 0;
    padding-bottom: 0.4rem; } }

.contact-hero-section {
  padding-top: 2.14rem;
  padding-bottom: 1.44rem;
  text-align: center; }
  .contact-hero-section .title {
    color: #ffffff;
    margin-bottom: 0.1rem; }
  .contact-hero-section .text {
    color: #e4e5e8; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .contact-hero-section .text {
      width: 90%;
      margin: auto; } }

.job-card {
  display: block;
  position: relative;
  background-color: #fafafa;
  padding: 0.4rem 0.2rem;
  padding-bottom: 0.86rem;
  height: 100%; }
  .job-card .icon-title-wrap {
    display: block;
    position: relative;
    padding: 0.07rem 0;
    padding-left: 0.58rem; }
    .job-card .icon-title-wrap .icon {
      position: absolute;
      width: .48rem;
      height: .48rem;
      border: .01rem solid #949494;
      border-radius: 100%;
      margin-right: .2rem;
      top: 50%;
      transform: translateY(-50%);
      left: 0; }
      .job-card .icon-title-wrap .icon svg.digital {
        height: .27rem; }
      .job-card .icon-title-wrap .icon svg.commercial {
        height: .205rem; }
      .job-card .icon-title-wrap .icon svg {
        position: absolute;
        width: .24rem;
        height: .24rem;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        fill: #292929; }
    .job-card .icon-title-wrap .custom-icon {
      position: absolute;
      width: .48rem;
      height: .48rem;
      margin-right: .2rem;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      transition: scale 0.6s cubic-bezier(0.51, 0.01, 0.2, 1); }
      .job-card .icon-title-wrap .custom-icon .icon-img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  .job-card .card-title {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 0.24rem;
    line-height: 0.32rem;
    color: #292929; }
  .job-card .line {
    width: 100%;
    height: 1px;
    background-color: #c7c7c7;
    margin: 0.12rem 0 0.3rem; }
  .job-card .text {
    color: #616161;
    font-size: 0.14rem;
    line-height: 0.24rem; }
  .job-card .more-button {
    position: absolute;
    left: 0.2rem;
    bottom: 0.4rem;
    transition: color cubic-bezier(0.51, 0.01, 0.2, 1) 600ms; }
    .job-card .more-button:hover {
      color: #D97348; }

.job-board-section {
  padding-top: 1.04rem;
  padding-bottom: 1.2rem; }
  .job-board-section .grid {
    display: flex;
    position: relative;
    justify-content: center;
    row-gap: 0.6rem;
    flex-wrap: wrap; }
    .job-board-section .grid .g-inner {
      width: calc((100% / 3) - 0.2rem);
      margin: 0 0.1rem; }
      .job-board-section .grid .g-inner.br-1 .job-card {
        border-top-left-radius: 0.4rem; }
      .job-board-section .grid .g-inner.br-2 .job-card {
        border-top-right-radius: 0.4rem; }
      .job-board-section .grid .g-inner.br-3 .job-card {
        border-bottom-left-radius: 0.4rem; }
      .job-board-section .grid .g-inner.br-4 .job-card {
        border-bottom-right-radius: 0.4rem; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .job-board-section {
      padding-top: 0.4rem;
      padding-bottom: 0.4rem; }
      .job-board-section .grid {
        display: block; }
        .job-board-section .grid .g-inner {
          width: 100%;
          margin: 0; }
          .job-board-section .grid .g-inner.br-1 .job-card {
            border-radius: 0; }
          .job-board-section .grid .g-inner.br-2 .job-card {
            border-radius: 0; }
          .job-board-section .grid .g-inner.br-3 .job-card {
            border-radius: 0; }
          .job-board-section .grid .g-inner.br-4 .job-card {
            border-radius: 0; }
        .job-board-section .grid .g-inner:not(:last-child) {
          margin-bottom: 0.2rem; } }

.form-popup {
  position: fixed;
  z-index: 120;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff; }
  .form-popup .forms-container .f-c-inner {
    display: none; }
  .form-popup .forms-container .f-c-inner.active {
    display: block; }
  .form-popup .form-intro-wrap .form-intro {
    display: none; }
  .form-popup .form-intro-wrap .form-intro.active {
    display: block; }
  .form-popup .container {
    width: 100%;
    height: 100%;
    display: flex; }
    .form-popup .container .decoration {
      width: 30%;
      height: 100%;
      background-color: #292929;
      background-image: url(../js/../img/png/noise.png);
      background-repeat: repeat;
      position: relative; }
      .form-popup .container .decoration::after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 3rem;
        height: 6rem;
        background-image: url(../js/../img/svg/form-1.svg);
        background-position: 50%;
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 1; }
    .form-popup .container .decoration.image-2::after {
      background-image: url(../js/../img/svg/form-2.svg); }
    .form-popup .container .decoration.image-3::after {
      background-image: url(../js/../img/svg/form-3.svg); }
    .form-popup .container .decoration.image-4::after {
      background-image: url(../js/../img/svg/form-4.svg); }
    .form-popup .container .decoration.image-5::after {
      background-image: url(../js/../img/svg/form-5.svg); }
    .form-popup .container .form-wrap {
      width: 70%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .form-popup .container .form-wrap .form-inner {
        overflow: auto;
        padding-left: .89rem;
        padding-right: 1.20rem;
        padding-top: .52rem;
        padding-bottom: .52rem;
        min-height: 70vh; }
        .form-popup .container .form-wrap .form-inner .form-intro {
          width: 100%;
          position: relative; }
          .form-popup .container .form-wrap .form-inner .form-intro .form-title {
            font-family: "Source Sans Pro", sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: .24rem;
            line-height: .32rem;
            color: #292929;
            margin-bottom: .14rem;
            max-width: 4.7rem; }
          .form-popup .container .form-wrap .form-inner .form-intro .form-text {
            color: #292929;
            margin-bottom: 0.25rem;
            max-width: 4.7rem; }
          .form-popup .container .form-wrap .form-inner .form-intro .close-button {
            width: .48rem;
            height: .48rem;
            border: 1px solid #949494;
            border-radius: 50%;
            position: relative;
            cursor: pointer;
            position: absolute;
            right: 0;
            top: 0; }
            .form-popup .container .form-wrap .form-inner .form-intro .close-button .close-icon {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              display: flex; }
              .form-popup .container .form-wrap .form-inner .form-intro .close-button .close-icon .form-close {
                width: .19rem;
                height: .19rem; }
        .form-popup .container .form-wrap .form-inner .optional .gfield_label::after {
          content: "(Optional)";
          margin-left: .04rem;
          font-family: "Source Sans Pro", sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: .16rem;
          line-height: .2rem;
          color: #8A8A8A; }
        .form-popup .container .form-wrap .form-inner .gform_validation_errors {
          display: none; }
        .form-popup .container .form-wrap .form-inner .gfield_validation_message {
          border: none;
          background-color: transparent;
          font-family: "Source Sans Pro", sans-serif;
          font-size: .15rem;
          padding: 0;
          padding-left: .12rem; }
        .form-popup .container .form-wrap .form-inner .gfield_confirmation_message {
          font-family: "Source Sans Pro", sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: .2rem;
          line-height: .2rem;
          color: #292929; }
        .form-popup .container .form-wrap .form-inner .gform_fields {
          gap: .17rem;
          grid-column-gap: .4rem; }
        .form-popup .container .form-wrap .form-inner .gfield_required {
          display: none; }
        .form-popup .container .form-wrap .form-inner .gform_wrapper.gravity-theme .gfield_label {
          font-family: "Source Sans Pro", sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: .16rem;
          line-height: .2rem;
          color: #292929;
          margin-bottom: .12rem; }
        .form-popup .container .form-wrap .form-inner input,
        .form-popup .container .form-wrap .form-inner textarea {
          border: 1px solid #949494;
          border-radius: .2rem;
          outline: none;
          padding: .10rem .12rem;
          font-family: "Source Sans Pro", sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: .16rem;
          line-height: .2rem;
          resize: none; }
        .form-popup .container .form-wrap .form-inner input {
          min-height: .4rem; }
        .form-popup .container .form-wrap .form-inner textarea {
          min-height: 1.12rem; }
        .form-popup .container .form-wrap .form-inner .gfield input.large {
          padding: .10rem .12rem; }
        .form-popup .container .form-wrap .form-inner .ginput_container_fileupload {
          display: flex;
          flex-direction: column; }
        .form-popup .container .form-wrap .form-inner .gform_fileupload_multifile {
          order: 2; }
        .form-popup .container .form-wrap .form-inner .gform_drop_area {
          min-height: 1.12rem;
          margin-bottom: 0;
          border: 1px dashed #949494;
          border-radius: .2rem;
          background-color: transparent;
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center; }
          .form-popup .container .form-wrap .form-inner .gform_drop_area .gform_drop_instructions {
            font-family: "Source Sans Pro", sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: .16rem;
            line-height: .2rem;
            color: #8A8A8A;
            margin-bottom: 0; }
          .form-popup .container .form-wrap .form-inner .gform_drop_area .gform_button_select_files {
            border: none;
            background-color: transparent;
            padding: 0;
            margin: 0;
            font-family: "Source Sans Pro", sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: .16rem;
            line-height: .2rem;
            color: #D97348;
            margin-left: .04rem;
            text-decoration: underline;
            cursor: pointer; }
        .form-popup .container .form-wrap .form-inner .gform_fileupload_rules {
          order: 1;
          margin-top: 0;
          padding-top: 0;
          margin-bottom: 0.2rem;
          font-family: "Source Sans Pro", sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: .16rem;
          line-height: .2rem;
          color: #8A8A8A; }
        .form-popup .container .form-wrap .form-inner .ginput_preview {
          display: flex;
          align-items: center;
          font-family: "Source Sans Pro", sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: .16rem;
          line-height: .2rem;
          color: #8A8A8A; }
          .form-popup .container .form-wrap .form-inner .ginput_preview a {
            color: #D97348;
            padding-left: 6px; }
          .form-popup .container .form-wrap .form-inner .ginput_preview b {
            padding-left: 6px; }
          .form-popup .container .form-wrap .form-inner .ginput_preview .dashicons-trash {
            color: #8A8A8A; }
        .form-popup .container .form-wrap .form-inner .gform_wrapper.gravity-theme .gform_footer {
          justify-content: flex-end; }
        .form-popup .container .form-wrap .form-inner .gform_footer {
          position: relative;
          padding-bottom: 0;
          padding-top: 0;
          margin-top: .32rem; }
          .form-popup .container .form-wrap .form-inner .gform_footer .gform_button {
            margin-bottom: 0; }
        .form-popup .container .form-wrap .form-inner .gform_ajax_spinner {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: -0.4rem; }
        .form-popup .container .form-wrap .form-inner ul.validation_message {
          margin-bottom: .1rem; }
  @media screen and (orientation: portrait) and (max-width: 767px) {
    .form-popup .container .decoration {
      display: none; }
    .form-popup .container .form-wrap {
      width: 100%; }
      .form-popup .container .form-wrap .form-inner {
        padding: .4rem .2rem; }
        .form-popup .container .form-wrap .form-inner .form-intro .form-title {
          margin-bottom: .28rem; }
        .form-popup .container .form-wrap .form-inner .gform_fields {
          display: flex;
          flex-direction: column; }
        .form-popup .container .form-wrap .form-inner input,
        .form-popup .container .form-wrap .form-inner textarea {
          line-height: .2rem; } }
  @media screen and (orientation: portrait) and (max-width: 641px) {
    .form-popup .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
      line-height: .2rem; } }