/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./src/styles/case-study-view.scss ***!
  \**************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Work+Sans:ital,wght@0,100..900;1,100..900&family=DM+Sans:wght@400;500;700&display=swap);
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./src/styles/case-study-view.scss (1) ***!
  \******************************************************************************************************************************************************/
@charset "UTF-8";
/*!
 * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
:host, :root {
  --fa-style-family-brands:"Font Awesome 6 Brands";
  --fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands" ;
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.ttf") format("truetype");
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 6 Brands";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-twitter:before, .fa-x-twitter:before {
  content: "\e61b";
}

.fa-facebook:before {
  content: "\f39e";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-medium-m:before, .fa-medium:before {
  content: "\f23a";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-github:before {
  content: "\f09b";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-slack-hash:before, .fa-slack:before {
  content: "\f198";
}

.grid {
  --gridGap: 24px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (min-width: 640px) {
  .grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.grid {
  grid-gap: var(--gridGap);
  grid-template-rows: auto;
  padding-left: 24px;
  padding-right: 24px;
}
@media (min-width: 1024px) {
  .grid {
    --gridGap: 48px;
    padding-left: 126px;
    padding-right: 126px;
  }
}
@media (min-width: 1440px) {
  .grid {
    max-width: 1440px;
    margin: 0 auto;
  }
}

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

:root {
  --section-padding-mult: 1;
  --text-size-mult: 1;
  --min-hl-size: 1px;
  --min-pg-size: 1px;
  --section-padding-top: 60px;
  --section-padding-bottom: 60px;
}
@media (max-width: 1024px) {
  :root {
    --section-padding-mult: .8;
    --text-size-mult: .6;
    --min-hl-size: 14px;
    --min-pg-size: 14px;
    --section-padding-top: 40px;
    --section-padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  :root {
    --section-padding-mult: .6;
    --text-size-mult: .4;
    --section-padding-top: 20px;
    --section-padding-bottom: 20px;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

footer, header, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: var(--background-fill-color, #FFFFFF);
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

b,
strong {
  font-weight: bold;
}

a {
  color: var(--volt);
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: var(--volt);
  text-decoration: none;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

a {
  touch-action: manipulation;
}

html {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga", "kern";
  font-feature-settings: "liga", "kern";
  text-rendering: optimizeLegibility;
}

body {
  font-size: 16px;
  font-family: var(--primarySerif);
  color: #353738;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: #fafafa;
}

::-webkit-scrollbar-thumb {
  background: #c2c2c2;
  border-radius: 6px;
  border: 3px solid #fafafa;
}

::-webkit-scrollbar-thumb:hover {
  background: #7d7d7d;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #7d7d7d #fafafa;
}

.profile-name,
.navbar-id,
.navbar-id a,
.ufo--site-nav-owner,
.ufo--site-nav-owner-id .name,
.ufo--site-nav-button .btn,
.social-links a,
.social-links::after,
.ufo--site-nav-sidebar-toggle,
.navbar-item .btn,
.footer-link {
  font-family: var(--hero-nav-button-font);
  font-size: var(--hero-nav-button-size);
  font-weight: var(--hero-nav-button-weight);
  font-style: var(--hero-nav-button-style);
  line-height: var(--hero-nav-button-height);
  color: var(--hero-nav-button-text-color);
}
@media (max-width: 1024px) {
  .profile-name,
  .navbar-id,
  .navbar-id a,
  .ufo--site-nav-owner,
  .ufo--site-nav-owner-id .name,
  .ufo--site-nav-button .btn,
  .social-links a,
  .social-links::after,
  .ufo--site-nav-sidebar-toggle,
  .navbar-item .btn,
  .footer-link {
    font-size: var(--hero-nav-button-size-tablet);
    line-height: var(--hero-nav-button-height-tablet);
  }
}
@media (max-width: 768px) {
  .profile-name,
  .navbar-id,
  .navbar-id a,
  .ufo--site-nav-owner,
  .ufo--site-nav-owner-id .name,
  .ufo--site-nav-button .btn,
  .social-links a,
  .social-links::after,
  .ufo--site-nav-sidebar-toggle,
  .navbar-item .btn,
  .footer-link {
    font-size: var(--hero-nav-button-size-mobile);
    line-height: var(--hero-nav-button-height-mobile);
  }
}

.ufo--site-nav {
  position: relative;
  width: 100%;
  max-width: 1288px;
  z-index: 3;
  margin: 0 auto;
  padding-top: 15px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: unset;
}
@media (min-width: 1024px) {
  .ufo--site-nav {
    justify-content: space-between;
  }
}
.ufo--site-nav.nav-is-on {
  justify-content: flex-end;
  padding-top: var(--gridGap);
}
.ufo--site-nav .ufo--site-nav-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.ufo--site-nav .ufo--site-nav-sidebar-toggle {
  display: none;
}
@media (min-width: 768px) {
  .ufo--site-nav .ufo--site-nav-sidebar-toggle {
    display: flex;
    align-items: center;
    background: transparent;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
  }
  .ufo--site-nav .ufo--site-nav-sidebar-toggle:focus {
    outline: none;
    border: none;
  }
  .ufo--site-nav .ufo--site-nav-sidebar-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    margin-right: 16px;
    background-color: var(--hero-nav-button-text-color);
  }
  .ufo--site-nav .ufo--site-nav-sidebar-toggle span:before, .ufo--site-nav .ufo--site-nav-sidebar-toggle span:after {
    content: "";
    display: block;
    width: 24px;
    height: 2px;
    background-color: var(--hero-nav-button-text-color);
  }
  .ufo--site-nav .ufo--site-nav-sidebar-toggle span:before {
    transform: translateY(-6px);
  }
  .ufo--site-nav .ufo--site-nav-sidebar-toggle span:after {
    transform: translateY(4px);
  }
  .ufo--site-nav .ufo--site-nav-sidebar-toggle:hover, .ufo--site-nav .ufo--site-nav-sidebar-toggle:active {
    color: var(--hero-nav-button-text-color-hover);
  }
  .ufo--site-nav .ufo--site-nav-sidebar-toggle:hover span, .ufo--site-nav .ufo--site-nav-sidebar-toggle:active span {
    background-color: var(--hero-nav-button-text-color-hover);
  }
  .ufo--site-nav .ufo--site-nav-sidebar-toggle:hover span:before, .ufo--site-nav .ufo--site-nav-sidebar-toggle:hover span:after, .ufo--site-nav .ufo--site-nav-sidebar-toggle:active span:before, .ufo--site-nav .ufo--site-nav-sidebar-toggle:active span:after {
    background-color: var(--hero-nav-button-text-color-hover);
  }
}
.ufo--site-nav .ufo-site-nav-sidebar-close {
  display: none;
}
@media (min-width: 768px) {
  .ufo--site-nav .ufo-site-nav-sidebar-close {
    display: block;
    width: 15px;
    height: 15px;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    margin-left: auto;
  }
  .ufo--site-nav .ufo-site-nav-sidebar-close:focus {
    outline: none;
    border: none;
  }
  .ufo--site-nav .ufo-site-nav-sidebar-close:before, .ufo--site-nav .ufo-site-nav-sidebar-close:after {
    content: "";
    display: block;
    width: 15px;
    height: 1px;
    background-color: var(--hero-nav-button-text-color);
    transform-origin: center;
  }
  .ufo--site-nav .ufo-site-nav-sidebar-close:before {
    transform: rotate(-45deg) translate(-2px, -1px);
  }
  .ufo--site-nav .ufo-site-nav-sidebar-close:after {
    transform: rotate(45deg) translate(-2px, 2px);
  }
}
.ufo--site-nav .social-links {
  display: flex;
}
.ufo--site-nav .social-links a {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition-property: color, border-color, background-color;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
  color: var(--hero-nav-button-text-color);
}
.ufo--site-nav .social-links a:hover, .ufo--site-nav .social-links a:active {
  --hero-nav-button-text-color: var(--hero-nav-button-text-color-hover);
  --border-color: var(--hero-nav-button-text-color-hover);
  background-color: var(--background-fill-color);
}
@media (min-width: 768px) {
  .ufo--site-nav.profile_theme_four .ufo--site-nav-container, .ufo--site-nav.profile_theme_six .ufo--site-nav-container, .ufo--site-nav.theme_six .ufo--site-nav-container, .ufo--site-nav.profile_theme_nine .ufo--site-nav-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    position: fixed;
    top: 0;
    left: -100%;
    height: 100vh;
    transition-property: left;
    transition-duration: 250ms;
    transition-timing-function: ease-in-out;
  }
  .ufo--site-nav.profile_theme_four .ufo--site-nav-container.visible, .ufo--site-nav.profile_theme_six .ufo--site-nav-container.visible, .ufo--site-nav.theme_six .ufo--site-nav-container.visible, .ufo--site-nav.profile_theme_nine .ufo--site-nav-container.visible {
    left: 0;
  }
}
.ufo--site-nav.theme_five .social-links a, .ufo--site-nav.theme_ten .social-links a {
  background-color: transparent;
  border: none;
}

.ufo--site-owner {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  margin-right: auto;
  padding-top: 24px;
}
.ufo--site-owner .info {
  color: var(--hero-nav-button-text-color, #FFFFFF);
}
.ufo--site-owner .info.dark {
  --hero-nav-button-text-color: #353738;
}
.ufo--site-owner .picture {
  min-width: 30px;
  width: 30px;
  height: 30px;
  background: #edf1f1;
  margin-right: 10px;
  border-radius: 50%;
  float: left;
  overflow: hidden;
}
.ufo--site-owner .picture img {
  height: 30px;
  width: 100%;
  object-fit: cover;
}
.ufo--site-owner .name {
  font-size: 0.75rem;
  line-height: 1;
  font-family: var(--secondarySans);
}
.ufo--site-owner .company {
  font-size: 0.625rem;
  font-family: var(--secondarySans);
  font-style: italic;
}
@media (min-width: 768px) {
  .ufo--site-owner .picture {
    width: 50px;
    height: 50px;
    margin-right: 10px;
  }
  .ufo--site-owner .picture img {
    height: 50px;
  }
  .ufo--site-owner .name {
    font-size: 1rem;
  }
  .ufo--site-owner .company {
    font-size: 0.75rem;
  }
}

.ufo--branding {
  --hero-nav-button-text-color: var(--base00);
  font-size: 0.65rem;
  color: var(--hero-nav-button-text-color);
  font-family: var(--secondarySans);
  font-weight: 400;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-indent: -99999px;
  width: 60px;
  position: relative;
}
.ufo--branding .uxfolio-logo {
  width: 52px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 0;
}
.ufo--branding.dark {
  --hero-nav-button-text-color: #353738;
}
.ufo--branding:hover, .ufo--branding:active {
  color: var(--hero-nav-button-text-color);
  text-decoration: none;
}
.ufo--branding.floating {
  position: fixed;
  bottom: 20px;
  right: 20px;
  height: 32px;
  padding: 8px 14px;
  border-radius: 4px;
  box-shadow: 3px 3px 10px 0 rgba(196, 196, 196, 0.5);
  background-color: var(--base00, #FFFFFF);
  font-family: var(--primarySans);
  color: #c3c3c3;
  text-indent: unset;
  flex-direction: row;
  width: unset;
  z-index: 2;
  --hero-nav-button-text-color: #868484 !important;
}
.ufo--branding.floating .uxfolio-logo {
  float: right;
  position: relative;
  top: unset;
  left: unset;
}
@media (min-width: 768px) {
  .ufo--branding.floating {
    bottom: 30px;
    right: 30px;
  }
}
@media (min-width: 400px) {
  .ufo--branding {
    flex-direction: row;
    height: 20px;
    text-indent: 0;
    width: auto;
  }
  .ufo--branding .uxfolio-logo {
    float: right;
    position: relative;
    top: auto;
    left: auto;
  }
}
@media (min-width: 768px) {
  .ufo--branding {
    font-size: 0.75rem;
  }
  .ufo--branding .uxfolio-logo {
    margin-left: 5px;
  }
}

.profile_theme_default .navbar {
  padding: 0 24px 30px 24px !important;
}
@media (min-width: 768px) {
  .profile_theme_default .navbar {
    padding: 0 0 30px 0 !important;
  }
}
.profile_theme_default .navbar {
  overflow: hidden;
}
.profile_theme_default .navbar .navbar-container {
  gap: 28px !important;
}
.profile_theme_default .navbar .btn {
  margin: 0 !important;
}
.profile_theme_default .navbar .btn:not(.active) {
  font-weight: 400;
}
.profile_theme_default .navbar .ufo--page-nav-controls {
  width: 100%;
  left: unset;
  right: unset;
  margin: 0;
}
.profile_theme_default .social-links {
  gap: 8px !important;
  flex-direction: row;
  justify-content: center;
}
.profile_theme_default .social-links.align-left {
  justify-content: flex-start;
}
.profile_theme_default .social-links.align-right {
  justify-content: flex-end;
}
.profile_theme_default .social-links a {
  flex: 0 1 0;
  min-width: 22px !important;
  min-height: 22px !important;
  aspect-ratio: 1/1;
  font-size: var(--hero-nav-button-size);
  padding: var(--hero-nav-button-size) !important;
  line-height: 1;
  overflow: hidden;
  --textColor: var(--base00);
  --background-color: transparent;
}
@media (max-width: 1024px) {
  .profile_theme_default .social-links a {
    font-size: var(--hero-nav-button-size-tablet);
    padding: var(--hero-nav-button-size-tablet) !important;
  }
}
@media (max-width: 768px) {
  .profile_theme_default .social-links a {
    font-size: var(--hero-nav-button-size-mobile);
    padding: var(--hero-nav-button-size-mobile) !important;
  }
}
.profile_theme_default .social-links a:hover, .profile_theme_default .social-links a:active {
  color: var(--hero-nav-button-text-color-hover);
  --border-color: var(--hero-nav-button-text-color-hover);
}
.profile_theme_default.ufo--site-nav .navbar {
  padding-top: 24px;
  padding-bottom: 24px;
  overflow: unset;
}
.profile_theme_default.ufo--site-nav .navbar-container {
  width: 100%;
}
.profile_theme_default.ufo--site-nav .navbar-container .social-links {
  flex-direction: row !important;
}
@media (min-width: 768px) {
  .profile_theme_default.ufo--site-nav .navbar-container .social-links {
    margin-left: auto;
  }
}

.profile_theme_one .navbar {
  padding: 0 !important;
}
.profile_theme_one .navbar-container {
  gap: 20px !important;
  flex-wrap: wrap;
}
.profile_theme_one .navbar-item {
  margin: 20px 0 0 0;
}
.profile_theme_one .navbar-item .btn {
  padding: 6px 18px;
  min-height: 32px;
  border-radius: 0;
  letter-spacing: 0.5px;
  outline: solid 1px var(--border-color);
  transition-property: color, background-color;
  transition-duration: 0.2s;
}
.profile_theme_one .navbar-item .btn:not(.editable):hover, .profile_theme_one .navbar-item .btn:not(.editable):focus {
  --background-color: #42424233;
}
@media (min-width: 768px) {
  .profile_theme_one .social-links {
    order: -1;
    margin-right: 16px;
  }
}
.profile_theme_one .social-links {
  margin-right: 40px;
  margin-left: 0;
}
.profile_theme_one .social-links a {
  min-width: 32px !important;
  min-height: 32px !important;
  height: initial;
  margin-top: 20px;
  padding: 8px;
  font-size: var(--buttonSize);
  overflow: hidden;
  --textColor: #42424299;
  --background-color: transparent;
}
.profile_theme_one .social-links a:hover, .profile_theme_one .social-links a:focus {
  --background-color: #42424233;
}
@media (min-width: 768px) {
  .profile_theme_one.ufo--site-nav .navbar-container {
    width: 100%;
  }
}
.profile_theme_one.ufo--site-nav .social-links {
  order: 2;
  text-align: center;
  margin-right: 0;
}
@media (min-width: 768px) {
  .profile_theme_one.ufo--site-nav .social-links {
    margin-left: auto;
  }
}
.profile_theme_one.ufo--site-nav .social-links {
  flex-direction: row !important;
  justify-content: center !important;
}
.profile_theme_one.profile-editor .navbar:hover .ufo--page-nav-controls .ufo-fab--container {
  visibility: visible;
  opacity: 1;
}
.profile_theme_one.profile-editor .ufo--page-nav-controls {
  width: 100% !important;
  left: unset !important;
  right: unset !important;
  margin-left: unset !important;
  margin-right: unset !important;
}
.profile_theme_one.profile-editor .ufo--page-nav-controls .ufo-fab--container {
  pointer-events: auto;
  z-index: 1;
  transform: translate(0, -50%) !important;
  visibility: hidden;
  opacity: 0;
}

.profile_theme_two .navbar-container {
  flex-wrap: wrap;
  gap: 10px !important;
}
.profile_theme_two .navbar-item .btn {
  padding: 4px 18px;
  min-height: 36px;
  border-radius: 18px;
  letter-spacing: 0.5px;
  outline: solid 1px var(--border-color);
}
.profile_theme_two .navbar-item .btn:hover, .profile_theme_two .navbar-item .btn:focus {
  color: var(--hero-nav-button-text-color-hover);
  outline-color: var(--hero-nav-button-text-color-hover);
}
.profile_theme_two .social-links {
  justify-content: flex-start !important;
  order: 4;
  margin-top: 20px;
  gap: 10px !important;
}
.profile_theme_two .social-links:not(.editor) {
  width: 100%;
}
@media (min-width: 768px) {
  .profile_theme_two.ufo--site-nav {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .profile_theme_two.ufo--site-nav .navbar-container {
    width: 100%;
  }
}
.profile_theme_two.ufo--site-nav .navbar-item {
  margin-bottom: 0;
}
.profile_theme_two.ufo--site-nav .social-links {
  width: auto;
  flex-direction: row !important;
  justify-content: center !important;
}
@media (min-width: 768px) {
  .profile_theme_two.ufo--site-nav .social-links {
    margin-left: auto;
    margin-top: 0;
  }
}

.profile-editor .profile_theme_two .navbar:hover .ufo--page-nav-controls .ufo-fab--container {
  visibility: visible;
  opacity: 1;
}
.profile-editor .profile_theme_two .ufo--page-nav-controls {
  width: 100% !important;
  left: unset !important;
  right: unset !important;
  margin-left: unset !important;
  margin-right: unset !important;
}
.profile-editor .profile_theme_two .ufo--page-nav-controls .ufo-fab--container {
  pointer-events: auto;
  z-index: 1;
  transform: translate(0, -50%) !important;
  visibility: hidden;
  opacity: 0;
}

@media (min-width: 768px) {
  .profile_theme_three .navbar-item {
    margin: 18px 0;
  }
}
.profile_theme_three .navbar-item:nth-child(3) {
  margin-left: 0;
}
.profile_theme_three .navbar-item .btn {
  letter-spacing: 2.6px;
  background-color: transparent;
}
.profile_theme_three .navbar-item .btn:active, .profile_theme_three .navbar-item .btn.active {
  font-weight: 900;
}
.profile_theme_three .navbar-item .btn:not(.editable):hover, .profile_theme_three .navbar-item .btn:not(.editable):focus {
  font-weight: 900;
}
.profile_theme_three .profile-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.profile_theme_three .social-links {
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  flex-direction: row;
}
.profile_theme_three .navbar {
  padding: 0 !important;
}
.profile_theme_three .navbar-container {
  margin: 24px auto 8px 0;
  gap: 28px !important;
}
@media (min-width: 768px) {
  .profile_theme_three .navbar-container {
    position: relative;
    width: 100%;
    height: auto;
    flex-direction: row;
    background: transparent;
    justify-content: flex-start;
    margin: 62px 0;
  }
  .profile_theme_three .navbar-container .navbar-item {
    margin: 0;
  }
  .profile_theme_three .navbar-container .navbar-item:first-child:nth-last-child(3) + .navbar-item + .navbar-item {
    margin-left: auto;
  }
  .profile_theme_three .navbar-container .navbar-item:first-child:nth-last-child(4) + .navbar-item + .navbar-item {
    margin-left: auto;
  }
  .profile_theme_three .navbar-container .navbar-item:first-child:nth-last-child(5) + .navbar-item + .navbar-item + .navbar-item {
    margin-left: auto;
  }
  .profile_theme_three .navbar-container .navbar-item:first-child:nth-last-child(6) + .navbar-item + .navbar-item + .navbar-item {
    margin-left: auto;
  }
  .profile_theme_three .navbar-container .navbar-item:first-child:nth-last-child(7) + .navbar-item + .navbar-item + .navbar-item + .navbar-item {
    margin-left: auto;
  }
  .profile_theme_three .navbar-container .navbar-item .btn {
    letter-spacing: 0.5px;
  }
}
.profile_theme_three .navbar-toggle {
  position: absolute;
  top: 24px;
  right: 0;
}
.profile_theme_three.ufo--site-nav .navbar {
  padding: 0;
}
.profile_theme_three.ufo--site-nav .navbar-container {
  margin: 0;
}
.profile_theme_three.ufo--site-nav .ufo--page-hero-image {
  display: none;
}
.profile_theme_three.ufo--site-nav .ufo--site-nav-items {
  width: 100%;
}
.profile_theme_three.ufo--site-nav .ufo--site-nav-owner-id {
  display: none;
}
@media (min-width: 768px) {
  .profile_theme_three.ufo--site-nav .ufo--site-nav-owner-id {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .profile_theme_three.ufo--site-nav .ufo--site-nav-owner-id img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
  }
}

.profile_theme_four .navbar {
  flex-wrap: wrap;
  width: 100%;
  margin-top: auto;
}
@media (min-width: 640px) {
  .profile_theme_four .navbar-container {
    height: 100%;
  }
}
.profile_theme_four .navbar-item {
  display: inline-flex;
}
.profile_theme_four .navbar-item .btn {
  letter-spacing: 0.5px;
  --background-color: transparent;
}
.profile_theme_four .navbar-item .btn:active:hover, .profile_theme_four .navbar-item .btn:active:focus, .profile_theme_four .navbar-item .btn.active:hover, .profile_theme_four .navbar-item .btn.active:focus, .profile_theme_four .navbar-item .btn:not(.editable):hover, .profile_theme_four .navbar-item .btn:not(.editable):focus {
  font-weight: 600;
}
.profile_theme_four .ufo--page-nav-controls {
  width: 100% !important;
  left: unset !important;
  right: unset !important;
  margin-left: unset !important;
  margin-right: unset !important;
}
.profile_theme_four .social-links {
  gap: 18px !important;
  width: 100%;
  flex-direction: row !important;
  justify-content: flex-start !important;
}
.profile_theme_four .social-links a {
  width: 24px;
  height: 24px;
  min-width: 24px !important;
  min-height: 24px !important;
  font-size: 12px;
  margin: 0;
}
.profile_theme_four .social-links a:hover {
  --background-color: #60676d33;
}
@media (min-width: 640px) {
  .profile_theme_four .navbar {
    padding: 0 !important;
  }
}
@media (min-width: 768px) {
  .profile_theme_four .navbar {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 640px) {
  .profile_theme_four .navbar-container {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
  }
}
@media (max-width: 768px) {
  .profile_theme_four .navbar-container:not(.no-mob) {
    position: fixed;
    top: -100%;
    left: 0;
    height: 100%;
    background-color: var(--background-fill-color, #FFFFFF);
    transition: top 200ms ease-in-out;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .profile_theme_four .profile-picture {
    margin-top: 32px;
  }
}
@media (max-width: 768px) {
  .profile_theme_four:not(.ufo--site-nav) .navbar-toggle {
    margin-top: 0 !important;
    position: absolute;
    top: -20px;
    right: 0;
    z-index: 11;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    width: 48px;
  }
}
.profile_theme_four:not(.ufo--site-nav) .navbar-toggle.on .close {
  display: block;
}
.profile_theme_four:not(.ufo--site-nav) .navbar-toggle.on .open {
  display: none;
}
.profile_theme_four.ufo--site-nav.nav-is-on {
  justify-content: flex-start;
}
.profile_theme_four.ufo--site-nav.nav-is-on .ufo--site-nav-sidebar-toggle {
  padding: 0;
}
.profile_theme_four.ufo--site-nav .ufo-site-nav-sidebar-close:before, .profile_theme_four.ufo--site-nav .ufo-site-nav-sidebar-close:after {
  background-color: var(--portfolio-hero-nav-button-color);
}
.profile_theme_four.ufo--site-nav .ufo--site-nav-owner-id {
  display: none;
}
@media (min-width: 768px) {
  .profile_theme_four.ufo--site-nav .ufo--site-nav-owner-id {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 50px;
  }
  .profile_theme_four.ufo--site-nav .ufo--site-nav-owner-id .image {
    margin-right: 16px;
  }
  .profile_theme_four.ufo--site-nav .ufo--site-nav-owner-id .image img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
  }
  .profile_theme_four.ufo--site-nav .ufo--site-nav-owner-id .name {
    margin-right: 16px;
    font-family: var(--portfolio-hero-nav-button-font);
    font-size: var(--portfolio-hero-nav-button-size);
    font-weight: var(--portfolio-hero-nav-button-weight);
    font-style: var(--portfolio-hero-nav-button-style);
    line-height: var(--portfolio-hero-nav-button-height);
    color: var(--portfolio-hero-nav-button-text-color);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .profile_theme_four.ufo--site-nav .ufo--site-nav-owner-id .name {
    font-size: var(--portfolio-hero-nav-button-size-tablet);
    line-height: var(--portfolio-hero-nav-button-height-tablet);
  }
}
@media (min-width: 768px) and (max-width: 768px) {
  .profile_theme_four.ufo--site-nav .ufo--site-nav-owner-id .name {
    font-size: var(--portfolio-hero-nav-button-size-mobile);
    line-height: var(--portfolio-hero-nav-button-height-mobile);
  }
}
.profile_theme_four.ufo--site-nav .ufo--site-nav-container h1 {
  font-family: var(--portfolio-hero-h1-font);
  font-size: var(--portfolio-hero-h1-size);
  font-weight: var(--portfolio-hero-h1-weight);
  font-style: var(--portfolio-hero-h1-style);
  line-height: var(--portfolio-hero-h1-height);
  color: var(--portfolio-hero-h1-text-color);
  --bottom-margin: calc(0.2 * (var(--hero-h1-size) * var(--hero-h1-height)) + 12.8px);
  margin-bottom: var(--bottom-margin);
}
@media (max-width: 1024px) {
  .profile_theme_four.ufo--site-nav .ufo--site-nav-container h1 {
    font-size: var(--portfolio-hero-h1-size-tablet);
    line-height: var(-portfolio-hero-h1-height-tablet);
    --bottom-margin: calc(0.2 * (var(--portfolio-hero-h1-size-tablet) * var(-portfolio-hero-h1-height-tablet)) + 12.8px);
  }
}
@media (max-width: 768px) {
  .profile_theme_four.ufo--site-nav .ufo--site-nav-container h1 {
    font-size: var(--portfolio-hero-h1-size-mobile);
    line-height: var(-portfolio-hero-h1-height-mobile);
    --bottom-margin: calc(0.2 * (var(--portfolio-hero-h1-size-mobile) * var(-portfolio-hero-h1-height-mobile)) + 12.8px);
  }
}
.profile_theme_four.ufo--site-nav .ufo--site-nav-container h2, .profile_theme_four.ufo--site-nav .ufo--site-nav-container h3 {
  font-family: var(--portfolio-hero-h2-font);
  font-size: var(--portfolio-hero-h2-size);
  font-weight: var(--portfolio-hero-h2-weight);
  font-style: var(--portfolio-hero-h2-style);
  line-height: var(--portfolio-hero-h2-height);
  color: var(--portfolio-hero-h2-text-color);
  --bottom-margin: calc(0.2 * calc(var(--portfolio-hero-h2-size) * var(--portfolio-hero-h2-height)) + 12.8px);
  margin-bottom: var(--bottom-margin);
}
.profile_theme_four.ufo--site-nav .ufo--site-nav-container h2 + h1, .profile_theme_four.ufo--site-nav .ufo--site-nav-container h3 + h1 {
  padding-top: calc((0.2 * var(--portfolio-hero-h1-size) * var(--portfolio-hero-h1-height) + 12.8px) * 0.5);
}
@media (max-width: 1024px) {
  .profile_theme_four.ufo--site-nav .ufo--site-nav-container h2, .profile_theme_four.ufo--site-nav .ufo--site-nav-container h3 {
    font-size: var(--portfolio-hero-h2-size-tablet);
    line-height: var(--portfolio-hero-h2-height-tablet);
    --bottom-margin: calc(0.2 * (var(--portfolio-hero-h2-size-tablet) * var(--portfolio-hero-h2-height-tablet)) + 12.8px);
  }
}
@media (max-width: 768px) {
  .profile_theme_four.ufo--site-nav .ufo--site-nav-container h2, .profile_theme_four.ufo--site-nav .ufo--site-nav-container h3 {
    font-size: var(--portfolio-hero-h2-size-mobile);
    line-height: var(--portfolio-hero-h2-height-mobile);
    --bottom-margin: calc(0.2 * (var(--portfolio-hero-h2-size-mobile) * var(--portfolio-hero-h2-height-mobile)) + 12.8px);
  }
}
.profile_theme_four.ufo--site-nav .ufo--site-nav-container p, .profile_theme_four.ufo--site-nav .ufo--site-nav-container ul, .profile_theme_four.ufo--site-nav .ufo--site-nav-container ol {
  font-family: var(--portfolio-hero-p1-font);
  font-size: var(--portfolio-hero-p1-size);
  font-weight: var(--portfolio-hero-p1-weight);
  font-style: var(--portfolio-hero-p1-style);
  line-height: var(--portfolio-hero-p1-height);
  color: var(--portfolio-hero-p1-text-color);
  --bottom-margin: calc(0.2 * (var(--portfolio-hero-p1-size) * var(--portfolio-hero-p1-height)) + 12.8px);
  margin-bottom: var(--bottom-margin);
}
.profile_theme_four.ufo--site-nav .ufo--site-nav-container p + h1, .profile_theme_four.ufo--site-nav .ufo--site-nav-container ul + h1, .profile_theme_four.ufo--site-nav .ufo--site-nav-container ol + h1 {
  padding-top: calc((0.2 * var(--portfolio-hero-h1-size) * var(--portfolio-hero-h1-height) + 12.8px) * 0.5);
}
.profile_theme_four.ufo--site-nav .ufo--site-nav-container p + h2, .profile_theme_four.ufo--site-nav .ufo--site-nav-container ul + h2, .profile_theme_four.ufo--site-nav .ufo--site-nav-container ol + h2 {
  padding-top: calc((0.2 * var(--portfolio-hero-h2-size) * var(--portfolio-hero-h2-height) + 12.8px) * 0.5);
}
@media (max-width: 1024px) {
  .profile_theme_four.ufo--site-nav .ufo--site-nav-container p, .profile_theme_four.ufo--site-nav .ufo--site-nav-container ul, .profile_theme_four.ufo--site-nav .ufo--site-nav-container ol {
    font-size: var(--portfolio-hero-p1-size-tablet);
    line-height: var(--portfolio-hero-p2-height-tablet);
    --bottom-margin: calc(0.2 * (var(--portfolio-hero-p1-size-tablet) * var(--portfolio-hero-p1-height-tablet)) + 12.8px);
  }
}
@media (max-width: 768px) {
  .profile_theme_four.ufo--site-nav .ufo--site-nav-container p, .profile_theme_four.ufo--site-nav .ufo--site-nav-container ul, .profile_theme_four.ufo--site-nav .ufo--site-nav-container ol {
    font-size: var(--portfolio-hero-p1-size-mobile);
    line-height: var(--portfolio-hero-p1-height-mobile);
    --bottom-margin: calc(0.2 * (var(--portfolio-hero-p1-size-mobile) * var(--portfolio-hero-p1-height-mobile)) + 12.8px);
  }
}
.profile_theme_four.ufo--site-nav .ufo--site-nav-container a {
  color: var(--portfolio-link-color);
}
.profile_theme_four.ufo--site-nav .ufo--site-nav-container a:hover, .profile_theme_four.ufo--site-nav .ufo--site-nav-container a:active, .profile_theme_four.ufo--site-nav .ufo--site-nav-container a:focus {
  color: var(--portfolio-link-color-hover);
}
.profile_theme_four.ufo--site-nav .ufo--site-nav-container .btn {
  font-family: var(--portfolio-hero-nav-button-font);
  font-size: var(--portfolio-hero-nav-button-size);
  font-weight: var(--portfolio-hero-nav-button-weight);
  font-style: var(--portfolio-hero-nav-button-style);
  line-height: var(--portfolio-hero-nav-button-height);
  color: var(--portfolio-hero-nav-button-text-color);
}
@media (max-width: 1024px) {
  .profile_theme_four.ufo--site-nav .ufo--site-nav-container .btn {
    font-size: var(--portfolio-hero-nav-button-size-tablet);
    line-height: var(--portfolio-hero-nav-button-height-tablet);
  }
}
@media (max-width: 768px) {
  .profile_theme_four.ufo--site-nav .ufo--site-nav-container .btn {
    font-size: var(--portfolio-hero-nav-button-size-mobile);
    line-height: var(--portfolio-hero-nav-button-height-mobile);
  }
}
.profile_theme_four.ufo--site-nav .ufo--site-nav-container .btn:hover, .profile_theme_four.ufo--site-nav .ufo--site-nav-container .btn:active {
  color: var(--portfolio-hero-nav-button-text-color-hover);
}
.profile_theme_four.ufo--site-nav .ufo--site-nav-container .social-links a {
  color: var(--portfolio-social-icon-text-color);
}
.profile_theme_four.ufo--site-nav .ufo--site-nav-container .social-links a:hover, .profile_theme_four.ufo--site-nav .ufo--site-nav-container .social-links a:active {
  color: var(--portfolio-social-icon-text-color-hover);
}
.profile_theme_four.ufo--site-nav .ufo--site-nav-container .social-links a.icon {
  color: var(--portfolio-social-icon-text-color);
}
.profile_theme_four.ufo--site-nav .ufo--site-nav-container .social-links a.icon:hover:not(.active), .profile_theme_four.ufo--site-nav .ufo--site-nav-container .social-links a.icon:hover:not(:active) {
  color: var(--portfolio-social-icon-text-color-hover);
}
.profile_theme_four.ufo--site-nav .ufo--site-nav-container .social-links a[class*=box-] {
  outline: solid 1px var(--portfolio-social-icon-outline-color, var(--border-color));
}
.profile_theme_four.ufo--site-nav .ufo--site-nav-container .social-links a[class*=box-]:hover {
  outline-color: var(--portfolio-social-icon-outline-color-hover, var(--portfolio-hero-nav-button-text-color-hover));
}
.profile_theme_four.ufo--site-nav .ufo--site-nav-container {
  background-color: var(--portfolio-background-fill-color);
}
@media (min-width: 768px) {
  .profile_theme_four.ufo--site-nav .ufo--site-nav-container {
    justify-content: flex-start;
    width: 321px !important;
    padding: 34px !important;
  }
}
.profile_theme_four.ufo--site-nav .navbar-container {
  gap: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .profile_theme_four.ufo--site-nav .navbar-container {
    height: max-content;
  }
}
.profile_theme_four.ufo--site-nav .navbar-container .navbar-item {
  margin: 0;
  font-family: var(--portfolio-hero-nav-button-font);
  font-size: var(--portfolio-hero-nav-button-size);
  font-weight: var(--portfolio-hero-nav-button-weight);
  font-style: var(--portfolio-hero-nav-button-style);
  line-height: var(--portfolio-hero-nav-button-height);
}
@media (max-width: 1024px) {
  .profile_theme_four.ufo--site-nav .navbar-container .navbar-item {
    font-size: var(--portfolio-hero-nav-button-size-tablet);
    line-height: var(--portfolio-hero-nav-button-height-tablet);
  }
}
@media (max-width: 768px) {
  .profile_theme_four.ufo--site-nav .navbar-container .navbar-item {
    font-size: var(--portfolio-hero-nav-button-size-mobile);
    line-height: var(--portfolio-hero-nav-button-height-mobile);
  }
}
.profile_theme_four.ufo--site-nav .navbar-container .navbar-item .btn:hover {
  color: var(--portfolio-hero-nav-button-color-hover);
}
@media (min-width: 768px) {
  .profile_theme_four.ufo--site-nav .navbar-container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.profile_theme_four.ufo--site-nav .social-links {
  justify-content: center !important;
  flex-direction: row !important;
  margin-top: 40px;
  order: 2;
}
@media (min-width: 768px) {
  .profile_theme_four.ufo--site-nav .social-links {
    margin-top: 30px;
    margin-bottom: 0;
    justify-content: flex-start !important;
  }
}
.profile_theme_four.ufo--site-nav .ufo--page-hero-image {
  display: none;
}

.profile-editor .profile_theme_four .navbar:hover .ufo--page-nav-controls .ufo-fab--container {
  visibility: visible;
  opacity: 1;
}
.profile-editor .profile_theme_four .ufo--page-nav-controls {
  width: 100% !important;
  bottom: 0 !important;
  top: unset !important;
  left: unset !important;
  right: unset !important;
  margin-left: unset !important;
  margin-right: unset !important;
}
.profile-editor .profile_theme_four .ufo--page-nav-controls .ufo-fab--container {
  pointer-events: auto;
  z-index: 1;
  transform: translate(0, -50%) !important;
  visibility: hidden;
  opacity: 0;
}

.profile_theme_five .navbar {
  padding: 0 !important;
}
.profile_theme_five .navbar-item .btn {
  --background-color: transparent;
}
.profile_theme_five .navbar-item .btn:not(.editable):hover, .profile_theme_five .navbar-item .btn:not(.editable):focus {
  font-weight: 900;
}
.profile_theme_five .navbar-item .btn:active, .profile_theme_five .navbar-item .btn.active {
  font-weight: 900;
}
.profile_theme_five .navbar-toggle {
  top: 18px;
}
.profile_theme_five .social-links a:hover, .profile_theme_five .social-links a:focus {
  font-weight: 900;
}
@media (min-width: 768.5px) {
  .profile_theme_five .navbar-container {
    position: relative;
    top: auto;
    width: 100%;
    height: auto;
    margin: 64px auto 0;
    flex-direction: row;
    background-color: transparent;
  }
}
.profile_theme_five.ufo--site-nav .navbar {
  padding: 0;
}
.profile_theme_five.ufo--site-nav .navbar-toggle {
  top: 0;
}
.profile_theme_five.ufo--site-nav .navbar-logo {
  margin-right: 36px;
  position: relative;
  z-index: 9;
}
.profile_theme_five.ufo--site-nav .navbar-container {
  margin: 0 auto;
}

.profile_theme_five.profile-editor .social-content {
  margin: 0 auto;
}
.profile_theme_five.profile-editor .ufo--page-hero-content.about-view .navbar-container {
  margin-bottom: 32px;
}
.profile_theme_five.profile-editor .ufo--page-hero-content.about-view .navbar-container button,
.profile_theme_five.profile-editor .ufo--page-hero-content.about-view .social-links a {
  --textColor: #424242 !important;
}
.profile_theme_five.profile-editor .ufo--page-nav-controls {
  margin-top: 32px;
}

.profile_theme_six .navbar {
  padding: 0 !important;
}
@media (max-width: 768px) {
  .profile_theme_six .navbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}
.profile_theme_six .navbar-item:nth-child(3), .profile_theme_six .navbar-item.contact-button {
  margin-left: 0;
}
.profile_theme_six .navbar-item .btn {
  text-transform: none;
  background-color: transparent;
}
.profile_theme_six .navbar-item .btn:active, .profile_theme_six .navbar-item .btn.active {
  font-weight: 900;
}
.profile_theme_six .navbar-item .btn:not(.editable):hover, .profile_theme_six .navbar-item .btn:not(.editable):focus {
  font-weight: 900;
}
.profile_theme_six .navbar-toggle {
  position: absolute;
  top: 24px;
  right: 0;
}
@media (min-width: 768.5px) {
  .profile_theme_six .navbar-container {
    position: relative;
    top: auto;
    width: 100%;
    height: auto;
    margin: 0 auto 110px;
    display: grid !important;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 15px;
    background-color: transparent;
    padding-right: 24px;
  }
  .profile_theme_six .navbar-container .navbar-item {
    margin: 0;
    padding-bottom: 16px;
    position: relative;
  }
  .profile_theme_six .navbar-container .navbar-item:nth-last-child(1) {
    grid-column-start: 6;
  }
  .profile_theme_six .navbar-container .navbar-item:nth-last-child(2) {
    grid-column-start: 5;
  }
  .profile_theme_six .navbar-container .navbar-item:nth-last-child(3) {
    grid-column-start: 4;
  }
  .profile_theme_six .navbar-container .navbar-item:nth-last-child(4) {
    grid-column-start: 3;
  }
  .profile_theme_six .navbar-container .navbar-item:nth-last-child(5) {
    grid-column-start: 2;
  }
  .profile_theme_six .navbar-container .navbar-item .btn {
    letter-spacing: 0.5px;
    min-height: 26px;
    width: 100%;
    text-align: left;
  }
}
.profile_theme_six .profile-links {
  display: flex;
  flex-direction: row;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .profile_theme_six .profile-links {
    flex-direction: column !important;
    left: initial;
    right: 24px;
    top: 50%;
    bottom: initial;
    transform: translateY(-50%);
    width: 32px;
  }
}
@media (min-width: 1270px) {
  .profile_theme_six .profile-links {
    right: -72px;
  }
}
@media (min-width: 768px) {
  .profile_theme_six .social-links {
    flex-direction: column !important;
  }
}
.profile_theme_six .social-links {
  gap: 20px;
}
.profile_theme_six .social-links a {
  padding: 0;
  margin: 0;
  width: 32px;
  height: 32px;
  font-size: 14px;
  justify-content: center;
  --background-color: transparent;
}
.profile_theme_six .social-links a:hover, .profile_theme_six .social-links a:focus {
  color: var(--hero-nav-button-text-color-hover);
  border-color: var(--hero-nav-button-text-color-hover);
}
.profile_theme_six .social-links a:after {
  content: "";
}
@media (min-width: 768px) {
  .profile_theme_six .social-links {
    flex-direction: column;
    gap: 20px;
  }
  .profile_theme_six .social-links a {
    padding: 0;
  }
  .profile_theme_six .social-links a:nth-last-child(1) {
    margin-bottom: 0;
  }
}
.profile_theme_six .no-profile-picture .profile-links {
  left: 0;
  right: initial;
  transform: none;
}
.profile_theme_six .no-profile-picture .profile-links .social-links a {
  margin-left: 0;
  border-color: var(--hero-nav-button-text-color);
}
@media (min-width: 768px) {
  .profile_theme_six .no-profile-picture .profile-links {
    left: initial;
    right: -72px;
    transform: translate(-50%, -50%);
  }
  .profile_theme_six .no-profile-picture .social-links a {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .profile_theme_six .social-content {
    width: 32px;
  }
}
.profile_theme_six.ufo--site-nav {
  z-index: 4;
}
@media (min-width: 768px) {
  .profile_theme_six.ufo--site-nav .ufo--site-nav-sidebar-toggle {
    margin-left: auto;
    flex-direction: column;
    text-transform: none;
  }
  .profile_theme_six.ufo--site-nav .ufo--site-nav-sidebar-toggle span {
    width: 100%;
    height: 4px;
    transform: translateY(38px);
    margin-right: 0;
  }
  .profile_theme_six.ufo--site-nav .ufo--site-nav-sidebar-toggle span:before, .profile_theme_six.ufo--site-nav .ufo--site-nav-sidebar-toggle span:after {
    content: none;
  }
}
.profile_theme_six.ufo--site-nav .ufo--site-nav-owner-id {
  align-self: flex-end;
}
.profile_theme_six.ufo--site-nav .ufo--site-nav-container {
  background-color: var(--background-fill-color);
}
@media (min-width: 768px) {
  .profile_theme_six.ufo--site-nav .ufo--site-nav-container {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 321px !important;
    padding: 34px 50px !important;
    left: initial;
    right: -100%;
    transition-property: right;
  }
  .profile_theme_six.ufo--site-nav .ufo--site-nav-container.visible {
    right: 0;
    left: initial;
  }
  .profile_theme_six.ufo--site-nav .ufo--site-nav-container .navbar-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start;
  }
}
.profile_theme_six.ufo--site-nav .social-links {
  flex-direction: row !important;
  justify-content: center;
  margin-top: 40px !important;
}
@media (min-width: 768px) {
  .profile_theme_six.ufo--site-nav .social-links {
    margin: 0;
    flex-direction: row;
    justify-content: flex-start;
  }
}

.profile_theme_six.profile-editor .ufo--page-nav-controls .ufo-fab--container {
  top: 10%;
}

.profile_theme_seven .navbar {
  padding: 0 !important;
}
@media (max-width: 768px) {
  .profile_theme_seven .navbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .profile_theme_seven .navbar {
    position: absolute !important;
    top: 68px;
    left: 0;
    width: 100%;
    height: auto;
    flex-direction: row;
    background: transparent;
  }
  .profile_theme_seven .navbar .navbar-item .btn {
    letter-spacing: 0.5px;
  }
}
.profile_theme_seven .navbar .ufo--site-nav-items {
  width: 100%;
}
.profile_theme_seven .navbar-item:nth-child(3), .profile_theme_seven .navbar-item.contact-button {
  margin-left: 0;
}
.profile_theme_seven .navbar-item .btn {
  --background-color: transparent;
  letter-spacing: 2.6px;
}
.profile_theme_seven .navbar-item .btn:active, .profile_theme_seven .navbar-item .btn.active {
  font-weight: 700;
}
.profile_theme_seven .navbar-item .btn:not(.editable):hover, .profile_theme_seven .navbar-item .btn:not(.editable):focus {
  font-weight: 700;
}
.profile_theme_seven .social-links {
  margin-bottom: 20px;
}
.profile_theme_seven .navbar-toggle {
  position: absolute;
  top: 24px;
  right: 0;
}
.profile_theme_seven .no-profile-picture .social-links {
  margin-left: auto;
  margin-right: auto;
}
.profile_theme_seven.ufo--site-nav .navbar {
  padding: 0;
}
.profile_theme_seven.ufo--site-nav .navbar-container {
  gap: 36px;
}
.profile_theme_seven.ufo--site-nav .ufo--site-nav-container {
  position: relative;
  top: initial;
}

@media (min-width: 768px) {
  .profile_theme_eight .navbar-container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    top: auto;
    height: auto;
  }
  .profile_theme_eight .navbar-container .ufo--site-nav-owner {
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .profile_theme_eight .navbar .ufo--site-nav-owner {
    position: absolute;
    top: 40px;
    left: 24px;
  }
}
.profile_theme_eight.ufo--site-nav .navbar {
  padding: 0;
}
.profile_theme_eight.ufo--site-nav .navbar-logo {
  position: relative;
  z-index: 9;
}
.profile_theme_eight.ufo--site-nav .navbar-id {
  display: block;
  width: 100%;
}

.casestudy-editor .profile_theme_eight .navbar-id {
  display: block;
  width: max-content;
}

.profile_theme_nine .ufo--site-nav-container {
  gap: 32px;
}
.profile_theme_nine .ufo--site-nav-container h1 {
  font-family: var(--portfolio-hero-h1-font);
  font-size: var(--portfolio-hero-h1-size);
  font-weight: var(--portfolio-hero-h1-weight);
  font-style: var(--portfolio-hero-h1-style);
  line-height: var(--portfolio-hero-h1-height);
  color: var(--portfolio-hero-h1-text-color);
  --bottom-margin: calc(0.2 * (var(--hero-h1-size) * var(--hero-h1-height)) + 12.8px);
  margin-bottom: var(--bottom-margin);
}
@media (max-width: 1024px) {
  .profile_theme_nine .ufo--site-nav-container h1 {
    font-size: var(--portfolio-hero-h1-size-tablet);
    line-height: var(-portfolio-hero-h1-height-tablet);
    --bottom-margin: calc(0.2 * (var(--portfolio-hero-h1-size-tablet) * var(-portfolio-hero-h1-height-tablet)) + 12.8px);
  }
}
@media (max-width: 768px) {
  .profile_theme_nine .ufo--site-nav-container h1 {
    font-size: var(--portfolio-hero-h1-size-mobile);
    line-height: var(-portfolio-hero-h1-height-mobile);
    --bottom-margin: calc(0.2 * (var(--portfolio-hero-h1-size-mobile) * var(-portfolio-hero-h1-height-mobile)) + 12.8px);
  }
}
.profile_theme_nine .ufo--site-nav-container h2, .profile_theme_nine .ufo--site-nav-container h3 {
  font-family: var(--portfolio-hero-h2-font);
  font-size: var(--portfolio-hero-h2-size);
  font-weight: var(--portfolio-hero-h2-weight);
  font-style: var(--portfolio-hero-h2-style);
  line-height: var(--portfolio-hero-h2-height);
  color: var(--portfolio-hero-h2-text-color);
  --bottom-margin: calc(0.2 * calc(var(--portfolio-hero-h2-size) * var(--portfolio-hero-h2-height)) + 12.8px);
  margin-bottom: var(--bottom-margin);
}
.profile_theme_nine .ufo--site-nav-container h2 + h1, .profile_theme_nine .ufo--site-nav-container h3 + h1 {
  padding-top: calc((0.2 * var(--portfolio-hero-h1-size) * var(--portfolio-hero-h1-height) + 12.8px) * 0.5);
}
@media (max-width: 1024px) {
  .profile_theme_nine .ufo--site-nav-container h2, .profile_theme_nine .ufo--site-nav-container h3 {
    font-size: var(--portfolio-hero-h2-size-tablet);
    line-height: var(--portfolio-hero-h2-height-tablet);
    --bottom-margin: calc(0.2 * (var(--portfolio-hero-h2-size-tablet) * var(--portfolio-hero-h2-height-tablet)) + 12.8px);
  }
}
@media (max-width: 768px) {
  .profile_theme_nine .ufo--site-nav-container h2, .profile_theme_nine .ufo--site-nav-container h3 {
    font-size: var(--portfolio-hero-h2-size-mobile);
    line-height: var(--portfolio-hero-h2-height-mobile);
    --bottom-margin: calc(0.2 * (var(--portfolio-hero-h2-size-mobile) * var(--portfolio-hero-h2-height-mobile)) + 12.8px);
  }
}
.profile_theme_nine .ufo--site-nav-container p, .profile_theme_nine .ufo--site-nav-container ul, .profile_theme_nine .ufo--site-nav-container ol {
  font-family: var(--portfolio-hero-p1-font);
  font-size: var(--portfolio-hero-p1-size);
  font-weight: var(--portfolio-hero-p1-weight);
  font-style: var(--portfolio-hero-p1-style);
  line-height: var(--portfolio-hero-p1-height);
  color: var(--portfolio-hero-p1-text-color);
  --bottom-margin: calc(0.2 * (var(--portfolio-hero-p1-size) * var(--portfolio-hero-p1-height)) + 12.8px);
  margin-bottom: var(--bottom-margin);
}
.profile_theme_nine .ufo--site-nav-container p + h1, .profile_theme_nine .ufo--site-nav-container ul + h1, .profile_theme_nine .ufo--site-nav-container ol + h1 {
  padding-top: calc((0.2 * var(--portfolio-hero-h1-size) * var(--portfolio-hero-h1-height) + 12.8px) * 0.5);
}
.profile_theme_nine .ufo--site-nav-container p + h2, .profile_theme_nine .ufo--site-nav-container ul + h2, .profile_theme_nine .ufo--site-nav-container ol + h2 {
  padding-top: calc((0.2 * var(--portfolio-hero-h2-size) * var(--portfolio-hero-h2-height) + 12.8px) * 0.5);
}
@media (max-width: 1024px) {
  .profile_theme_nine .ufo--site-nav-container p, .profile_theme_nine .ufo--site-nav-container ul, .profile_theme_nine .ufo--site-nav-container ol {
    font-size: var(--portfolio-hero-p1-size-tablet);
    line-height: var(--portfolio-hero-p2-height-tablet);
    --bottom-margin: calc(0.2 * (var(--portfolio-hero-p1-size-tablet) * var(--portfolio-hero-p1-height-tablet)) + 12.8px);
  }
}
@media (max-width: 768px) {
  .profile_theme_nine .ufo--site-nav-container p, .profile_theme_nine .ufo--site-nav-container ul, .profile_theme_nine .ufo--site-nav-container ol {
    font-size: var(--portfolio-hero-p1-size-mobile);
    line-height: var(--portfolio-hero-p1-height-mobile);
    --bottom-margin: calc(0.2 * (var(--portfolio-hero-p1-size-mobile) * var(--portfolio-hero-p1-height-mobile)) + 12.8px);
  }
}
.profile_theme_nine .ufo--site-nav-container a {
  color: var(--portfolio-hero-link-text-color);
}
.profile_theme_nine .ufo--site-nav-container a:hover, .profile_theme_nine .ufo--site-nav-container a:active, .profile_theme_nine .ufo--site-nav-container a:focus {
  color: var(--portfolio-link-color-hover);
}
.profile_theme_nine .ufo--site-nav-container .btn {
  font-family: var(--portfolio-hero-nav-button-font);
  font-size: var(--portfolio-hero-nav-button-size);
  font-weight: var(--portfolio-hero-nav-button-weight);
  font-style: var(--portfolio-hero-nav-button-style);
  line-height: var(--portfolio-hero-nav-button-height);
  color: var(--portfolio-hero-nav-button-text-color);
}
@media (max-width: 1024px) {
  .profile_theme_nine .ufo--site-nav-container .btn {
    font-size: var(--portfolio-hero-nav-button-size-tablet);
    line-height: var(--portfolio-hero-nav-button-height-tablet);
  }
}
@media (max-width: 768px) {
  .profile_theme_nine .ufo--site-nav-container .btn {
    font-size: var(--portfolio-hero-nav-button-size-mobile);
    line-height: var(--portfolio-hero-nav-button-height-mobile);
  }
}
.profile_theme_nine .ufo--site-nav-container .btn:hover, .profile_theme_nine .ufo--site-nav-container .btn:active {
  color: var(--portfolio-hero-nav-button-text-color-hover);
}
.profile_theme_nine .ufo--site-nav-container .social-links a {
  color: var(--portfolio-social-icon-text-color);
}
.profile_theme_nine .ufo--site-nav-container .social-links a:hover, .profile_theme_nine .ufo--site-nav-container .social-links a:active {
  color: var(--portfolio-social-icon-text-color-hover);
}
.profile_theme_nine .ufo--site-nav-container .social-links a.icon {
  color: var(--portfolio-social-icon-text-color);
}
.profile_theme_nine .ufo--site-nav-container .social-links a.icon:hover:not(.active), .profile_theme_nine .ufo--site-nav-container .social-links a.icon:hover:not(:active) {
  color: var(--portfolio-social-icon-text-color-hover);
}
.profile_theme_nine .ufo--site-nav-container .social-links a[class*=box-] {
  outline: solid 1px var(--portfolio-social-icon-outline-color, var(--border-color));
}
.profile_theme_nine .ufo--site-nav-container .social-links a[class*=box-]:hover {
  outline-color: var(--portfolio-social-icon-outline-color-hover, var(--portfolio-hero-nav-button-text-color-hover));
}
.profile_theme_nine .ufo--site-nav-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: auto;
}
.profile_theme_nine .ufo--site-nav-container .navbar-item {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  font-family: var(--portfolio-hero-nav-button-font);
  font-size: var(--portfolio-hero-nav-button-size);
  font-weight: var(--portfolio-hero-nav-button-weight);
  font-style: var(--portfolio-hero-nav-button-style);
}
@media (max-width: 1024px) {
  .profile_theme_nine .ufo--site-nav-container .navbar-item {
    font-size: var(--portfolio-hero-nav-button-size-tablet);
    line-height: var(--portfolio-hero-nav-button-height-tablet);
  }
}
@media (max-width: 768px) {
  .profile_theme_nine .ufo--site-nav-container .navbar-item {
    font-size: var(--portfolio-hero-nav-button-size-mobile);
    line-height: var(--portfolio-hero-nav-button-height-mobile);
  }
}
.profile_theme_nine .ufo--site-nav-container .navbar-item:after {
  content: attr(data-text);
  content: attr(data-text)/"";
  height: 0;
  visibility: hidden;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  font-weight: 700;
  color: transparent;
}
@media speech {
  .profile_theme_nine .ufo--site-nav-container .navbar-item:after {
    display: none;
  }
}
.profile_theme_nine .ufo--site-nav-container .navbar-item .btn {
  background-color: transparent;
  border: none;
  text-transform: none;
}
.profile_theme_nine .ufo--site-nav-container .navbar-item .btn:hover, .profile_theme_nine .ufo--site-nav-container .navbar-item .btn.active {
  font-weight: 700;
  background-color: transparent !important;
  color: var(--portfolio-hero-nav-button-color-hover);
}
@media (min-width: 768px) {
  .profile_theme_nine .ufo--site-nav-container {
    position: relative;
    top: auto;
    height: auto;
    flex-direction: row;
  }
  .profile_theme_nine .ufo--site-nav-container .navbar-item .btn {
    background-color: transparent;
    border: none;
    text-transform: none;
  }
  .profile_theme_nine .ufo--site-nav-container .navbar-item .btn.active, .profile_theme_nine .ufo--site-nav-container .navbar-item .btn:not(.editable):hover {
    font-weight: 700;
    background-color: transparent !important;
  }
}
.profile_theme_nine .social-links {
  padding-top: 1px;
  gap: 10px !important;
  margin-bottom: 24px;
  --border-color: var(--portfolio-border-color);
}
.profile_theme_nine .social-links a {
  width: 36px;
  height: 36px;
}
.profile_theme_nine .navbar-toggle {
  top: 0;
}
.profile_theme_nine .navbar {
  margin-top: auto;
  padding: 0 !important;
}
.profile_theme_nine .navbar:hover .ufo--page-nav-controls .ufo-fab--container {
  visibility: visible;
  opacity: 1;
}
.profile_theme_nine .navbar-container {
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
@media (min-width: 768px) {
  .profile_theme_nine .navbar-container {
    gap: 32px !important;
  }
}
@media (max-width: 768px) {
  .profile_theme_nine .navbar-container:not(.no-mob) {
    position: fixed;
    top: -100%;
    left: 0;
    height: 100%;
    background-color: var(--portfolio-sidebar-background-color);
    transition: top 200ms ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .profile_theme_nine .navbar-container:not(.no-mob).on {
    top: 0;
  }
}
@media (max-width: 768px) {
  .profile_theme_nine:not(.ufo--site-nav) .navbar-toggle {
    margin-top: 0 !important;
    position: absolute;
    top: -14px;
    right: 0;
    z-index: 11;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    width: 48px;
  }
}
.profile_theme_nine:not(.ufo--site-nav) .navbar-toggle.on .close {
  display: block;
}
.profile_theme_nine:not(.ufo--site-nav) .navbar-toggle.on .open {
  display: none;
}
.profile_theme_nine.ufo--site-nav .ufo--page-hero-image {
  display: none;
}
.profile_theme_nine.ufo--site-nav .navbar {
  padding: 40px !important;
}
.profile_theme_nine.ufo--site-nav .ufo-site-nav-sidebar-close:before, .profile_theme_nine.ufo--site-nav .ufo-site-nav-sidebar-close:after {
  background-color: var(--portfolio-hero-nav-button-color);
}
@media (min-width: 768px) {
  .profile_theme_nine.ufo--site-nav .ufo-site-nav-sidebar-close {
    position: absolute;
    top: 40px;
    right: 40px;
  }
}
.profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id {
  display: none;
}
@media (min-width: 768px) {
  .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100% - 60px);
  }
  .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id.align-content-to-top {
    justify-content: flex-start;
  }
  .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .image {
    margin-bottom: 50px;
  }
  .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .image img {
    width: 145px;
    height: 145px;
    border-radius: 50%;
    object-fit: cover;
  }
  .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .ufo--page-hero-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
  }
  .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .profile-bio {
    overflow: hidden;
    position: relative;
    padding-bottom: 60px;
  }
  .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .profile-bio .ufo--page-hero-text {
    height: 100%;
    margin-bottom: 0;
    overflow-y: scroll;
  }
  .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .profile-bio .ufo--page-hero-text::-webkit-scrollbar {
    display: none;
  }
  .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .profile-bio .ufo--page-hero-text {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .profile-bio .ufo--page-hero-text ul, .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .profile-bio .ufo--page-hero-text ol {
    display: flex;
    flex-direction: column;
  }
  .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .profile-bio .ufo--page-hero-text.align-text-left * {
    text-align: left !important;
  }
  .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .profile-bio .ufo--page-hero-text.align-text-left ul, .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .profile-bio .ufo--page-hero-text.align-text-left ol {
    align-items: flex-start;
  }
  .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .profile-bio .ufo--page-hero-text.align-text-center * {
    text-align: center !important;
  }
  .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .profile-bio .ufo--page-hero-text.align-text-center ul, .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .profile-bio .ufo--page-hero-text.align-text-center ol {
    align-items: center;
  }
  .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .profile-bio .ufo--page-hero-text.align-text-right * {
    text-align: right !important;
  }
  .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .profile-bio .ufo--page-hero-text.align-text-right ul, .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .profile-bio .ufo--page-hero-text.align-text-right ol {
    align-items: flex-end;
  }
  .profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .profile-bio .ufo--page-hero-text.scrollable::after {
    content: "";
    background-image: linear-gradient(to bottom, transparent 0%, var(--portfolio-sidebar-background-color));
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 100%;
    height: 30%;
    display: block;
    pointer-events: none;
  }
}
.profile_theme_nine.ufo--site-nav .ufo--site-nav-owner-id .description {
  text-align: center;
}
.profile_theme_nine.ufo--site-nav .ufo--site-nav-container {
  flex-wrap: unset;
  background-color: var(--portfolio-sidebar-background-color);
  gap: 32px;
}
@media (min-width: 768px) {
  .profile_theme_nine.ufo--site-nav .ufo--site-nav-container {
    justify-content: center !important;
    align-items: center;
    width: 35% !important;
    padding: 40px;
  }
}
.profile_theme_nine.ufo--site-nav .navbar-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: auto;
}
@media (min-width: 768px) {
  .profile_theme_nine.ufo--site-nav .navbar-container {
    flex-direction: row;
  }
}
.profile_theme_nine.ufo--site-nav .social-links a {
  background-color: transparent;
}
.profile_theme_nine.profile-editor .navbar:hover .ufo--page-nav-controls .ufo-fab--container {
  visibility: visible;
  opacity: 1;
}
.profile_theme_nine.profile-editor .ufo--page-nav-controls {
  width: 100% !important;
  left: unset !important;
  right: -30px !important;
  margin-left: unset !important;
  margin-right: unset !important;
  position: absolute;
  top: 50% !important;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  z-index: 1;
  pointer-events: none;
}
.profile_theme_nine.profile-editor .ufo--page-nav-controls .ufo-fab--container {
  pointer-events: auto;
  z-index: 1;
  transform: translate(0, -50%) !important;
  visibility: hidden;
  opacity: 0;
}

@media (min-width: 768px) {
  .theme_thirteen .ufo--site-nav-container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    top: auto;
    height: auto;
  }
  .theme_thirteen .ufo--site-nav-container .ufo--site-nav-owner {
    margin-right: auto;
  }
  .theme_thirteen .ufo--site-nav-container .navbar-item .btn {
    height: max-content;
    text-transform: none;
    --background-color: transparent;
  }
  .theme_thirteen .ufo--site-nav-container .navbar-item .btn.active, .theme_thirteen .ufo--site-nav-container .navbar-item .btn:not(.editable):hover {
    font-weight: bold;
  }
}
@media (max-width: 768px) {
  .theme_thirteen .ufo--site-nav-container .ufo--site-nav-owner {
    position: absolute;
    top: 40px;
    left: 24px;
  }
}
.theme_thirteen.ufo--page-hero .navbar-item .btn {
  --background-color: transparent;
}

@media (min-width: 768px) {
  .theme_fourteen .ufo--site-nav-container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    top: auto;
    height: auto;
  }
  .theme_fourteen .ufo--site-nav-container .ufo--site-nav-owner {
    margin-right: auto;
  }
  .theme_fourteen .ufo--site-nav-container .navbar-item .btn {
    height: max-content;
    text-transform: none;
    --background-color: transparent;
  }
  .theme_fourteen .ufo--site-nav-container .navbar-item .btn.active, .theme_fourteen .ufo--site-nav-container .navbar-item .btn:not(.editable):hover {
    font-weight: bold;
  }
}
@media (max-width: 768px) {
  .theme_fourteen .ufo--site-nav-container .ufo--site-nav-owner {
    position: absolute;
    top: 40px;
    left: 24px;
  }
}
.theme_fourteen.ufo--page-hero .navbar-item .btn {
  --background-color: transparent;
}

@media (min-width: 768px) {
  .theme_fifteen .ufo--site-nav-container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    top: auto;
    height: auto;
  }
  .theme_fifteen .ufo--site-nav-container .ufo--site-nav-owner {
    margin-right: auto;
  }
  .theme_fifteen .ufo--site-nav-container .navbar-item .btn {
    height: max-content;
    text-transform: none;
    --background-color: transparent;
  }
  .theme_fifteen .ufo--site-nav-container .navbar-item .btn.active, .theme_fifteen .ufo--site-nav-container .navbar-item .btn:not(.editable):hover {
    font-weight: bold;
  }
}
@media (max-width: 768px) {
  .theme_fifteen .ufo--site-nav-container .ufo--site-nav-owner {
    position: absolute;
    top: 40px;
    left: 24px;
  }
}
.theme_fifteen.ufo--page-hero .navbar-item .btn {
  --background-color: transparent;
}

.ufo--site-nav-container {
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 768.5px) {
  .ufo--site-nav-container {
    position: fixed !important;
    top: -200% !important;
    left: 0 !important;
    height: 100vh !important;
    flex-direction: column !important;
    justify-content: center !important;
    --background-fill-color: rgba(255, 255, 255, 0.95);
    background-color: var(--background-fill-color) !important;
    transition: top 250ms ease-in-out !important;
    z-index: 5 !important;
  }
  .ufo--site-nav-container.visible {
    top: 0 !important;
  }
  .ufo--site-nav-container .social-links {
    margin-top: 30px;
  }
}

@media (min-width: 768px) {
  .casestudy-editor .ufo--site-nav.profile_theme_four .ufo--site-nav-container, .casestudy-editor .ufo--site-nav.profile_theme_six .ufo--site-nav-container, .casestudy-editor .ufo--site-nav.theme_six .ufo--site-nav-container, .casestudy-editor .ufo--site-nav.profile_theme_nine .ufo--site-nav-container {
    height: calc(100vh - 56px);
    top: 56px;
  }
}

.transparent .ufo--page-hero-background {
  grid-row: 1;
}
.transparent .ufo--page-hero-content {
  position: unset !important;
}
.transparent .ufo--page-hero-background {
  top: 0;
  background-attachment: unset !important;
}
.transparent .ufo--page-hero-background .ufo-fab--container {
  top: 40px !important;
}
.transparent .ufo--page-hero-controls .ufo-fab--container {
  top: 40px !important;
}

.ufo--portfolio-page {
  background-color: var(--background-fill-color, #FFFFFF);
}

ufo--page-sections {
  --title-font: "Source Sans Pro", sans-serif;
  --body-font: "PT Serif", serif;
  --link-color-hover: var(--meta40);
}

@media (max-width: 420px) {
  .ufo-sec {
    overflow-wrap: break-word;
  }
}
.ufo-sec {
  position: relative;
  padding-top: calc(var(--section-padding-top) * var(--section-padding-mult));
  padding-bottom: calc(var(--section-padding-bottom) * var(--section-padding-mult));
}
.ufo-sec h1, .ufo-sec h2, .ufo-sec h3, .ufo-sec h4, .ufo-sec p, .ufo-sec ul, .ufo-sec ol {
  transition-property: color;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.ufo-sec h1, .ufo-sec .h1 {
  font-family: var(--section-h1-font);
  font-size: var(--section-h1-size);
  font-weight: var(--section-h1-weight);
  font-style: var(--section-h1-style);
  line-height: var(--section-h1-height);
  color: var(--section-h1-text-color);
  --bottom-margin: calc(0.2 * (var(--section-h1-size) * var(--section-h1-height)) + 12.8px);
  margin-bottom: var(--bottom-margin);
}
@media (max-width: 1024px) {
  .ufo-sec h1, .ufo-sec .h1 {
    font-size: var(--section-h1-size-tablet);
    line-height: var(--section-h1-height-tablet);
    --bottom-margin: calc(0.2 * (var(--section-h1-size-tablet) * var(--section-h1-height-tablet)) + 12.8px);
  }
}
@media (max-width: 768px) {
  .ufo-sec h1, .ufo-sec .h1 {
    font-size: var(--section-h1-size-mobile);
    line-height: var(--section-h1-height-mobile);
    --bottom-margin: calc(0.2 * (var(--section-h1-size-mobile) * var(--section-h1-height-mobile)) + 12.8px);
  }
}
.ufo-sec h2, .ufo-sec .h2 {
  font-family: var(--section-h2-font);
  font-size: var(--section-h2-size);
  font-weight: var(--section-h2-weight);
  font-style: var(--section-h2-style);
  line-height: var(--section-h2-height);
  color: var(--section-h2-text-color);
  --bottom-margin: calc(0.2 * calc(var(--section-h2-size) * var(--section-h2-height)) + 12.8px);
  margin-bottom: var(--bottom-margin);
}
.ufo-sec h2 + h1, .ufo-sec .h2 + h1 {
  padding-top: calc((0.2 * var(--section-h1-size) * var(--section-h1-height) + 12.8px) * 0.5);
}
@media (max-width: 1024px) {
  .ufo-sec h2, .ufo-sec .h2 {
    font-size: var(--section-h2-size-tablet);
    line-height: var(--section-h2-height-tablet);
    --bottom-margin: calc(0.2 * (var(--section-h2-size-tablet) * var(--section-h2-height-tablet)) + 12.8px);
  }
}
@media (max-width: 768px) {
  .ufo-sec h2, .ufo-sec .h2 {
    font-size: var(--section-h2-size-mobile);
    line-height: var(--section-h2-height-mobile);
    --bottom-margin: calc(0.2 * (var(--section-h2-size-mobile) * var(--section-h2-height-mobile)) + 12.8px);
  }
}
.ufo-sec h3, .ufo-sec .h3 {
  font-family: var(--section-h3-font);
  font-size: var(--section-h3-size);
  font-weight: var(--section-h3-weight);
  font-style: var(--section-h3-style);
  line-height: var(--section-h3-height);
  color: var(--section-h3-text-color);
  --bottom-margin: calc(0.2 * (var(--section-h3-size) * var(--section-h3-height)) + 12.8px);
  margin-bottom: var(--bottom-margin);
}
.ufo-sec h3 + h1, .ufo-sec .h3 + h1 {
  padding-top: calc((0.2 * var(--section-h1-size) * var(--section-h1-height) + 12.8px) * 0.5);
}
.ufo-sec h3 + h2, .ufo-sec .h3 + h2 {
  padding-top: calc((0.2 * var(--section-h2-size) * var(--section-h2-height) + 12.8px) * 0.5);
}
@media (max-width: 1024px) {
  .ufo-sec h3, .ufo-sec .h3 {
    font-size: var(--section-h3-size-tablet);
    line-height: var(--section-h3-height-tablet);
    --bottom-margin: calc(0.2 * (var(--section-h3-size-tablet) * var(--section-h3-height-tablet)) + 12.8px);
  }
}
@media (max-width: 768px) {
  .ufo-sec h3, .ufo-sec .h3 {
    font-size: var(--section-h3-size-mobile);
    line-height: var(--section-h3-height-mobile);
    --bottom-margin: calc(0.2 * (var(--section-h3-size-mobile) * var(--section-h3-height-mobile)) + 12.8px);
  }
}
.ufo-sec h4, .ufo-sec .h4 {
  font-family: var(--section-h4-font);
  font-size: var(--section-h4-size);
  font-weight: var(--section-h4-weight);
  font-style: var(--section-h4-style);
  line-height: var(--section-h4-height);
  color: var(--section-h4-text-color);
  --bottom-margin: calc(0.2 * (var(--section-h4-size) * var(--section-h4-height)) + 12.8px);
  margin-bottom: var(--bottom-margin);
}
.ufo-sec h4 + h1, .ufo-sec .h4 + h1 {
  padding-top: calc((0.2 * var(--section-h1-size) * var(--section-h1-height) + 12.8px) * 0.5);
}
.ufo-sec h4 + h2, .ufo-sec .h4 + h2 {
  padding-top: calc((0.2 * var(--section-h2-size) * var(--section-h2-height) + 12.8px) * 0.5);
}
.ufo-sec h4 + h3, .ufo-sec .h4 + h3 {
  padding-top: calc((0.2 * var(--section-h3-size) * var(--section-h3-height) + 12.8px) * 0.5);
}
@media (max-width: 1024px) {
  .ufo-sec h4, .ufo-sec .h4 {
    font-size: var(--section-h4-size-tablet);
    line-height: var(--section-h4-height-tablet);
    --bottom-margin: calc(0.2 * (var(--section-h4-size-tablet) * var(--section-h4-height-tablet)) + 12.8px);
  }
}
@media (max-width: 768px) {
  .ufo-sec h4, .ufo-sec .h4 {
    font-size: var(--section-h4-size-mobile);
    line-height: var(--section-h4-height-mobile);
    --bottom-margin: calc(0.2 * (var(--section-h4-size-mobile) * var(--section-h4-height-mobile)) + 12.8px);
  }
}
.ufo-sec p, .ufo-sec .p, .ufo-sec .p1, .ufo-sec ul, .ufo-sec ol {
  font-family: var(--section-p1-font);
  font-size: var(--section-p1-size);
  font-weight: var(--section-p1-weight);
  font-style: var(--section-p1-style);
  line-height: var(--section-p1-height);
  color: var(--section-p1-text-color);
  --bottom-margin: calc(0.2 * (var(--section-p1-size) * var(--section-p1-height)) + 12.8px);
  margin-bottom: var(--bottom-margin);
}
.ufo-sec p + h1, .ufo-sec .p + h1, .ufo-sec .p1 + h1, .ufo-sec ul + h1, .ufo-sec ol + h1 {
  padding-top: calc((0.2 * var(--section-h1-size) * var(--section-h1-height) + 12.8px) * 0.5);
}
.ufo-sec p + h2, .ufo-sec .p + h2, .ufo-sec .p1 + h2, .ufo-sec ul + h2, .ufo-sec ol + h2 {
  padding-top: calc((0.2 * var(--section-h2-size) * var(--section-h2-height) + 12.8px) * 0.5);
}
.ufo-sec p + h3, .ufo-sec .p + h3, .ufo-sec .p1 + h3, .ufo-sec ul + h3, .ufo-sec ol + h3 {
  padding-top: calc((0.2 * var(--section-h3-size) * var(--section-h3-height) + 12.8px) * 0.5);
}
.ufo-sec p + h4, .ufo-sec .p + h4, .ufo-sec .p1 + h4, .ufo-sec ul + h4, .ufo-sec ol + h4 {
  padding-top: calc((0.2 * var(--section-h4-size) * var(--section-h4-height) + 12.8px) * 0.5);
}
@media (max-width: 1024px) {
  .ufo-sec p, .ufo-sec .p, .ufo-sec .p1, .ufo-sec ul, .ufo-sec ol {
    font-size: var(--section-p1-size-tablet);
    line-height: var(--section-p1-height-tablet);
    --bottom-margin: calc(0.2 * (var(--section-p1-size-tablet) * var(--section-p1-height-tablet)) + 12.8px);
  }
}
@media (max-width: 768px) {
  .ufo-sec p, .ufo-sec .p, .ufo-sec .p1, .ufo-sec ul, .ufo-sec ol {
    font-size: var(--section-p1-size-mobile);
    line-height: var(--section-p1-height-mobile);
    --bottom-margin: calc(0.2 * (var(--section-p1-size-mobile) * var(--section-p1-height-mobile)) + 12.8px);
  }
}
.ufo-sec p.body-p2, .ufo-sec .p2 {
  font-family: var(--section-p2-font);
  font-size: var(--section-p2-size);
  font-weight: var(--section-p2-weight);
  font-style: var(--section-p2-style);
  line-height: var(--section-p2-height);
  color: var(--section-p2-text-color);
  --bottom-margin: calc(0.2 * (var(--section-p2-size) * var(--section-p2-height)) + 12.8px);
  margin-bottom: var(--bottom-margin);
}
.ufo-sec p.body-p2 + h1, .ufo-sec .p2 + h1 {
  padding-top: calc((0.2 * var(--section-h1-size) * var(--section-h1-height) + 12.8px) * 0.5);
}
.ufo-sec p.body-p2 + h2, .ufo-sec .p2 + h2 {
  padding-top: calc((0.2 * var(--section-h2-size) * var(--section-h2-height) + 12.8px) * 0.5);
}
.ufo-sec p.body-p2 + h3, .ufo-sec .p2 + h3 {
  padding-top: calc((0.2 * var(--section-h3-size) * var(--section-h3-height) + 12.8px) * 0.5);
}
.ufo-sec p.body-p2 + h4, .ufo-sec .p2 + h4 {
  padding-top: calc((0.2 * var(--section-h4-size) * var(--section-h4-height) + 12.8px) * 0.5);
}
@media (max-width: 1024px) {
  .ufo-sec p.body-p2, .ufo-sec .p2 {
    font-size: var(--section-p2-size-tablet);
    line-height: var(--section-p2-height-tablet);
    --bottom-margin: calc(0.2 * (var(--section-p2-size-tablet) * var(--section-p2-height-tablet)) + 12.8px);
  }
}
@media (max-width: 768px) {
  .ufo-sec p.body-p2, .ufo-sec .p2 {
    font-size: var(--section-p2-size-mobile);
    line-height: var(--section-p2-height-mobile);
    --bottom-margin: calc(0.2 * (var(--section-p2-size-mobile) * var(--section-p2-height-mobile)) + 12.8px);
  }
}
.ufo-sec p:empty::after {
  content: " ";
}
.ufo-sec ul, .ufo-sec ol {
  margin-bottom: 24px;
}
.ufo-sec ul:last-child, .ufo-sec ol:last-child {
  margin-bottom: 0;
}
.ufo-sec ul li p, .ufo-sec ol li p {
  margin-bottom: 0;
}
.ufo-sec .ufo-sec--bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.ufo-sec .ufo-sec--bg.shady-blur {
  background-color: #1d2227;
  filter: blur(10px);
  height: 100vh;
  max-height: initial;
}
.ufo-sec .ufo-sec--bg.gradient:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  max-width: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  z-index: 1;
}
.ufo-sec .ufo-sec--bg.overlay, .ufo-sec .ufo-sec--bg.blur {
  --colorOverlay: rgba(66,66,66,0);
}
.ufo-sec .ufo-sec--bg.overlay:after, .ufo-sec .ufo-sec--bg.blur:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: var(--colorOverlay);
  backdrop-filter: blur(var(--blur));
  -webkit-backdrop-filter: blur(var(--blur));
}
.ufo-sec .ufo-sec--content {
  display: flex;
  flex-direction: column;
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .ufo-sec .ufo-sec--content {
    grid-column: 3/span 8;
    text-align: center;
  }
  .ufo-sec .ufo-sec--content.align-box-left {
    grid-column: 1/span 8;
    text-align: left;
  }
  .ufo-sec .ufo-sec--content.align-box-right {
    grid-column: 5/span 8;
    text-align: right;
  }
}
.ufo-sec .text-container h1:nth-last-child(1), .ufo-sec .text-container h2:nth-last-child(1), .ufo-sec .text-container h3:nth-last-child(1), .ufo-sec .text-container h4:nth-last-child(1), .ufo-sec .text-container p:nth-last-child(1),
.ufo-sec .ufo--column h1:nth-last-child(1),
.ufo-sec .ufo--column h2:nth-last-child(1),
.ufo-sec .ufo--column h3:nth-last-child(1),
.ufo-sec .ufo--column h4:nth-last-child(1),
.ufo-sec .ufo--column p:nth-last-child(1),
.ufo-sec .col-text h1:nth-last-child(1),
.ufo-sec .col-text h2:nth-last-child(1),
.ufo-sec .col-text h3:nth-last-child(1),
.ufo-sec .col-text h4:nth-last-child(1),
.ufo-sec .col-text p:nth-last-child(1) {
  margin-bottom: 0;
}
.ufo-sec .text-container a:not(.btn),
.ufo-sec .ufo--column a:not(.btn),
.ufo-sec .col-text a:not(.btn) {
  color: var(--link-color);
  text-decoration: underline;
}
.ufo-sec .text-container a:not(.btn):hover,
.ufo-sec .ufo--column a:not(.btn):hover,
.ufo-sec .col-text a:not(.btn):hover {
  color: var(--link-color-hover, #7ea8fb);
}
.ufo-sec .text-container ul, .ufo-sec .text-container ol,
.ufo-sec .ufo--column ul,
.ufo-sec .ufo--column ol,
.ufo-sec .col-text ul,
.ufo-sec .col-text ol {
  padding-left: 48px;
}
.ufo-sec .text-container {
  position: relative;
}
.ufo-sec .text-container ul, .ufo-sec .text-container ol {
  display: flex;
  flex-direction: column;
}
.ufo-sec .text-container.align-text-left * {
  text-align: left !important;
}
.ufo-sec .text-container.align-text-left ul, .ufo-sec .text-container.align-text-left ol {
  align-items: flex-start;
}
.ufo-sec .text-container.align-text-center * {
  text-align: center !important;
}
.ufo-sec .text-container.align-text-center ul, .ufo-sec .text-container.align-text-center ol {
  align-items: center;
}
.ufo-sec .text-container.align-text-right * {
  text-align: right !important;
}
.ufo-sec .text-container.align-text-right ul, .ufo-sec .text-container.align-text-right ol {
  align-items: flex-end;
}

.ufo--p-container-fluid {
  width: 1440px;
  max-width: 100%;
  margin: 0 auto;
}

.ufo-sec--header-main {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}
.ufo-sec--header-main .grid.ufo--hero-content-grid {
  height: 100%;
  grid-template-rows: minmax(0, 1fr);
}
@media (min-width: 1024px) {
  .ufo-sec--header-main .grid.ufo--hero-content-grid {
    grid-row-gap: 0;
    grid-template-rows: var(--rowSize, 680px);
  }
}
.ufo-sec--header-main .ufo--site-nav {
  grid-column: 1/-1;
  grid-row: 1;
  height: max-content;
  overflow: unset;
}
@media (min-width: 1024px) {
  .ufo-sec--header-main .ufo--site-nav {
    grid-column: 1/span 12;
  }
}
.ufo-sec--header-main .ufo--site-nav .navbar {
  width: 100%;
}
.ufo-sec--header-main .col-text,
.ufo-sec--header-main .col-media {
  grid-column: 1/-1;
}
.ufo-sec--header-main .col-text.top,
.ufo-sec--header-main .col-media.top {
  align-self: start;
  padding-top: var(--gridGap);
}
.ufo-sec--header-main .col-text.bottom,
.ufo-sec--header-main .col-media.bottom {
  align-self: end;
  padding-bottom: var(--gridGap);
}
.ufo-sec--header-main .col-text.center,
.ufo-sec--header-main .col-media.center {
  align-self: center;
  padding-top: var(--gridGap);
  padding-bottom: var(--gridGap);
}
.ufo-sec--header-main .col-text {
  grid-row: 1;
  align-self: center;
}
@media (min-width: 1024px) {
  .ufo-sec--header-main .col-text {
    --grid-text-column-start: 1;
    --grid-text-column-span: 8;
    grid-column: var(--grid-text-column-start)/span var(--grid-text-column-span);
  }
  .ufo-sec--header-main .col-text:nth-of-type(1) {
    --grid-text-column-start: 3;
    --grid-text-column-span: 8;
  }
  .ufo-sec--header-main .col-text:nth-of-type(1).left, .ufo-sec--header-main .col-text:nth-of-type(1).has-image {
    --grid-text-column-start: 1;
    --grid-text-column-span: 8;
  }
  .ufo-sec--header-main .col-text:nth-of-type(1).right {
    --grid-text-column-start: 5;
    --grid-text-column-span: 8;
  }
  .ufo-sec--header-main .col-text:nth-of-type(1).frame-desktop, .ufo-sec--header-main .col-text:nth-of-type(1).frame-laptop {
    --grid-text-column-start: 1;
    --grid-text-column-span: 7;
  }
  .ufo-sec--header-main .col-text:nth-of-type(2) {
    --grid-text-column-start: 5;
    --grid-text-column-span: 8;
  }
  .ufo-sec--header-main .col-text:nth-of-type(2).frame-desktop, .ufo-sec--header-main .col-text:nth-of-type(2).frame-laptop {
    --grid-text-column-start: 8;
    --grid-text-column-span: 6;
  }
}
.ufo-sec--header-main .col-media {
  grid-row: 2;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: 0 auto;
}
.ufo-sec--header-main .col-media.media-fit-margin {
  justify-content: center !important;
}
@media (min-width: 1024px) {
  .ufo-sec--header-main .col-media {
    --grid-media-column-start: 1;
    --grid-media-column-span: 4;
    grid-row: 1;
    grid-column: var(--grid-media-column-start)/span var(--grid-media-column-span);
    align-self: center;
  }
  .ufo-sec--header-main .col-media:nth-of-type(1) {
    justify-content: flex-start;
    --grid-media-column-start: 1;
    --grid-media-column-span: 4;
  }
  .ufo-sec--header-main .col-media:nth-of-type(1).frame-desktop, .ufo-sec--header-main .col-media:nth-of-type(1).frame-laptop {
    --grid-media-column-start: 1;
    --grid-media-column-span: 7;
  }
  .ufo-sec--header-main .col-media:nth-of-type(2) {
    justify-content: flex-end;
    --grid-media-column-start: 9;
    --grid-media-column-span: 4;
  }
  .ufo-sec--header-main .col-media:nth-of-type(2).frame-desktop, .ufo-sec--header-main .col-media:nth-of-type(2).frame-laptop {
    --grid-media-column-start: 8;
    --grid-media-column-span: 6;
  }
}
.ufo-sec--header-main .text-container {
  position: relative;
}
.ufo-sec--header-main .text-container h1, .ufo-sec--header-main .text-container .h1 {
  font-family: var(--hero-h1-font);
  font-size: var(--hero-h1-size);
  font-weight: var(--hero-h1-weight);
  font-style: var(--hero-h1-style);
  line-height: var(--hero-h1-height);
  color: var(--hero-h1-text-color);
  word-wrap: break-word;
}
@media (max-width: 1024px) {
  .ufo-sec--header-main .text-container h1, .ufo-sec--header-main .text-container .h1 {
    font-size: var(--hero-h1-size-tablet);
    line-height: var(--hero-h1-height-tablet);
  }
}
@media (max-width: 768px) {
  .ufo-sec--header-main .text-container h1, .ufo-sec--header-main .text-container .h1 {
    font-size: var(--hero-h1-size-mobile);
    line-height: var(--hero-h1-height-mobile);
  }
}
.ufo-sec--header-main .text-container h2, .ufo-sec--header-main .text-container .h2 {
  font-family: var(--hero-h2-font);
  font-size: var(--hero-h2-size);
  font-weight: var(--hero-h2-weight);
  font-style: var(--hero-h2-style);
  line-height: var(--hero-h2-height);
  color: var(--hero-h2-text-color);
  word-wrap: break-word;
}
@media (max-width: 1024px) {
  .ufo-sec--header-main .text-container h2, .ufo-sec--header-main .text-container .h2 {
    font-size: var(--hero-h2-size-tablet);
    line-height: var(--hero-h2-height-tablet);
  }
}
@media (max-width: 768px) {
  .ufo-sec--header-main .text-container h2, .ufo-sec--header-main .text-container .h2 {
    font-size: var(--hero-h2-size-mobile);
    line-height: var(--hero-h2-height-mobile);
  }
}
.ufo-sec--header-main .text-container .p1, .ufo-sec--header-main .text-container .p2 {
  font-family: var(--hero-p1-font);
  font-size: var(--hero-p1-size);
  font-weight: var(--hero-p1-weight);
  font-style: var(--hero-p1-style);
  line-height: var(--hero-p1-height);
  color: var(--hero-p1-text-color);
  word-wrap: break-word;
}
@media (max-width: 1024px) {
  .ufo-sec--header-main .text-container .p1, .ufo-sec--header-main .text-container .p2 {
    font-size: var(--hero-p1-size-tablet);
    line-height: var(--hero-p1-height-tablet);
  }
}
@media (max-width: 768px) {
  .ufo-sec--header-main .text-container .p1, .ufo-sec--header-main .text-container .p2 {
    font-size: var(--hero-p1-size-mobile);
    line-height: var(--hero-p1-height-mobile);
  }
}
.ufo-sec--header-main .image-container {
  position: relative;
  width: max-content;
  z-index: 1;
}
.ufo-sec--header-main .image-container .media-container {
  width: unset;
}
.ufo-sec--header-main .image-container .media-container img {
  width: 100%;
  height: auto;
}
.ufo-sec--header-main .image-container .ufo-mockup--display img {
  width: 100%;
  height: auto;
}
.ufo-sec--header-main .image-container .ufo-mockup--frame svg {
  max-width: 100%;
  max-height: calc(var(--rowSize) - var(--gridGap) * 2);
}
.ufo-sec--header-main .image-container .display-mode--default > img {
  max-height: calc(var(--rowSize) - var(--gridGap) * 2);
  object-fit: cover;
}
.ufo-sec--header-main .image-container.media-fit-margin {
  justify-content: center;
}
.ufo-sec--header-main .image-container.media-fit-margin img {
  object-fit: contain;
  height: auto;
  max-height: calc(var(--rowSize) - var(--gridGap) * 2);
}
@media (min-width: 1024px) {
  .ufo-sec--header-main .image-container.media-fit {
    grid-row: 1/span 2;
    margin-bottom: 0;
    height: 100%;
  }
}
.ufo-sec--header-main .image-container.media-fit .media-container img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: var(--rowSize);
}
.ufo-sec--header-main .image-container.media-bottom-align {
  align-self: flex-end;
  margin: 0;
}
.ufo-sec--header-main .image-container.media-bottom-align img {
  object-fit: unset;
  height: auto;
  max-height: var(--rowSize);
}
.ufo-sec--header-main .image-container.frame-mobile .ufo-mockup--display {
  max-width: 234px;
}
@media (min-width: 1024px) {
  .ufo-sec--header-main .image-container.frame-mobile, .ufo-sec--header-main .image-container.frame-tablet {
    max-height: unset;
  }
}
.ufo-sec--header-main.shady-blur {
  background-color: #1d2227;
  filter: blur(10px);
  height: 100vh;
  max-height: initial;
}

.casestudy-editor .ufo-sec--header-main .resizable {
  display: none;
}
@media (min-width: 992px) {
  .casestudy-editor .ufo-sec--header-main .resizable {
    display: initial;
    width: 100vw !important;
    top: 0;
    left: 50% !important;
    transform: translateX(-50%);
    pointer-events: none;
  }
  .casestudy-editor .ufo-sec--header-main .resizable .handle-bm {
    width: 100%;
    height: 40px;
    border: none;
    bottom: -2px;
    left: 0;
    margin: 0;
    background-color: transparent;
    cursor: row-resize;
    transition: background-color 0.2s ease-in-out;
    pointer-events: auto;
  }
  .casestudy-editor .ufo-sec--header-main:hover .resizable .handle-bm {
    background-color: rgba(0, 184, 255, 0.1);
  }
}

.ufo-sec--header .text-container {
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .ufo-sec--header .text-container {
    grid-column: 3/span 8;
  }
  .ufo-sec--header .text-container.left {
    grid-column: 1/span 8;
  }
  .ufo-sec--header .text-container.right {
    grid-column: 5/span 8;
  }
}
.ufo-sec--header .text-container {
  position: relative;
  text-align: center;
  overflow-wrap: break-word;
}
.ufo-sec--header .text-container .default--h2 {
  line-height: 1;
  font-size: 1.75rem;
  font-family: var(--section-h1-font);
  text-align: center;
  font-weight: bold;
}
@media (min-width: 576px) {
  .ufo-sec--header .text-container .default--h2 {
    font-size: 2.5rem;
  }
}
@media (min-width: 992px) {
  .ufo-sec--header .text-container .default--h2 {
    font-size: 3.75rem;
  }
}

.ufo-sec--text .txt-col {
  width: 100%;
}

.ufo-sec--media .ufo--p-container-fluid {
  width: 100%;
}
.ufo-sec--media .media-container {
  position: relative;
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .ufo-sec--media .media-container {
    grid-column: 1/span 12;
  }
}
.ufo-sec--media .media-container img {
  width: 100%;
  height: auto;
}
.ufo-sec--media .media-container .ufo-mockup--display img {
  width: 100% !important;
}
.ufo-sec--media .media-container.display-mode--grid, .ufo-sec--media .media-container.display-mode--small {
  width: auto;
}
@media (min-width: 1024px) {
  .ufo-sec--media .media-container.display-mode--grid, .ufo-sec--media .media-container.display-mode--small {
    grid-column: 3/span 8;
  }
}
.ufo-sec--media .media-container.display-mode--grid img, .ufo-sec--media .media-container.display-mode--small img {
  max-width: 100%;
}
.ufo-sec--media .media-container.display-mode--offgrid, .ufo-sec--media .media-container.display-mode--medium, .ufo-sec--media .media-container.display-mode--large {
  width: auto;
}
@media (min-width: 1024px) {
  .ufo-sec--media .media-container.display-mode--offgrid, .ufo-sec--media .media-container.display-mode--medium, .ufo-sec--media .media-container.display-mode--large {
    grid-column: 1/span 12;
  }
}
.ufo-sec--media .media-container.display-mode--offgrid img, .ufo-sec--media .media-container.display-mode--medium img, .ufo-sec--media .media-container.display-mode--large img {
  max-width: 100%;
}
.ufo-sec--media .media-container.display-mode--default, .ufo-sec--media .media-container.display-mode--full, .ufo-sec--media .media-container.display-mode--cover {
  width: 100vw;
  max-width: unset;
  margin-left: -50vw;
  margin-right: -50vw;
  left: 50%;
  right: 50%;
  padding-left: 0;
  padding-right: 0;
}

.ufo--page-content .ufo-sec--media .media-container.display-mode--full img {
  width: 100%;
  max-width: unset;
  margin: unset;
}

.ufo-sec--textandmedia .col {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  -webkit-box-align: center;
  padding: 0;
  align-self: center;
}
.ufo-sec--textandmedia .col.aligned-bottom {
  align-self: flex-end;
  -webkit-box-align: end;
}
.ufo-sec--textandmedia .col.aligned-top {
  align-self: flex-start;
  -webkit-box-align: start;
}
.ufo-sec--textandmedia .col-media {
  align-items: flex-start;
}
.ufo-sec--textandmedia .col-media .embed-container {
  width: 100%;
}
.ufo-sec--textandmedia .col-media .media-container img {
  max-width: 100%;
  height: auto;
  z-index: 1;
  position: relative;
}
.ufo-sec--textandmedia .col-media.col-order-2 {
  grid-row: 2;
}
@media (min-width: 1024px) {
  .ufo-sec--textandmedia .col-media {
    --grid-column-start: 1;
    --grid-column-span: 6;
    grid-column: var(--grid-column-start)/span var(--grid-column-span);
    grid-row: 1;
  }
  .ufo-sec--textandmedia .col-media.col:nth-of-type(1) {
    --grid-column-start: 1;
    --grid-column-span: 6;
  }
  .ufo-sec--textandmedia .col-media.col:nth-of-type(2) {
    grid-row: 1;
    align-items: flex-end;
    --grid-column-start: 7;
    --grid-column-span: 6;
  }
  .ufo-sec--textandmedia .col-media.col:nth-of-type(2).media-fit-margin, .ufo-sec--textandmedia .col-media.col:nth-of-type(2).media-small, .ufo-sec--textandmedia .col-media.col:nth-of-type(2).frame-tablet {
    --grid-column-start: 8;
    --grid-column-span: 5;
  }
  .ufo-sec--textandmedia .col-media.col:nth-of-type(2).media-fit, .ufo-sec--textandmedia .col-media.col:nth-of-type(2).media-cover, .ufo-sec--textandmedia .col-media.col:nth-of-type(2).media-large, .ufo-sec--textandmedia .col-media.col:nth-of-type(2).media-video, .ufo-sec--textandmedia .col-media.col:nth-of-type(2).media-prototype, .ufo-sec--textandmedia .col-media.col:nth-of-type(2).frame-mobile.landscape, .ufo-sec--textandmedia .col-media.col:nth-of-type(2).frame-tablet.landscape {
    --grid-column-start: 6;
    --grid-column-span: 7;
  }
  .ufo-sec--textandmedia .col-media.col:nth-of-type(2).frame-mobile {
    --grid-column-start: 9;
    --grid-column-span: 4;
  }
  .ufo-sec--textandmedia .col-media.col:nth-of-type(2).frame-mobile, .ufo-sec--textandmedia .col-media.col:nth-of-type(2).frame-tablet {
    align-items: flex-end;
  }
  .ufo-sec--textandmedia .col-media.col:nth-of-type(2).frame-mobile .media-container, .ufo-sec--textandmedia .col-media.col:nth-of-type(2).frame-tablet .media-container {
    text-align: center;
  }
  .ufo-sec--textandmedia .col-media.col.media-fit-margin, .ufo-sec--textandmedia .col-media.col.media-small, .ufo-sec--textandmedia .col-media.col.frame-tablet {
    --grid-column-start: 1;
    --grid-column-span: 5;
  }
  .ufo-sec--textandmedia .col-media.col.media-fit, .ufo-sec--textandmedia .col-media.col.media-cover, .ufo-sec--textandmedia .col-media.col.media-large, .ufo-sec--textandmedia .col-media.col.media-video, .ufo-sec--textandmedia .col-media.col.media-prototype, .ufo-sec--textandmedia .col-media.col.frame-mobile.landscape, .ufo-sec--textandmedia .col-media.col.frame-tablet.landscape {
    --grid-column-start: 1;
    --grid-column-span: 7;
  }
  .ufo-sec--textandmedia .col-media.col.frame-mobile {
    --grid-column-start: 1;
    --grid-column-span: 4;
  }
  .ufo-sec--textandmedia .col-media.col.frame-mobile, .ufo-sec--textandmedia .col-media.col.frame-tablet {
    align-items: flex-start;
  }
  .ufo-sec--textandmedia .col-media.col.frame-desktop .media-container {
    text-align: left;
  }
}
.ufo-sec--textandmedia .col-media.media-cover img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  min-height: 360px;
}
.ufo-sec--textandmedia .col-text {
  flex-direction: column;
  align-items: unset;
}
@media (min-width: 1024px) {
  .ufo-sec--textandmedia .col-text {
    --grid-column-start: 8;
    --grid-column-span: 5;
    grid-column: var(--grid-column-start)/span var(--grid-column-span);
  }
  .ufo-sec--textandmedia .col-text.col:nth-of-type(1) {
    grid-row: 1;
    --grid-column-start: 1;
    --grid-column-span: 5;
  }
  .ufo-sec--textandmedia .col-text.col:nth-of-type(1).media-fit-margin, .ufo-sec--textandmedia .col-text.col:nth-of-type(1).media-small, .ufo-sec--textandmedia .col-text.col:nth-of-type(1).frame-tablet {
    --grid-column-start: 1;
    --grid-column-span: 6;
  }
  .ufo-sec--textandmedia .col-text.col:nth-of-type(1).media-fit, .ufo-sec--textandmedia .col-text.col:nth-of-type(1).media-cover, .ufo-sec--textandmedia .col-text.col:nth-of-type(1).media-large, .ufo-sec--textandmedia .col-text.col:nth-of-type(1).media-video, .ufo-sec--textandmedia .col-text.col:nth-of-type(1).media-prototype, .ufo-sec--textandmedia .col-text.col:nth-of-type(1).frame-mobile.landscape, .ufo-sec--textandmedia .col-text.col:nth-of-type(1).frame-tablet.landscape {
    --grid-column-start: 1;
    --grid-column-span: 4;
  }
  .ufo-sec--textandmedia .col-text.col:nth-of-type(1).frame-mobile {
    --grid-column-start: 1;
    --grid-column-span: 7;
  }
  .ufo-sec--textandmedia .col-text.col.media-fit-margin, .ufo-sec--textandmedia .col-text.col.media-small, .ufo-sec--textandmedia .col-text.col.frame-tablet {
    --grid-column-start: 7;
    --grid-column-span: 6;
  }
  .ufo-sec--textandmedia .col-text.col.media-fit, .ufo-sec--textandmedia .col-text.col.media-cover, .ufo-sec--textandmedia .col-text.col.media-large, .ufo-sec--textandmedia .col-text.col.media-video, .ufo-sec--textandmedia .col-text.col.media-prototype, .ufo-sec--textandmedia .col-text.col.frame-mobile.landscape, .ufo-sec--textandmedia .col-text.col.frame-tablet.landscape {
    --grid-column-start: 9;
    --grid-column-span: 4;
  }
  .ufo-sec--textandmedia .col-text.col.frame-mobile {
    --grid-column-start: 6;
    --grid-column-span: 7;
  }
}

.ufo-sec--stat .ufo--columns {
  position: relative;
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .ufo-sec--stat .ufo--columns {
    grid-column: 1/span 12;
  }
}
.ufo-sec--stat .ufo--columns {
  display: grid;
  gap: var(--gridGap);
}
@media (min-width: 640px) {
  .ufo-sec--stat .ufo--columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.ufo-sec--stat .ufo--columns-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px) {
  .ufo-sec--stat .ufo--columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .ufo-sec--stat .ufo--columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .ufo-sec--stat .ufo--columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .ufo-sec--stat .ufo--columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .ufo-sec--stat .ufo--columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.ufo-sec--stat .ufo--column-content {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 12px;
}
@media (min-width: 640px) {
  .ufo-sec--stat .ufo--column-content {
    grid-column: span 1/span 1;
  }
}
.ufo-sec--stat .ufo--column-content div.h1, .ufo-sec--stat .ufo--column-content div.h2, .ufo-sec--stat .ufo--column-content div.h3, .ufo-sec--stat .ufo--column-content div.h4, .ufo-sec--stat .ufo--column-content div.p, .ufo-sec--stat .ufo--column-content div.p1, .ufo-sec--stat .ufo--column-content div.p2 {
  margin-bottom: 0;
}
.ufo-sec--stat .ufo--column-content {
  text-align: center;
  --bodyColor: #353738;
  --hero-nav-button-text-color-hover: #353738;
}
.ufo-sec--stat .ufo--column-content .number {
  line-height: 1;
  text-align: center;
  font-size: var(--numberFontSize);
  overflow-wrap: break-word;
}
.ufo-sec--stat .ufo--column-content .number .tiptap * {
  font-size: var(--numberFontSize);
}
.ufo-sec--stat .ufo--column-content .number.default {
  font-size: 5rem;
  font-family: var(--section-h1-font);
  font-weight: 700;
}
.ufo-sec--stat .ufo--column-content .number.default .tiptap * {
  font-size: 5rem;
  font-family: var(--section-h1-font);
}
.ufo-sec--stat .ufo--column-content .unit {
  line-height: 1;
  text-align: center;
  font-size: var(--textFontSize);
  overflow-wrap: break-word;
}
.ufo-sec--stat .ufo--column-content .unit .tiptap * {
  font-size: var(--textFontSize);
}
.ufo-sec--stat .ufo--column-content .unit.default {
  font-size: 1.875rem;
  font-family: var(--section-h1-font);
  color: var(--bodyColor);
}
.ufo-sec--stat .ufo--column-content .unit.default .tiptap * {
  font-size: 1.875rem;
  font-family: var(--section-h1-font);
}
@media (min-width: 768px) {
  .ufo-sec--stat .stat-data {
    flex: 1;
    text-align: center;
    padding: 0;
  }
}

.ufo-sec--media .embed-container {
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .ufo-sec--media .embed-container {
    grid-column: 1/span 12;
  }
}

.ufo-sec--embed .embed,
.ufo-sec--media .embed,
.ufo-sec--textandmedia .embed,
.ufo-sec--prototype .embed {
  width: 100%;
  position: relative;
}
.ufo-sec--embed .embed iframe,
.ufo-sec--media .embed iframe,
.ufo-sec--textandmedia .embed iframe,
.ufo-sec--prototype .embed iframe {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  outline: none;
  border: none;
}
.ufo-sec--embed .embed iframe[src*="axshare.com"], .ufo-sec--embed .embed iframe[src*="framer.app"], .ufo-sec--embed .embed iframe[src*="protopie.io"],
.ufo-sec--media .embed iframe[src*="axshare.com"],
.ufo-sec--media .embed iframe[src*="framer.app"],
.ufo-sec--media .embed iframe[src*="protopie.io"],
.ufo-sec--textandmedia .embed iframe[src*="axshare.com"],
.ufo-sec--textandmedia .embed iframe[src*="framer.app"],
.ufo-sec--textandmedia .embed iframe[src*="protopie.io"],
.ufo-sec--prototype .embed iframe[src*="axshare.com"],
.ufo-sec--prototype .embed iframe[src*="framer.app"],
.ufo-sec--prototype .embed iframe[src*="protopie.io"] {
  border: solid 1px #eaeaea;
}
.ufo-sec--embed .embed.placeholder,
.ufo-sec--media .embed.placeholder,
.ufo-sec--textandmedia .embed.placeholder,
.ufo-sec--prototype .embed.placeholder {
  opacity: 0.5;
  margin: 0;
}

.ufo-sec--gallery .section-container {
  overflow: hidden;
}
.ufo-sec--gallery .mockup-buttons {
  right: 372px;
}
.ufo-sec--gallery .tooltip:first-letter {
  text-transform: capitalize;
}

.slider-fab {
  bottom: 255px !important;
}

.image-gallery {
  width: 100%;
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .image-gallery {
    grid-column: 1/span 12;
  }
}
.image-gallery .gallery-item {
  position: relative;
  z-index: 1;
}
.image-gallery .gallery-item img.aspect-ratio-1_1 {
  aspect-ratio: 1;
  object-fit: cover;
}
.image-gallery .gallery-item img.aspect-ratio-3_4 {
  aspect-ratio: 3/4;
  object-fit: cover;
}
.image-gallery .gallery-item img.aspect-ratio-4_3 {
  aspect-ratio: 4/3;
  object-fit: cover;
}
.image-gallery .gallery-item img.aspect-ratio-9_16 {
  aspect-ratio: 9/16;
  object-fit: cover;
}
.image-gallery .gallery-item img.aspect-ratio-16_9 {
  aspect-ratio: 16/9;
  object-fit: cover;
}
.image-gallery .grid-gallery {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  text-align: center;
}
.image-gallery .grid-gallery img {
  max-width: 100%;
  height: auto;
}
.image-gallery .grid-gallery .gallery-item {
  display: flex;
  justify-content: center;
}
.image-gallery .grid-gallery .gallery-item.mobile .mockup, .image-gallery .grid-gallery .gallery-item.tablet .mockup {
  max-width: 364px;
}
.image-gallery .grid-gallery .gallery-item.destkop .mockup, .image-gallery .grid-gallery .gallery-item.monitor .mockup {
  display: flex;
  justify-content: center;
  max-width: 870px;
}
.image-gallery .grid-gallery.mockup--no_mockup .mockup-display,
.image-gallery .grid-gallery.mockup--no_mockup .mockup-image {
  height: 100%;
}
.image-gallery .grid-gallery.mockup--no_mockup img {
  max-width: 100%;
}
.image-gallery [class*=gallery-columns-] {
  display: grid;
  grid-gap: 30px;
  justify-content: center;
  margin: 0 auto;
}
.image-gallery [class*=gallery-columns-].gallery-columns-1 {
  grid-template-columns: repeat(1, 1fr);
}
.image-gallery [class*=gallery-columns-].gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.image-gallery [class*=gallery-columns-].gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.image-gallery [class*=gallery-columns-].gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
.image-gallery [class*=gallery-columns-].gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}
.image-gallery [class*=gallery-columns-].gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}
.image-gallery [class*=gallery-columns-].gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}
.image-gallery [class*=gallery-columns-].gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}
@media (max-width: 600px) {
  .image-gallery [class*=gallery-columns-] {
    grid-template-columns: 1fr !important;
  }
  .image-gallery [class*=gallery-columns-] .gallery-item {
    text-align: center !important;
  }
}
.image-gallery [class*=gallery-columns-].gallery-columns-1 .gallery-item {
  text-align: center;
}
@media (min-width: 1024px) {
  .image-gallery [class*=gallery-columns-].gallery-columns-2 {
    grid-gap: 48px;
  }
}
.image-gallery [class*=gallery-columns-].gallery-columns-2 .gallery-item:nth-child(even) {
  text-align: left;
}
.image-gallery [class*=gallery-columns-].gallery-columns-2 .gallery-item:nth-child(odd) {
  text-align: right;
}
@media (min-width: 1024px) {
  .image-gallery [class*=gallery-columns-].gallery-columns-3 {
    grid-gap: 48px;
  }
}
.image-gallery [class*=gallery-columns-].gallery-columns-3 .gallery-item:nth-child(1), .image-gallery [class*=gallery-columns-].gallery-columns-3 .gallery-item:nth-child(3n+4) {
  text-align: left;
}
.image-gallery [class*=gallery-columns-].gallery-columns-3 .gallery-item:nth-child(3n+3) {
  text-align: right;
}
@media (max-width: 767px) {
  .image-gallery .slider .carousel__arrows {
    display: none;
  }
}
.image-gallery.slider .carousel__slide img {
  height: 100%;
  width: auto;
}
.image-gallery.carousel {
  position: relative;
}
.image-gallery.carousel .carousel__arrows {
  width: 100vw;
  position: absolute;
  top: 50%;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
@media (max-width: 767px) {
  .image-gallery.carousel .carousel__arrows {
    display: none;
  }
}
.image-gallery.carousel .carousel .glide__bullets {
  display: none;
}
@media (max-width: 767px) {
  .image-gallery.carousel .carousel .glide__bullets {
    display: flex;
  }
}
.image-gallery .carousel .carousel__slides {
  margin-bottom: 0;
}
.image-gallery .carousel .carousel__slides--slider {
  transform: none !important;
  display: block;
  height: 100%;
  max-width: 100% !important;
}
.image-gallery .carousel .carousel__slide {
  text-align: center;
}
.image-gallery .carousel .carousel__slide img {
  max-width: 100%;
  height: auto;
  max-height: 95%;
}
.image-gallery .carousel .carousel__slide--slider {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  padding: 40px 0 20px 0;
  transition: opacity 0.5s;
  margin: 0 !important;
}
.image-gallery .carousel .carousel__slide--slider .slider-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30vw;
}
.image-gallery .carousel .carousel__slide--slider .slider-image-container img {
  max-width: 100%;
  max-height: 100%;
}
.image-gallery .carousel .carousel__slide .media-caption {
  opacity: 0;
  margin-top: 24px;
  padding: 0 24px;
}
.image-gallery .carousel .carousel__slide.glide__slide--active .media-caption {
  opacity: 1;
}
.image-gallery .carousel .carousel__slide:first-child {
  position: relative;
}
.image-gallery .carousel .glide__slide--active {
  z-index: 1;
  opacity: 1;
}
.image-gallery .carousel .slider__track {
  z-index: 1;
  position: relative;
}
.image-gallery .carousel .carousel__track {
  overflow: unset !important;
}
.image-gallery .carousel .slider-image {
  max-height: 60vh;
  width: auto;
}
.image-gallery .carousel .glide__bullets {
  position: relative;
  display: flex;
  gap: 24px;
  justify-content: center;
  padding-bottom: 48px;
}
@media (max-width: 768px) {
  .image-gallery .carousel .glide__bullets {
    justify-content: center;
    padding: 4px 12px 48px;
    gap: 8px;
  }
}
.image-gallery .carousel .glide__bullets .glide__bullet {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .image-gallery .carousel .glide__bullets .glide__bullet {
    width: 8px;
    height: 8px;
    border-radius: 4px;
  }
}
.image-gallery .carousel .glide__bullets .glide__bullet--active, .image-gallery .carousel .glide__bullets .glide__bullet:focus {
  outline: solid 2px var(--hero-nav-button-text-color-hover, #4884FA);
  background: none;
}
@media (max-width: 768px) {
  .image-gallery .carousel .glide__bullets .glide__bullet--active, .image-gallery .carousel .glide__bullets .glide__bullet:focus {
    background-color: var(--hero-nav-button-text-color-hover, #4884FA);
  }
}
.image-gallery .carousel .glide__bullets .glide__bullet img {
  border-radius: 3px;
  object-fit: cover;
}
@media (max-width: 768px) {
  .image-gallery .carousel .glide__bullets .glide__bullet img {
    display: none;
  }
}
.image-gallery .carousel .carousel__arrows .carousel__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  background: var(--base00, #FFFFFF);
  border: solid 1px #edf0f1;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  cursor: pointer;
  text-indent: -9999px;
  z-index: 1;
}
.image-gallery .carousel .carousel__arrows .carousel__arrow:focus {
  outline: none;
}
.image-gallery .carousel .carousel__arrows .carousel__arrow--left {
  left: 24px;
}
.image-gallery .carousel .carousel__arrows .carousel__arrow--left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/dist/src/assets/images/icon-prev..svg) center center no-repeat;
  width: 22px;
  height: 22px;
  background-size: contain;
}
.image-gallery .carousel .carousel__arrows .carousel__arrow--right {
  right: 24px;
}
.image-gallery .carousel .carousel__arrows .carousel__arrow--right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
  transform-origin: center;
  background: url(/dist/src/assets/images/icon-prev..svg) center center no-repeat;
  width: 22px;
  height: 22px;
  background-size: contain;
}
.image-gallery .carousel .media-caption {
  overflow-wrap: break-word;
}
.image-gallery.tilted {
  padding: 0;
}
.image-gallery.tilted {
  padding: 75px 0;
  position: relative;
}
.image-gallery .tilted-gallery {
  transform: rotate(-15deg);
  transform-origin: center center;
  position: relative;
}
.image-gallery .tilted-gallery .gallery-item .mockup .mockup-svg-container .scrollable-container-mockup {
  overflow: hidden;
}
.image-gallery .tilted-gallery .gallery-ghost {
  position: absolute;
}
.image-gallery .tilted-gallery .gallery-ghost .gallery-item .remove-layer {
  display: none;
}
.image-gallery .tilted-gallery .gallery-ghost.top-one {
  top: calc(-100% - 15px);
  left: 0;
}
.image-gallery .tilted-gallery .gallery-ghost.top-two {
  top: calc(-220% - 15px);
  left: 0;
}
.image-gallery .tilted-gallery .gallery-ghost.bottom-one {
  bottom: calc(-100% - 15px);
  left: 0;
}
.image-gallery .tilted-gallery .gallery-ghost.bottom-two {
  bottom: calc(-220% - 15px);
  left: 0;
}
.image-gallery .tilted-gallery .gallery-ghost.before-one {
  top: 0;
  left: calc(-100% - 15px);
}
.image-gallery .tilted-gallery .gallery-ghost.before-two {
  top: calc(100% + 15px);
  left: calc(-100% - 15px);
}
.image-gallery .tilted-gallery .gallery-ghost.before-three {
  bottom: calc(100% + 15px);
  left: calc(-100% - 15px);
}
.image-gallery .tilted-gallery .gallery-ghost.after-one {
  top: 0;
  right: calc(-100% - 15px);
}
.image-gallery .tilted-gallery .gallery-ghost.after-two {
  top: calc(100% + 15px);
  right: calc(-100% - 15px);
}
.image-gallery .tilted-gallery .gallery-ghost.after-three {
  bottom: calc(100% + 15px);
  right: calc(-100% - 15px);
}
.image-gallery .tilted {
  width: 100%;
  display: grid;
  grid-gap: 30px;
  justify-content: center;
  grid-template-columns: repeat(4, 1fr);
}
.image-gallery .tilted .gallery-item:nth-child(even) {
  transform: translateY(-30px);
}
.image-gallery .tilted .gallery-item img {
  max-width: 100%;
  height: auto;
}
.image-gallery .tilted [class*=mockup--mobile--outline--] {
  --borderRadius: 2.4vw;
}
@media (min-width: 576px) {
  .image-gallery .tilted [class*=mockup--mobile--outline--] {
    --borderRadius: 2vw;
  }
}

@media (min-width: 576px) {
  .image-gallery .carousel .carousel__arrows .carousel__arrow {
    width: 48px;
    height: 48px;
  }
  .image-gallery .carousel .carousel__arrows .carousel__arrow--left {
    left: 20px;
  }
  .image-gallery .carousel .carousel__arrows .carousel__arrow--left:before {
    width: 22px;
  }
  .image-gallery .carousel .carousel__arrows .carousel__arrow--right {
    right: 20px;
  }
  .image-gallery .carousel .carousel__arrows .carousel__arrow--right:before {
    width: 22px;
  }
}
@media (max-width: 600px) {
  .image-gallery.desktop-mockup [class*=gallery-columns-], .image-gallery.monitor-mockup [class*=gallery-columns-] {
    grid-template-columns: repeat(1, 1fr);
  }
  .image-gallery.grid-gallery[class*=mobile--] [class*=gallery-columns-], .image-gallery.grid-gallery[class*=tablet--] [class*=gallery-columns-], .image-gallery.mobile-mockup [class*=gallery-columns-], .image-gallery.tablet-mockup [class*=gallery-columns-] {
    grid-template-columns: repeat(2, 1fr);
  }
  .image-gallery.grid-gallery[class*=mobile--] .gallery-columns-1, .image-gallery.grid-gallery[class*=tablet--] .gallery-columns-1, .image-gallery.mobile-mockup .gallery-columns-1, .image-gallery.tablet-mockup .gallery-columns-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 768px) {
  .image-gallery .tilted-gallery .gallery-ghost.top {
    top: calc(-100% - 30px);
  }
  .image-gallery .tilted-gallery .gallery-ghost.bottom {
    bottom: calc(-100% - 30px);
  }
  .image-gallery .tilted-gallery .gallery-ghost.before {
    top: 0;
    left: calc(-100% - 30px);
  }
  .image-gallery .tilted-gallery .gallery-ghost.after {
    top: 0;
    right: calc(-100% - 30px);
  }
  .image-gallery .tilted-gallery .gallery-item:nth-child(even) {
    transform: translateY(-60px);
  }
  .image-gallery.carousel {
    position: relative;
  }
}
@media (min-width: 992px) {
  .image-gallery .tilted .gallery-item:nth-child(even) {
    transform: translateY(-120px);
  }
  .image-gallery .tilted-gallery .gallery-ghost.top {
    top: calc(-100% - 60px);
  }
  .image-gallery .tilted-gallery .gallery-ghost.bottom {
    bottom: calc(-100% - 60px);
  }
  .image-gallery .tilted-gallery .gallery-ghost.before {
    top: 0;
    left: calc(-100% - 60px);
  }
  .image-gallery .tilted-gallery .gallery-ghost.after {
    top: 0;
    right: calc(-100% - 60px);
  }
}
.carousel {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.carousel * {
  box-sizing: inherit;
}
.carousel__track {
  overflow: hidden;
}
.carousel__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}
.carousel__slides--dragging {
  user-select: none;
}
.carousel__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: initial;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.carousel__slide a {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.carousel__arrows {
  -webkit-touch-callout: none;
  user-select: none;
}
.carousel__bullets {
  -webkit-touch-callout: none;
  user-select: none;
}
.carousel--rtl {
  direction: rtl;
}

@media (min-width: 768px) {
  .ufo-sec--navigation .sticky-header {
    min-height: 146px;
  }
}
.ufo-sec--navigation .sticky-header .grid {
  grid-row-gap: 0;
}
.ufo-sec--navigation .sticky-header .navigation-steps {
  gap: var(--gridGap);
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  align-self: center;
  justify-content: space-evenly;
}
@media (min-width: 768px) {
  .ufo-sec--navigation .sticky-header .navigation-steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
  .ufo-sec--navigation .sticky-header .navigation-steps.long {
    grid-column: 1/-1;
  }
}
@media (min-width: 1024px) {
  .ufo-sec--navigation .sticky-header .navigation-steps.long {
    grid-column: 1/span 12;
  }
}
.ufo-sec--navigation .sticky-header .navigation-mobile-display {
  display: none;
  grid-column: 1/-1;
  position: relative;
}
.ufo-sec--navigation .sticky-header .navigation-steps {
  width: 100%;
  min-height: 48px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 768px) {
  .ufo-sec--navigation .sticky-header .navigation-steps {
    height: 100%;
    overflow: unset;
    min-height: initial;
  }
}
.ufo-sec--navigation .sticky-header .nav-step {
  flex: 1;
  left: 0;
  margin-bottom: 24px;
}
.ufo-sec--navigation .sticky-header .nav-step:first-child {
  opacity: 1;
  z-index: 1;
}
.ufo-sec--navigation .sticky-header .nav-step:first-child:before {
  content: none;
  display: none;
}
@media (min-width: 768px) {
  .ufo-sec--navigation .sticky-header .nav-step:first-child .step-number {
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .ufo-sec--navigation .sticky-header .nav-step {
    position: relative;
    text-align: center;
    opacity: 1;
    background: transparent;
    margin-bottom: inherit;
  }
  .ufo-sec--navigation .sticky-header .nav-step:not(:first-child):before {
    content: "";
    position: absolute;
    top: 37px;
    height: 1px;
    width: calc(48% + var(--gridGap));
    left: calc(-20% - var(--gridGap));
    background-color: var(--process-step-outline-color, var(--divider-line-fill-color, #d1d9dd));
  }
}
.ufo-sec--navigation .sticky-header .nav-step.checked {
  background: transparent;
}
.ufo-sec--navigation .sticky-header .nav-step.checked .step-number {
  background-color: var(--process-step-fill-color-active, var(--section-h1-text-color, #d1d9dd));
  border-color: var(--process-step-fill-color-active, var(--section-h1-text-color, #d1d9dd));
  color: var(--process-step-text-color-active, var(--background-fill-color, #FFFFFF));
  transition-property: background-color, border-color;
  transition-duration: 150ms;
  transition-timing-function: ease-in-out;
}
.ufo-sec--navigation .sticky-header .nav-step.checked:before {
  background-color: var(--process-step-fill-color-active, var(--divider-line-fill-color, #d1d9dd));
}
.ufo-sec--navigation .sticky-header .nav-step.checked .step-name {
  color: var(--process-step-fill-color-active, var(--section-h1-text-color));
  font-size: 14px;
}
.ufo-sec--navigation .sticky-header .nav-step.checked .step-name textarea {
  color: var(--process-step-fill-color-active, var(--section-h1-text-color));
}
.ufo-sec--navigation .sticky-header .nav-step-container {
  position: relative;
}
.ufo-sec--navigation .sticky-header .nav-step-container .step-link {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ufo-sec--navigation .sticky-header .step-link {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .ufo-sec--navigation .sticky-header .step-link {
    flex-direction: column;
    justify-content: flex-start;
    gap: 16px;
  }
}
.ufo-sec--navigation .sticky-header .step-number {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: solid 1px var(--divider-line-fill-color, #d1d9dd);
  border-color: var(--process-step-outline-color);
  font-family: var(--section-h1-font);
  font-size: 24px;
  line-height: 1.08;
  color: var(--process-step-text-color, var(--section-h1-text-color));
  font-weight: var(--section-h1-weight);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.ufo-sec--navigation .sticky-header .step-number:hover {
  background: var(--process-step-fill-color-active, var(--section-h1-text-color));
  border-color: var(--process-step-fill-color-active, var(--section-h1-text-color));
  color: var(--process-step-text-color-active, var(--background-fill-color, #FFFFFF));
}
@media (min-width: 722px) {
  .ufo-sec--navigation .sticky-header .step-number {
    margin: 0 auto auto;
    text-align: center;
    line-height: 1;
    transition: all 150ms;
    position: relative;
    z-index: 1;
    cursor: pointer;
  }
}
.ufo-sec--navigation .sticky-header .step-name {
  font-family: var(--section-p1-font);
  font-size: 18px;
  text-align: center;
  height: 24px;
  color: var(--process-step-text-color, var(--section-p1-text-color));
}
@media (max-width: 721px) {
  .ufo-sec--navigation .sticky-header .step-name {
    flex: 1;
    text-align: left;
  }
}
.ufo-sec--navigation .sticky-header.sticked {
  position: fixed;
  z-index: 100;
  width: 100%;
  top: 0;
  left: 0;
  min-height: unset;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  background-color: var(--background-fill-color, #FFFFFF);
  transition-property: height, top;
  transition-duration: 150ms;
  transition-timing-function: ease-in-out;
}
@media (max-width: 768px) {
  .ufo-sec--navigation .sticky-header.sticked {
    height: 108px;
  }
}
.ufo-sec--navigation .sticky-header.sticked.dark {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
}
.ufo-sec--navigation .sticky-header.sticked .navigation-mobile-display {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 108px;
  padding: 16px 0;
}
@media (min-width: 768px) {
  .ufo-sec--navigation .sticky-header.sticked .navigation-mobile-display {
    display: none;
  }
}
.ufo-sec--navigation .sticky-header.sticked .navigation-mobile-display .navigation-step-display {
  position: relative;
  margin-bottom: 0;
}
.ufo-sec--navigation .sticky-header.sticked .navigation-mobile-display .step-number {
  font-size: 16px;
  width: 36px;
  height: 36px;
}
.ufo-sec--navigation .sticky-header.sticked .navigation-mobile-display:before {
  width: 62%;
}
.ufo-sec--navigation .sticky-header.sticked .navigation-mobile-display .step-name {
  font-size: 16px;
  margin: 0;
  text-align: left;
}
.ufo-sec--navigation .sticky-header.sticked .navigation-dropdown-toggle {
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 108px;
  padding: 16px 0;
  transition: transform 150ms ease-in-out;
  cursor: pointer;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ufo-sec--navigation .sticky-header.sticked.show-dd {
  height: auto;
}
.ufo-sec--navigation .sticky-header.sticked.show-dd .navigation-steps {
  height: auto;
}
.ufo-sec--navigation .sticky-header.sticked.show-dd.sticked .navigation-steps {
  flex-direction: column;
}
.ufo-sec--navigation .sticky-header.sticked.show-dd.sticked .navigation-steps .nav-step {
  position: relative;
  opacity: 1;
}
.ufo-sec--navigation .sticky-header.sticked.show-dd .navigation-dropdown-toggle {
  transform: rotate(-180deg);
  transform-origin: center center;
}
.ufo-sec--navigation .sticky-header.sticked .navigation-steps {
  min-height: unset;
  height: 0;
  position: relative;
}
@media (min-width: 768px) {
  .ufo-sec--navigation .sticky-header.sticked .navigation-steps {
    height: auto;
    padding: 16px 0;
    transition: height 150ms ease-out;
  }
}
.ufo-sec--navigation .sticky-header.sticked .nav-step {
  height: 108px;
  padding: 16px 0;
  transition: all 150ms ease-out;
  position: absolute;
  opacity: 0;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .ufo-sec--navigation .sticky-header.sticked .nav-step {
    height: 100%;
    position: relative;
    opacity: 1;
    padding: 0;
    background: transparent;
  }
}
@media (max-width: 768px) {
  .ufo-sec--navigation .sticky-header.sticked .nav-step {
    height: 108px;
  }
}
.ufo-sec--navigation .sticky-header.sticked .nav-step:first-child {
  opacity: 1;
}
@media (min-width: 768px) {
  .ufo-sec--navigation .sticky-header.sticked .nav-step:first-child .step-number {
    margin-right: auto;
  }
}
.ufo-sec--navigation .sticky-header.sticked .nav-step:not(:first-child):before {
  top: 18px;
  transition: width 150ms;
  background-color: var(--process-step-outline-color, var(--divider-line-fill-color));
}
.ufo-sec--navigation .sticky-header.sticked .nav-step.checked:not(:first-child):before {
  background-color: var(--process-step-fill-color-active, var(--section-h1-text-color));
}
.ufo-sec--navigation .sticky-header.sticked .nav-step-container {
  padding: 0;
}
@media (min-width: 768px) {
  .ufo-sec--navigation .sticky-header.sticked .nav-step-container {
    padding: 0;
  }
}
.ufo-sec--navigation .sticky-header.sticked .nav-step-container .step-link {
  gap: 16px;
}
.ufo-sec--navigation .sticky-header.sticked .step-number {
  font-size: 14px;
  width: 36px;
  height: 36px;
  transition: all 150ms;
  color: var(--process-step-text-color, var(--section-h1-text-color));
  border-color: var(--process-step-outline-color, var(--divider-line-fill-color));
  font-weight: var(--section-h1-weight);
}
@media (min-width: 768px) {
  .ufo-sec--navigation .sticky-header.sticked .step-number {
    margin: 0 auto;
    font-weight: normal;
  }
  .ufo-sec--navigation .sticky-header.sticked .step-number:hover {
    background-color: var(--process-step-fill-color-active, var(--section-h1-text-color));
    border-color: var(--process-step-fill-color-active, var(--section-h1-text-color));
    color: var(--process-step-text-color-active, var(--background-fill-color, #FFFFFF));
  }
}
.ufo-sec--navigation .sticky-header.sticked .step-name {
  font-size: 14px;
  line-height: 1.3;
  margin: 0;
  transition: all 150ms;
  color: var(--process-step-text-color, var(--section-p1-text-color));
  border-color: var(--process-step-fill-color-active, var(--section-p1-text-color));
}
.ufo-sec--navigation .sticky-header.sticked .step-name textarea {
  font-size: 14px;
  color: var(--process-step-text-color, var(--section-p1-text-color));
}
@media (min-width: 768px) {
  .ufo-sec--navigation .sticky-header.sticked .step-name {
    line-height: 1;
  }
}
@media (max-width: 768px) {
  .ufo-sec--navigation .sticky-header.sticked .step-name {
    text-align: left;
  }
}
.ufo-sec--navigation .sticky-header.sticked-hidden {
  top: -100px;
}

@media (min-width: 1024px) {
  .ufo-sec--columns .ufo--columns-1 .ufo--column {
    grid-column: 3/span 8;
  }
}
@media (min-width: 1024px) {
  .ufo-sec--columns .ufo--columns-2 .ufo--column {
    grid-column: span 6/span 6;
  }
  .ufo-sec--columns .ufo--columns-2 .ufo--column:nth-child(1) {
    grid-column-start: 1;
  }
}
@media (min-width: 768px) {
  .ufo-sec--columns .ufo--columns-3 .ufo--column {
    grid-column: span 7/span 7;
  }
}
@media (min-width: 1024px) {
  .ufo-sec--columns .ufo--columns-3 .ufo--column {
    grid-column: span 4/span 4;
  }
  .ufo-sec--columns .ufo--columns-3 .ufo--column:nth-child(1) {
    grid-column-start: 1;
  }
}
.ufo-sec--columns .ufo--columns-3 .ufo-fab img {
  width: unset !important;
}
@media (min-width: 640px) {
  .ufo-sec--columns .ufo--columns-4 .ufo--column {
    grid-column: span 7/span 7;
  }
}
@media (min-width: 1024px) {
  .ufo-sec--columns .ufo--columns-4 .ufo--column {
    grid-column: span 3/span 3;
  }
  .ufo-sec--columns .ufo--columns-4 .ufo--column:nth-child(1) {
    grid-column-start: 1;
  }
}
.ufo-sec--columns .ufo--columns img.aspect-ratio-1_1 {
  aspect-ratio: 1;
  object-fit: cover;
}
.ufo-sec--columns .ufo--columns img.aspect-ratio-3_4 {
  aspect-ratio: 3/4;
  object-fit: cover;
}
.ufo-sec--columns .ufo--columns img.aspect-ratio-4_3 {
  aspect-ratio: 4/3;
  object-fit: cover;
}
.ufo-sec--columns .ufo--columns img.aspect-ratio-9_16 {
  aspect-ratio: 9/16;
  object-fit: cover;
}
.ufo-sec--columns .ufo--columns img.aspect-ratio-16_9 {
  aspect-ratio: 16/9;
  object-fit: cover;
}
.ufo-sec--columns .ufo--column {
  grid-column: 1/-1;
}
.ufo-sec--columns .ufo--column .text-container.drag {
  pointer-events: none;
}
.ufo-sec--columns .ufo--column .media-container {
  margin-bottom: 24px;
}
.ufo-sec--columns .ufo--column .media-container img {
  width: 100%;
}
.ufo-sec--columns .ufo--column .ufo-mockup--display img {
  max-width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .ufo-sec--columns .ufo--column.mockups-on .media-container {
    height: 400px;
    display: flex;
    justify-content: center;
  }
}
.ufo-sec--columns .ufo--column.mockups-on .media-container img {
  max-height: 400px;
}

.ufo-sec--contactform {
  --borderColor: var(--carbon30);
}
.ufo-sec--contactform .col-media,
.ufo-sec--contactform .col-text {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ufo-sec--contactform .col-media {
  padding: 0;
  align-items: flex-start;
}
.ufo-sec--contactform .col-media .media-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.ufo-sec--contactform .col-media .media-container img {
  width: 100%;
  height: 100%;
  z-index: 1;
  object-fit: cover;
}
.ufo-sec--contactform .col-media.col-order-2 {
  grid-row: 2;
}
@media (min-width: 1024px) {
  .ufo-sec--contactform .col-media {
    grid-row: 1;
    grid-column: 1/span 5;
  }
  .ufo-sec--contactform .col-media.col-order-2 {
    grid-row: 1;
    align-items: flex-end;
    grid-column: 8/span 5;
  }
}
.ufo-sec--contactform .col-text {
  flex-direction: column;
  align-items: unset;
}
@media (min-width: 1024px) {
  .ufo-sec--contactform .col-text {
    grid-row: 1;
    grid-column: 7/span 6;
  }
  .ufo-sec--contactform .col-text.col-order-1 {
    grid-row: 1;
    grid-column: 1/span 6;
  }
  .ufo-sec--contactform .col-text.full-w {
    grid-column: 1/span 12 !important;
  }
  .ufo-sec--contactform .col-text.full-w .ufo--contact-form {
    display: grid;
    grid-template-columns: repeat(12, minmax(1px, 1fr));
    grid-gap: var(--gridGap);
  }
  .ufo-sec--contactform .col-text.full-w .text-container, .ufo-sec--contactform .col-text.full-w.col-order-1 .ufo--form {
    grid-row: 1;
    grid-column: 1/span 6;
  }
  .ufo-sec--contactform .col-text.full-w .ufo--form, .ufo-sec--contactform .col-text.full-w.col-order-1 .text-container {
    grid-row: 1;
    grid-column: 7/span 6;
  }
}
.ufo-sec--contactform .col-text .text-container {
  margin-bottom: 30px;
  height: max-content;
}
.ufo-sec--contactform .ufo--contact-form {
  position: relative;
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .ufo-sec--contactform .ufo--contact-form {
    grid-column: 3/span 8;
  }
}
.ufo-sec--contactform .ufo--contact-form {
  position: relative;
}
.ufo-sec--contactform .ufo--contact-form .ufo--form {
  display: flex;
  flex-direction: column;
  transition: all 150ms ease-out;
}
.ufo-sec--contactform .ufo--contact-form.message-sent .ufo--form {
  opacity: 0;
}
.ufo-sec--contactform .ufo--contact-form .title {
  margin-bottom: 30px;
}
.ufo-sec--contactform .ufo--contact-form .subtitle {
  margin-top: 20px;
  margin-bottom: 20px;
}
.ufo-sec--contactform .ufo--contact-form .title h1:nth-last-child(1), .ufo-sec--contactform .ufo--contact-form .title h2:nth-last-child(1), .ufo-sec--contactform .ufo--contact-form .title h3:nth-last-child(1), .ufo-sec--contactform .ufo--contact-form .title h4:nth-last-child(1), .ufo-sec--contactform .ufo--contact-form .title p:nth-last-child(1),
.ufo-sec--contactform .ufo--contact-form .subtitle h1:nth-last-child(1),
.ufo-sec--contactform .ufo--contact-form .subtitle h2:nth-last-child(1),
.ufo-sec--contactform .ufo--contact-form .subtitle h3:nth-last-child(1),
.ufo-sec--contactform .ufo--contact-form .subtitle h4:nth-last-child(1),
.ufo-sec--contactform .ufo--contact-form .subtitle p:nth-last-child(1) {
  margin-bottom: 0;
}
.ufo-sec--contactform .ufo--contact-form label {
  font-family: var(--section-p1-font);
  font-size: var(--section-p1-size);
  font-weight: var(--section-p1-weight);
  font-style: var(--section-p1-style);
  line-height: var(--section-p1-height);
  color: var(--contact-form-text-color, var(--section-p1-text-color));
}
.ufo-sec--contactform .ufo--contact-form textarea.form-handler,
.ufo-sec--contactform .ufo--contact-form input.form-handler {
  width: 100%;
  border-radius: 1px;
  background-color: transparent;
  padding: 14px 16px;
  font-family: var(--section-p1-font);
  font-size: var(--section-p1-size);
  font-weight: var(--section-p1-weight);
  font-style: var(--section-p1-style);
  line-height: var(--section-p1-height);
  color: var(--contact-form-text-color, var(--section-p1-text-color));
  border: solid 1px var(--borderColor);
  border-color: var(--contact-form-outline-color);
}
@media (max-width: 1024px) {
  .ufo-sec--contactform .ufo--contact-form textarea.form-handler,
  .ufo-sec--contactform .ufo--contact-form input.form-handler {
    font-size: var(--section-p2-size-tablet);
    line-height: var(--section-p2-height-tablet);
  }
}
@media (max-width: 768px) {
  .ufo-sec--contactform .ufo--contact-form textarea.form-handler,
  .ufo-sec--contactform .ufo--contact-form input.form-handler {
    font-size: var(--section-p2-size-mobile);
    line-height: var(--section-p2-height-mobile);
  }
}
.ufo-sec--contactform .ufo--contact-form textarea.form-handler::placeholder,
.ufo-sec--contactform .ufo--contact-form input.form-handler::placeholder {
  opacity: 0.6;
  font-family: var(--section-p1-font);
  font-size: var(--section-p1-size);
  font-weight: var(--section-p1-weight);
  font-style: var(--section-p1-style, normal);
  line-height: var(--section-p1-height);
  color: var(--contact-form-text-color, var(--section-p1-text-color));
}
@media (max-width: 1024px) {
  .ufo-sec--contactform .ufo--contact-form textarea.form-handler::placeholder,
  .ufo-sec--contactform .ufo--contact-form input.form-handler::placeholder {
    font-size: var(--section-p1-size-tablet);
    line-height: var(--section-p1-height-tablet);
  }
}
@media (max-width: 768px) {
  .ufo-sec--contactform .ufo--contact-form textarea.form-handler::placeholder,
  .ufo-sec--contactform .ufo--contact-form input.form-handler::placeholder {
    font-size: var(--section-p1-size-mobile);
    line-height: var(--section-p1-height-mobile);
  }
}
.ufo-sec--contactform .ufo--contact-form textarea.form-handler:focus,
.ufo-sec--contactform .ufo--contact-form input.form-handler:focus {
  outline: none;
}
.ufo-sec--contactform .ufo--contact-form textarea {
  height: 260px;
}
.ufo-sec--contactform .ufo--contact-form input {
  background: transparent;
  margin-bottom: 20px;
}
.ufo-sec--contactform .ufo--contact-form button.submit {
  font-size: var(--cta-background-size);
  font-family: var(--cta-button-font);
  background-color: var(--cta-button-color);
  line-height: var(--cta-button-height);
  font-weight: var(--cta-button-weight);
  font-style: var(--cta-button-style);
  color: var(--cta-button-text-color);
  text-transform: uppercase;
  align-self: flex-end;
  border: none;
  margin-top: 30px;
  margin-bottom: 20px;
  cursor: pointer;
  padding: 10px 32px;
  border-radius: 2px;
  text-align: center;
}
.ufo-sec--contactform .ufo--contact-form button.submit:focus {
  outline: none;
}
.ufo-sec--contactform .ufo--contact-form button.submit:hover {
  color: var(--cta-button-text-color-hover);
}
.ufo-sec--contactform .ufo--contact-form .um {
  align-self: flex-end;
}
.ufo-sec--contactform .ufo--contact-form .um a {
  color: var(--cta-button-text-color);
  text-transform: none;
}
.ufo-sec--contactform .ufo--form-status-message {
  display: none;
  visibility: hidden;
  color: var(--section-p1-text-color);
  font-family: var(--section-p1-font);
  font-size: var(--section-p1-size);
  line-height: var(--section-p1-height);
}
.ufo-sec--contactform .ufo--form-status-message.active {
  display: block;
  visibility: visible;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ufo-sec--cta .text-container > .text {
  margin-bottom: 0;
}
.ufo-sec--cta .text-container > .text:nth-of-type(1) {
  margin-bottom: 14px;
}

.ufo-sec--testimonial .testimonial {
  grid-column: 1/-1;
  text-align: center;
  overflow-x: clip;
}
@media (min-width: 1024px) {
  .ufo-sec--testimonial .testimonial {
    grid-column: 3/span 8;
  }
}
.ufo-sec--testimonial .testimonial .ufo--slides {
  margin: 0;
}
.ufo-sec--testimonial .testimonial .ufo--slide {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ufo-sec--testimonial .testimonial .ufo--slide div.h1, .ufo-sec--testimonial .testimonial .ufo--slide div.h2, .ufo-sec--testimonial .testimonial .ufo--slide div.h3, .ufo-sec--testimonial .testimonial .ufo--slide div.h4, .ufo-sec--testimonial .testimonial .ufo--slide div.p, .ufo-sec--testimonial .testimonial .ufo--slide div.p1, .ufo-sec--testimonial .testimonial .ufo--slide div.p2 {
  margin-bottom: 0;
}
.ufo-sec--testimonial .testimonial .ufo--slide div h1, .ufo-sec--testimonial .testimonial .ufo--slide div h2, .ufo-sec--testimonial .testimonial .ufo--slide div h3, .ufo-sec--testimonial .testimonial .ufo--slide div h4, .ufo-sec--testimonial .testimonial .ufo--slide div p, .ufo-sec--testimonial .testimonial .ufo--slide div .p1, .ufo-sec--testimonial .testimonial .ufo--slide div .p2 {
  margin-bottom: 0;
}
.ufo-sec--testimonial .testimonial .ufo--slide img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  align-self: center;
}

.ufo-sec--logowall .ufo--columns {
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .ufo-sec--logowall .ufo--columns {
    grid-column: 1/span 12;
  }
}
.ufo-sec--logowall .ufo--columns {
  display: grid;
  gap: var(--gridGap);
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px) {
  .ufo-sec--logowall .ufo--columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 640px) {
  .ufo-sec--logowall .ufo--columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .ufo-sec--logowall .ufo--columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.ufo-sec--logowall .ufo--column {
  grid-column: auto;
}
@media (min-width: 640px) {
  .ufo-sec--logowall .ufo--column {
    grid-column: span 1/span 1;
  }
}
.ufo-sec--logowall .ufo--column .logo-box {
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  transition-duration: 200ms;
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
@media (min-width: 1024px) {
  .ufo-sec--logowall .ufo--column .logo-box {
    text-align: center;
  }
}
.ufo-sec--logowall .ufo--column .logo-box.unified {
  background-color: var(--background-fill-color, #FFFFFF);
  mix-blend-mode: normal;
  position: relative;
}
.ufo-sec--logowall .ufo--column .logo-box.unified img {
  mix-blend-mode: luminosity;
  opacity: var(--density);
}
.ufo-sec--logowall .ufo--column .logo-box.unified .media-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: lighten;
  background-color: var(--section-p1-text-color, #FFFFFF);
}
.ufo-sec--logowall .ufo--column .logo-box.unified.accent .media-container::after {
  background-color: var(--hero-nav-button-text-color-hover);
}
.ufo-sec--logowall .ufo--column .logo-box.unified--light .media-container::after, .ufo-sec--logowall .ufo--column .logo-box.unified--dark .media-container::after {
  display: none;
}
.ufo-sec--logowall .ufo--column .logo-box.unified--light img, .ufo-sec--logowall .ufo--column .logo-box.unified--dark img {
  mix-blend-mode: hard-light;
  opacity: var(--density);
  filter: grayscale(1) opacity(0.5) drop-shadow(0 0 0 var(--section-p1-text-color)) contrast(150%);
}
.ufo-sec--logowall .ufo--column .logo-box.unified--light.accent img, .ufo-sec--logowall .ufo--column .logo-box.unified--dark.accent img {
  filter: grayscale(1) opacity(0.5) drop-shadow(0 0 0 var(--hero-nav-button-text-color-hover)) contrast(200%);
}
.ufo-sec--logowall .ufo--column .logo-box.gradient {
  background-color: transparent;
}
.ufo-sec--logowall .ufo--column img {
  width: 100%;
  height: 100%;
  max-width: 246px;
  max-height: 80px;
  object-fit: contain;
  object-position: center;
}

.ufo-sec--dividerline {
  --section-padding-top: 20px !important;
  --section-padding-bottom: 20px !important;
}

.divider-line {
  grid-column: 1/span 12;
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
}
.divider-line .text-container {
  max-width: 740px;
  width: max-content;
}
@media (max-width: 768px) {
  .divider-line .text-container {
    width: 100%;
  }
}
.divider-line .text-container.h1, .divider-line .text-container.h2, .divider-line .text-container.h3, .divider-line .text-container.h4, .divider-line .text-container.p, .divider-line .text-container.p1, .divider-line .text-container.p2 {
  margin-bottom: 0;
}
.divider-line .text-container .tiptap {
  min-width: 60px;
}
.divider-line .text-container .box-edit-toolbar {
  position: absolute;
  top: 6px;
  margin-left: -12px;
}
.divider-line .text-container .box-edit-toolbar.box-center {
  left: unset;
  right: unset;
}
@media (max-width: 1010px) {
  .divider-line {
    grid-column: 1/span 12;
  }
}
.divider-line > .text.preview {
  z-index: 1;
}
.divider-line .line {
  background-color: var(--divider-line-fill-color, #000000);
  width: 100%;
  z-index: 0;
}
.divider-line.above .line {
  order: 1;
}
.divider-line.above > .text {
  order: 0;
}
.divider-line.below .line {
  order: 0;
}
.divider-line.below > .text {
  order: 1;
}
.divider-line.in_line {
  justify-content: center;
}
.divider-line.in_line > .text {
  align-self: center;
}
.divider-line.in_line > .text .text-container {
  background-color: var(--background-fill-color);
}
.divider-line.in_line > .text .div-input {
  padding-right: 30px;
  padding-left: 30px;
}
.divider-line.in_line > .text.preview {
  padding-left: 30px;
  padding-right: 30px;
  background-color: var(--background-fill-color);
}
.divider-line.in_line > .text input, .divider-line.in_line > .text div {
  text-align: center;
}
.divider-line.in_line .line {
  position: absolute;
  align-self: center;
}
.divider-line.above.left > .text, .divider-line.below.left > .text {
  align-self: flex-start;
}
.divider-line.above.left > .text input, .divider-line.below.left > .text input {
  text-align: left;
}
.divider-line.above.left .line, .divider-line.below.left .line {
  align-self: flex-start;
}
.divider-line.above.center > .text, .divider-line.below.center > .text {
  align-self: center;
  text-align: center;
}
.divider-line.above.center > .text input, .divider-line.below.center > .text input {
  text-align: center;
}
.divider-line.above.center .line, .divider-line.below.center .line {
  align-self: center;
}
.divider-line.above.right > .text, .divider-line.below.right > .text {
  align-self: flex-end;
  text-align: right;
}
.divider-line.above.right > .text input, .divider-line.below.right > .text input {
  text-align: right;
}
.divider-line.above.right .line, .divider-line.below.right .line {
  align-self: flex-end;
}
.divider-line.weight-light .line {
  height: 1px;
}
.divider-line.weight-medium .line {
  height: 2px;
}
.divider-line.weight-bold .line {
  height: 4px;
}

.ufo--cta-btn-wr {
  width: max-content;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin-top: 24px;
}
.ufo--cta-btn-wr.push-to-left {
  align-self: flex-start;
}
.ufo--cta-btn-wr.push-to-center {
  align-self: center;
}
.ufo--cta-btn-wr.push-to-right {
  align-self: flex-end;
}
.ufo--cta-btn-wr .ufo--cta-edit-container:hover .btn--cta {
  color: var(--cta-button-text-color-hover);
  background-color: var(--cta-button-fill-color-hover);
}
.ufo--cta-btn-wr .ufo--cta-edit-container:hover .btn--cta.outlined {
  box-shadow: 0 0 0 var(--cta-stroke-strength) var(--cta-button-outline-color-hover);
}
.ufo--cta-btn-wr .btn--cta {
  min-width: 140px;
  min-height: 46px;
  height: auto;
  padding: 10px 32px;
  border: none;
  text-transform: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-break: anywhere;
  font-family: var(--cta-button-font);
  font-size: var(--cta-button-size);
  font-weight: var(--cta-button-weight);
  font-style: var(--cta-button-style);
  line-height: var(--cta-button-height);
  color: var(--cta-button-text-color);
}
@media (max-width: 1024px) {
  .ufo--cta-btn-wr .btn--cta {
    font-size: var(--cta-button-size-tablet);
    line-height: var(--cta-button-height-tablet);
  }
}
@media (max-width: 768px) {
  .ufo--cta-btn-wr .btn--cta {
    font-size: var(--cta-button-size-mobile);
    line-height: var(--cta-button-height-mobile);
  }
}
.ufo--cta-btn-wr .btn--cta {
  background-color: var(--cta-button-fill-color);
  cursor: pointer;
  transition-property: color, background-color, box-shadow;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.ufo--cta-btn-wr .btn--cta:hover {
  color: var(--cta-button-text-color-hover);
  background-color: var(--cta-button-fill-color-hover);
}
.ufo--cta-btn-wr .btn--cta.outlined {
  background-color: transparent;
  box-shadow: 0 0 0 var(--cta-stroke-strength) var(--cta-button-outline-color);
}
.ufo--cta-btn-wr .btn--cta.outlined:hover {
  box-shadow: 0 0 0 var(--cta-stroke-strength) var(--cta-button-outline-color-hover);
}
.ufo--cta-btn-wr .btn--cta.square {
  border-radius: 0;
}
.ufo--cta-btn-wr .btn--cta.pill {
  border-radius: 1000px;
}
.ufo--cta-btn-wr .btn--cta.rounded {
  border-radius: 8px;
}
.ufo--cta-btn-wr .btn--cta:focus {
  outline: none;
}

.ufo--slider {
  position: relative;
  box-sizing: border-box;
}

.ufo--page-sections .ufo--slider-track {
  overflow: unset;
}
.ufo--page-sections .ufo--slides {
  overflow-x: unset;
}

.ufo--slider-track {
  overflow: hidden;
}

.ufo--slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  will-change: transform;
}

.ufo--slide {
  width: 100%;
  height: 100%;
  margin: 0;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

.ufo--slide a {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.ufo--slider-arrows {
  -webkit-touch-callout: none;
  user-select: none;
}

.ufo--slider-bullets {
  -webkit-touch-callout: none;
  user-select: none;
}

.ufo--slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  background: var(--base00);
  border: solid 1px #edf0f1;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  cursor: pointer;
  text-indent: -9999px;
  z-index: 1;
}
.ufo--slider-arrow:focus {
  outline: none;
}
@media (min-width: 768px) {
  .ufo--slider-arrow {
    width: 48px;
    height: 48px;
  }
}

.ufo--slider-arrow:focus {
  outline: none;
}

.ufo--slider-arrow:hover {
  border-color: white;
}

.ufo--slider-arrow-left {
  left: 0;
}
@media (min-width: 1024px) {
  .ufo--slider-arrow-left {
    left: -92px;
  }
}
.ufo--slider-arrow-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/dist/src/assets/images/icon-prev..svg) center center no-repeat;
  width: 22px;
  height: 22px;
  background-size: contain;
}

.ufo--slider-arrow-right {
  right: 0;
}
@media (min-width: 1024px) {
  .ufo--slider-arrow-right {
    right: -92px;
  }
}
.ufo--slider-arrow-right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
  transform-origin: center;
  background: url(/dist/src/assets/images/icon-prev..svg) center center no-repeat;
  width: 22px;
  height: 22px;
  background-size: contain;
}

.ufo--slider-bullets {
  z-index: 2;
  display: inline-flex;
  list-style: none;
  margin-top: 24px;
}

.ufo--slider-bullet {
  background-color: #D0D2D5;
  width: 8px;
  height: 8px;
  padding: 0;
  border-radius: 50%;
  transition: all 250ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  margin: 0 0.25em;
  border: none;
}

.ufo--slider-bullet:focus {
  outline: none;
}

.ufo--slider-bullet:hover {
  background-color: var(--hero-nav-button-text-color-hover);
  opacity: 0.8;
}

.glide__bullet--active {
  background-color: var(--hero-nav-button-text-color-hover);
}

.project-footer .footer-info {
  background: #f3f7f8;
  padding: 40px 0;
}
.project-footer .footer-info.bg {
  background-color: var(--background-fill-color, #f3f7f8);
}
.project-footer .footer-info.bg .owner-name,
.project-footer .footer-info.bg .owner-company {
  color: var(--section-h2-text-color);
}
.project-footer .footer-info.bg .footer-btn {
  color: var(--section-h2-text-color);
  background-color: var(--background-fill-color);
  border-color: var(--section-h2-text-color);
}
.project-footer .footer-info.bg .footer-btn:hover {
  color: var(--background-fill-color);
  background-color: var(--section-h2-text-color);
  border-color: var(--section-h2-text-color);
}
.project-footer .footer-info.bg .title-line {
  color: var(--section-p1-text-color);
}
.project-footer .footer-info.bg .f-project .title {
  position: relative;
  background-color: var(--background-fill-color, #FFFFFF);
}
.project-footer .footer-info.bg .f-project .title h4 {
  color: var(--section-h2-text-color);
}
.project-footer .footer-info.bg .f-project .title:before {
  content: "";
  background-color: var(--base00);
  opacity: 0.2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.project-footer .footer-info .ufo--p-container-fluid {
  text-align: center;
}
.project-footer .footer-info .info .project-owner {
  align-items: center;
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .project-footer .footer-info .info .project-owner {
    align-items: flex-start;
    grid-column: 1/span 4;
  }
}
.project-footer .footer-info .info .project-owner-projects {
  align-items: center;
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .project-footer .footer-info .info .project-owner-projects {
    align-items: flex-start;
    grid-column: 5/span 8;
  }
}
.project-footer .project-owner {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.project-footer .owner {
  cursor: pointer;
  color: var(--hero-nav-button-text-color, #FFFFFF);
  margin-bottom: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.project-footer .owner .owner-info {
  color: var(--hero-nav-button-text-color, #FFFFFF);
  text-align: left;
}
.project-footer .owner .owner-picture {
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  background: #edf1f1;
  margin-right: 12px;
  border-radius: 50%;
  overflow: hidden;
}
.project-footer .owner .owner-picture img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.project-footer .owner .owner-name {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  font-family: var(--primarySans, "Lato", sans-serif);
  color: #353738;
}
.project-footer .owner .owner-company {
  font-size: 14px;
  font-family: var(--primarySans, "Lato", sans-serif);
  font-style: italic;
  color: #424242;
  text-align: left;
}
.project-footer .project-owner-projects .owner-projects-content {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}
@media (min-width: 768px) {
  .project-footer .project-owner-projects .owner-projects-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
.project-footer .project-owner-projects.long-list .title-line {
  margin-bottom: 12px;
}
.project-footer .project-owner-projects.long-list .owner-projects-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 12px;
}
@media (min-width: 992px) {
  .project-footer .project-owner-projects.long-list .owner-projects-content {
    justify-content: flex-start;
  }
}
.project-footer .project-owner-projects.long-list .f-project {
  margin: 12px;
  width: auto;
  background-color: transparent;
}
.project-footer .project-owner-projects.long-list .f-project .image {
  margin: 0;
  width: 70px;
  height: 70px;
  min-width: 70px;
  min-height: 70px;
}
.project-footer .project-owner-projects .title-line {
  font-family: var(--secondarySans, "Source Sans Pro", sans-serif);
  font-size: 14px;
  font-weight: 600;
  color: #9fa6a9;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .project-footer .project-owner-projects .title-line {
    text-align: left;
  }
}
.project-footer .project-owner-projects .f-project {
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.1);
  background-color: var(--base00, #FFFFFF);
  display: flex;
  flex-direction: row;
  cursor: pointer;
  transition: box-shadow 0.2s ease-out;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 992px) {
  .project-footer .project-owner-projects .f-project {
    max-width: 100%;
  }
  .project-footer .project-owner-projects .f-project:nth-last-of-type(1) {
    margin-right: 0;
  }
}
.project-footer .project-owner-projects .f-project:hover {
  box-shadow: 0 28px 20px -20px rgba(0, 0, 0, 0.1);
}
.project-footer .project-owner-projects .f-project .image {
  width: 60px;
  height: 60px;
  min-width: 60px;
}
.project-footer .project-owner-projects .f-project .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.project-footer .project-owner-projects .f-project .title {
  display: flex;
  align-items: center;
  flex: 1;
  padding: 0 24px;
  background-color: var(--base00);
}
.project-footer .project-owner-projects .f-project .title h4 {
  font-family: var(--primarySans, "Lato", sans-serif);
  font-size: 16px;
  font-weight: normal;
  color: #475461;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  line-height: 1.2;
  text-align: left;
  margin-bottom: 0;
}
.project-footer .footer-links .footer-btn {
  border-radius: 18px;
  background-color: var(--base00);
  font-family: var(--secondarySans, "Source Sans Pro", sans-serif);
  font-size: 12px;
  font-weight: bold;
  color: #778390;
  display: inline-block;
  padding: 10px 16px;
  border: solid 1px #edf0f1;
  margin-right: 10px;
}
.project-footer .footer-links .footer-btn:hover {
  cursor: pointer;
  color: #778390;
}

.footer-share {
  height: 96px;
  padding: 30px 0;
}
.footer-share.show-color-background {
  background-color: var(--background-fill-color);
}

.footer-logo {
  font-size: 14px;
  color: #d8d8d8;
  line-height: 24px;
  max-width: 138px;
  font-family: var(--primarySans, "Lato", sans-serif);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  order: 2;
}
@media (min-width: 576px) {
  .footer-logo {
    order: 1;
  }
}
.footer-logo .uxfolio-logo {
  width: 67px;
}
.footer-logo .uxfolio-logo svg {
  display: block;
}
.footer-logo:hover {
  text-decoration: none;
}

.footer-share-links {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #8B939B;
  font-size: 14px;
  font-family: var(--primarySans, "Lato", sans-serif);
  order: 1;
  margin-bottom: 24px;
}
@media (min-width: 576px) {
  .footer-share-links {
    order: 2;
    margin-bottom: 0;
  }
}
.footer-share-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  text-decoration: none;
  margin: 0 5px;
  color: var(--base00);
  font-size: 14px;
  border: solid 1px transparent;
  transition: background-color 150ms ease;
}
.footer-share-links a svg path {
  transition: fill 150ms ease;
}
.footer-share-links a.facebook {
  background-color: #3b5998;
  border-color: #3b5998;
  margin-left: 24px;
}
.footer-share-links a.twitter {
  background-color: #55acee;
  border-color: #55acee;
}
.footer-share-links a.linkedin {
  background-color: #0976b4;
  border-color: #0976b4;
}
.footer-share-links a:hover {
  background-color: var(--base00);
}
.footer-share-links a:hover.facebook svg path {
  fill: #3b5998;
}
.footer-share-links a:hover.twitter svg path {
  fill: #55acee;
}
.footer-share-links a:hover.linkedin svg path {
  fill: #0976b4;
}
.footer-share-links a svg {
  width: 14px;
  height: 14px;
  display: block;
}

.medium-zoom-image--opened,
.medium-zoom-overlay {
  z-index: 103;
}

.medium-zoom-image {
  object-fit: contain;
}

.image-container,
.media-container {
  text-align: center;
  width: 100%;
}
.image-container.embed-container,
.media-container.embed-container {
  max-width: unset;
}

.media-container .embed.placeholder {
  padding: 120px 0;
}

.ufo-sec .text-container .text * {
  background: none !important;
}

.media-caption {
  position: relative;
  padding-top: 20px;
  text-align: center;
}
.media-caption a {
  color: var(--link-color);
}
.media-caption b, .media-caption u {
  font-style: inherit !important;
}
.media-caption u, .media-caption i {
  font-weight: inherit !important;
}

.scroll-to-top {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: rgba(40, 42, 43, 0.1);
  position: -webkit-sticky;
  position: sticky;
  bottom: -64px;
  margin: -108px 20px 0 0;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  float: right;
  opacity: 0;
}
.scroll-to-top:before {
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  background: url(/dist/src/assets/images/icon-left..svg) center center no-repeat;
  background-size: 16px 16px;
  transform: rotate(90deg);
}
.scroll-to-top.visible {
  opacity: 1;
  bottom: 20px;
  z-index: 10;
}
.scroll-to-top.visible.nav-on {
  bottom: 65px;
}
.scroll-to-top.visible.nav-on:hover {
  bottom: 70px;
}
.scroll-to-top.visible:hover {
  background-color: rgba(40, 42, 43, 0.25);
  bottom: 25px;
}
@media (min-width: 768px) {
  .scroll-to-top {
    width: 48px;
    height: 48px;
  }
  .scroll-to-top:before {
    width: 48px;
    height: 48px;
    background-size: 20px 20px;
  }
}
@media (min-width: 992px) {
  .scroll-to-top {
    width: 64px;
    height: 64px;
    bottom: -64px;
    margin-right: 30px;
  }
  .scroll-to-top:before {
    width: 64px;
    height: 64px;
  }
  .scroll-to-top.visible {
    bottom: 40px;
  }
  .scroll-to-top.visible:hover {
    bottom: 45px;
  }
  .scroll-to-top.visible.nav-on {
    bottom: 80px;
  }
  .scroll-to-top.visible.nav-on:hover {
    bottom: 85px;
  }
}

.footer-section {
  background-color: var(--heroBackgroundColor);
  padding-top: calc(var(--section-padding-top) * var(--section-padding-mult));
  padding-bottom: calc(var(--section-padding-bottom) * var(--section-padding-mult));
}
.footer-section.related-case-studies {
  padding-bottom: 0;
}
.footer-section .grid .grid-container {
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .footer-section .grid .grid-container {
    grid-column: 1/span 12;
  }
}
.footer-section .grid .logo-container {
  width: max-content;
  margin-bottom: 36px;
}
@media (max-width: 768px) {
  .footer-section .grid .logo-container {
    margin-bottom: 24px;
  }
}
.footer-section .grid .logo-container.center {
  margin-left: auto;
  margin-right: auto;
}
.footer-section .grid .logo-container.right {
  margin-left: auto;
}
.footer-section .grid .text-container {
  overflow-wrap: break-word;
}
@media (max-width: 768px) {
  .footer-section .grid .text-container {
    --hero-h1-size: 24px;
    --hero-h1-height: 27px;
    --hero-h2-size: 21px;
    --hero-h2-height: 24px;
    --hero-p1-size: 18px;
    --hero-p1-height: 21px;
  }
}
.footer-section .grid .separator {
  z-index: 1;
  position: relative;
  margin: 24px 0 0;
}
@media (min-width: 768px) {
  .footer-section .grid .separator {
    margin: 36px 0 0;
  }
}
.footer-section .grid .separator .line {
  border-top: 3px solid var(--divider-line-fill-color);
}
.footer-section .grid .separator .line.weight-light {
  border-top: 1px solid var(--divider-line-fill-color);
}
.footer-section .grid .separator .line.weight-medium {
  border-top: 2px solid var(--divider-line-fill-color);
}
.footer-section .grid .separator .line.weight-bold {
  border-top: 4px solid var(--divider-line-fill-color);
}
.footer-section .grid .footer-links {
  padding-top: 32px;
}
@media (min-width: 776px) {
  .footer-section .grid .footer-links {
    padding-top: 40px;
  }
}
.footer-section .grid .footer-links .link-container {
  display: flex;
  gap: 24px;
  flex-direction: row;
}
@media (max-width: 375px) {
  .footer-section .grid .footer-links .link-container {
    flex-direction: column;
  }
  .footer-section .grid .footer-links .link-container .portfolio-pages {
    flex-direction: row;
    padding-bottom: 0 !important;
  }
  .footer-section .grid .footer-links .link-container .social-links {
    align-items: flex-start;
    flex-direction: row;
    padding-bottom: 0 !important;
  }
}
.footer-section .grid .footer-links .link-container .portfolio-pages, .footer-section .grid .footer-links .link-container .social-links {
  border: 1px solid transparent;
}
.footer-section .grid .footer-links .link-container .portfolio-pages,
.footer-section .grid .footer-links .link-container .social-links {
  padding-bottom: 24px;
  gap: 20px;
  display: flex;
  align-items: center;
  z-index: 1;
}
@media (min-width: 375px) {
  .footer-section .grid .footer-links .link-container .portfolio-pages,
  .footer-section .grid .footer-links .link-container .social-links {
    gap: 24px;
    padding-bottom: var(--frameOffset, 0);
  }
}
@media (min-width: 1px) {
  .footer-section .grid .footer-links .link-container .portfolio-pages,
  .footer-section .grid .footer-links .link-container .social-links {
    gap: 24px;
  }
}
.footer-section .grid .footer-links .link-container .social-links {
  max-width: 500px;
  flex-wrap: wrap;
}
.footer-section .grid .footer-links .link-container .social-links a {
  display: flex;
}
.footer-section .grid .footer-links .link-container .portfolio-pages {
  align-items: flex-start;
}
.footer-section .grid .footer-links .link-container .portfolio-pages--left {
  margin-right: auto;
}
.footer-section .grid .footer-links .link-container .portfolio-pages .navbar-item a {
  width: max-content;
}
.footer-section .grid .footer-links .link-container .social-links--right {
  text-align: right;
}
.footer-section .grid .related-projects-container {
  padding: 0 0 40px 0;
}
.footer-section .grid .related-projects-container .title {
  text-align: center;
  margin-bottom: 48px;
}
.footer-section .grid .related-projects-container .related-projects {
  display: flex;
  text-align: center;
  grid-gap: 48px;
  flex-flow: row wrap;
  justify-content: center;
}
@media (max-width: 768px) {
  .footer-section .grid .related-projects-container .related-projects {
    grid-gap: 12px;
  }
}
.footer-section .grid .related-projects-container .related-projects .related-project {
  cursor: pointer;
  width: 158px;
}
.footer-section .grid .related-projects-container .related-projects .related-project .image img {
  object-fit: cover;
}
.footer-section .grid .related-projects-container .related-projects .related-project-title {
  margin-top: 30px;
}
.footer-section .grid .branding {
  padding: 8px 14px;
  border-radius: 4px;
  box-shadow: 3px 3px 10px 0 rgba(196, 196, 196, 0.5);
  background-color: var(--base00);
  width: 151px;
  margin-left: auto;
  margin-top: 25px;
  cursor: pointer;
}
.footer-section .grid .branding a {
  display: flex;
  font-size: 12px;
  font-family: "Lato", sans-serif;
  color: #8B939B;
  cursor: pointer;
}

@media (min-width: 768px) {
  .carousel .gallery-item[class*=no-mockup].slider-mockup {
    height: 30vw;
    margin: auto;
  }
}
.carousel .gallery-item[class*=mobile].slider-mockup {
  max-width: 23%;
  margin: auto;
}
.carousel .gallery-item[class*=tablet].slider-mockup {
  max-width: 30%;
  margin: auto;
}
.carousel .gallery-item[class*=desktop] {
  padding: 0 40px;
}
.carousel .gallery-item[class*=desktop].slider-mockup {
  max-width: 80%;
  margin: auto;
}
.carousel .gallery-item[class*=monitor] {
  padding: 0 40px;
}
.carousel .gallery-item[class*=monitor].slider-mockup {
  max-width: 80%;
  margin: auto;
}

@media (max-width: 767px) {
  .image-gallery.slider .carousel__arrows {
    display: none;
  }
}
[class*=mockup--][class*="--rounded"][class*="--shadow"] .ufo-mockup--screen,
[class*=mockup--][class*="--squared"][class*="--shadow"] .ufo-mockup--screen {
  filter: drop-shadow(0px 19.5491px 43.9855px rgba(0, 0, 0, 0.2));
}

/*# sourceMappingURL=case-study-view.css.map*/