/*!******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/scss/style.scss ***!
  \******************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap);
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/scss/style.scss (1) ***!
  \**********************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --neutral1: hsl(var(--hue-neutral), 0%, 82%);
  --neutral2: hsl(var(--hue-neutral), 0%, 49%);
  --neutral3: hsl(var(--hue-neutral), 0%, 23%);
  --accent1: hsl(var(--hue-accent), 48%, 75%);
  --accent2: hsl(var(--hue-accent), 85%, 33%);
  --accent3: hsl(var(--hue-accent), 61%, 15%);
  --primary1: hsl(var(--hue-primary-secondary), 50%, 98%);
  --primary2: hsl(var(--hue-primary-secondary), 82%, 94%);
  --primary3: hsl(var(--hue-primary-secondary), 78%, 87%);
  --secondary1: hsl(var(--hue-primary-secondary), 38%, 55%);
  --secondary2: hsl(var(--hue-primary-secondary), 38%, 38%);
  --secondary3: hsl(var(--hue-primary-secondary), 100%, 10%);
}

/* BREAKPOINTS */
/*-- GAPS --*/
/* GRIDS */
/*-- CONTAINER --*/
/*-- ROWS --*/
/* COLUMNS */
@media (min-width: 0) {
  .col-xs-1 {
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .col-xs-2 {
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .col-xs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .col-xs-4 {
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .col-xs-5 {
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .col-xs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .col-xs-7 {
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .col-xs-8 {
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .col-xs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .col-xs-10 {
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .col-xs-11 {
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .col-xs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 576px) {
  .col-sm-1 {
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .col-xl-2 {
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .col-xl-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .col-xl-4 {
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .col-xl-5 {
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .col-xl-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .col-xl-7 {
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .col-xl-8 {
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .col-xl-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .col-xl-10 {
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .col-xl-11 {
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .col-xl-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-1 {
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .col-xxl-2 {
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .col-xxl-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .col-xxl-4 {
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .col-xxl-5 {
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .col-xxl-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .col-xxl-7 {
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .col-xxl-8 {
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .col-xxl-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .col-xxl-10 {
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .col-xxl-11 {
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .col-xxl-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: calc(1296px + 24px)) {
  .col-desk-1 {
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .col-desk-2 {
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .col-desk-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .col-desk-4 {
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .col-desk-5 {
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .col-desk-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .col-desk-7 {
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .col-desk-8 {
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .col-desk-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .col-desk-10 {
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .col-desk-11 {
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .col-desk-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
/* COLUMNS-OFFSET */
.container-standard {
  width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: calc(1296px + 24px)) {
  .container-standard {
    max-width: calc(1296px + 24px);
  }
}
@media (max-width: 1328px) and (min-width: 1028px) {
  .container-standard {
    padding-right: 3%;
    padding-left: 3%;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .container-standard {
    padding-right: 40px;
    padding-left: 40px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(24px * -0.5);
  margin-left: calc(24px * -0.5);
}
.row > [class^=col-],
.row > [class*=" col-"], .row > div {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
}
@media (max-width: 1024px) and (min-width: 768px) {
  .row {
    margin-right: -40px;
    margin-left: -40px;
  }
  .row > [class^=col-],
  .row > [class*=" col-"], .row > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}

.col-12 {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}

.col-11 {
  width: 91.6666666667%;
  max-width: 91.6666666667%;
  flex: 0 0 91.6666666667%;
}

.col-10 {
  width: 83.3333333333%;
  max-width: 83.3333333333%;
  flex: 0 0 83.3333333333%;
}

.col-9 {
  width: 75%;
  max-width: 75%;
  flex: 0 0 75%;
}

.col-8 {
  width: 66.6666666667%;
  max-width: 66.6666666667%;
  flex: 0 0 66.6666666667%;
}

.col-7 {
  width: 58.3333333333%;
  max-width: 58.3333333333%;
  flex: 0 0 58.3333333333%;
}

.col-6 {
  width: 50%;
  max-width: 50%;
  flex: 0 0 50%;
}

.col-5 {
  width: 41.6666666667%;
  max-width: 41.6666666667%;
  flex: 0 0 41.6666666667%;
}

.col-4 {
  width: 33.3333333333%;
  max-width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
}

.col-3 {
  width: 25%;
  max-width: 25%;
  flex: 0 0 25%;
}

.col-2 {
  width: 16.6666666667%;
  max-width: 16.6666666667%;
  flex: 0 0 16.6666666667%;
}

.col-1 {
  width: 8.3333333333%;
  max-width: 8.3333333333%;
  flex: 0 0 8.3333333333%;
}

.path-user .layout-container {
  margin: 0 !important;
}

/* SPACINGS */
.m4 {
  margin: 4px;
}

.ml4 {
  margin-left: 4px;
}

.mr4 {
  margin-right: 4px;
}

.mt4 {
  margin-top: 4px;
}

.mb4 {
  margin-bottom: 4px;
}

.mx4 {
  margin-left: 4px;
  margin-right: 4px;
}

.my4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.p4 {
  padding: 4px;
}

.pl4 {
  padding-left: 4px;
}

.pr4 {
  padding-right: 4px;
}

.pt4 {
  padding-top: 4px;
}

.pb4 {
  padding-bottom: 4px;
}

.px4 {
  padding-left: 4px;
  padding-right: 4px;
}

.py4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.m8 {
  margin: 8px;
}

.ml8 {
  margin-left: 8px;
}

.mr8 {
  margin-right: 8px;
}

.mt8 {
  margin-top: 8px;
}

.mb8 {
  margin-bottom: 8px;
}

.mx8 {
  margin-left: 8px;
  margin-right: 8px;
}

.my8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.p8 {
  padding: 8px;
}

.pl8 {
  padding-left: 8px;
}

.pr8 {
  padding-right: 8px;
}

.pt8 {
  padding-top: 8px;
}

.pb8 {
  padding-bottom: 8px;
}

.px8 {
  padding-left: 8px;
  padding-right: 8px;
}

.py8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.m12 {
  margin: 12px;
}

.ml12 {
  margin-left: 12px;
}

.mr12 {
  margin-right: 12px;
}

.mt12 {
  margin-top: 12px;
}

.mb12 {
  margin-bottom: 12px;
}

.mx12 {
  margin-left: 12px;
  margin-right: 12px;
}

.my12 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.p12 {
  padding: 12px;
}

.pl12 {
  padding-left: 12px;
}

.pr12 {
  padding-right: 12px;
}

.pt12 {
  padding-top: 12px;
}

.pb12 {
  padding-bottom: 12px;
}

.px12 {
  padding-left: 12px;
  padding-right: 12px;
}

.py12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.m16 {
  margin: 16px;
}

.ml16 {
  margin-left: 16px;
}

.mr16 {
  margin-right: 16px;
}

.mt16 {
  margin-top: 16px;
}

.mb16 {
  margin-bottom: 16px;
}

.mx16 {
  margin-left: 16px;
  margin-right: 16px;
}

.my16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.p16 {
  padding: 16px;
}

.pl16 {
  padding-left: 16px;
}

.pr16 {
  padding-right: 16px;
}

.pt16 {
  padding-top: 16px;
}

.pb16 {
  padding-bottom: 16px;
}

.px16 {
  padding-left: 16px;
  padding-right: 16px;
}

.py16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.m20 {
  margin: 20px;
}

.ml20 {
  margin-left: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mt20 {
  margin-top: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.mx20 {
  margin-left: 20px;
  margin-right: 20px;
}

.my20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.p20 {
  padding: 20px;
}

.pl20 {
  padding-left: 20px;
}

.pr20 {
  padding-right: 20px;
}

.pt20 {
  padding-top: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.px20 {
  padding-left: 20px;
  padding-right: 20px;
}

.py20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.m24 {
  margin: 24px;
}

.ml24 {
  margin-left: 24px;
}

.mr24 {
  margin-right: 24px;
}

.mt24 {
  margin-top: 24px;
}

.mb24 {
  margin-bottom: 24px;
}

.mx24 {
  margin-left: 24px;
  margin-right: 24px;
}

.my24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.p24 {
  padding: 24px;
}

.pl24 {
  padding-left: 24px;
}

.pr24 {
  padding-right: 24px;
}

.pt24 {
  padding-top: 24px;
}

.pb24 {
  padding-bottom: 24px;
}

.px24 {
  padding-left: 24px;
  padding-right: 24px;
}

.py24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.m28 {
  margin: 28px;
}

.ml28 {
  margin-left: 28px;
}

.mr28 {
  margin-right: 28px;
}

.mt28 {
  margin-top: 28px;
}

.mb28 {
  margin-bottom: 28px;
}

.mx28 {
  margin-left: 28px;
  margin-right: 28px;
}

.my28 {
  margin-top: 28px;
  margin-bottom: 28px;
}

.p28 {
  padding: 28px;
}

.pl28 {
  padding-left: 28px;
}

.pr28 {
  padding-right: 28px;
}

.pt28 {
  padding-top: 28px;
}

.pb28 {
  padding-bottom: 28px;
}

.px28 {
  padding-left: 28px;
  padding-right: 28px;
}

.py28 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.m32 {
  margin: 32px;
}

.ml32 {
  margin-left: 32px;
}

.mr32 {
  margin-right: 32px;
}

.mt32 {
  margin-top: 32px;
}

.mb32 {
  margin-bottom: 32px;
}

.mx32 {
  margin-left: 32px;
  margin-right: 32px;
}

.my32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.p32 {
  padding: 32px;
}

.pl32 {
  padding-left: 32px;
}

.pr32 {
  padding-right: 32px;
}

.pt32 {
  padding-top: 32px;
}

.pb32 {
  padding-bottom: 32px;
}

.px32 {
  padding-left: 32px;
  padding-right: 32px;
}

.py32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.m36 {
  margin: 36px;
}

.ml36 {
  margin-left: 36px;
}

.mr36 {
  margin-right: 36px;
}

.mt36 {
  margin-top: 36px;
}

.mb36 {
  margin-bottom: 36px;
}

.mx36 {
  margin-left: 36px;
  margin-right: 36px;
}

.my36 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.p36 {
  padding: 36px;
}

.pl36 {
  padding-left: 36px;
}

.pr36 {
  padding-right: 36px;
}

.pt36 {
  padding-top: 36px;
}

.pb36 {
  padding-bottom: 36px;
}

.px36 {
  padding-left: 36px;
  padding-right: 36px;
}

.py36 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.m40 {
  margin: 40px;
}

.ml40 {
  margin-left: 40px;
}

.mr40 {
  margin-right: 40px;
}

.mt40 {
  margin-top: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.mx40 {
  margin-left: 40px;
  margin-right: 40px;
}

.my40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.p40 {
  padding: 40px;
}

.pl40 {
  padding-left: 40px;
}

.pr40 {
  padding-right: 40px;
}

.pt40 {
  padding-top: 40px;
}

.pb40 {
  padding-bottom: 40px;
}

.px40 {
  padding-left: 40px;
  padding-right: 40px;
}

.py40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.m44 {
  margin: 44px;
}

.ml44 {
  margin-left: 44px;
}

.mr44 {
  margin-right: 44px;
}

.mt44 {
  margin-top: 44px;
}

.mb44 {
  margin-bottom: 44px;
}

.mx44 {
  margin-left: 44px;
  margin-right: 44px;
}

.my44 {
  margin-top: 44px;
  margin-bottom: 44px;
}

.p44 {
  padding: 44px;
}

.pl44 {
  padding-left: 44px;
}

.pr44 {
  padding-right: 44px;
}

.pt44 {
  padding-top: 44px;
}

.pb44 {
  padding-bottom: 44px;
}

.px44 {
  padding-left: 44px;
  padding-right: 44px;
}

.py44 {
  padding-top: 44px;
  padding-bottom: 44px;
}

.m48 {
  margin: 48px;
}

.ml48 {
  margin-left: 48px;
}

.mr48 {
  margin-right: 48px;
}

.mt48 {
  margin-top: 48px;
}

.mb48 {
  margin-bottom: 48px;
}

.mx48 {
  margin-left: 48px;
  margin-right: 48px;
}

.my48 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.p48 {
  padding: 48px;
}

.pl48 {
  padding-left: 48px;
}

.pr48 {
  padding-right: 48px;
}

.pt48 {
  padding-top: 48px;
}

.pb48 {
  padding-bottom: 48px;
}

.px48 {
  padding-left: 48px;
  padding-right: 48px;
}

.py48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.m52 {
  margin: 52px;
}

.ml52 {
  margin-left: 52px;
}

.mr52 {
  margin-right: 52px;
}

.mt52 {
  margin-top: 52px;
}

.mb52 {
  margin-bottom: 52px;
}

.mx52 {
  margin-left: 52px;
  margin-right: 52px;
}

.my52 {
  margin-top: 52px;
  margin-bottom: 52px;
}

.p52 {
  padding: 52px;
}

.pl52 {
  padding-left: 52px;
}

.pr52 {
  padding-right: 52px;
}

.pt52 {
  padding-top: 52px;
}

.pb52 {
  padding-bottom: 52px;
}

.px52 {
  padding-left: 52px;
  padding-right: 52px;
}

.py52 {
  padding-top: 52px;
  padding-bottom: 52px;
}

.m56 {
  margin: 56px;
}

.ml56 {
  margin-left: 56px;
}

.mr56 {
  margin-right: 56px;
}

.mt56 {
  margin-top: 56px;
}

.mb56 {
  margin-bottom: 56px;
}

.mx56 {
  margin-left: 56px;
  margin-right: 56px;
}

.my56 {
  margin-top: 56px;
  margin-bottom: 56px;
}

.p56 {
  padding: 56px;
}

.pl56 {
  padding-left: 56px;
}

.pr56 {
  padding-right: 56px;
}

.pt56 {
  padding-top: 56px;
}

.pb56 {
  padding-bottom: 56px;
}

.px56 {
  padding-left: 56px;
  padding-right: 56px;
}

.py56 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.m60 {
  margin: 60px;
}

.ml60 {
  margin-left: 60px;
}

.mr60 {
  margin-right: 60px;
}

.mt60 {
  margin-top: 60px;
}

.mb60 {
  margin-bottom: 60px;
}

.mx60 {
  margin-left: 60px;
  margin-right: 60px;
}

.my60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.p60 {
  padding: 60px;
}

.pl60 {
  padding-left: 60px;
}

.pr60 {
  padding-right: 60px;
}

.pt60 {
  padding-top: 60px;
}

.pb60 {
  padding-bottom: 60px;
}

.px60 {
  padding-left: 60px;
  padding-right: 60px;
}

.py60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.m64 {
  margin: 64px;
}

.ml64 {
  margin-left: 64px;
}

.mr64 {
  margin-right: 64px;
}

.mt64 {
  margin-top: 64px;
}

.mb64 {
  margin-bottom: 64px;
}

.mx64 {
  margin-left: 64px;
  margin-right: 64px;
}

.my64 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.p64 {
  padding: 64px;
}

.pl64 {
  padding-left: 64px;
}

.pr64 {
  padding-right: 64px;
}

.pt64 {
  padding-top: 64px;
}

.pb64 {
  padding-bottom: 64px;
}

.px64 {
  padding-left: 64px;
  padding-right: 64px;
}

.py64 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.m68 {
  margin: 68px;
}

.ml68 {
  margin-left: 68px;
}

.mr68 {
  margin-right: 68px;
}

.mt68 {
  margin-top: 68px;
}

.mb68 {
  margin-bottom: 68px;
}

.mx68 {
  margin-left: 68px;
  margin-right: 68px;
}

.my68 {
  margin-top: 68px;
  margin-bottom: 68px;
}

.p68 {
  padding: 68px;
}

.pl68 {
  padding-left: 68px;
}

.pr68 {
  padding-right: 68px;
}

.pt68 {
  padding-top: 68px;
}

.pb68 {
  padding-bottom: 68px;
}

.px68 {
  padding-left: 68px;
  padding-right: 68px;
}

.py68 {
  padding-top: 68px;
  padding-bottom: 68px;
}

.m72 {
  margin: 72px;
}

.ml72 {
  margin-left: 72px;
}

.mr72 {
  margin-right: 72px;
}

.mt72 {
  margin-top: 72px;
}

.mb72 {
  margin-bottom: 72px;
}

.mx72 {
  margin-left: 72px;
  margin-right: 72px;
}

.my72 {
  margin-top: 72px;
  margin-bottom: 72px;
}

.p72 {
  padding: 72px;
}

.pl72 {
  padding-left: 72px;
}

.pr72 {
  padding-right: 72px;
}

.pt72 {
  padding-top: 72px;
}

.pb72 {
  padding-bottom: 72px;
}

.px72 {
  padding-left: 72px;
  padding-right: 72px;
}

.py72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.m76 {
  margin: 76px;
}

.ml76 {
  margin-left: 76px;
}

.mr76 {
  margin-right: 76px;
}

.mt76 {
  margin-top: 76px;
}

.mb76 {
  margin-bottom: 76px;
}

.mx76 {
  margin-left: 76px;
  margin-right: 76px;
}

.my76 {
  margin-top: 76px;
  margin-bottom: 76px;
}

.p76 {
  padding: 76px;
}

.pl76 {
  padding-left: 76px;
}

.pr76 {
  padding-right: 76px;
}

.pt76 {
  padding-top: 76px;
}

.pb76 {
  padding-bottom: 76px;
}

.px76 {
  padding-left: 76px;
  padding-right: 76px;
}

.py76 {
  padding-top: 76px;
  padding-bottom: 76px;
}

.m80 {
  margin: 80px;
}

.ml80 {
  margin-left: 80px;
}

.mr80 {
  margin-right: 80px;
}

.mt80 {
  margin-top: 80px;
}

.mb80 {
  margin-bottom: 80px;
}

.mx80 {
  margin-left: 80px;
  margin-right: 80px;
}

.my80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.p80 {
  padding: 80px;
}

.pl80 {
  padding-left: 80px;
}

.pr80 {
  padding-right: 80px;
}

.pt80 {
  padding-top: 80px;
}

.pb80 {
  padding-bottom: 80px;
}

.px80 {
  padding-left: 80px;
  padding-right: 80px;
}

.py80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.m84 {
  margin: 84px;
}

.ml84 {
  margin-left: 84px;
}

.mr84 {
  margin-right: 84px;
}

.mt84 {
  margin-top: 84px;
}

.mb84 {
  margin-bottom: 84px;
}

.mx84 {
  margin-left: 84px;
  margin-right: 84px;
}

.my84 {
  margin-top: 84px;
  margin-bottom: 84px;
}

.p84 {
  padding: 84px;
}

.pl84 {
  padding-left: 84px;
}

.pr84 {
  padding-right: 84px;
}

.pt84 {
  padding-top: 84px;
}

.pb84 {
  padding-bottom: 84px;
}

.px84 {
  padding-left: 84px;
  padding-right: 84px;
}

.py84 {
  padding-top: 84px;
  padding-bottom: 84px;
}

.m88 {
  margin: 88px;
}

.ml88 {
  margin-left: 88px;
}

.mr88 {
  margin-right: 88px;
}

.mt88 {
  margin-top: 88px;
}

.mb88 {
  margin-bottom: 88px;
}

.mx88 {
  margin-left: 88px;
  margin-right: 88px;
}

.my88 {
  margin-top: 88px;
  margin-bottom: 88px;
}

.p88 {
  padding: 88px;
}

.pl88 {
  padding-left: 88px;
}

.pr88 {
  padding-right: 88px;
}

.pt88 {
  padding-top: 88px;
}

.pb88 {
  padding-bottom: 88px;
}

.px88 {
  padding-left: 88px;
  padding-right: 88px;
}

.py88 {
  padding-top: 88px;
  padding-bottom: 88px;
}

.m92 {
  margin: 92px;
}

.ml92 {
  margin-left: 92px;
}

.mr92 {
  margin-right: 92px;
}

.mt92 {
  margin-top: 92px;
}

.mb92 {
  margin-bottom: 92px;
}

.mx92 {
  margin-left: 92px;
  margin-right: 92px;
}

.my92 {
  margin-top: 92px;
  margin-bottom: 92px;
}

.p92 {
  padding: 92px;
}

.pl92 {
  padding-left: 92px;
}

.pr92 {
  padding-right: 92px;
}

.pt92 {
  padding-top: 92px;
}

.pb92 {
  padding-bottom: 92px;
}

.px92 {
  padding-left: 92px;
  padding-right: 92px;
}

.py92 {
  padding-top: 92px;
  padding-bottom: 92px;
}

.m96 {
  margin: 96px;
}

.ml96 {
  margin-left: 96px;
}

.mr96 {
  margin-right: 96px;
}

.mt96 {
  margin-top: 96px;
}

.mb96 {
  margin-bottom: 96px;
}

.mx96 {
  margin-left: 96px;
  margin-right: 96px;
}

.my96 {
  margin-top: 96px;
  margin-bottom: 96px;
}

.p96 {
  padding: 96px;
}

.pl96 {
  padding-left: 96px;
}

.pr96 {
  padding-right: 96px;
}

.pt96 {
  padding-top: 96px;
}

.pb96 {
  padding-bottom: 96px;
}

.px96 {
  padding-left: 96px;
  padding-right: 96px;
}

.py96 {
  padding-top: 96px;
  padding-bottom: 96px;
}

.m100 {
  margin: 100px;
}

.ml100 {
  margin-left: 100px;
}

.mr100 {
  margin-right: 100px;
}

.mt100 {
  margin-top: 100px;
}

.mb100 {
  margin-bottom: 100px;
}

.mx100 {
  margin-left: 100px;
  margin-right: 100px;
}

.my100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.p100 {
  padding: 100px;
}

.pl100 {
  padding-left: 100px;
}

.pr100 {
  padding-right: 100px;
}

.pt100 {
  padding-top: 100px;
}

.pb100 {
  padding-bottom: 100px;
}

.px100 {
  padding-left: 100px;
  padding-right: 100px;
}

.py100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.m104 {
  margin: 104px;
}

.ml104 {
  margin-left: 104px;
}

.mr104 {
  margin-right: 104px;
}

.mt104 {
  margin-top: 104px;
}

.mb104 {
  margin-bottom: 104px;
}

.mx104 {
  margin-left: 104px;
  margin-right: 104px;
}

.my104 {
  margin-top: 104px;
  margin-bottom: 104px;
}

.p104 {
  padding: 104px;
}

.pl104 {
  padding-left: 104px;
}

.pr104 {
  padding-right: 104px;
}

.pt104 {
  padding-top: 104px;
}

.pb104 {
  padding-bottom: 104px;
}

.px104 {
  padding-left: 104px;
  padding-right: 104px;
}

.py104 {
  padding-top: 104px;
  padding-bottom: 104px;
}

.m108 {
  margin: 108px;
}

.ml108 {
  margin-left: 108px;
}

.mr108 {
  margin-right: 108px;
}

.mt108 {
  margin-top: 108px;
}

.mb108 {
  margin-bottom: 108px;
}

.mx108 {
  margin-left: 108px;
  margin-right: 108px;
}

.my108 {
  margin-top: 108px;
  margin-bottom: 108px;
}

.p108 {
  padding: 108px;
}

.pl108 {
  padding-left: 108px;
}

.pr108 {
  padding-right: 108px;
}

.pt108 {
  padding-top: 108px;
}

.pb108 {
  padding-bottom: 108px;
}

.px108 {
  padding-left: 108px;
  padding-right: 108px;
}

.py108 {
  padding-top: 108px;
  padding-bottom: 108px;
}

.m112 {
  margin: 112px;
}

.ml112 {
  margin-left: 112px;
}

.mr112 {
  margin-right: 112px;
}

.mt112 {
  margin-top: 112px;
}

.mb112 {
  margin-bottom: 112px;
}

.mx112 {
  margin-left: 112px;
  margin-right: 112px;
}

.my112 {
  margin-top: 112px;
  margin-bottom: 112px;
}

.p112 {
  padding: 112px;
}

.pl112 {
  padding-left: 112px;
}

.pr112 {
  padding-right: 112px;
}

.pt112 {
  padding-top: 112px;
}

.pb112 {
  padding-bottom: 112px;
}

.px112 {
  padding-left: 112px;
  padding-right: 112px;
}

.py112 {
  padding-top: 112px;
  padding-bottom: 112px;
}

.m116 {
  margin: 116px;
}

.ml116 {
  margin-left: 116px;
}

.mr116 {
  margin-right: 116px;
}

.mt116 {
  margin-top: 116px;
}

.mb116 {
  margin-bottom: 116px;
}

.mx116 {
  margin-left: 116px;
  margin-right: 116px;
}

.my116 {
  margin-top: 116px;
  margin-bottom: 116px;
}

.p116 {
  padding: 116px;
}

.pl116 {
  padding-left: 116px;
}

.pr116 {
  padding-right: 116px;
}

.pt116 {
  padding-top: 116px;
}

.pb116 {
  padding-bottom: 116px;
}

.px116 {
  padding-left: 116px;
  padding-right: 116px;
}

.py116 {
  padding-top: 116px;
  padding-bottom: 116px;
}

.m120 {
  margin: 120px;
}

.ml120 {
  margin-left: 120px;
}

.mr120 {
  margin-right: 120px;
}

.mt120 {
  margin-top: 120px;
}

.mb120 {
  margin-bottom: 120px;
}

.mx120 {
  margin-left: 120px;
  margin-right: 120px;
}

.my120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.p120 {
  padding: 120px;
}

.pl120 {
  padding-left: 120px;
}

.pr120 {
  padding-right: 120px;
}

.pt120 {
  padding-top: 120px;
}

.pb120 {
  padding-bottom: 120px;
}

.px120 {
  padding-left: 120px;
  padding-right: 120px;
}

.py120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.m124 {
  margin: 124px;
}

.ml124 {
  margin-left: 124px;
}

.mr124 {
  margin-right: 124px;
}

.mt124 {
  margin-top: 124px;
}

.mb124 {
  margin-bottom: 124px;
}

.mx124 {
  margin-left: 124px;
  margin-right: 124px;
}

.my124 {
  margin-top: 124px;
  margin-bottom: 124px;
}

.p124 {
  padding: 124px;
}

.pl124 {
  padding-left: 124px;
}

.pr124 {
  padding-right: 124px;
}

.pt124 {
  padding-top: 124px;
}

.pb124 {
  padding-bottom: 124px;
}

.px124 {
  padding-left: 124px;
  padding-right: 124px;
}

.py124 {
  padding-top: 124px;
  padding-bottom: 124px;
}

.m128 {
  margin: 128px;
}

.ml128 {
  margin-left: 128px;
}

.mr128 {
  margin-right: 128px;
}

.mt128 {
  margin-top: 128px;
}

.mb128 {
  margin-bottom: 128px;
}

.mx128 {
  margin-left: 128px;
  margin-right: 128px;
}

.my128 {
  margin-top: 128px;
  margin-bottom: 128px;
}

.p128 {
  padding: 128px;
}

.pl128 {
  padding-left: 128px;
}

.pr128 {
  padding-right: 128px;
}

.pt128 {
  padding-top: 128px;
}

.pb128 {
  padding-bottom: 128px;
}

.px128 {
  padding-left: 128px;
  padding-right: 128px;
}

.py128 {
  padding-top: 128px;
  padding-bottom: 128px;
}

.m132 {
  margin: 132px;
}

.ml132 {
  margin-left: 132px;
}

.mr132 {
  margin-right: 132px;
}

.mt132 {
  margin-top: 132px;
}

.mb132 {
  margin-bottom: 132px;
}

.mx132 {
  margin-left: 132px;
  margin-right: 132px;
}

.my132 {
  margin-top: 132px;
  margin-bottom: 132px;
}

.p132 {
  padding: 132px;
}

.pl132 {
  padding-left: 132px;
}

.pr132 {
  padding-right: 132px;
}

.pt132 {
  padding-top: 132px;
}

.pb132 {
  padding-bottom: 132px;
}

.px132 {
  padding-left: 132px;
  padding-right: 132px;
}

.py132 {
  padding-top: 132px;
  padding-bottom: 132px;
}

.m136 {
  margin: 136px;
}

.ml136 {
  margin-left: 136px;
}

.mr136 {
  margin-right: 136px;
}

.mt136 {
  margin-top: 136px;
}

.mb136 {
  margin-bottom: 136px;
}

.mx136 {
  margin-left: 136px;
  margin-right: 136px;
}

.my136 {
  margin-top: 136px;
  margin-bottom: 136px;
}

.p136 {
  padding: 136px;
}

.pl136 {
  padding-left: 136px;
}

.pr136 {
  padding-right: 136px;
}

.pt136 {
  padding-top: 136px;
}

.pb136 {
  padding-bottom: 136px;
}

.px136 {
  padding-left: 136px;
  padding-right: 136px;
}

.py136 {
  padding-top: 136px;
  padding-bottom: 136px;
}

.m140 {
  margin: 140px;
}

.ml140 {
  margin-left: 140px;
}

.mr140 {
  margin-right: 140px;
}

.mt140 {
  margin-top: 140px;
}

.mb140 {
  margin-bottom: 140px;
}

.mx140 {
  margin-left: 140px;
  margin-right: 140px;
}

.my140 {
  margin-top: 140px;
  margin-bottom: 140px;
}

.p140 {
  padding: 140px;
}

.pl140 {
  padding-left: 140px;
}

.pr140 {
  padding-right: 140px;
}

.pt140 {
  padding-top: 140px;
}

.pb140 {
  padding-bottom: 140px;
}

.px140 {
  padding-left: 140px;
  padding-right: 140px;
}

.py140 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.m144 {
  margin: 144px;
}

.ml144 {
  margin-left: 144px;
}

.mr144 {
  margin-right: 144px;
}

.mt144 {
  margin-top: 144px;
}

.mb144 {
  margin-bottom: 144px;
}

.mx144 {
  margin-left: 144px;
  margin-right: 144px;
}

.my144 {
  margin-top: 144px;
  margin-bottom: 144px;
}

.p144 {
  padding: 144px;
}

.pl144 {
  padding-left: 144px;
}

.pr144 {
  padding-right: 144px;
}

.pt144 {
  padding-top: 144px;
}

.pb144 {
  padding-bottom: 144px;
}

.px144 {
  padding-left: 144px;
  padding-right: 144px;
}

.py144 {
  padding-top: 144px;
  padding-bottom: 144px;
}

.m148 {
  margin: 148px;
}

.ml148 {
  margin-left: 148px;
}

.mr148 {
  margin-right: 148px;
}

.mt148 {
  margin-top: 148px;
}

.mb148 {
  margin-bottom: 148px;
}

.mx148 {
  margin-left: 148px;
  margin-right: 148px;
}

.my148 {
  margin-top: 148px;
  margin-bottom: 148px;
}

.p148 {
  padding: 148px;
}

.pl148 {
  padding-left: 148px;
}

.pr148 {
  padding-right: 148px;
}

.pt148 {
  padding-top: 148px;
}

.pb148 {
  padding-bottom: 148px;
}

.px148 {
  padding-left: 148px;
  padding-right: 148px;
}

.py148 {
  padding-top: 148px;
  padding-bottom: 148px;
}

.m152 {
  margin: 152px;
}

.ml152 {
  margin-left: 152px;
}

.mr152 {
  margin-right: 152px;
}

.mt152 {
  margin-top: 152px;
}

.mb152 {
  margin-bottom: 152px;
}

.mx152 {
  margin-left: 152px;
  margin-right: 152px;
}

.my152 {
  margin-top: 152px;
  margin-bottom: 152px;
}

.p152 {
  padding: 152px;
}

.pl152 {
  padding-left: 152px;
}

.pr152 {
  padding-right: 152px;
}

.pt152 {
  padding-top: 152px;
}

.pb152 {
  padding-bottom: 152px;
}

.px152 {
  padding-left: 152px;
  padding-right: 152px;
}

.py152 {
  padding-top: 152px;
  padding-bottom: 152px;
}

.m156 {
  margin: 156px;
}

.ml156 {
  margin-left: 156px;
}

.mr156 {
  margin-right: 156px;
}

.mt156 {
  margin-top: 156px;
}

.mb156 {
  margin-bottom: 156px;
}

.mx156 {
  margin-left: 156px;
  margin-right: 156px;
}

.my156 {
  margin-top: 156px;
  margin-bottom: 156px;
}

.p156 {
  padding: 156px;
}

.pl156 {
  padding-left: 156px;
}

.pr156 {
  padding-right: 156px;
}

.pt156 {
  padding-top: 156px;
}

.pb156 {
  padding-bottom: 156px;
}

.px156 {
  padding-left: 156px;
  padding-right: 156px;
}

.py156 {
  padding-top: 156px;
  padding-bottom: 156px;
}

.m160 {
  margin: 160px;
}

.ml160 {
  margin-left: 160px;
}

.mr160 {
  margin-right: 160px;
}

.mt160 {
  margin-top: 160px;
}

.mb160 {
  margin-bottom: 160px;
}

.mx160 {
  margin-left: 160px;
  margin-right: 160px;
}

.my160 {
  margin-top: 160px;
  margin-bottom: 160px;
}

.p160 {
  padding: 160px;
}

.pl160 {
  padding-left: 160px;
}

.pr160 {
  padding-right: 160px;
}

.pt160 {
  padding-top: 160px;
}

.pb160 {
  padding-bottom: 160px;
}

.px160 {
  padding-left: 160px;
  padding-right: 160px;
}

.py160 {
  padding-top: 160px;
  padding-bottom: 160px;
}

.row-columns {
  flex-direction: column;
}

.user-profile-links-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.user-profile-links-wrapper .user-profile-links {
  display: flex;
}

.block-local-tasks-block {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 12px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #0F0F0F;
  border-top: 4px solid #0678BE;
}
.block-local-tasks-block ul li.is-active a {
  background-color: transparent;
  border: 2px solid #F6F6F2;
}
.block-local-tasks-block ul li a {
  background-color: transparent;
  color: #F6F6F2;
  border: 2px solid transparent;
  border-radius: 4px;
}
.block-local-tasks-block ul li a:hover {
  background-color: transparent;
  border: 2px solid #F6F6F2;
}
@media (max-width: 576px) {
  .block-local-tasks-block ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .block-local-tasks-block ul li {
    margin-bottom: 8px;
  }
}

.user-login-wrapper .container-fluid {
  padding: 0px;
}

.user-type-authenticated .user-login-wrapper .container-fluid {
  width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: calc(1296px + 24px)) {
  .user-type-authenticated .user-login-wrapper .container-fluid {
    max-width: calc(1296px + 24px);
  }
}
@media (max-width: 1328px) and (min-width: 1028px) {
  .user-type-authenticated .user-login-wrapper .container-fluid {
    padding-right: 3%;
    padding-left: 3%;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .user-type-authenticated .user-login-wrapper .container-fluid {
    padding-right: 40px;
    padding-left: 40px;
  }
}

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

* {
  margin: 0px;
  padding: 0px;
}

html {
  overflow-y: scroll !important;
}

body {
  overflow-x: hidden !important;
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  line-height: 1.5;
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

input,
button,
textarea,
select {
  font: inherit;
}

textarea {
  white-space: revert;
}

table {
  border-collapse: collapse;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
  margin-bottom: 1rem;
}

body.gin-login {
  overflow: unset !important;
  overflow-x: unset !important;
}

select {
  appearance: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_3734_2653)'><path d='M16.59 8.59003L12 13.17L7.41 8.59003L6 10L12 16L18 10L16.59 8.59003Z' fill='%233A3A3A'/></g><defs><clipPath id='clip0_3734_2653'><rect width='24' height='24' fill='white'/></clipPath></defs></svg>") no-repeat calc(100% - 10px) center;
  background-size: 16px 16px;
  padding-right: 16px;
}

body {
  background-color: #FFFFFF;
  position: relative;
  overflow-y: hidden;
}
body.header_is_sticky {
  padding-top: 128px;
}
@media (max-width: 992px) {
  body.header_is_sticky {
    padding-top: 128px;
  }
}

.bg-fullscreen-white {
  position: absolute;
  top: 0;
  left: calc(-50vw + 50%);
  content: "";
  height: 100%;
  width: 100vw;
  max-width: none;
  display: block;
  z-index: -1;
  background-color: #FFFFFF;
}

.bg-fullscreen-black {
  position: absolute;
  top: 0;
  left: calc(-50vw + 50%);
  content: "";
  height: 100%;
  width: 100vw;
  max-width: none;
  display: block;
  z-index: -1;
  background-color: #000000;
}

.bg-fullscreen-neutral {
  position: absolute;
  top: 0;
  left: calc(-50vw + 50%);
  content: "";
  height: 100%;
  width: 100vw;
  max-width: none;
  display: block;
  z-index: -1;
  background-color: var(--neutral2);
}

.bg-fullscreen-accent {
  position: absolute;
  top: 0;
  left: calc(-50vw + 50%);
  content: "";
  height: 100%;
  width: 100vw;
  max-width: none;
  display: block;
  z-index: -1;
  background-color: var(--accent2);
}

.bg-fullscreen-primary {
  position: absolute;
  top: 0;
  left: calc(-50vw + 50%);
  content: "";
  height: 100%;
  width: 100vw;
  max-width: none;
  display: block;
  z-index: -1;
  background-color: var(--primary2);
}

.bg-fullscreen-secondary {
  position: absolute;
  top: 0;
  left: calc(-50vw + 50%);
  content: "";
  height: 100%;
  width: 100vw;
  max-width: none;
  display: block;
  z-index: -1;
  background-color: var(--secondary3);
}

/* @include media-breakpoint-up(lg) {
  ::-webkit-scrollbar {
    width: 12px;
  }

  ::-webkit-scrollbar-track {
    border-radius: 0px;
  }

  ::-webkit-scrollbar-thumb {
    background: $accent2;
    border-radius: 0px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: $neutral2;
  }
} */
::-moz-selection {
  background: var(--secondary3);
  color: #FFFFFF;
}

::selection {
  background: var(--secondary3);
  color: #FFFFFF;
}

.node-404 .section__404__wrapper,
.node-404 .section__403__wrapper,
.node-403 .section__404__wrapper,
.node-403 .section__403__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 60vh;
}
.node-404 .section__404__wrapper h2, .node-404 .section__404__wrapper h3,
.node-404 .section__403__wrapper h2,
.node-404 .section__403__wrapper h3,
.node-403 .section__404__wrapper h2,
.node-403 .section__404__wrapper h3,
.node-403 .section__403__wrapper h2,
.node-403 .section__403__wrapper h3 {
  margin-bottom: 24px;
}
.node-404 .section__404__wrapper a,
.node-404 .section__403__wrapper a,
.node-403 .section__404__wrapper a,
.node-403 .section__403__wrapper a {
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
}
.node-404 .section__404__wrapper a:hover,
.node-404 .section__403__wrapper a:hover,
.node-403 .section__404__wrapper a:hover,
.node-403 .section__403__wrapper a:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}

.node-privacy .section__privacy__wrapper {
  min-height: 50vh;
}
.node-privacy .section__privacy__wrapper h2 {
  font: normal normal 700 clamp(3rem, 2.2279rem + 2.0588vw, 3.875rem)/1.1 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  .node-privacy .section__privacy__wrapper h2 {
    font: normal normal 700 clamp(3rem, 2.2279rem + 2.0588vw, 3.875rem)/1.1 "IBM Plex Sans", sans-serif;
  }
}

.breadcrumb ol,
.breadcrumbs ol {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.breadcrumb ol li,
.breadcrumbs ol li {
  font: normal normal 400 13px/1.4 "IBM Plex Sans", sans-serif;
  color: #000000;
}
@media (max-width: 768px) {
  .breadcrumb ol li,
  .breadcrumbs ol li {
    font: normal normal 400 12px/1.4 "IBM Plex Sans", sans-serif;
  }
}
@media (max-width: 992px) {
  .breadcrumb ol li,
  .breadcrumbs ol li {
    margin-top: 6px;
  }
}
.breadcrumb ol li::before,
.breadcrumbs ol li::before {
  position: relative;
  left: -2px;
  content: "/";
}
@media (max-width: 992px) {
  .breadcrumb ol li:last-child,
  .breadcrumbs ol li:last-child {
    margin-left: 4px;
  }
}
.breadcrumb ol li:first-child,
.breadcrumbs ol li:first-child {
  position: relative;
}
.breadcrumb ol li:first-child a,
.breadcrumbs ol li:first-child a {
  padding-left: 20px;
}
.breadcrumb ol li:first-child::before,
.breadcrumbs ol li:first-child::before {
  content: "home";
  font-family: "Material Symbols Sharp";
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 53%;
  transform: translateY(-56%);
  transition: transform 0.3s ease;
  color: var(--secondary2);
}
.breadcrumb ol li a,
.breadcrumbs ol li a {
  font: normal normal 400 13px/1.4 "IBM Plex Sans", sans-serif;
  padding: 4px 6px;
  text-decoration: none;
  color: var(--secondary2);
  background-color: #FFFFFF;
  border-radius: 24px;
  margin-left: 6px;
  margin-right: 6px;
}
@media (max-width: 768px) {
  .breadcrumb ol li a,
  .breadcrumbs ol li a {
    font: normal normal 400 12px/1.4 "IBM Plex Sans", sans-serif;
  }
}
.breadcrumb ol li span,
.breadcrumbs ol li span {
  font: normal normal 400 13px/1.4 "IBM Plex Sans", sans-serif;
  padding: 4px 6px;
  margin-left: 6px;
  margin-right: 6px;
}
@media (max-width: 768px) {
  .breadcrumb ol li span,
  .breadcrumbs ol li span {
    font: normal normal 400 12px/1.4 "IBM Plex Sans", sans-serif;
  }
}

/* :focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid #007be0 !important;
  outline-offset: 3px;
  box-shadow: 0 0 5px rgba(0, 89, 255, 0.166);
} */
.skip-link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}

html.no-js [data-aos] {
  opacity: 1 !important;
  transform: none !important;
}

.bg-abso {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: -10;
  pointer-events: none;
}
@media (max-width: 992px) {
  .bg-abso {
    width: 200vw;
  }
}
.bg-abso svg {
  width: 100%;
}
@media (max-width: 992px) {
  .bg-abso svg {
    position: absolute;
    inset: 0;
    left: -200px;
  }
}
.bg-abso svg [stop-color="#A1DED2"] {
  stop-color: hsl(var(--hue-accent), 100%, 50%);
}
.bg-abso svg [stop-color="#C4E8F8"] {
  stop-color: hsl(var(--hue-primary-secondary), 100%, 50%);
}
.bg-abso svg path {
  stroke-opacity: 0.15;
}
.bg-abso svg ellipse {
  fill-opacity: 0.3;
}

.path-user.theme-default:not(.user-logged-in) .bg-abso {
  display: none;
}
.path-user.theme-default:not(.user-logged-in) .bg-abso-path-log {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: -10;
  pointer-events: none;
  background-color: var(--primary2);
}
.path-user.theme-default:not(.user-logged-in) .bg-abso-path-log svg {
  width: 100%;
}
.path-user.theme-default:not(.user-logged-in) .bg-abso-path-log svg [stop-color="#A1DED2"] {
  stop-color: hsl(var(--hue-accent), 100%, 50%);
}
.path-user.theme-default:not(.user-logged-in) .bg-abso-path-log svg [stop-color="#0D9B8A"] {
  stop-color: hsl(var(--hue-primary-secondary), 100%, 50%);
}
.path-user.theme-default:not(.user-logged-in) .bg-abso-path-log svg path {
  stroke-opacity: 0.15;
}
.path-user.theme-default:not(.user-logged-in) .bg-abso-path-log svg ellipse {
  fill-opacity: 0.3;
}

@media (max-width: 992px) {
  .svg-desk {
    display: none;
  }
}

@media (min-width: 992px) {
  .svg-mobile {
    display: none;
  }
}
@media (max-width: 576px) {
  .svg-mobile {
    width: 100%;
  }
}

header input,
main input,
footer input,
.wrapper-menu-mobile input {
  padding: 12px 12px 12px 12px;
  font: normal normal 400 15px/1.4 "IBM Plex Sans", sans-serif;
  border: none;
  border-radius: 4px;
  background-color: var(--neutral1);
  border: 1px solid transparent;
}
@media (max-width: 768px) {
  header input,
  main input,
  footer input,
  .wrapper-menu-mobile input {
    font: normal normal 400 14px/1.4 "IBM Plex Sans", sans-serif;
  }
}
header input:focus,
main input:focus,
footer input:focus,
.wrapper-menu-mobile input:focus {
  outline: none;
  border: 1px solid var(--neutral3);
  background-color: transparent;
}
header input:focus::placeholder,
main input:focus::placeholder,
footer input:focus::placeholder,
.wrapper-menu-mobile input:focus::placeholder {
  opacity: 0.7;
}
header input::placeholder,
main input::placeholder,
footer input::placeholder,
.wrapper-menu-mobile input::placeholder {
  font: normal normal 400 15px/1.4 "IBM Plex Sans", sans-serif;
  color: var(--neutral3);
}
@media (max-width: 768px) {
  header input::placeholder,
  main input::placeholder,
  footer input::placeholder,
  .wrapper-menu-mobile input::placeholder {
    font: normal normal 400 14px/1.4 "IBM Plex Sans", sans-serif;
  }
}
header .wrapper-input-search,
main .wrapper-input-search,
footer .wrapper-input-search,
.wrapper-menu-mobile .wrapper-input-search {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
header .wrapper-input-search picture,
main .wrapper-input-search picture,
footer .wrapper-input-search picture,
.wrapper-menu-mobile .wrapper-input-search picture {
  position: absolute;
  left: 12px;
}
header .wrapper-input-search input[type=search],
main .wrapper-input-search input[type=search],
footer .wrapper-input-search input[type=search],
.wrapper-menu-mobile .wrapper-input-search input[type=search] {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 12px;
  padding-left: 32px;
}
header button,
header .btn,
main button,
main .btn,
footer button,
footer .btn,
.wrapper-menu-mobile button,
.wrapper-menu-mobile .btn {
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
}
header button:hover,
header .btn:hover,
main button:hover,
main .btn:hover,
footer button:hover,
footer .btn:hover,
.wrapper-menu-mobile button:hover,
.wrapper-menu-mobile .btn:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
header .btn-changing,
main .btn-changing,
footer .btn-changing,
.wrapper-menu-mobile .btn-changing {
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  position: relative;
  padding-right: 2.5rem;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  text-align: center;
}
header .btn-changing:hover,
main .btn-changing:hover,
footer .btn-changing:hover,
.wrapper-menu-mobile .btn-changing:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
header .btn-changing.noafter,
main .btn-changing.noafter,
footer .btn-changing.noafter,
.wrapper-menu-mobile .btn-changing.noafter {
  padding-right: 24px;
}
header .btn-changing.noafter::after,
main .btn-changing.noafter::after,
footer .btn-changing.noafter::after,
.wrapper-menu-mobile .btn-changing.noafter::after {
  display: none;
}
header .btn-changing::after,
main .btn-changing::after,
footer .btn-changing::after,
.wrapper-menu-mobile .btn-changing::after {
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
header .btn-changing:hover,
main .btn-changing:hover,
footer .btn-changing:hover,
.wrapper-menu-mobile .btn-changing:hover {
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
header .btn-changing:hover::after,
main .btn-changing:hover::after,
footer .btn-changing:hover::after,
.wrapper-menu-mobile .btn-changing:hover::after {
  transform: translate(0.25rem, -50%);
}
header .btn-changing-outlined,
main .btn-changing-outlined,
footer .btn-changing-outlined,
.wrapper-menu-mobile .btn-changing-outlined {
  all: unset;
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--primary2);
  background-color: transparent;
  color: var(--primary2);
  transition: all 0.2s ease-in-out;
}
header .btn-changing-outlined:hover,
main .btn-changing-outlined:hover,
footer .btn-changing-outlined:hover,
.wrapper-menu-mobile .btn-changing-outlined:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
header .btn-changing-outlined:hover,
main .btn-changing-outlined:hover,
footer .btn-changing-outlined:hover,
.wrapper-menu-mobile .btn-changing-outlined:hover {
  border: 1px solid transparent;
  background-color: var(--primary3);
}
header .btn-changing-outlined-accent-3-previous,
main .btn-changing-outlined-accent-3-previous,
footer .btn-changing-outlined-accent-3-previous,
.wrapper-menu-mobile .btn-changing-outlined-accent-3-previous {
  all: unset;
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent1);
  background-color: transparent;
  color: var(--accent3);
  transition: all 0.2s ease-in-out;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 40px;
  padding-right: 24px;
  position: relative;
  border-radius: 12px;
}
header .btn-changing-outlined-accent-3-previous:hover,
main .btn-changing-outlined-accent-3-previous:hover,
footer .btn-changing-outlined-accent-3-previous:hover,
.wrapper-menu-mobile .btn-changing-outlined-accent-3-previous:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
header .btn-changing-outlined-accent-3-previous::after,
main .btn-changing-outlined-accent-3-previous::after,
footer .btn-changing-outlined-accent-3-previous::after,
.wrapper-menu-mobile .btn-changing-outlined-accent-3-previous::after {
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  transition: transform 0.3s ease;
}
header .btn-changing-outlined-accent-3-previous:hover,
main .btn-changing-outlined-accent-3-previous:hover,
footer .btn-changing-outlined-accent-3-previous:hover,
.wrapper-menu-mobile .btn-changing-outlined-accent-3-previous:hover {
  border: 1px solid transparent;
  background-color: #000000;
  color: #FFFFFF;
}
header .btn-download-link,
main .btn-download-link,
footer .btn-download-link,
.wrapper-menu-mobile .btn-download-link {
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  background-color: transparent;
  border: none;
  color: var(--accent2);
  position: relative;
  padding: 0px;
  padding-left: 42px;
  text-decoration: none;
  display: inline;
  height: fit-content;
  transition: all 0.2s ease-in-out;
}
header .btn-download-link::after,
main .btn-download-link::after,
footer .btn-download-link::after,
.wrapper-menu-mobile .btn-download-link::after {
  content: "file_download";
  font-family: "Material Icons Round";
  font-weight: 400;
  font-size: 20px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-45%);
  transition: transform 0.3s ease;
  padding: 4px;
}
header .btn-download-link:hover,
main .btn-download-link:hover,
footer .btn-download-link:hover,
.wrapper-menu-mobile .btn-download-link:hover {
  color: #000000;
  background-color: transparent;
  color: inherit;
  border: none;
}
header .btn-footer-link, header span.btn-footer-link,
main .btn-footer-link,
main span.btn-footer-link,
footer .btn-footer-link,
footer span.btn-footer-link,
.wrapper-menu-mobile .btn-footer-link,
.wrapper-menu-mobile span.btn-footer-link {
  all: unset;
  cursor: pointer;
  font: normal normal 400 16px/1.4 "IBM Plex Sans", sans-serif;
  background-color: transparent;
  border: none;
  color: var(--accent1);
  position: relative;
  padding: 0px;
  padding-right: 42px;
  text-decoration: none;
  display: inline;
  height: fit-content;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 768px) {
  header .btn-footer-link, header span.btn-footer-link,
  main .btn-footer-link,
  main span.btn-footer-link,
  footer .btn-footer-link,
  footer span.btn-footer-link,
  .wrapper-menu-mobile .btn-footer-link,
  .wrapper-menu-mobile span.btn-footer-link {
    font: normal normal 400 16px/1.4 "IBM Plex Sans", sans-serif;
  }
}
header .btn-footer-link::after, header span.btn-footer-link::after,
main .btn-footer-link::after,
main span.btn-footer-link::after,
footer .btn-footer-link::after,
footer span.btn-footer-link::after,
.wrapper-menu-mobile .btn-footer-link::after,
.wrapper-menu-mobile span.btn-footer-link::after {
  content: "keyboard_arrow_right";
  font-family: "Material Icons Round";
  font-weight: 400;
  font-size: 20px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-45%);
  transition: transform 0.3s ease;
  padding: 4px;
}
header .btn-footer-link:hover, header span.btn-footer-link:hover,
main .btn-footer-link:hover,
main span.btn-footer-link:hover,
footer .btn-footer-link:hover,
footer span.btn-footer-link:hover,
.wrapper-menu-mobile .btn-footer-link:hover,
.wrapper-menu-mobile span.btn-footer-link:hover {
  color: #000000;
  background-color: transparent;
  color: inherit;
  border: none;
}
header .btn-changing-download-link,
main .btn-changing-download-link,
footer .btn-changing-download-link,
.wrapper-menu-mobile .btn-changing-download-link {
  all: unset;
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  cursor: pointer;
  background-color: var(--accent2);
  border: 1px solid var(--accent2);
  color: #FFFFFF;
  position: relative;
  padding-left: 42px;
  transition: all 0.2s ease-in-out;
  min-width: 264px;
  text-align: center;
  border-radius: 12px;
}
header .btn-changing-download-link:hover,
main .btn-changing-download-link:hover,
footer .btn-changing-download-link:hover,
.wrapper-menu-mobile .btn-changing-download-link:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
header .btn-changing-download-link::after,
main .btn-changing-download-link::after,
footer .btn-changing-download-link::after,
.wrapper-menu-mobile .btn-changing-download-link::after {
  content: "file_download";
  font-family: "Material Icons Round";
  font-weight: 400;
  font-size: 20px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-45%);
  transition: transform 0.3s ease;
  padding: 4px;
}
header .btn-changing-download-link:hover,
main .btn-changing-download-link:hover,
footer .btn-changing-download-link:hover,
.wrapper-menu-mobile .btn-changing-download-link:hover {
  color: #FFFFFF;
  background-color: #000000;
  border: 1px solid #000000;
}
header .btn-changing-download-link:hover::after,
main .btn-changing-download-link:hover::after,
footer .btn-changing-download-link:hover::after,
.wrapper-menu-mobile .btn-changing-download-link:hover::after {
  color: #FFFFFF;
}
header .btn-changing-outlined-accent-3,
main .btn-changing-outlined-accent-3,
footer .btn-changing-outlined-accent-3,
.wrapper-menu-mobile .btn-changing-outlined-accent-3 {
  all: unset;
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent1);
  background-color: transparent;
  color: var(--accent3);
  transition: all 0.2s ease-in-out;
  text-align: center;
  min-width: 200px;
  border-radius: 12px;
}
header .btn-changing-outlined-accent-3:hover,
main .btn-changing-outlined-accent-3:hover,
footer .btn-changing-outlined-accent-3:hover,
.wrapper-menu-mobile .btn-changing-outlined-accent-3:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
header .btn-changing-outlined-accent-3:hover,
main .btn-changing-outlined-accent-3:hover,
footer .btn-changing-outlined-accent-3:hover,
.wrapper-menu-mobile .btn-changing-outlined-accent-3:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
header .btn-download-link-doc,
main .btn-download-link-doc,
footer .btn-download-link-doc,
.wrapper-menu-mobile .btn-download-link-doc {
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  background-color: transparent;
  border: none;
  color: var(--accent2);
  position: relative;
  padding: 0px;
  padding-left: 42px;
  text-decoration: none;
  display: inline;
  height: fit-content;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 28px;
}
header .btn-download-link-doc::after,
main .btn-download-link-doc::after,
footer .btn-download-link-doc::after,
.wrapper-menu-mobile .btn-download-link-doc::after {
  content: "file_download";
  font-family: "Material Icons Round";
  font-weight: 400;
  font-size: 20px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-45%);
  transition: transform 0.3s ease;
  padding: 4px;
}
header .btn-download-link-doc:hover,
main .btn-download-link-doc:hover,
footer .btn-download-link-doc:hover,
.wrapper-menu-mobile .btn-download-link-doc:hover {
  color: #000000;
  background-color: transparent;
  color: inherit;
  border: none;
}
header .btn-download-link-doc::after,
main .btn-download-link-doc::after,
footer .btn-download-link-doc::after,
.wrapper-menu-mobile .btn-download-link-doc::after {
  content: "picture_as_pdf";
  font-family: "Material Icons Round";
  font-weight: 400;
  font-size: 20px;
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-45%);
  transition: transform 0.3s ease;
  padding: 4px;
}
header .btn-read-more,
main .btn-read-more,
footer .btn-read-more,
.wrapper-menu-mobile .btn-read-more {
  all: unset;
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  background-color: transparent;
  border: none;
  color: var(--accent2);
  position: relative;
  padding: 0px;
  padding-left: 42px;
  text-decoration: none;
  display: inline;
  height: fit-content;
  transition: all 0.2s ease-in-out;
  padding-left: 28px;
  padding-top: 12px;
  padding-bottom: 12px;
}
header .btn-read-more::after,
main .btn-read-more::after,
footer .btn-read-more::after,
.wrapper-menu-mobile .btn-read-more::after {
  content: "file_download";
  font-family: "Material Icons Round";
  font-weight: 400;
  font-size: 20px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-45%);
  transition: transform 0.3s ease;
  padding: 4px;
}
header .btn-read-more:hover,
main .btn-read-more:hover,
footer .btn-read-more:hover,
.wrapper-menu-mobile .btn-read-more:hover {
  color: #000000;
  background-color: transparent;
  color: inherit;
  border: none;
}
header .btn-read-more::after,
main .btn-read-more::after,
footer .btn-read-more::after,
.wrapper-menu-mobile .btn-read-more::after {
  content: "add";
  font-family: "Material Icons Round";
  font-weight: 400;
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-55%);
  transition: transform 0.3s ease;
  padding: 4px;
}
header .btn-read-more.expanded::after,
main .btn-read-more.expanded::after,
footer .btn-read-more.expanded::after,
.wrapper-menu-mobile .btn-read-more.expanded::after {
  content: "remove";
}
header .btn-read-more-order,
main .btn-read-more-order,
footer .btn-read-more-order,
.wrapper-menu-mobile .btn-read-more-order {
  all: unset;
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  background-color: transparent;
  border: none;
  color: var(--accent2);
  position: relative;
  padding: 0px;
  padding-left: 42px;
  text-decoration: none;
  display: inline;
  height: fit-content;
  transition: all 0.2s ease-in-out;
  padding-left: 28px;
  padding-top: 12px;
  padding-bottom: 12px;
}
header .btn-read-more-order::after,
main .btn-read-more-order::after,
footer .btn-read-more-order::after,
.wrapper-menu-mobile .btn-read-more-order::after {
  content: "file_download";
  font-family: "Material Icons Round";
  font-weight: 400;
  font-size: 20px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-45%);
  transition: transform 0.3s ease;
  padding: 4px;
}
header .btn-read-more-order:hover,
main .btn-read-more-order:hover,
footer .btn-read-more-order:hover,
.wrapper-menu-mobile .btn-read-more-order:hover {
  color: #000000;
  background-color: transparent;
  color: inherit;
  border: none;
}
header .btn-read-more-order::after,
main .btn-read-more-order::after,
footer .btn-read-more-order::after,
.wrapper-menu-mobile .btn-read-more-order::after {
  content: "add";
  font-family: "Material Icons Round";
  font-weight: 400;
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-55%);
  transition: transform 0.3s ease;
  padding: 4px;
}
header .btn-edit,
main .btn-edit,
footer .btn-edit,
.wrapper-menu-mobile .btn-edit {
  all: unset;
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--primary3);
  background-color: transparent;
  position: relative;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  text-align: center;
  color: var(--accent3);
  padding-left: 40px;
  font-weight: 700;
}
header .btn-edit:hover,
main .btn-edit:hover,
footer .btn-edit:hover,
.wrapper-menu-mobile .btn-edit:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
header .btn-edit::after,
main .btn-edit::after,
footer .btn-edit::after,
.wrapper-menu-mobile .btn-edit::after {
  content: "edit";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 18px;
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  color: var(--accent3);
}
header .btn-edit:hover,
main .btn-edit:hover,
footer .btn-edit:hover,
.wrapper-menu-mobile .btn-edit:hover {
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
  color: #FFFFFF;
}
header .btn-edit:hover::after,
main .btn-edit:hover::after,
footer .btn-edit:hover::after,
.wrapper-menu-mobile .btn-edit:hover::after {
  color: #FFFFFF;
}
header .btn-disabled,
main .btn-disabled,
footer .btn-disabled,
.wrapper-menu-mobile .btn-disabled {
  all: unset;
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--neutral1);
  background-color: var(--neutral1);
  position: relative;
  border-radius: 12px;
  text-align: center;
  color: #FFFFFF;
  font-weight: 700;
}
header .btn-disabled:hover,
main .btn-disabled:hover,
footer .btn-disabled:hover,
.wrapper-menu-mobile .btn-disabled:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
header .btn-disabled::after,
main .btn-disabled::after,
footer .btn-disabled::after,
.wrapper-menu-mobile .btn-disabled::after {
  display: none;
}
header .btn-disabled:hover,
main .btn-disabled:hover,
footer .btn-disabled:hover,
.wrapper-menu-mobile .btn-disabled:hover {
  border: 1px solid var(--neutral1);
  background-color: var(--neutral1);
  box-shadow: inherit;
  color: #FFFFFF;
}
header .btn-disabled:hover::after,
main .btn-disabled:hover::after,
footer .btn-disabled:hover::after,
.wrapper-menu-mobile .btn-disabled:hover::after {
  display: none;
}
header .mb-0,
main .mb-0,
footer .mb-0,
.wrapper-menu-mobile .mb-0 {
  margin-bottom: 0px;
}
header .mb-8,
main .mb-8,
footer .mb-8,
.wrapper-menu-mobile .mb-8 {
  margin-bottom: 8px;
}
header .py-12,
main .py-12,
footer .py-12,
.wrapper-menu-mobile .py-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

header h1, header .h1,
main h1,
main .h1,
footer h1,
footer .h1,
.wrapper-menu-mobile h1,
.wrapper-menu-mobile .h1 {
  font: normal normal 700 clamp(3rem, 2.2279rem + 2.0588vw, 3.875rem)/1.1 "IBM Plex Sans", sans-serif;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  header h1, header .h1,
  main h1,
  main .h1,
  footer h1,
  footer .h1,
  .wrapper-menu-mobile h1,
  .wrapper-menu-mobile .h1 {
    font: normal normal 700 clamp(3rem, 2.2279rem + 2.0588vw, 3.875rem)/1.1 "IBM Plex Sans", sans-serif;
  }
}
header h2, header .h2,
main h2,
main .h2,
footer h2,
footer .h2,
.wrapper-menu-mobile h2,
.wrapper-menu-mobile .h2 {
  font: normal normal 700 clamp(2.25rem, 1.5882rem + 1.7647vw, 3rem)/1.1 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  header h2, header .h2,
  main h2,
  main .h2,
  footer h2,
  footer .h2,
  .wrapper-menu-mobile h2,
  .wrapper-menu-mobile .h2 {
    font: normal normal 700 clamp(2.25rem, 1.5882rem + 1.7647vw, 3rem)/1.1 "IBM Plex Sans", sans-serif;
  }
}
header h3, header .h3,
main h3,
main .h3,
footer h3,
footer .h3,
.wrapper-menu-mobile h3,
.wrapper-menu-mobile .h3 {
  font: normal normal 700 clamp(1.75rem, 1.1985rem + 1.4706vw, 2.375rem)/1.1 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  header h3, header .h3,
  main h3,
  main .h3,
  footer h3,
  footer .h3,
  .wrapper-menu-mobile h3,
  .wrapper-menu-mobile .h3 {
    font: normal normal 700 clamp(1.75rem, 1.1985rem + 1.4706vw, 2.375rem)/1.1 "IBM Plex Sans", sans-serif;
  }
}
header h4, header .h4,
main h4,
main .h4,
footer h4,
footer .h4,
.wrapper-menu-mobile h4,
.wrapper-menu-mobile .h4 {
  font: normal normal 600 clamp(1.5rem, 1.0588rem + 1.1765vw, 2rem)/1.1 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  header h4, header .h4,
  main h4,
  main .h4,
  footer h4,
  footer .h4,
  .wrapper-menu-mobile h4,
  .wrapper-menu-mobile .h4 {
    font: normal normal 600 clamp(1.5rem, 1.0588rem + 1.1765vw, 2rem)/1.1 "IBM Plex Sans", sans-serif;
  }
}
header h5, header .h5,
main h5,
main .h5,
footer h5,
footer .h5,
.wrapper-menu-mobile h5,
.wrapper-menu-mobile .h5 {
  font: normal normal 600 clamp(1.375rem, 1.0441rem + 0.8824vw, 1.75rem)/1.1 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  header h5, header .h5,
  main h5,
  main .h5,
  footer h5,
  footer .h5,
  .wrapper-menu-mobile h5,
  .wrapper-menu-mobile .h5 {
    font: normal normal 600 clamp(1.375rem, 1.0441rem + 0.8824vw, 1.75rem)/1.1 "IBM Plex Sans", sans-serif;
  }
}
header h6, header .h6,
main h6,
main .h6,
footer h6,
footer .h6,
.wrapper-menu-mobile h6,
.wrapper-menu-mobile .h6 {
  font: normal normal 600 clamp(1.25rem, 1.1397rem + 0.2941vw, 1.375rem)/1.1 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  header h6, header .h6,
  main h6,
  main .h6,
  footer h6,
  footer .h6,
  .wrapper-menu-mobile h6,
  .wrapper-menu-mobile .h6 {
    font: normal normal 600 clamp(1.25rem, 1.1397rem + 0.2941vw, 1.375rem)/1.1 "IBM Plex Sans", sans-serif;
  }
}
header p,
main p,
footer p,
.wrapper-menu-mobile p {
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  header p,
  main p,
  footer p,
  .wrapper-menu-mobile p {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}
header .p-xl,
main .p-xl,
footer .p-xl,
.wrapper-menu-mobile .p-xl {
  font: normal normal 400 20px/1.5 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  header .p-xl,
  main .p-xl,
  footer .p-xl,
  .wrapper-menu-mobile .p-xl {
    font: normal normal 400 20px/1.5 "IBM Plex Sans", sans-serif;
  }
}
header .p-l,
main .p-l,
footer .p-l,
.wrapper-menu-mobile .p-l {
  font: normal normal 400 19px/1.5 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  header .p-l,
  main .p-l,
  footer .p-l,
  .wrapper-menu-mobile .p-l {
    font: normal normal 400 18px/1.5 "IBM Plex Sans", sans-serif;
  }
}
header .p-s,
main .p-s,
footer .p-s,
.wrapper-menu-mobile .p-s {
  font: normal normal 400 15px/1.4 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  header .p-s,
  main .p-s,
  footer .p-s,
  .wrapper-menu-mobile .p-s {
    font: normal normal 400 14px/1.4 "IBM Plex Sans", sans-serif;
  }
}
header .p-xs,
main .p-xs,
footer .p-xs,
.wrapper-menu-mobile .p-xs {
  font: normal normal 400 13px/1.4 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  header .p-xs,
  main .p-xs,
  footer .p-xs,
  .wrapper-menu-mobile .p-xs {
    font: normal normal 400 12px/1.4 "IBM Plex Sans", sans-serif;
  }
}
header ul,
main ul,
footer ul,
.wrapper-menu-mobile ul {
  font: normal normal 400 16px/1.4 "IBM Plex Sans", sans-serif;
  padding-left: 20px;
}
@media (max-width: 768px) {
  header ul,
  main ul,
  footer ul,
  .wrapper-menu-mobile ul {
    font: normal normal 400 16px/1.4 "IBM Plex Sans", sans-serif;
  }
}
header ul.ul--inline,
main ul.ul--inline,
footer ul.ul--inline,
.wrapper-menu-mobile ul.ul--inline {
  display: flex;
}
header ul.ul--inline li:not(:first-of-type),
main ul.ul--inline li:not(:first-of-type),
footer ul.ul--inline li:not(:first-of-type),
.wrapper-menu-mobile ul.ul--inline li:not(:first-of-type) {
  margin-left: 8px;
}

header ul,
footer ul,
.wrapper-menu-mobile ul {
  all: unset;
}
header ul li,
footer ul li,
.wrapper-menu-mobile ul li {
  all: unset;
}
header ul li a,
header ul li span,
footer ul li a,
footer ul li span,
.wrapper-menu-mobile ul li a,
.wrapper-menu-mobile ul li span {
  font: normal normal 400 16px/1.4 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  header ul li a,
  header ul li span,
  footer ul li a,
  footer ul li span,
  .wrapper-menu-mobile ul li a,
  .wrapper-menu-mobile ul li span {
    font: normal normal 400 16px/1.4 "IBM Plex Sans", sans-serif;
  }
}
header a,
header span,
header label,
footer a,
footer span,
footer label,
.wrapper-menu-mobile a,
.wrapper-menu-mobile span,
.wrapper-menu-mobile label {
  all: unset;
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}
@media (max-width: 768px) {
  header a,
  header span,
  header label,
  footer a,
  footer span,
  footer label,
  .wrapper-menu-mobile a,
  .wrapper-menu-mobile span,
  .wrapper-menu-mobile label {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}
header a:hover,
header span:hover,
header label:hover,
footer a:hover,
footer span:hover,
footer label:hover,
.wrapper-menu-mobile a:hover,
.wrapper-menu-mobile span:hover,
.wrapper-menu-mobile label:hover {
  color: #000000;
}

main a {
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  color: var(--accent2);
}
@media (max-width: 768px) {
  main a {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}

form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
form input:not([type=checkbox]):not([type=submit]), form #card-number-element {
  width: 100%;
}
form textarea {
  display: block;
  resize: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
form label {
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  form label {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}
form input, form #card-number-element {
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  form input, form #card-number-element {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}
form .js-form-type-password {
  position: relative;
}
form .js-form-type-password .shwpd {
  position: absolute;
  right: 12px;
  top: 45%;
  transform: translateY(50%);
  margin-top: unset;
  opacity: 0.8;
}
form .js-form-item-pass-pass1 .shwpd {
  right: 42px;
}
@media (max-width: 992px) {
  form .js-form-item-pass-pass1 .shwpd {
    right: 12px;
  }
}
@media (max-width: 992px) {
  form .js-form-item-pass-pass2 .shwpd {
    top: 55%;
  }
}
form .js-form-item-privacy-policy {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
form .js-form-item-privacy-policy input {
  margin-top: 4px;
}
form .js-form-item-privacy-policy .webform-element-description {
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  form .js-form-item-privacy-policy .webform-element-description {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}
form .js-form-item-privacy-policy .webform-element-description > * {
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  form .js-form-item-privacy-policy .webform-element-description > * {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}

.hero__page__wrapper {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.hero__page__wrapper .hero-background-wrapper {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}
.hero__page__wrapper .hero-background-wrapper img {
  position: absolute;
  top: 0;
  left: calc(-50vw + 50%);
  content: "";
  height: 100%;
  width: 100vw;
  max-width: none;
  display: block;
  z-index: -1;
  object-fit: cover;
}
.hero__page__wrapper .hero-background-wrapper::after {
  position: absolute;
  top: 0;
  left: calc(-50vw + 50%);
  content: "";
  height: 100%;
  width: 100vw;
  max-width: none;
  display: block;
  z-index: -1;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}
@media (max-width: 768px) {
  .hero__page__wrapper {
    min-height: 745px;
  }
}
@media (min-width: 1400px) {
  .hero__page__wrapper {
    min-height: 900px;
    max-height: 1080px;
  }
}
.hero__page__wrapper.remove-background {
  min-height: 0;
  background: none !important;
  color: hsl(198, 100%, 10%);
}
.hero__page__wrapper.remove-background .hero-background-wrapper img {
  display: none;
}
.hero__page__wrapper.remove-background .hero-background-wrapper::after {
  display: none;
}
.hero__page__wrapper .hero__page__video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: -1;
  height: 100%;
  object-fit: cover;
}
.hero__page__wrapper:not(.remove-background) .hero__page__text {
  color: hsl(198, 100%, 10%);
}
.hero__page__wrapper .row--content {
  align-items: flex-start;
}
.hero__page__wrapper .hero__page__text__title {
  margin-top: 48px;
}
@media (max-width: 992px) {
  .hero__page__wrapper .hero__page__text__title {
    margin-top: 0px;
  }
}
.hero__page__wrapper .hero__page__text__subtitle {
  font: normal normal 400 20px/1.5 "IBM Plex Sans", sans-serif;
  margin-top: 16px;
}
@media (max-width: 768px) {
  .hero__page__wrapper .hero__page__text__subtitle {
    font: normal normal 400 20px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.hero__page__wrapper .hero__page__text__intro {
  margin-top: 24px;
  margin-bottom: 48px;
}
@media (max-width: 992px) {
  .hero__page__wrapper .hero__page__text__intro {
    margin-bottom: 0px;
  }
}
.hero__page__wrapper .hero__page__text__intro .p-l {
  margin-bottom: 0px;
}
.hero__page__wrapper .hero__page__text__cta a {
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  position: relative;
  padding-right: 2.5rem;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  text-align: center;
}
.hero__page__wrapper .hero__page__text__cta a:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
.hero__page__wrapper .hero__page__text__cta a.noafter {
  padding-right: 24px;
}
.hero__page__wrapper .hero__page__text__cta a.noafter::after {
  display: none;
}
.hero__page__wrapper .hero__page__text__cta a::after {
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.hero__page__wrapper .hero__page__text__cta a:hover {
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
.hero__page__wrapper .hero__page__text__cta a:hover::after {
  transform: translate(0.25rem, -50%);
}
.hero__page__wrapper.text-image {
  color: hsl(198, 100%, 10%);
  margin-top: 80px;
  margin-bottom: 80px;
}
.hero__page__wrapper.text-image .col-6:first-child {
  padding-right: 24px;
}
@media (max-width: 992px) {
  .hero__page__wrapper.text-image .col-6:first-child {
    padding-right: 12px;
  }
}
.hero__page__wrapper.text-image .col-6:last-child {
  padding-left: 24px;
}
@media (max-width: 992px) {
  .hero__page__wrapper.text-image .col-6:last-child {
    padding-left: 12px;
    margin-top: 48px;
  }
}
@media (max-width: 768px) {
  .hero__page__wrapper.text-image .col-6 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.hero__page__wrapper.text-only {
  color: hsl(198, 100%, 10%);
}
@media (max-width: 768px) {
  .hero__page__wrapper.text-only .col-9 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}

.path-frontpage .hero__page__wrapper .row--content {
  align-items: center;
}

@media (max-width: 992px) {
  body:not(.path-frontpage) .hero__page__wrapper {
    margin-top: 48px;
  }
  body:not(.path-frontpage) .breadcrumb {
    margin-bottom: 48px;
    padding-bottom: 0px;
  }
}

.section__text__wrapper {
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(24px * -0.5);
  margin-left: calc(24px * -0.5);
}
.section__text__wrapper > [class^=col-],
.section__text__wrapper > [class*=" col-"], .section__text__wrapper > div {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
}
@media (max-width: 1024px) and (min-width: 768px) {
  .section__text__wrapper {
    margin-right: -40px;
    margin-left: -40px;
  }
  .section__text__wrapper > [class^=col-],
  .section__text__wrapper > [class*=" col-"], .section__text__wrapper > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.section__text__wrapper .column-text-wrap {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}

.section__tt__wrapper {
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(24px * -0.5);
  margin-left: calc(24px * -0.5);
}
.section__tt__wrapper > [class^=col-],
.section__tt__wrapper > [class*=" col-"], .section__tt__wrapper > div {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
}
@media (max-width: 1024px) and (min-width: 768px) {
  .section__tt__wrapper {
    margin-right: -40px;
    margin-left: -40px;
  }
  .section__tt__wrapper > [class^=col-],
  .section__tt__wrapper > [class*=" col-"], .section__tt__wrapper > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.section__tt__wrapper .column-tt-col {
  width: 50%;
  max-width: 50%;
  flex: 0 0 50%;
}
@media (max-width: 768px) {
  .section__tt__wrapper .column-tt-col {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.section__text-media__wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(24px * -0.5);
  margin-left: calc(24px * -0.5);
  align-items: center;
}
.section__text-media__wrapper > [class^=col-],
.section__text-media__wrapper > [class*=" col-"], .section__text-media__wrapper > div {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
}
@media (max-width: 1024px) and (min-width: 768px) {
  .section__text-media__wrapper {
    margin-right: -40px;
    margin-left: -40px;
  }
  .section__text-media__wrapper > [class^=col-],
  .section__text-media__wrapper > [class*=" col-"], .section__text-media__wrapper > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.section__text-media__wrapper.row-reverse {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .section__text-media__wrapper.row-reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 768px) {
  .section__text-media__wrapper {
    flex-direction: column-reverse;
  }
}
.section__text-media__wrapper__column-text, .section__text-media__wrapper__column-media {
  width: 50%;
  max-width: 50%;
  flex: 0 0 50%;
}
@media (max-width: 768px) {
  .section__text-media__wrapper__column-text, .section__text-media__wrapper__column-media {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.section__text-media__wrapper__column-media.has-svg {
  width: 16.6666666667%;
  max-width: 16.6666666667%;
  flex: 0 0 16.6666666667%;
  padding-right: 36px;
  align-self: flex-start;
}
.section__text-media__wrapper__column-media.has-svg svg [fill="#C4E8F8"] {
  fill: var(--primary3);
}
.section__text-media__wrapper__column-media.has-svg svg [fill="#3C7086"] {
  fill: var(--secondary2);
}
.section__text-media__wrapper__column-media.has-svg svg [fill="#002434"] {
  fill: var(--secondary3);
}
.section__text-media__wrapper__column-media.has-svg svg [fill="#609EB8"] {
  fill: var(--secondary1);
}
.section__text-media__wrapper__column-media.has-svg svg [stroke="#C4E8F8"] {
  stroke: var(--primary3);
}
.section__text-media__wrapper__column-media.has-svg svg [stroke="#3C7086"] {
  stroke: var(--secondary2);
}
.section__text-media__wrapper__column-media.has-svg svg [stroke="#002434"] {
  stroke: var(--secondary3);
}
.section__text-media__wrapper__column-media.has-svg svg [stroke="#609EB8"] {
  stroke: var(--secondary1);
}
@media (max-width: 1200px) {
  .section__text-media__wrapper__column-media.has-svg {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (max-width: 768px) {
  .section__text-media__wrapper__column-media.has-svg {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 32px;
  }
}
.section__text-media__wrapper__column-text.has-svg {
  width: 83.3333333333%;
  max-width: 83.3333333333%;
  flex: 0 0 83.3333333333%;
  align-self: flex-start;
}
@media (max-width: 1200px) {
  .section__text-media__wrapper__column-text.has-svg {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (max-width: 768px) {
  .section__text-media__wrapper__column-text.has-svg {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.section__text-media__wrapper .column-text-wrap__text {
  color: var(--neutral3);
}
.section__text-media__wrapper .column-text-wrap__text h1, .section__text-media__wrapper .column-text-wrap__text h2, .section__text-media__wrapper .column-text-wrap__text h3, .section__text-media__wrapper .column-text-wrap__text h4, .section__text-media__wrapper .column-text-wrap__text h5, .section__text-media__wrapper .column-text-wrap__text h6 {
  margin-bottom: 24px;
  color: hsl(198, 100%, 10%);
}
.section__text-media__wrapper .column-text-wrap__text .field--name-field-p-tm-text {
  margin-bottom: 24px p, li, span, ul li;
  margin-bottom-color: var(--neutral3);
}
.section__text-media__wrapper .column-text-wrap__cta .field--name-field-p-tm-cta {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.section__text-media__wrapper .column-text-wrap__cta .field--name-field-p-tm-cta a {
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  position: relative;
  padding-right: 2.5rem;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  text-align: center;
}
.section__text-media__wrapper .column-text-wrap__cta .field--name-field-p-tm-cta a:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
.section__text-media__wrapper .column-text-wrap__cta .field--name-field-p-tm-cta a.noafter {
  padding-right: 24px;
}
.section__text-media__wrapper .column-text-wrap__cta .field--name-field-p-tm-cta a.noafter::after {
  display: none;
}
.section__text-media__wrapper .column-text-wrap__cta .field--name-field-p-tm-cta a::after {
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.section__text-media__wrapper .column-text-wrap__cta .field--name-field-p-tm-cta a:hover {
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
.section__text-media__wrapper .column-text-wrap__cta .field--name-field-p-tm-cta a:hover::after {
  transform: translate(0.25rem, -50%);
}
.section__text-media__wrapper .column-media-wrap__media img,
.section__text-media__wrapper .column-media-wrap__media video {
  width: 100%;
  height: auto;
}
.section__text-media__wrapper .view-news .view-content {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
}
.section__text-media__wrapper .view-news .view-content .views-row {
  width: 100%;
  max-width: 100%;
}
.section__text-media__wrapper .btn-read-more {
  margin-top: 24px;
}

.section__text-form__wrapper {
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(24px * -0.5);
  margin-left: calc(24px * -0.5);
}
.section__text-form__wrapper > [class^=col-],
.section__text-form__wrapper > [class*=" col-"], .section__text-form__wrapper > div {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
}
@media (max-width: 1024px) and (min-width: 768px) {
  .section__text-form__wrapper {
    margin-right: -40px;
    margin-left: -40px;
  }
  .section__text-form__wrapper > [class^=col-],
  .section__text-form__wrapper > [class*=" col-"], .section__text-form__wrapper > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.section__text-form__wrapper__column-text {
  width: 50%;
  max-width: 50%;
  flex: 0 0 50%;
}
@media (max-width: 992px) {
  .section__text-form__wrapper__column-text {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.section__text-form__wrapper__column-form {
  width: 50%;
  max-width: 50%;
  flex: 0 0 50%;
}
.section__text-form__wrapper__column-form .column-form-wrap__form {
  padding: 24px;
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
.section__text-form__wrapper__column-form .column-form-wrap__form .webform-element-description {
  color: var(--neutral2);
  font: normal normal 400 13px/1.4 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  .section__text-form__wrapper__column-form .column-form-wrap__form .webform-element-description {
    font: normal normal 400 12px/1.4 "IBM Plex Sans", sans-serif;
  }
}
.section__text-form__wrapper__column-form .column-form-wrap__form .form-composite > legend {
  color: var(--neutral3);
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  .section__text-form__wrapper__column-form .column-form-wrap__form .form-composite > legend {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.section__text-form__wrapper__column-form .column-form-wrap__form label {
  color: var(--neutral3);
}
.section__text-form__wrapper__column-form .column-form-wrap__form .form-type-checkbox label {
  display: block !important;
  margin-left: 8px;
}
.section__text-form__wrapper__column-form .column-form-wrap__form .form-type-checkbox input {
  margin-top: 7px;
}
.section__text-form__wrapper__column-form .column-form-wrap__form textarea {
  background-color: transparent;
  padding: 16px;
  border-radius: 12px;
  font: normal normal 400 13px/1.4 "IBM Plex Sans", sans-serif;
  border: 1px solid var(--neutral1);
  color: var(--neutral2);
}
@media (max-width: 992px) {
  .section__text-form__wrapper__column-form {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-top: 40px;
  }
}
.section__text-form__wrapper.form-only .section__text-form__wrapper__column-form {
  width: 58.3333333333%;
  max-width: 58.3333333333%;
  flex: 0 0 58.3333333333%;
  margin: 0 auto;
}
.section__text-form__wrapper.form-only form {
  align-items: flex-start;
  flex-wrap: wrap;
}
.section__text-form__wrapper.form-only form .js-form-item {
  width: 100%;
}
.section__text-form__wrapper.form-only form .form-textarea-wrapper, .section__text-form__wrapper.form-only form .textarea {
  width: 100%;
}
.section__text-form__wrapper .column-text-wrap__text .field--name-field-p-tm-text {
  margin-bottom: 48px;
}
.section__text-form__wrapper .column-text-wrap__cta .field--name-field-p-tf-cta {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.section__text-form__wrapper .column-text-wrap__cta .field--name-field-p-tf-cta a {
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  position: relative;
  padding-right: 2.5rem;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  text-align: center;
}
.section__text-form__wrapper .column-text-wrap__cta .field--name-field-p-tf-cta a:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
.section__text-form__wrapper .column-text-wrap__cta .field--name-field-p-tf-cta a.noafter {
  padding-right: 24px;
}
.section__text-form__wrapper .column-text-wrap__cta .field--name-field-p-tf-cta a.noafter::after {
  display: none;
}
.section__text-form__wrapper .column-text-wrap__cta .field--name-field-p-tf-cta a::after {
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.section__text-form__wrapper .column-text-wrap__cta .field--name-field-p-tf-cta a:hover {
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
.section__text-form__wrapper .column-text-wrap__cta .field--name-field-p-tf-cta a:hover::after {
  transform: translate(0.25rem, -50%);
}
.section__text-form__wrapper .menunavbar-nav li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.section__text-form__wrapper .menunavbar-nav .visually-hidden {
  display: block;
  visibility: visible;
  color: #000000;
  width: auto;
  height: auto;
  overflow: auto;
  position: relative !important;
}

.card__wrapper {
  width: 100%;
  height: 100%;
}
.card__wrapper .card__overlay {
  padding: 8px 8px 8px 8px;
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.card__wrapper .card__overlay.bg__active {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgb(0, 0, 0)), var(--bg-image);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.card__wrapper .card__overlay.bg__active .card__wrapper__title,
.card__wrapper .card__overlay.bg__active .card__wrapper__text {
  color: #FFFFFF !important;
}
.card__wrapper .card__overlay.bg__active .card__wrapper__title a,
.card__wrapper .card__overlay.bg__active .card__wrapper__text a {
  color: #FFFFFF !important;
}
.card__wrapper .card__wrapper__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.card__wrapper .card__wrapper__content.card__centered {
  align-items: center;
}
.card__wrapper .card__wrapper__content.card__centered .card__wrapper__title,
.card__wrapper .card__wrapper__content.card__centered .card__wrapper__text {
  text-align: center;
}
.card__wrapper__icon {
  margin-bottom: 32px;
}
.card__wrapper__icon img {
  width: 54px;
  height: auto;
}
.card__wrapper__label {
  margin-bottom: 8px;
}
.card__wrapper__label .field--name-field-p-card-label {
  display: inline-block;
  background: var(--accent2);
  color: #FFFFFF;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font: normal normal 400 13px/1.4 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  .card__wrapper__label .field--name-field-p-card-label {
    font: normal normal 400 12px/1.4 "IBM Plex Sans", sans-serif;
  }
}
.card__wrapper__title {
  margin-bottom: 16px;
}
.card__wrapper__title .field--name-field-p-card-title {
  font: normal normal 600 clamp(1.375rem, 1.0441rem + 0.8824vw, 1.75rem)/1.1 "IBM Plex Sans", sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 52px;
}
@media (max-width: 768px) {
  .card__wrapper__title .field--name-field-p-card-title {
    font: normal normal 600 clamp(1.375rem, 1.0441rem + 0.8824vw, 1.75rem)/1.1 "IBM Plex Sans", sans-serif;
  }
}
.card__wrapper__text {
  margin-bottom: 12px;
}
.card__wrapper__text .field--name-field-p-card-text,
.card__wrapper__text .field--name-field-p-card-text-long {
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 48px;
}
@media (max-width: 768px) {
  .card__wrapper__text .field--name-field-p-card-text,
  .card__wrapper__text .field--name-field-p-card-text-long {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.card__wrapper__cta .field--name-field-p-card-cta {
  display: flex;
  flex-wrap: wrap;
}
.card__wrapper__cta .field--name-field-p-card-cta a {
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  position: relative;
  padding-right: 2.5rem;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  text-align: center;
}
.card__wrapper__cta .field--name-field-p-card-cta a:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
.card__wrapper__cta .field--name-field-p-card-cta a.noafter {
  padding-right: 24px;
}
.card__wrapper__cta .field--name-field-p-card-cta a.noafter::after {
  display: none;
}
.card__wrapper__cta .field--name-field-p-card-cta a::after {
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.card__wrapper__cta .field--name-field-p-card-cta a:hover {
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
.card__wrapper__cta .field--name-field-p-card-cta a:hover::after {
  transform: translate(0.25rem, -50%);
}

.section__cards__wrapper {
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(24px * -0.5);
  margin-left: calc(24px * -0.5);
}
.section__cards__wrapper > [class^=col-],
.section__cards__wrapper > [class*=" col-"], .section__cards__wrapper > div {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
}
@media (max-width: 1024px) and (min-width: 768px) {
  .section__cards__wrapper {
    margin-right: -40px;
    margin-left: -40px;
  }
  .section__cards__wrapper > [class^=col-],
  .section__cards__wrapper > [class*=" col-"], .section__cards__wrapper > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.section__cards__wrapper .column-text-wrap,
.section__cards__wrapper .column-cards-wrap {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}
.section__cards__wrapper .column-text-wrap__text .field--name-field-p-cards-text,
.section__cards__wrapper .column-cards-wrap__text .field--name-field-p-cards-text {
  margin-bottom: 24px;
}
.section__cards__wrapper .column-text-wrap__text .field--name-field-p-cards-text h2,
.section__cards__wrapper .column-text-wrap__text .field--name-field-p-cards-text h3,
.section__cards__wrapper .column-text-wrap__text .field--name-field-p-cards-text h4,
.section__cards__wrapper .column-text-wrap__text .field--name-field-p-cards-text h5,
.section__cards__wrapper .column-text-wrap__text .field--name-field-p-cards-text h6,
.section__cards__wrapper .column-text-wrap__text .field--name-field-p-cards-text p,
.section__cards__wrapper .column-cards-wrap__text .field--name-field-p-cards-text h2,
.section__cards__wrapper .column-cards-wrap__text .field--name-field-p-cards-text h3,
.section__cards__wrapper .column-cards-wrap__text .field--name-field-p-cards-text h4,
.section__cards__wrapper .column-cards-wrap__text .field--name-field-p-cards-text h5,
.section__cards__wrapper .column-cards-wrap__text .field--name-field-p-cards-text h6,
.section__cards__wrapper .column-cards-wrap__text .field--name-field-p-cards-text p {
  text-align: center;
}
.section__cards__wrapper .column-text-wrap__cards .field--name-field-p-cards-card,
.section__cards__wrapper .column-cards-wrap__cards .field--name-field-p-cards-card {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(24px * -0.5);
  margin-left: calc(24px * -0.5);
  justify-content: center;
}
.section__cards__wrapper .column-text-wrap__cards .field--name-field-p-cards-card > [class^=col-],
.section__cards__wrapper .column-text-wrap__cards .field--name-field-p-cards-card > [class*=" col-"], .section__cards__wrapper .column-text-wrap__cards .field--name-field-p-cards-card > div,
.section__cards__wrapper .column-cards-wrap__cards .field--name-field-p-cards-card > [class^=col-],
.section__cards__wrapper .column-cards-wrap__cards .field--name-field-p-cards-card > [class*=" col-"],
.section__cards__wrapper .column-cards-wrap__cards .field--name-field-p-cards-card > div {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
}
@media (max-width: 1024px) and (min-width: 768px) {
  .section__cards__wrapper .column-text-wrap__cards .field--name-field-p-cards-card,
  .section__cards__wrapper .column-cards-wrap__cards .field--name-field-p-cards-card {
    margin-right: -40px;
    margin-left: -40px;
  }
  .section__cards__wrapper .column-text-wrap__cards .field--name-field-p-cards-card > [class^=col-],
  .section__cards__wrapper .column-text-wrap__cards .field--name-field-p-cards-card > [class*=" col-"], .section__cards__wrapper .column-text-wrap__cards .field--name-field-p-cards-card > div,
  .section__cards__wrapper .column-cards-wrap__cards .field--name-field-p-cards-card > [class^=col-],
  .section__cards__wrapper .column-cards-wrap__cards .field--name-field-p-cards-card > [class*=" col-"],
  .section__cards__wrapper .column-cards-wrap__cards .field--name-field-p-cards-card > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.section__cards__wrapper .column-text-wrap__cards .field--name-field-p-cards-card > .field__item,
.section__cards__wrapper .column-cards-wrap__cards .field--name-field-p-cards-card > .field__item {
  width: 33.3333333333%;
  max-width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .section__cards__wrapper .column-text-wrap__cards .field--name-field-p-cards-card > .field__item,
  .section__cards__wrapper .column-cards-wrap__cards .field--name-field-p-cards-card > .field__item {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (max-width: 576px) {
  .section__cards__wrapper .column-text-wrap__cards .field--name-field-p-cards-card > .field__item,
  .section__cards__wrapper .column-cards-wrap__cards .field--name-field-p-cards-card > .field__item {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.section__cards__wrapper .card__wrapper__image {
  margin-top: 24px;
  margin-bottom: 24px;
}
.section__cards__wrapper .card__wrapper__image img {
  border-radius: 100%;
}

.section__banner__wrapper {
  padding-top: 24px;
  padding-bottom: 24px;
}
.section__banner__wrapper .banner__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(24px * -0.5);
  margin-left: calc(24px * -0.5);
  padding-top: 80px;
  padding-bottom: 80px;
  justify-content: center;
}
.section__banner__wrapper .banner__wrapper > [class^=col-],
.section__banner__wrapper .banner__wrapper > [class*=" col-"], .section__banner__wrapper .banner__wrapper > div {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
}
@media (max-width: 1024px) and (min-width: 768px) {
  .section__banner__wrapper .banner__wrapper {
    margin-right: -40px;
    margin-left: -40px;
  }
  .section__banner__wrapper .banner__wrapper > [class^=col-],
  .section__banner__wrapper .banner__wrapper > [class*=" col-"], .section__banner__wrapper .banner__wrapper > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.section__banner__wrapper .banner__wrapper.bg__active {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--bg-image);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 576px) {
  .section__banner__wrapper .banner__wrapper.bg__active {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--bg-image-mobile);
  }
}
.section__banner__wrapper .banner__wrapper.bg__active .field--name-field-p-banner-title,
.section__banner__wrapper .banner__wrapper.bg__active .field--name-field-p-banner-text {
  color: #FFFFFF;
}
.section__banner__wrapper .banner__wrapper .column-text-wrap {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  /*
  &__title {
      .field--name-field-p-banner-title {
          @include h3;
          @include s-bottom-12(margin);
          text-align: center;
      }
  }*/
}
@media (min-width: 992px) {
  .section__banner__wrapper .banner__wrapper .column-text-wrap {
    max-width: 900px;
  }
}
.section__banner__wrapper .banner__wrapper .column-text-wrap__text .field--name-field-p-banner-text {
  text-align: center;
}
.section__banner__wrapper .banner__wrapper .column-text-wrap__cta .field--name-field-p-banner-cta {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin-top: 32px;
}
.section__banner__wrapper .banner__wrapper .column-text-wrap__cta .field--name-field-p-banner-cta a {
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  position: relative;
  padding-right: 2.5rem;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  text-align: center;
}
.section__banner__wrapper .banner__wrapper .column-text-wrap__cta .field--name-field-p-banner-cta a:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
.section__banner__wrapper .banner__wrapper .column-text-wrap__cta .field--name-field-p-banner-cta a.noafter {
  padding-right: 24px;
}
.section__banner__wrapper .banner__wrapper .column-text-wrap__cta .field--name-field-p-banner-cta a.noafter::after {
  display: none;
}
.section__banner__wrapper .banner__wrapper .column-text-wrap__cta .field--name-field-p-banner-cta a::after {
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.section__banner__wrapper .banner__wrapper .column-text-wrap__cta .field--name-field-p-banner-cta a:hover {
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
.section__banner__wrapper .banner__wrapper .column-text-wrap__cta .field--name-field-p-banner-cta a:hover::after {
  transform: translate(0.25rem, -50%);
}

.accordion__wrapper {
  margin-bottom: 12px;
}
.accordion__wrapper .accordion__wrapper__content {
  padding: 24px;
  padding-left: 12px;
  padding-right: 24px;
  background-color: #FFFFFF;
  border-radius: 12px;
  border: 1px solid var(--primary3);
}
.accordion__wrapper__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.accordion__wrapper__title .field--name-field-p-accordion-title {
  font: normal normal 400 20px/1.5 "IBM Plex Sans", sans-serif;
  margin-left: 12px;
  color: var(--neutral3);
}
@media (max-width: 768px) {
  .accordion__wrapper__title .field--name-field-p-accordion-title {
    font: normal normal 400 20px/1.5 "IBM Plex Sans", sans-serif;
  }
}
@media (max-width: 992px) {
  .accordion__wrapper__title .field--name-field-p-accordion-title {
    padding-right: 24px;
  }
}
.accordion__wrapper__title .accordion__icon {
  transition: all 0.5s;
  position: relative;
  width: 24px;
  height: 24px;
}
.accordion__wrapper__title .accordion__icon::after {
  all: unset;
  content: "chevron_right";
  font-family: "Material Icons Round";
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  color: var(--neutral3);
}
.accordion__wrapper__title .accordion__icon.open::after {
  transform: translate(-50%, -50%) rotate(-90deg);
}
.accordion__wrapper__text {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}
.accordion__wrapper__text p {
  margin-top: 24px;
  padding-left: 12px;
  padding-right: 48px;
  color: var(--neutral3);
}

.section__accordions__wrapper {
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(24px * -0.5);
  margin-left: calc(24px * -0.5);
}
.section__accordions__wrapper > [class^=col-],
.section__accordions__wrapper > [class*=" col-"], .section__accordions__wrapper > div {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
}
@media (max-width: 1024px) and (min-width: 768px) {
  .section__accordions__wrapper {
    margin-right: -40px;
    margin-left: -40px;
  }
  .section__accordions__wrapper > [class^=col-],
  .section__accordions__wrapper > [class*=" col-"], .section__accordions__wrapper > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.section__accordions__wrapper .column-text-wrap,
.section__accordions__wrapper .column-accordions-wrap {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}
.section__accordions__wrapper .column-text-wrap__text .field--name-field-p-accordions-text,
.section__accordions__wrapper .column-accordions-wrap__text .field--name-field-p-accordions-text {
  padding-top: 24px;
  padding-bottom: 24px;
}
.section__accordions__wrapper .column-text-wrap__accordions .field--name-field-p-accordions-accordion,
.section__accordions__wrapper .column-accordions-wrap__accordions .field--name-field-p-accordions-accordion {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(24px * -0.5);
  margin-left: calc(24px * -0.5);
}
.section__accordions__wrapper .column-text-wrap__accordions .field--name-field-p-accordions-accordion > [class^=col-],
.section__accordions__wrapper .column-text-wrap__accordions .field--name-field-p-accordions-accordion > [class*=" col-"], .section__accordions__wrapper .column-text-wrap__accordions .field--name-field-p-accordions-accordion > div,
.section__accordions__wrapper .column-accordions-wrap__accordions .field--name-field-p-accordions-accordion > [class^=col-],
.section__accordions__wrapper .column-accordions-wrap__accordions .field--name-field-p-accordions-accordion > [class*=" col-"],
.section__accordions__wrapper .column-accordions-wrap__accordions .field--name-field-p-accordions-accordion > div {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
}
@media (max-width: 1024px) and (min-width: 768px) {
  .section__accordions__wrapper .column-text-wrap__accordions .field--name-field-p-accordions-accordion,
  .section__accordions__wrapper .column-accordions-wrap__accordions .field--name-field-p-accordions-accordion {
    margin-right: -40px;
    margin-left: -40px;
  }
  .section__accordions__wrapper .column-text-wrap__accordions .field--name-field-p-accordions-accordion > [class^=col-],
  .section__accordions__wrapper .column-text-wrap__accordions .field--name-field-p-accordions-accordion > [class*=" col-"], .section__accordions__wrapper .column-text-wrap__accordions .field--name-field-p-accordions-accordion > div,
  .section__accordions__wrapper .column-accordions-wrap__accordions .field--name-field-p-accordions-accordion > [class^=col-],
  .section__accordions__wrapper .column-accordions-wrap__accordions .field--name-field-p-accordions-accordion > [class*=" col-"],
  .section__accordions__wrapper .column-accordions-wrap__accordions .field--name-field-p-accordions-accordion > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.section__accordions__wrapper .column-text-wrap__accordions .field--name-field-p-accordions-accordion > .field__item,
.section__accordions__wrapper .column-accordions-wrap__accordions .field--name-field-p-accordions-accordion > .field__item {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  margin-bottom: 8px;
}

.section__faq__wrapper {
  padding-bottom: 80px;
  margin-top: 40px;
  position: relative;
}
@media (max-width: 992px) {
  .section__faq__wrapper {
    margin-bottom: 40px;
  }
}
.section__faq__wrapper .bg-faq-dynamic {
  position: absolute;
  top: 0;
  left: calc(-50vw + 50%);
  content: "";
  height: 220px;
  width: 100vw;
  max-width: none;
  display: block;
  z-index: -1;
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .section__faq__wrapper .bg-faq-dynamic {
    height: 220px;
  }
}
@media (max-width: 576px) {
  .section__faq__wrapper .bg-faq-dynamic {
    height: 184px;
  }
}
@media (min-width: 1200px) {
  .section__faq__wrapper .bg-faq-dynamic {
    max-width: 1290px;
    width: 1290px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 1200px) {
  .section__faq__wrapper .bg-faq-dynamic svg {
    width: 100%;
    transform: scale(1.5);
  }
}
@media (max-width: 1200px) {
  .section__faq__wrapper .bg-faq-dynamic svg {
    width: 100%;
    height: 100%;
    display: block;
    transform: scale(1.2);
  }
}
@media (max-width: 992px) {
  .section__faq__wrapper .bg-faq-dynamic svg {
    display: none;
  }
}
.section__faq__wrapper .bg-faq-dynamic svg.faq-mobile-svg {
  display: none;
}
@media (max-width: 992px) {
  .section__faq__wrapper .bg-faq-dynamic svg.faq-mobile-svg {
    display: block;
    width: 100%;
    height: 100%;
  }
}
.section__faq__wrapper .bg-faq-dynamic svg [fill="#002434"] {
  fill: var(--secondary3);
}
.section__faq__wrapper .bg-faq-dynamic svg [stroke="#002434"] {
  stroke: var(--secondary3);
}
.section__faq__wrapper .bg-faq-dynamic svg [fill="#3C7086"] {
  fill: var(--secondary2);
}
.section__faq__wrapper .bg-faq-dynamic svg [stroke="#3C7086"] {
  stroke: var(--secondary2);
}
.section__faq__wrapper .bg-faq-dynamic svg [fill="#609EB8"] {
  fill: var(--secondary1);
}
.section__faq__wrapper .bg-faq-dynamic svg [stroke="#609EB8"] {
  stroke: var(--secondary1);
}
.section__faq__wrapper .bg-faq-dynamic svg [fill="#C4E8F8"] {
  fill: var(--primary3);
}
.section__faq__wrapper .bg-faq-dynamic svg [stroke="#C4E8F8"] {
  stroke: var(--primary3);
}
.section__faq__wrapper .spacing {
  width: 100%;
  height: 220px;
  background-color: transparent;
}
@media (max-width: 576px) {
  .section__faq__wrapper .spacing {
    height: 160px;
  }
}
.section__faq__wrapper .bg-fullscreen-primary {
  top: 150px;
  z-index: -2;
}
.section__faq__wrapper .column-text-wrap {
  padding-top: 80px;
}
.section__faq__wrapper .column-text-wrap__text {
  margin-bottom: 40px;
}
.section__faq__wrapper .column-text-wrap__text p.p-l:first-child {
  margin-bottom: 0px;
  color: hsl(171, 61%, 15%);
}
.section__faq__wrapper .column-text-wrap__text p:not(.p-l) {
  color: var(--neutral3);
}
.section__faq__wrapper .column-text-wrap__text h2 {
  color: hsl(198, 100%, 10%);
}

.section__row__wrapper .section__row__wrapper__layout {
  padding-top: 40px;
  padding-bottom: 40px;
}
.section__row__wrapper.small .section__row__wrapper__layout {
  padding-top: 0px;
  padding-bottom: 0px;
}
.section__row__wrapper.medium .section__row__wrapper__layout {
  padding-top: 56px;
  padding-bottom: 56px;
}
@media (max-width: 992px) {
  .section__row__wrapper.medium .section__row__wrapper__layout {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.section__row__wrapper.large .section__row__wrapper__layout {
  padding-top: 96px;
  padding-bottom: 96px;
}
@media (max-width: 992px) {
  .section__row__wrapper.large .section__row__wrapper__layout {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
.section__row__wrapper.reset .section__row__wrapper__layout {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.section__row__wrapper.reset .section__row__wrapper__layout .field--name-field-p-row-content > .field__item .section__accordions__wrapper,
.section__row__wrapper.reset .section__row__wrapper__layout .field--name-field-p-row-content > .field__item .section__banner__wrapper,
.section__row__wrapper.reset .section__row__wrapper__layout .field--name-field-p-row-content > .field__item .section__cards__wrapper,
.section__row__wrapper.reset .section__row__wrapper__layout .field--name-field-p-row-content > .field__item .section__counter__wrapper,
.section__row__wrapper.reset .section__row__wrapper__layout .field--name-field-p-row-content > .field__item .section__gallery__wrapper,
.section__row__wrapper.reset .section__row__wrapper__layout .field--name-field-p-row-content > .field__item .section__media__wrapper,
.section__row__wrapper.reset .section__row__wrapper__layout .field--name-field-p-row-content > .field__item .section__text__wrapper,
.section__row__wrapper.reset .section__row__wrapper__layout .field--name-field-p-row-content > .field__item .section__text-form__wrapper,
.section__row__wrapper.reset .section__row__wrapper__layout .field--name-field-p-row-content > .field__item .section__text-media__wrapper,
.section__row__wrapper.reset .section__row__wrapper__layout .field--name-field-p-row-content > .field__item .section__tt__wrapper {
  border: 1px solid var(--accent3);
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.section__row__wrapper__layout {
  position: relative;
}
.section__row__wrapper__layout__video {
  position: absolute;
  top: 0;
  left: calc(-50vw + 50%);
  content: "";
  height: 100%;
  width: 100vw;
  max-width: none;
  display: block;
  z-index: -1;
  object-fit: cover;
}
.section__row__wrapper__layout__video__overlay {
  position: absolute;
  top: 0;
  left: calc(-50vw + 50%);
  content: "";
  height: 100%;
  width: 100vw;
  max-width: none;
  display: block;
  z-index: -1;
  background: linear-gradient(0deg, rgba(0, 50, 104, 0.3019607843) 0%, rgba(0, 50, 104, 0.3019607843) 100%), rgba(0, 0, 0, 0.3764705882);
}
@media (min-width: 992px) {
  .section__row__wrapper__layout__video__mobile {
    display: none;
  }
}
@media (max-width: 992px) {
  .section__row__wrapper__layout__video__desktop {
    display: none;
  }
}
.section__row__wrapper__layout__bg {
  position: absolute;
  top: 0;
  left: calc(-50vw + 50%);
  content: "";
  height: 100%;
  width: 100vw;
  max-width: none;
  display: block;
  z-index: -1;
  background-color: var(--bg-color);
  background-image: var(--bg-image);
  background-position-x: var(--bg-image-x);
  background-position-y: var(--bg-image-y);
  background-size: var(--bg-image-size);
}
.section__row__wrapper__layout__content {
  /*  color: var(--txt-color);
   h2, h3, h4, h5, h6, p, span, a {
     color: var(--txt-color);
   } */
}
.section__row__wrapper.containerwidth .section__row__wrapper__layout__video {
  width: 100%;
  left: 0;
}
.section__row__wrapper.containerwidth .section__row__wrapper__layout__bg {
  width: 100%;
  left: 0;
}

.section__gallery__wrapper {
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(24px * -0.5);
  margin-left: calc(24px * -0.5);
}
.section__gallery__wrapper > [class^=col-],
.section__gallery__wrapper > [class*=" col-"], .section__gallery__wrapper > div {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
}
@media (max-width: 1024px) and (min-width: 768px) {
  .section__gallery__wrapper {
    margin-right: -40px;
    margin-left: -40px;
  }
  .section__gallery__wrapper > [class^=col-],
  .section__gallery__wrapper > [class*=" col-"], .section__gallery__wrapper > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.section__gallery__wrapper .swiper {
  width: 100%;
  height: 400px;
}
.section__gallery__wrapper .swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section__gallery__wrapper .swiper .swiper-slide img, .section__gallery__wrapper .swiper .swiper-slide picture {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
}

.section__media__wrapper {
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(24px * -0.5);
  margin-left: calc(24px * -0.5);
  align-items: center;
  justify-content: center;
}
.section__media__wrapper > [class^=col-],
.section__media__wrapper > [class*=" col-"], .section__media__wrapper > div {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
}
@media (max-width: 1024px) and (min-width: 768px) {
  .section__media__wrapper {
    margin-right: -40px;
    margin-left: -40px;
  }
  .section__media__wrapper > [class^=col-],
  .section__media__wrapper > [class*=" col-"], .section__media__wrapper > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}

.section__counter__wrapper {
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(24px * -0.5);
  margin-left: calc(24px * -0.5);
}
.section__counter__wrapper > [class^=col-],
.section__counter__wrapper > [class*=" col-"], .section__counter__wrapper > div {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
}
@media (max-width: 1024px) and (min-width: 768px) {
  .section__counter__wrapper {
    margin-right: -40px;
    margin-left: -40px;
  }
  .section__counter__wrapper > [class^=col-],
  .section__counter__wrapper > [class*=" col-"], .section__counter__wrapper > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.section__counter__wrapper .counter__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(24px * -0.5);
  margin-left: calc(24px * -0.5);
}
.section__counter__wrapper .counter__wrapper > [class^=col-],
.section__counter__wrapper .counter__wrapper > [class*=" col-"], .section__counter__wrapper .counter__wrapper > div {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
}
@media (max-width: 1024px) and (min-width: 768px) {
  .section__counter__wrapper .counter__wrapper {
    margin-right: -40px;
    margin-left: -40px;
  }
  .section__counter__wrapper .counter__wrapper > [class^=col-],
  .section__counter__wrapper .counter__wrapper > [class*=" col-"], .section__counter__wrapper .counter__wrapper > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.section__counter__wrapper .counter__wrapper__single {
  width: 33.3333333333%;
  max-width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
  display: flex;
  flex-direction: column;
  position: relative;
  display: flex;
}
@media (max-width: 1200px) {
  .section__counter__wrapper .counter__wrapper__single {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (max-width: 768px) {
  .section__counter__wrapper .counter__wrapper__single {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.section-marquee_wrapper {
  position: relative;
  height: 150px;
  display: flex;
  justify-content: center;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 992px) {
  .section-marquee_wrapper {
    height: 118px;
  }
}
@media (max-width: 768px) {
  .section-marquee_wrapper {
    height: 112.1px;
  }
}
.section-marquee_wrapper .marquee3k {
  position: absolute;
  left: 0;
  right: 0;
  width: 100vh;
  background-color: var(--neutral2);
}
.section-marquee_wrapper .marquee3k__wrapper .horizontal-scroll-wrapper {
  display: flex;
  gap: 24px;
  padding: 40px 0px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
  .section-marquee_wrapper .marquee3k__wrapper .horizontal-scroll-wrapper {
    padding: 24px 0px;
  }
}
.section-marquee_wrapper .marquee3k__wrapper .horizontal-scroll-wrapper h5 {
  margin-bottom: 0;
}
.section-marquee_wrapper .marquee3k__wrapper .horizontal-scroll-wrapper h5 span {
  display: inline-block;
  margin: 0 24px;
}
.section-marquee_wrapper .marquee3k__wrapper .horizontal-scroll-wrapper > h5 {
  margin-left: 24px;
  font: normal normal 600 clamp(1.375rem, 1.0441rem + 0.8824vw, 1.75rem)/1.1 "IBM Plex Sans", sans-serif;
  color: #FFFFFF;
}
@media (max-width: 768px) {
  .section-marquee_wrapper .marquee3k__wrapper .horizontal-scroll-wrapper > h5 {
    font: normal normal 600 clamp(1.375rem, 1.0441rem + 0.8824vw, 1.75rem)/1.1 "IBM Plex Sans", sans-serif;
  }
}
.section-marquee_wrapper .marquee3k__wrapper .horizontal-scroll-wrapper .btn-white {
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  background-color: #FFFFFF;
  color: #000000 !important;
  border: none;
  border-radius: 30px;
  box-shadow: none;
}
.section-marquee_wrapper .marquee3k__wrapper .horizontal-scroll-wrapper .btn-white:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
.section-marquee_wrapper .marquee3k__wrapper .horizontal-scroll-wrapper .btn-white > h5 {
  font: normal normal 600 clamp(1.375rem, 1.0441rem + 0.8824vw, 1.75rem)/1.1 "IBM Plex Sans", sans-serif;
  color: #000000;
}
@media (max-width: 768px) {
  .section-marquee_wrapper .marquee3k__wrapper .horizontal-scroll-wrapper .btn-white > h5 {
    font: normal normal 600 clamp(1.375rem, 1.0441rem + 0.8824vw, 1.75rem)/1.1 "IBM Plex Sans", sans-serif;
  }
}
.section-marquee_wrapper .marquee3k__wrapper .horizontal-scroll-wrapper .btn-white:hover {
  border: none;
}
.section-marquee_wrapper .marquee3k__wrapper .horizontal-scroll-wrapper .btn-white:hover h5 {
  font: normal normal 600 clamp(1.375rem, 1.0441rem + 0.8824vw, 1.75rem)/1.1 "IBM Plex Sans", sans-serif;
  color: #FFFFFF;
}
@media (max-width: 768px) {
  .section-marquee_wrapper .marquee3k__wrapper .horizontal-scroll-wrapper .btn-white:hover h5 {
    font: normal normal 600 clamp(1.375rem, 1.0441rem + 0.8824vw, 1.75rem)/1.1 "IBM Plex Sans", sans-serif;
  }
}

.toc {
  background-color: var(--neutral2);
  border-radius: 24px;
  margin: 24px 0;
}
.toc .accordion__wrapper .accordion__wrapper__content {
  border-top: none;
}
.toc .accordion__wrapper .accordion__wrapper__content .accordion__wrapper__title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
}
.toc .accordion__wrapper .accordion__wrapper__content .accordion__wrapper__title .toc-title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.toc .accordion__wrapper .accordion__wrapper__content .accordion__wrapper__title .toc-title svg {
  width: 64px;
  height: 64px;
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 12px;
  object-fit: cover;
}
.toc .accordion__wrapper .accordion__wrapper__content .accordion__wrapper__text .field--name-field-p-accordion-text {
  padding: 24px 24px 24px 100px;
}
.toc .accordion__wrapper .accordion__wrapper__content .accordion__wrapper__text .field--name-field-p-accordion-text ul li a {
  color: #FFFFFF;
  text-decoration: none;
}

.container-negative-margin {
  transform: translateY(-60px);
  max-width: 900px;
  margin: 0 auto;
}
.container-negative-margin .section__row__wrapper__layout__bg {
  max-width: 1000px;
  left: 50%;
  transform: translateX(-50%);
}

.half-margin-top {
  padding-top: 40px !important;
}
@media (max-width: 992px) {
  .half-margin-top {
    margin-bottom: 40px;
  }
}

.custom-counter-checkout-block, #block-cs2-customcheckoutprogress {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: #FFFFFF;
  margin-top: 0px;
  padding: 40px;
  box-shadow: 2px -5px 7px 1px rgba(26, 26, 26, 0.2);
}
@media (max-width: 992px) {
  .custom-counter-checkout-block, #block-cs2-customcheckoutprogress {
    padding-left: 24px;
    padding-right: 12px;
  }
}
.custom-counter-checkout-block .checkout-progress, #block-cs2-customcheckoutprogress .checkout-progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .custom-counter-checkout-block .checkout-progress, #block-cs2-customcheckoutprogress .checkout-progress {
    justify-content: space-evenly;
  }
}
.custom-counter-checkout-block .checkout-progress .chevron, #block-cs2-customcheckoutprogress .checkout-progress .chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  position: relative;
}
.custom-counter-checkout-block .checkout-progress .chevron::after, #block-cs2-customcheckoutprogress .checkout-progress .chevron::after {
  position: absolute;
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 17px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease;
}
.custom-counter-checkout-block .checkout-progress .chevron:not(.current):not(.completed), #block-cs2-customcheckoutprogress .checkout-progress .chevron:not(.current):not(.completed) {
  opacity: 0.5;
}
.custom-counter-checkout-block .checkout-progress .chevron:last-child, #block-cs2-customcheckoutprogress .checkout-progress .chevron:last-child {
  display: none;
}
.custom-counter-checkout-block .checkout-progress--step, #block-cs2-customcheckoutprogress .checkout-progress--step {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  color: var(--neutral3);
  font-family: "IBM Plex Sans";
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 28.5px */
  padding-right: unset;
  position: relative;
  /* Style for step number from template */
  /* Hide the ::before since we're using template numbering */
}
@media (max-width: 992px) {
  .custom-counter-checkout-block .checkout-progress--step .label, #block-cs2-customcheckoutprogress .checkout-progress--step .label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    text-indent: -9999px;
    text-decoration: none;
  }
  .custom-counter-checkout-block .checkout-progress--step .label a, #block-cs2-customcheckoutprogress .checkout-progress--step .label a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    text-indent: -9999px;
    text-decoration: none;
  }
}
.custom-counter-checkout-block .checkout-progress--step .step-number, #block-cs2-customcheckoutprogress .checkout-progress--step .step-number {
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  background-color: #000000;
  color: #FFFFFF;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .custom-counter-checkout-block .checkout-progress--step .step-number, #block-cs2-customcheckoutprogress .checkout-progress--step .step-number {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.custom-counter-checkout-block .checkout-progress--step a, #block-cs2-customcheckoutprogress .checkout-progress--step a {
  text-decoration: underline;
  color: var(--neutral3);
  font-family: "IBM Plex Sans";
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 28.5px */
  padding-right: unset;
  position: relative;
}
.custom-counter-checkout-block .checkout-progress--step:last-child::after, #block-cs2-customcheckoutprogress .checkout-progress--step:last-child::after {
  display: none;
}
.custom-counter-checkout-block .checkout-progress--step::before, #block-cs2-customcheckoutprogress .checkout-progress--step::before {
  display: none;
}
.custom-counter-checkout-block .checkout-progress--step:not(.current):not(.completed), #block-cs2-customcheckoutprogress .checkout-progress--step:not(.current):not(.completed) {
  opacity: 0.5;
}
.custom-counter-checkout-block .checkout-progress--step.completed, #block-cs2-customcheckoutprogress .checkout-progress--step.completed {
  /* Hide step number for completed steps */
}
.custom-counter-checkout-block .checkout-progress--step.completed svg, #block-cs2-customcheckoutprogress .checkout-progress--step.completed svg {
  width: 40px;
  height: 42px;
}
.custom-counter-checkout-block .checkout-progress--step.completed .step-number, #block-cs2-customcheckoutprogress .checkout-progress--step.completed .step-number {
  display: none;
}

.path-checkout .error-with-backtrace {
  display: none;
}
.path-checkout .messages__wrapper {
  display: none;
}
.path-checkout .messages--status {
  display: none;
}

#edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--neutral3);
  padding-bottom: 16px;
  margin-bottom: 16px;
}
#edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper .payment-method-icon-list {
  width: 100%;
}
#edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper #edit-payment-information-add-payment-method-payment-details-card-number,
#edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper .form-item-payment-information-add-payment-method-payment-details-card-number {
  width: 100%;
}
#edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper #edit-payment-information-add-payment-method-payment-details-expiration,
#edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper .form-item-payment-information-add-payment-method-payment-details-expiration,
#edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper .form-item-payment-information-add-payment-method-payment-details-security-code,
#edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper #edit-payment-information-add-payment-method-payment-details-security-code {
  max-width: 48.5%;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  #edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper #edit-payment-information-add-payment-method-payment-details-expiration,
  #edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper .form-item-payment-information-add-payment-method-payment-details-expiration,
  #edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper .form-item-payment-information-add-payment-method-payment-details-security-code,
  #edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper #edit-payment-information-add-payment-method-payment-details-security-code {
    max-width: 48%;
  }
}
#edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper #edit-payment-information-add-payment-method-payment-details-expiration,
#edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper .form-item-payment-information-add-payment-method-payment-details-expiration {
  margin-right: 16px;
}
#edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper #edit-payment-information-add-payment-method-payment-details-card-number,
#edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper #edit-payment-information-add-payment-method-payment-details-expiration,
#edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper #edit-payment-information-add-payment-method-payment-details-security-code {
  margin-bottom: 0px;
}
#edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper #edit-payment-information-add-payment-method-payment-details-card-number label,
#edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper #edit-payment-information-add-payment-method-payment-details-expiration label,
#edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper #edit-payment-information-add-payment-method-payment-details-security-code label {
  all: unset;
  font: normal normal 400 15px/1.4 "IBM Plex Sans", sans-serif;
  color: var(--neutral2);
  min-height: 21px;
}
@media (max-width: 768px) {
  #edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper #edit-payment-information-add-payment-method-payment-details-card-number label,
  #edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper #edit-payment-information-add-payment-method-payment-details-expiration label,
  #edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper #edit-payment-information-add-payment-method-payment-details-security-code label {
    font: normal normal 400 14px/1.4 "IBM Plex Sans", sans-serif;
  }
}
#edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper #payment-errors .payment-messages {
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  background-image: none;
  margin-bottom: 12px;
  background-color: #FFFFFF;
  box-shadow: none;
  border: none;
  color: #f30000;
  padding: 8px 0px;
}
@media (max-width: 768px) {
  #edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper #payment-errors .payment-messages {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}
#edit-payment-information-add-payment-method .stripe-form.js-form-wrapper.form-wrapper #payment-errors .payment-messages .alert {
  color: #f30000;
  background-color: #FFFFFF;
}
#edit-payment-information-add-payment-method #edit-payment-information-add-payment-method-billing-information {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
@media (max-width: 992px) {
  #edit-payment-information-add-payment-method #edit-payment-information-add-payment-method-billing-information {
    flex-direction: column;
  }
}
#edit-payment-information-add-payment-method #edit-payment-information-add-payment-method-billing-information .profile--type--customer {
  min-width: 80%;
}
#edit-payment-information-add-payment-method #edit-payment-information-add-payment-method-billing-information .form-submit {
  all: unset;
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--primary3);
  background-color: transparent;
  position: relative;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  text-align: center;
  color: var(--accent3);
  padding-left: 40px;
  font-weight: 700;
  padding-left: 24px;
}
#edit-payment-information-add-payment-method #edit-payment-information-add-payment-method-billing-information .form-submit:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
#edit-payment-information-add-payment-method #edit-payment-information-add-payment-method-billing-information .form-submit::after {
  content: "edit";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 18px;
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  color: var(--accent3);
}
#edit-payment-information-add-payment-method #edit-payment-information-add-payment-method-billing-information .form-submit:hover {
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
  color: #FFFFFF;
}
#edit-payment-information-add-payment-method #edit-payment-information-add-payment-method-billing-information .form-submit:hover::after {
  color: #FFFFFF;
}

.ui-dialog {
  background-color: #FFFFFF;
  border: 1px solid var(--neutral1);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  color: var(--neutral3);
  padding: 0;
  z-index: 1050;
}
.ui-dialog .ui-dialog-titlebar {
  background-color: var(--primary2);
  border-bottom: 1px solid var(--primary3);
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 600;
  color: var(--secondary3);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  margin: 0;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  background: transparent;
  border: none;
  color: var(--neutral2);
  cursor: pointer;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
  color: #000000;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
  background-image: url("/path-to-icon/close.svg");
  width: 16px;
  height: 16px;
  display: inline-block;
}
.ui-dialog .ui-dialog-content {
  padding: 24px;
}
.ui-dialog .ui-dialog-content p,
.ui-dialog .ui-dialog-content .confirmation {
  font-size: 15px;
  line-height: 1.4;
}
.ui-dialog .ui-dialog-buttonpane {
  background-color: #FFFFFF;
  border-top: 1px solid var(--neutral1);
  padding: 16px 24px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button {
  font-size: 17px;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button.button--primary {
  background-color: var(--accent3);
  color: #FFFFFF;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button.dialog-cancel {
  background-color: transparent;
  color: var(--neutral3);
  border: 1px solid var(--neutral1);
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button.dialog-cancel:hover {
  background-color: var(--neutral1);
}

.view-commerce-user-orders.view-id-commerce_user_orders .view-content,
.view-commerce-carts .view-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved,
.view-commerce-carts .order-anteprima,
.view-commerce-carts .order-saved {
  background-color: #FFFFFF;
  border-radius: 24px;
  padding: 24px;
  transition: all 0.2s ease-in-out;
  border: 1px solid var(--primary3);
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima:hover,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved:hover,
.view-commerce-carts .order-anteprima:hover,
.view-commerce-carts .order-saved:hover {
  border: 1px solid var(--secondary2);
  box-shadow: inset 6px 0px 0px var(--secondary2);
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card,
.view-commerce-carts .order-anteprima .order-preview-card,
.view-commerce-carts .order-saved .order-preview-card {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 992px) {
  .view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card,
  .view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card,
  .view-commerce-carts .order-anteprima .order-preview-card,
  .view-commerce-carts .order-saved .order-preview-card {
    flex-direction: column;
    gap: 12px;
  }
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__left,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__left,
.view-commerce-carts .order-anteprima .order-preview-card__left,
.view-commerce-carts .order-saved .order-preview-card__left {
  max-width: 56px;
}
@media (max-width: 992px) {
  .view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__left,
  .view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__left,
  .view-commerce-carts .order-anteprima .order-preview-card__left,
  .view-commerce-carts .order-saved .order-preview-card__left {
    width: 100%;
    max-width: unset;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__left svg,
  .view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__left svg,
  .view-commerce-carts .order-anteprima .order-preview-card__left svg,
  .view-commerce-carts .order-saved .order-preview-card__left svg {
    max-width: 40px;
  }
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__left-svg-bin,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__left-svg-bin,
.view-commerce-carts .order-anteprima .order-preview-card__left-svg-bin,
.view-commerce-carts .order-saved .order-preview-card__left-svg-bin {
  max-width: 56px;
}
@media (max-width: 992px) {
  .view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__left-svg-bin,
  .view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__left-svg-bin,
  .view-commerce-carts .order-anteprima .order-preview-card__left-svg-bin,
  .view-commerce-carts .order-saved .order-preview-card__left-svg-bin {
    width: 100%;
    max-width: unset;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__left-svg-bin svg,
  .view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__left-svg-bin svg,
  .view-commerce-carts .order-anteprima .order-preview-card__left-svg-bin svg,
  .view-commerce-carts .order-saved .order-preview-card__left-svg-bin svg {
    max-width: 40px;
  }
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__left-svg-bin--svg .second-path,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__left-svg-bin--svg .second-path,
.view-commerce-carts .order-anteprima .order-preview-card__left-svg-bin--svg .second-path,
.view-commerce-carts .order-saved .order-preview-card__left-svg-bin--svg .second-path {
  stroke: var(--secondary3);
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__left-svg-bin--svg rect,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__left-svg-bin--svg rect,
.view-commerce-carts .order-anteprima .order-preview-card__left-svg-bin--svg rect,
.view-commerce-carts .order-saved .order-preview-card__left-svg-bin--svg rect {
  fill: var(--secondary3);
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__left-svg-bin--svg .third-path,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__left-svg-bin--svg .third-path,
.view-commerce-carts .order-anteprima .order-preview-card__left-svg-bin--svg .third-path,
.view-commerce-carts .order-saved .order-preview-card__left-svg-bin--svg .third-path {
  fill: var(--primary3);
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__left-svg-bin--svg .fourth-path,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__left-svg-bin--svg .fourth-path,
.view-commerce-carts .order-anteprima .order-preview-card__left-svg-bin--svg .fourth-path,
.view-commerce-carts .order-saved .order-preview-card__left-svg-bin--svg .fourth-path {
  fill: var(--secondary2);
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__right,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__right,
.view-commerce-carts .order-anteprima .order-preview-card__right,
.view-commerce-carts .order-saved .order-preview-card__right {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__right .title-badge-wrapper,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__right .title-badge-wrapper,
.view-commerce-carts .order-anteprima .order-preview-card__right .title-badge-wrapper,
.view-commerce-carts .order-saved .order-preview-card__right .title-badge-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__right .title-badge-wrapper .product-title,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__right .title-badge-wrapper .product-title,
.view-commerce-carts .order-anteprima .order-preview-card__right .title-badge-wrapper .product-title,
.view-commerce-carts .order-saved .order-preview-card__right .title-badge-wrapper .product-title {
  margin-bottom: 4px;
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__right .polizza-validity,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__right .polizza-validity,
.view-commerce-carts .order-anteprima .order-preview-card__right .polizza-validity,
.view-commerce-carts .order-saved .order-preview-card__right .polizza-validity {
  color: var(--secondary2);
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__right .purchased-variation,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__right .purchased-variation,
.view-commerce-carts .order-anteprima .order-preview-card__right .purchased-variation,
.view-commerce-carts .order-saved .order-preview-card__right .purchased-variation {
  color: var(--neutral2);
  font-weight: 700;
  margin-top: 16px;
  margin-bottom: 16px;
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__right .item-total,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__right .item-total,
.view-commerce-carts .order-anteprima .order-preview-card__right .item-total,
.view-commerce-carts .order-saved .order-preview-card__right .item-total {
  color: var(--neutral2);
  margin-bottom: 0px;
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__right .order-summary,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__right .order-summary,
.view-commerce-carts .order-anteprima .order-preview-card__right .order-summary,
.view-commerce-carts .order-saved .order-preview-card__right .order-summary {
  margin-top: 12px;
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__right .order-summary .order-actions,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__right .order-summary .order-actions,
.view-commerce-carts .order-anteprima .order-preview-card__right .order-summary .order-actions,
.view-commerce-carts .order-saved .order-preview-card__right .order-summary .order-actions {
  display: flex;
  justify-content: space-between;
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__right .order-summary .order-actions .btn-download-link,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__right .order-summary .order-actions .btn-download-link,
.view-commerce-carts .order-anteprima .order-preview-card__right .order-summary .order-actions .btn-download-link,
.view-commerce-carts .order-saved .order-preview-card__right .order-summary .order-actions .btn-download-link {
  transform: translateX(-14px);
}
@media (max-width: 992px) {
  .view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__right .order-summary .order-actions .btn-changing,
  .view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__right .order-summary .order-actions .btn-changing,
  .view-commerce-carts .order-anteprima .order-preview-card__right .order-summary .order-actions .btn-changing,
  .view-commerce-carts .order-saved .order-preview-card__right .order-summary .order-actions .btn-changing {
    width: 100%;
  }
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__right .order-summary .order-actions .buttonM,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__right .order-summary .order-actions .buttonM,
.view-commerce-carts .order-anteprima .order-preview-card__right .order-summary .order-actions .buttonM,
.view-commerce-carts .order-saved .order-preview-card__right .order-summary .order-actions .buttonM {
  all: unset;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  color: var(--accent2);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.view-commerce-user-orders.view-id-commerce_user_orders .order-anteprima .order-preview-card__right .order-summary .order-actions .buttonM:hover,
.view-commerce-user-orders.view-id-commerce_user_orders .order-saved .order-preview-card__right .order-summary .order-actions .buttonM:hover,
.view-commerce-carts .order-anteprima .order-preview-card__right .order-summary .order-actions .buttonM:hover,
.view-commerce-carts .order-saved .order-preview-card__right .order-summary .order-actions .buttonM:hover {
  color: #000000;
}

.order-saved .order-preview-card svg .foglio {
  fill: var(--primary2);
}
.order-saved .order-preview-card svg .line-1,
.order-saved .order-preview-card svg .line-2,
.order-saved .order-preview-card svg .line-3,
.order-saved .order-preview-card svg .right-angle {
  fill: var(--secondary2);
}
.order-saved .order-preview-card svg .left-angle {
  stroke: var(--secondary3);
}

.order-anteprima:not(.order-saved) .order-preview-card svg g path:first-child {
  fill: var(--primary3);
}
.order-anteprima:not(.order-saved) .order-preview-card svg g path:nth-child(2) {
  fill: var(--secondary3);
}
.order-anteprima:not(.order-saved) .order-preview-card svg g path:last-child {
  stroke: var(--secondary2);
}

.button-delete:not(.mobile) path {
  transition: all 0.2s ease-in-out;
}
.button-delete:not(.mobile):hover svg {
  transition: all 0.2s ease-in-out;
}
.button-delete:not(.mobile):hover svg path {
  fill: #ff3939;
}
@media (max-width: 992px) {
  .button-delete:not(.mobile) {
    display: none;
  }
}

@media (min-width: 992px) {
  .button-delete.mobile {
    display: none;
  }
}

@media (max-width: 992px) {
  .order-saved .order-preview-card__right .order-actions {
    flex-direction: column;
    gap: 12px;
  }
  .order-saved .order-preview-card__right .order-actions a.btn-download-link {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.order-saved .order-preview-card__right .order-item-details .p-l.item-total {
  font-weight: 700;
  color: #000000;
}

/* SweetAlert2 customizations for One Broker theme */
.swal-custom-popup {
  border-radius: 24px;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
  border: none;
  max-width: 324px;
}

.swal2-popup {
  border-radius: 24px;
  padding: 24px;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
}

.swal2-title {
  font: normal normal 400 20px/1.5 "IBM Plex Sans", sans-serif;
  margin-bottom: 12px;
  text-align: left;
  font-weight: 700;
  padding: 0px;
  color: var(--neutral3);
}
@media (max-width: 768px) {
  .swal2-title {
    font: normal normal 400 20px/1.5 "IBM Plex Sans", sans-serif;
  }
}

.swal2-html-container {
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  margin-bottom: 24px;
  margin-top: 0px;
  padding-top: 0px;
  text-align: left;
  padding: 0px;
  color: var(--neutral2);
}
@media (max-width: 768px) {
  .swal2-html-container {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}

.swal-confirm-button {
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  position: relative;
  padding-right: 2.5rem;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  text-align: center;
  padding: 16px;
  max-width: unset;
  min-width: unset;
  min-width: 120px;
  width: 100%;
}
.swal-confirm-button:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
.swal-confirm-button.noafter {
  padding-right: 24px;
}
.swal-confirm-button.noafter::after {
  display: none;
}
.swal-confirm-button::after {
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.swal-confirm-button:hover {
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
.swal-confirm-button:hover::after {
  transform: translate(0.25rem, -50%);
}
.swal-confirm-button::after {
  display: none;
}

.swal-cancel-button {
  all: unset;
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent1);
  background-color: transparent;
  color: var(--accent3);
  transition: all 0.2s ease-in-out;
  text-align: center;
  min-width: 200px;
  border-radius: 12px;
  max-width: unset;
  min-width: unset;
  min-width: 120px;
  width: 100%;
  border: 1px solid var(--accent1);
}
.swal-cancel-button:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
.swal-cancel-button:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}

.swal2-actions {
  gap: 12px;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  margin-top: 40px;
}
@media (max-width: 992px) {
  .swal2-actions {
    margin-top: 24px;
  }
}

.swal2-icon {
  border-radius: none;
  border: none;
  margin-top: 0px;
  padding: 0px;
  margin: 0px;
  align-items: flex-start;
  justify-content: flex-start;
}

/* Loading spinner styling */
.swal2-loader {
  border-color: var(--secondary1) transparent var(--secondary1) transparent;
}

/* Close button styling */
.swal2-close {
  color: var(--neutral2);
  font-size: clamp(1.375rem, 1.0441rem + 0.8824vw, 1.75rem);
  transition: color 0.2s ease;
}

.swal2-close:hover {
  color: var(--neutral3);
}

/* Animation improvements */
.swal2-show {
  animation: swal2-show 0.3s ease-out;
}

.swal2-hide {
  animation: swal2-hide 0.2s ease-in;
}

@keyframes swal2-show {
  0% {
    transform: scale(0.7) translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}
@keyframes swal2-hide {
  0% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
  100% {
    transform: scale(0.95) translateY(-10px);
    opacity: 0;
  }
}
/* Dark overlay */
.swal2-backdrop {
  background-color: rgba(var(--neutral3), 0.6);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .swal2-popup {
    margin: 12px;
    width: calc(100% - 32px);
    max-width: none;
  }
  .swal2-title {
    font-size: clamp(1.375rem, 1.0441rem + 0.8824vw, 1.75rem);
    color: var(--neutral3);
    font-weight: 700;
  }
  .swal2-html-container {
    font-size: 15px;
  }
  .swal-confirm-button,
  .swal-cancel-button {
    min-height: 45px;
  }
}
.order-detail-section .block.block-system.block-system-main-block {
  max-width: 100% !important;
}

.commerce-order-user .breadcrumb-wrapper {
  padding-bottom: 48px;
}
.commerce-order-user .polizza-header.container-standard {
  margin-bottom: 120px;
}
@media (max-width: 992px) {
  .commerce-order-user .polizza-header.container-standard {
    margin-bottom: 48px;
  }
}
.commerce-order-user .polizza-header.container-standard .polizza-info-left-wrapper {
  padding-left: 0px;
}
@media (max-width: 992px) {
  .commerce-order-user .polizza-header.container-standard .polizza-info-left-wrapper {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding-right: 0px;
  }
}
.commerce-order-user .polizza-header.container-standard .polizza-info-left-wrapper .polizza-info-left h1 {
  margin-bottom: 24px;
  color: hsl(198, 100%, 10%);
  margin-top: 0px;
}
.commerce-order-user .polizza-header.container-standard .polizza-info-right-wrapper {
  padding-left: 48px;
  padding-right: 0px;
}
@media (max-width: 992px) {
  .commerce-order-user .polizza-header.container-standard .polizza-info-right-wrapper {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 0px;
    margin-top: 48px;
  }
}
.commerce-order-user .polizza-header.container-standard .polizza-info-right-wrapper .polizza-info-right {
  padding: 16px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 12px;
  box-shadow: 2px 5px 7px 1px rgba(26, 26, 26, 0.2);
}
.commerce-order-user .polizza-header.container-standard .polizza-info-right-wrapper .polizza-info-right .anchor-links a {
  all: unset;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  font-weight: 700;
  cursor: pointer;
  color: var(--secondary2);
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
}
.commerce-order-user .polizza-header.container-standard .polizza-info-right-wrapper .polizza-info-right .anchor-links a:hover {
  color: #000000;
}
.commerce-order-user .polizza-header.container-standard .polizza-info-right-wrapper .polizza-info-right .btn-download-link-wrapper {
  padding-top: 16px;
  padding-bottom: 16px;
}
.commerce-order-user .polizza-header.container-standard .polizza-info-right-wrapper .polizza-info-right .btn-download-link-wrapper .btn-download-link {
  text-decoration: underline;
}
.commerce-order-user .polizza-header.container-standard .polizza-info-right-wrapper .polizza-info-right .polizza-validity {
  margin-bottom: 0px;
  color: var(--secondary2);
}
.commerce-order-user .order-section-detail {
  margin-bottom: 80px;
  background-color: var(--primary2);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  border-radius: 24px;
  box-shadow: 2px 5px 7px 1px rgba(26, 26, 26, 0.2);
}
@media (max-width: 992px) {
  .commerce-order-user .order-section-detail {
    margin-bottom: 40px;
  }
}
@media (max-width: 992px) {
  .commerce-order-user .order-section-detail .residence-mail-wrapper {
    flex-direction: column;
  }
}
.commerce-order-user .order-section-detail .residence-mail-wrapper .adress-residence {
  display: flex;
  flex-direction: column;
}
@media (max-width: 992px) {
  .commerce-order-user .order-section-detail .residence-mail-wrapper .adress-residence {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.commerce-order-user .order-section-detail .residence-mail-wrapper .adress-residence p:first-child {
  margin-bottom: 8px;
  font-weight: bold;
}
@media (max-width: 992px) {
  .commerce-order-user .order-section-detail .residence-mail-wrapper .mail {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.commerce-order-user .order-section-detail .residence-mail-wrapper .mail p:first-child {
  margin-bottom: 8px;
  font-weight: bold;
}
.commerce-order-user .order-section-detail .order-num h5 {
  margin-bottom: 12px;
}
.commerce-order-user .order-section-detail .order-num .p-s {
  margin-bottom: 0px;
}
.commerce-order-user .order-section-detail .order-total-line.order-total-line__subtotal {
  display: none;
}
.commerce-order-user .order-section-detail .variation-wrapper {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--secondary2);
}
.commerce-order-user .order-section-detail .variation-wrapper p {
  font-weight: 700;
}
.commerce-order-user .order-section-detail .variation-wrapper span.no-weight {
  font-weight: 400;
}
.commerce-order-user .order-section-detail .variation-wrapper .variation-title {
  margin-bottom: 8px;
}
.commerce-order-user .order-section-detail .variation-wrapper .variation-title span {
  font-weight: 400;
}
.commerce-order-user .order-section-riepilogo--heading {
  padding-top: 24px;
  padding-bottom: 24px;
}
.commerce-order-user .order-section-riepilogo--heading h2 {
  margin-bottom: 24px;
  color: hsl(198, 100%, 10%);
}
.commerce-order-user .order-section-riepilogo--heading p {
  margin-bottom: 0px;
  color: var(--neutral3);
}
.commerce-order-user .order-section-riepilogo .dn-section,
.commerce-order-user .order-section-riepilogo .consent-section {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(24px * -0.5);
  margin-left: calc(24px * -0.5);
  padding-top: 40px;
  padding-bottom: 40px;
}
.commerce-order-user .order-section-riepilogo .dn-section > [class^=col-],
.commerce-order-user .order-section-riepilogo .dn-section > [class*=" col-"], .commerce-order-user .order-section-riepilogo .dn-section > div,
.commerce-order-user .order-section-riepilogo .consent-section > [class^=col-],
.commerce-order-user .order-section-riepilogo .consent-section > [class*=" col-"],
.commerce-order-user .order-section-riepilogo .consent-section > div {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
}
@media (max-width: 1024px) and (min-width: 768px) {
  .commerce-order-user .order-section-riepilogo .dn-section,
  .commerce-order-user .order-section-riepilogo .consent-section {
    margin-right: -40px;
    margin-left: -40px;
  }
  .commerce-order-user .order-section-riepilogo .dn-section > [class^=col-],
  .commerce-order-user .order-section-riepilogo .dn-section > [class*=" col-"], .commerce-order-user .order-section-riepilogo .dn-section > div,
  .commerce-order-user .order-section-riepilogo .consent-section > [class^=col-],
  .commerce-order-user .order-section-riepilogo .consent-section > [class*=" col-"],
  .commerce-order-user .order-section-riepilogo .consent-section > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.commerce-order-user .order-section-riepilogo .dn-section h4,
.commerce-order-user .order-section-riepilogo .consent-section h4 {
  margin-bottom: 24px;
  color: hsl(198, 100%, 10%);
}
.commerce-order-user .order-section-riepilogo .dn-section p, .commerce-order-user .order-section-riepilogo .dn-section li,
.commerce-order-user .order-section-riepilogo .consent-section p,
.commerce-order-user .order-section-riepilogo .consent-section li {
  color: var(--neutral3);
}
.commerce-order-user .order-section-riepilogo .dn-section .field--name-field-order-consensi .json-field-pretty,
.commerce-order-user .order-section-riepilogo .consent-section .field--name-field-order-consensi .json-field-pretty {
  background: transparent;
}
.commerce-order-user .order-section-riepilogo .dn-section .field--name-field-order-consensi .json-field-pretty dt,
.commerce-order-user .order-section-riepilogo .consent-section .field--name-field-order-consensi .json-field-pretty dt {
  display: none;
}
.commerce-order-user .order-section-riepilogo .dn-section .field--name-field-order-consensi .json-field-pretty dd,
.commerce-order-user .order-section-riepilogo .consent-section .field--name-field-order-consensi .json-field-pretty dd {
  margin-inline-start: 0;
  padding-left: 0;
  border-left: 0;
}
.commerce-order-user .order-section-riepilogo .dn-section .field--name-field-order-consensi .json-field-pretty dd:last-child,
.commerce-order-user .order-section-riepilogo .consent-section .field--name-field-order-consensi .json-field-pretty dd:last-child {
  font-weight: bold;
}
.commerce-order-user .order-section-riepilogo .dn-section ul,
.commerce-order-user .order-section-riepilogo .consent-section ul {
  list-style: none;
  padding-left: 0;
}
.commerce-order-user .order-section-riepilogo .dn-section ul li,
.commerce-order-user .order-section-riepilogo .consent-section ul li {
  margin-bottom: 12px;
  position: relative;
  padding-left: 20px;
}
.commerce-order-user .order-section-riepilogo .dn-section ul li::before,
.commerce-order-user .order-section-riepilogo .consent-section ul li::before {
  content: "•";
  color: rgba(0, 0, 0, 0.98);
  font-size: 10px;
  position: absolute;
  left: 0;
  top: 4px;
}
.commerce-order-user .order-section-riepilogo .dn-section__svg,
.commerce-order-user .order-section-riepilogo .consent-section__svg {
  width: 16.6666666667%;
  max-width: 16.6666666667%;
  flex: 0 0 16.6666666667%;
  padding-right: 36px;
  align-self: flex-start;
}
.commerce-order-user .order-section-riepilogo .dn-section__svg svg [fill="#C4E8F8"],
.commerce-order-user .order-section-riepilogo .consent-section__svg svg [fill="#C4E8F8"] {
  fill: var(--primary3);
}
.commerce-order-user .order-section-riepilogo .dn-section__svg svg [fill="#3C7086"],
.commerce-order-user .order-section-riepilogo .consent-section__svg svg [fill="#3C7086"] {
  fill: var(--secondary2);
}
.commerce-order-user .order-section-riepilogo .dn-section__svg svg [fill="#002434"],
.commerce-order-user .order-section-riepilogo .consent-section__svg svg [fill="#002434"] {
  fill: var(--secondary3);
}
.commerce-order-user .order-section-riepilogo .dn-section__svg svg [fill="#609EB8"],
.commerce-order-user .order-section-riepilogo .consent-section__svg svg [fill="#609EB8"] {
  fill: var(--secondary1);
}
.commerce-order-user .order-section-riepilogo .dn-section__svg svg [stroke="#C4E8F8"],
.commerce-order-user .order-section-riepilogo .consent-section__svg svg [stroke="#C4E8F8"] {
  stroke: var(--primary3);
}
.commerce-order-user .order-section-riepilogo .dn-section__svg svg [stroke="#3C7086"],
.commerce-order-user .order-section-riepilogo .consent-section__svg svg [stroke="#3C7086"] {
  stroke: var(--secondary2);
}
.commerce-order-user .order-section-riepilogo .dn-section__svg svg [stroke="#002434"],
.commerce-order-user .order-section-riepilogo .consent-section__svg svg [stroke="#002434"] {
  stroke: var(--secondary3);
}
.commerce-order-user .order-section-riepilogo .dn-section__svg svg [stroke="#609EB8"],
.commerce-order-user .order-section-riepilogo .consent-section__svg svg [stroke="#609EB8"] {
  stroke: var(--secondary1);
}
@media (max-width: 1200px) {
  .commerce-order-user .order-section-riepilogo .dn-section__svg,
  .commerce-order-user .order-section-riepilogo .consent-section__svg {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (max-width: 768px) {
  .commerce-order-user .order-section-riepilogo .dn-section__svg,
  .commerce-order-user .order-section-riepilogo .consent-section__svg {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 32px;
  }
}
.commerce-order-user .order-section-riepilogo .dn-section__text,
.commerce-order-user .order-section-riepilogo .consent-section__text {
  width: 83.3333333333%;
  max-width: 83.3333333333%;
  flex: 0 0 83.3333333333%;
  align-self: flex-start;
}
@media (max-width: 1200px) {
  .commerce-order-user .order-section-riepilogo .dn-section__text,
  .commerce-order-user .order-section-riepilogo .consent-section__text {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (max-width: 768px) {
  .commerce-order-user .order-section-riepilogo .dn-section__text,
  .commerce-order-user .order-section-riepilogo .consent-section__text {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.commerce-order-user .order-section-riepilogo .consent-section {
  padding-bottom: 0px;
}

header .cart--cart-block {
  position: relative;
}
@media (max-width: 768px) {
  header .cart--cart-block {
    position: static;
  }
}
header .cart--cart-block .cart-block {
  position: relative;
}
@media (max-width: 768px) {
  header .cart--cart-block .cart-block {
    position: static;
  }
}
header .cart--cart-block .cart-block--summary__wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
header .cart--cart-block .cart-block--contents {
  min-width: 500px;
  top: 42px;
}
@media (max-width: 768px) {
  header .cart--cart-block .cart-block--contents {
    width: calc(100% - 24px);
    left: 12px;
    top: 128px;
    min-width: unset;
  }
}
header .cart--cart-block .cart-block--contents__expanded .cart-block--contents__inner {
  background-color: #f5f5f5;
}
header .cart--cart-block .cart-block--contents__items .views-row {
  background-color: white;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
  padding: 12px;
}
header .cart--cart-block .cart-block--contents__links {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
header .cart--cart-block .cart-block--contents__links .cart-block--link {
  background-color: #f5f5f5;
  cursor: pointer;
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  position: relative;
  padding-right: 2.5rem;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  text-align: center;
  padding: 4px 12px;
}
header .cart--cart-block .cart-block--contents__links .cart-block--link:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
header .cart--cart-block .cart-block--contents__links .cart-block--link.noafter {
  padding-right: 24px;
}
header .cart--cart-block .cart-block--contents__links .cart-block--link.noafter::after {
  display: none;
}
header .cart--cart-block .cart-block--contents__links .cart-block--link::after {
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
header .cart--cart-block .cart-block--contents__links .cart-block--link:hover {
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
header .cart--cart-block .cart-block--contents__links .cart-block--link:hover::after {
  transform: translate(0.25rem, -50%);
}

.path-cart #block-cs2breadcrumb {
  margin-bottom: 24px;
}
.path-cart .cart-page-title {
  margin-bottom: 36px;
}
.path-cart .cart-form-wrapper .views-table.views-view-table.cols-4 th {
  text-align: left;
}
.path-cart .cart-form-wrapper .views-table.views-view-table.cols-4 td {
  text-align: left;
}

.cart-form-wrapper {
  width: 100%;
  padding: 32px 0;
}
.cart-form-wrapper .views-form > form {
  background-color: #FFFFFF;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  overflow: hidden;
}
.cart-form-wrapper .views-form > form h2 {
  margin-bottom: 24px;
}
.cart-form-wrapper .views-form > form table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 24px;
}
.cart-form-wrapper .views-form > form table thead {
  background-color: var(--neutral1);
  text-transform: uppercase;
  font-size: 15px;
}
.cart-form-wrapper .views-form > form table thead th {
  text-align: left;
  padding: 12px;
  font-weight: 500;
  font: normal normal 400 19px/1.5 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  .cart-form-wrapper .views-form > form table thead th {
    font: normal normal 400 18px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.cart-form-wrapper .views-form > form table thead th:nth-child(2), .cart-form-wrapper .views-form > form table thead th:nth-child(4) {
  text-align: right;
}
.cart-form-wrapper .views-form > form table thead th:nth-child(3) {
  text-align: center;
}
.cart-form-wrapper .views-form > form table tbody tr {
  border-top: 1px solid var(--neutral1);
}
.cart-form-wrapper .views-form > form table tbody tr td {
  padding: 12px;
  font-size: 16px;
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  .cart-form-wrapper .views-form > form table tbody tr td {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.cart-form-wrapper .views-form > form table tbody tr td:nth-child(2), .cart-form-wrapper .views-form > form table tbody tr td:nth-child(4) {
  text-align: right;
  font-weight: 400;
}
.cart-form-wrapper .views-form > form table tbody tr td:nth-child(3) {
  text-align: center;
}
.cart-form-wrapper .views-form > form table tbody tr td:nth-child(3) input[type=submit] {
  color: var(--accent2);
  background: transparent;
  border: none;
  cursor: pointer;
  font-weight: 500;
}
.cart-form-wrapper .views-form > form table tbody tr td:nth-child(3) input[type=submit]:hover {
  text-decoration: underline;
}
.cart-form-wrapper .views-form > form table tbody tr td a {
  color: var(--secondary1);
  text-decoration: none;
}
.cart-form-wrapper .views-form > form table tbody tr td a:hover {
  text-decoration: underline;
}
.cart-form-wrapper .views-form > form [data-drupal-selector=order-total-summary] {
  border-top: 1px solid var(--neutral1);
  padding-top: 24px;
  margin-bottom: 24px;
  display: flex;
  justify-content: flex-end;
  margin-right: 24px;
}
.cart-form-wrapper .views-form > form [data-drupal-selector=order-total-summary] .order-total-line {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
}
.cart-form-wrapper .views-form > form [data-drupal-selector=order-total-summary] .order-total-line__subtotal {
  display: flex;
  align-items: center;
}
.cart-form-wrapper .views-form > form [data-drupal-selector=order-total-summary] .order-total-line__subtotal .order-total-line-label {
  color: var(--neutral3);
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  .cart-form-wrapper .views-form > form [data-drupal-selector=order-total-summary] .order-total-line__subtotal .order-total-line-label {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.cart-form-wrapper .views-form > form [data-drupal-selector=order-total-summary] .order-total-line__subtotal .order-total-line-value {
  color: #000000;
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  .cart-form-wrapper .views-form > form [data-drupal-selector=order-total-summary] .order-total-line__subtotal .order-total-line-value {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.cart-form-wrapper .views-form > form [data-drupal-selector=order-total-summary] .order-total-line__total {
  display: flex;
  align-items: center;
}
.cart-form-wrapper .views-form > form [data-drupal-selector=order-total-summary] .order-total-line__total .order-total-line-label {
  color: var(--neutral3);
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  .cart-form-wrapper .views-form > form [data-drupal-selector=order-total-summary] .order-total-line__total .order-total-line-label {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.cart-form-wrapper .views-form > form [data-drupal-selector=order-total-summary] .order-total-line__total .order-total-line-value {
  color: #000000;
  font: normal normal 400 19px/1.5 "IBM Plex Sans", sans-serif;
  font-weight: 600;
}
@media (max-width: 768px) {
  .cart-form-wrapper .views-form > form [data-drupal-selector=order-total-summary] .order-total-line__total .order-total-line-value {
    font: normal normal 400 18px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.cart-form-wrapper .views-form > form .form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
.cart-form-wrapper .views-form > form .form-actions input[type=submit] {
  padding: 12px 24px;
  font-size: 17px;
  cursor: pointer;
}
.cart-form-wrapper .views-form > form .form-actions input[type=submit]#edit-submit {
  background-color: var(--neutral1);
  color: var(--neutral3);
  border: none;
}
.cart-form-wrapper .views-form > form .form-actions input[type=submit]#edit-checkout {
  background-color: var(--secondary1);
  color: #FFFFFF;
  border: none;
}

.cart-empty-page {
  font: normal normal 400 19px/1.5 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  .cart-empty-page {
    font: normal normal 400 18px/1.5 "IBM Plex Sans", sans-serif;
  }
}

.path-product .single-product-wrapper__heading {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 992px) {
  .path-product .single-product-wrapper__heading {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media (max-width: 992px) {
  .path-product .single-product-wrapper__hero-content > .row {
    flex-direction: column;
  }
  .path-product .single-product-wrapper__hero-content > .row > .col-6 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.path-product .single-product-wrapper__hero-content--left {
  padding-right: 24px;
}
@media (max-width: 992px) {
  .path-product .single-product-wrapper__hero-content--left {
    padding-right: 12px;
  }
}
.path-product .single-product-wrapper__hero-content--left h1 > div {
  color: hsl(198, 100%, 10%);
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .path-product .single-product-wrapper__hero-content--left h1 {
    margin-top: 0px;
  }
}
.path-product .single-product-wrapper__hero-content--left .subscription-image {
  margin-bottom: 24px;
}
.path-product .single-product-wrapper__hero-content--left .subscription-image .p-s {
  margin-bottom: 8px;
  color: var(--neutral3);
}
.path-product .single-product-wrapper__hero-content--left .subscription-image .p-l {
  color: var(--neutral3);
}
.path-product .single-product-wrapper__hero-content--right {
  padding-left: 24px;
}
@media (max-width: 992px) {
  .path-product .single-product-wrapper__hero-content--right {
    padding-left: 12px;
  }
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper {
  margin-top: 48px;
  padding: 16px;
  padding-bottom: 24px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  gap: 24px;
  box-shadow: 2px 5px 7px 1px rgba(26, 26, 26, 0.2);
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper h4, .path-product .single-product-wrapper__hero-content--right .preventivo-wrapper p {
  margin-bottom: 0px;
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper h4 {
  color: hsl(198, 100%, 10%);
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper p {
  color: var(--neutral3);
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .commerce-order-item-add-to-cart-form {
  flex-wrap: nowrap;
  flex-direction: column;
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .commerce-order-item-add-to-cart-form .variation-complete-wrapper {
  display: flex;
  gap: 12px;
  flex-direction: column;
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .commerce-order-item-add-to-cart-form .variation-selection-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (max-width: 992px) {
  .path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .commerce-order-item-add-to-cart-form .variation-selection-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .commerce-order-item-add-to-cart-form .variation-selection-wrapper .price-wrapper {
  padding-top: 12px;
  padding-bottom: 12px;
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .commerce-order-item-add-to-cart-form .variation-selection-wrapper .price-wrapper > span {
  gap: 6px;
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .commerce-order-item-add-to-cart-form .variation-selection-wrapper.is-free {
  margin-top: 24px;
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .commerce-order-item-add-to-cart-form .variation-selection-wrapper.is-free #variation-free-note {
  position: absolute;
  top: -24px;
  right: 0px;
}
@media (max-width: 992px) {
  .path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .commerce-order-item-add-to-cart-form {
    gap: 12px;
  }
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .commerce-order-item-add-to-cart-form .field--type-entity-reference.field--name-purchased-entity {
  flex-grow: 1;
  min-width: 0;
}
@media (max-width: 992px) {
  .path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .commerce-order-item-add-to-cart-form .field--type-entity-reference.field--name-purchased-entity {
    flex-grow: unset;
    min-width: unset;
    width: 100%;
  }
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .commerce-order-item-add-to-cart-form .form-actions {
  flex-shrink: 0;
}
@media (max-width: 992px) {
  .path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .commerce-order-item-add-to-cart-form .form-actions {
    flex-shrink: unset;
    width: 100%;
  }
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .js-form-type-select.form-type-select {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .js-form-type-select.form-type-select .js-form-required.form-required {
  font: normal normal 400 15px/1.4 "IBM Plex Sans", sans-serif;
  margin-bottom: 4px;
  color: var(--neutral2);
}
@media (max-width: 768px) {
  .path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .js-form-type-select.form-type-select .js-form-required.form-required {
    font: normal normal 400 14px/1.4 "IBM Plex Sans", sans-serif;
  }
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .js-form-type-select.form-type-select .js-form-required.form-required::after {
  display: none;
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .js-form-type-select.form-type-select select {
  width: 100%;
  padding: 16px;
  border-radius: 12px;
  border-color: var(--neutral1);
  color: var(--neutral2);
  font: normal normal 400 13px/1.4 "IBM Plex Sans", sans-serif;
  font-weight: 700;
}
@media (max-width: 768px) {
  .path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .js-form-type-select.form-type-select select {
    font: normal normal 400 12px/1.4 "IBM Plex Sans", sans-serif;
  }
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .js-form-type-select.form-type-select select::marker {
  margin-right: 12px;
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .js-form-type-select.form-type-select select option {
  font: normal normal 400 13px/1.4 "IBM Plex Sans", sans-serif;
  color: var(--neutral2);
}
@media (max-width: 768px) {
  .path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .js-form-type-select.form-type-select select option {
    font: normal normal 400 12px/1.4 "IBM Plex Sans", sans-serif;
  }
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .form-actions {
  margin: 0px;
  align-self: flex-end;
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .form-actions .form-submit {
  all: unset;
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  position: relative;
  padding-right: 2.5rem;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  text-align: center;
  padding-right: 24px;
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .form-actions .form-submit:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .form-actions .form-submit.noafter {
  padding-right: 24px;
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .form-actions .form-submit.noafter::after {
  display: none;
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .form-actions .form-submit::after {
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .form-actions .form-submit:hover {
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .form-actions .form-submit:hover::after {
  transform: translate(0.25rem, -50%);
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .form-actions .form-submit::after {
  display: none;
}
@media (max-width: 992px) {
  .path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .form-actions .form-submit {
    min-width: 100%;
  }
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .price-wrapper > span {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font: normal normal 600 clamp(1.25rem, 1.1397rem + 0.2941vw, 1.375rem)/1.1 "IBM Plex Sans", sans-serif;
  color: var(--neutral3);
}
@media (max-width: 768px) {
  .path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .price-wrapper > span {
    font: normal normal 600 clamp(1.25rem, 1.1397rem + 0.2941vw, 1.375rem)/1.1 "IBM Plex Sans", sans-serif;
  }
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .price-wrapper > span .total {
  font-weight: 400;
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper h2 {
  border-color: var(--neutral2);
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .hr {
  background-color: var(--neutral2);
  margin-top: -12px;
  color: var(--neutral2);
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .set-dettagli {
  display: flex;
  gap: 5px;
  align-items: center;
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .set-dettagli span {
  color: var(--neutral2);
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .set-dettagli a {
  all: unset;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  font-weight: 700;
  cursor: pointer;
  color: var(--secondary2);
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .set-dettagli a:hover {
  color: #000000;
}
.path-product .single-product-wrapper__hero-content--right .preventivo-wrapper .btn-download-link {
  text-decoration: underline;
}
.path-product .body-wrapper h1, .path-product .body-wrapper h2, .path-product .body-wrapper h3, .path-product .body-wrapper h4, .path-product .body-wrapper h5, .path-product .body-wrapper h6 {
  color: hsl(198, 100%, 10%);
}
.path-product .body-wrapper p {
  color: var(--neutral3);
}
.path-product .set-informativo-wrapper {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}
.path-product .set-informativo-wrapper .bg-fullscreen-secondary-2 {
  position: absolute;
  top: 0;
  left: calc(-50vw + 50%);
  content: "";
  height: 100%;
  width: 100vw;
  max-width: none;
  display: block;
  z-index: -1;
  background-color: var(--secondary3);
  background-color: var(--secondary2);
}
.path-product .set-informativo-wrapper__card {
  background-color: #FFFFFF;
  padding: 80px 40px;
  border-radius: 24px;
}
@media (max-width: 992px) {
  .path-product .set-informativo-wrapper__card {
    padding: 40px 24px;
  }
}
.path-product .set-informativo-wrapper__card--heading {
  display: flex;
  gap: 40px;
}
@media (max-width: 992px) {
  .path-product .set-informativo-wrapper__card--heading {
    flex-direction: column;
  }
}
.path-product .set-informativo-wrapper__card--heading .heading--left, .path-product .set-informativo-wrapper__card--heading .heading--right {
  display: flex;
  flex-direction: column;
}
.path-product .set-informativo-wrapper__card--heading .heading--left h2, .path-product .set-informativo-wrapper__card--heading .heading--right h2 {
  color: hsl(198, 100%, 10%);
}
.path-product .set-informativo-wrapper__card--heading .heading--left .p-l, .path-product .set-informativo-wrapper__card--heading .heading--right .p-l {
  margin-bottom: 0px;
  color: var(--neutral2);
}
.path-product .set-informativo-wrapper__card--heading .heading--right {
  gap: 16px;
}
.path-product .set-informativo-wrapper__card--heading .heading--left .file-download-list {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0px;
}
.path-product .set-informativo-wrapper__card--heading .heading--left .file-download-list li {
  padding-left: 0px;
  list-style-type: none;
  margin-right: 40px;
  margin-top: 16px;
}

.product-cards {
  margin-bottom: 120px;
}
@media (max-width: 992px) {
  .product-cards {
    margin-bottom: 40px;
  }
}
.product-cards > .col-6 {
  padding-right: 6px;
  padding-left: 6px;
}
@media (max-width: 768px) {
  .product-cards > .col-6 {
    width: 100%;
    flex: 0 0 100%;
    padding-right: 12px;
    padding-left: 12px;
  }
}
.product-cards .single-product-card {
  position: relative;
  height: 100%;
  padding-top: 12px;
}
.product-cards .single-product-card .single-product-card-wrapper {
  background-color: #FFFFFF;
  padding: 24px;
  display: flex;
  gap: 24px;
  border: 1px solid var(--primary3);
  border-radius: 24px;
  position: relative;
  transition: all 0.2s ease-in-out;
  height: 100%;
}
@media (max-width: 992px) {
  .product-cards .single-product-card .single-product-card-wrapper {
    flex-direction: column;
  }
}
.product-cards .single-product-card .single-product-card-wrapper:hover {
  border: 1px solid var(--secondary2);
  box-shadow: inset 6px 0px 0px var(--secondary2);
}
.product-cards .single-product-card .single-product-card-wrapper__left-wrap {
  flex-shrink: 0;
  max-width: 56px;
}
.product-cards .single-product-card .single-product-card-wrapper__left-wrap--svg g path:first-child {
  fill: var(--primary3);
}
.product-cards .single-product-card .single-product-card-wrapper__left-wrap--svg g path:nth-child(2) {
  fill: var(--secondary3);
}
.product-cards .single-product-card .single-product-card-wrapper__left-wrap--svg g path:last-child {
  stroke: var(--secondary2);
}
.product-cards .single-product-card .single-product-card-wrapper__right-wrap {
  flex: 1;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.product-cards .single-product-card .single-product-card-wrapper__right-wrap--title-role h5 {
  color: #000000;
  margin-bottom: 4px;
  color: hsl(198, 100%, 10%);
}
.product-cards .single-product-card .single-product-card-wrapper__right-wrap--title-role p {
  color: var(--secondary2);
  font: normal normal 400 13px/1.4 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  .product-cards .single-product-card .single-product-card-wrapper__right-wrap--title-role p {
    font: normal normal 400 12px/1.4 "IBM Plex Sans", sans-serif;
  }
}
.product-cards .single-product-card .single-product-card-wrapper__right-wrap--title-role .tutela-img-wrapper {
  max-width: 160px;
  margin-top: 16px;
}
.product-cards .single-product-card .single-product-card-wrapper__right-wrap--title-role .tutela-img-wrapper img {
  width: 100%;
  object-fit: cover;
}
.product-cards .single-product-card .single-product-card-wrapper__right-wrap--info-and-link {
  margin-top: 24px;
  padding-top: 12px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 768px) {
  .product-cards .single-product-card .single-product-card-wrapper__right-wrap--info-and-link {
    flex-direction: column;
    gap: 24px;
  }
}
.product-cards .single-product-card .single-product-card-wrapper__right-wrap--info-and-link.no-download {
  justify-content: flex-end;
}
.product-cards .single-product-card .single-product-card-wrapper__right-wrap--info-and-link .btn-download-link {
  padding-left: 24px;
}
.product-cards .single-product-card .single-product-card-wrapper__right-wrap--info-and-link .btn-download-link:after {
  left: -24px;
  transform: translate(56%, -45%);
}

.page-checkout-wrapper {
  padding-top: 120px;
  padding-bottom: 240px;
}
.page-checkout-wrapper .region-content {
  position: relative;
}
@media (max-width: 768px) {
  .page-checkout-wrapper .remove-pd-lg {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.page-checkout-complete #block-cs2-customcheckoutprogress {
  display: none;
}
@media (max-width: 768px) {
  .page-checkout-complete .container-standard {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.page-checkout-complete .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow {
  background-color: #FFFFFF;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
  margin-top: 0px;
  padding-top: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-radius: 24px;
  padding: 40px;
}
@media (max-width: 992px) {
  .page-checkout-complete .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow {
    padding: 40px 16px;
  }
}
.page-checkout-complete #edit-cancel-checkout {
  display: none;
}

.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow {
  padding: 40px;
  background-color: #FFFFFF;
  box-shadow: 2px 5px 7px 1px rgba(26, 26, 26, 0.2);
  margin-top: 0px;
  padding-top: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}
@media (max-width: 992px) {
  .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane {
  border: none;
  padding: 0px;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane .col-6,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane .col-6,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane .col-6 {
  padding-top: 16px;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane .col-6.pd-left-0,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane .col-6.pd-left-0,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane .col-6.pd-left-0 {
  padding-left: 0px !important;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane .col-6.pd-right-0,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane .col-6.pd-right-0,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane .col-6.pd-right-0 {
  padding-right: 0px !important;
}
@media (max-width: 992px) {
  .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane .col-6,
  .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane .col-6,
  .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane .col-6 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 16px;
  }
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane > legend,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane > legend,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane > legend {
  display: none;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane > .fieldset-wrapper,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane > .fieldset-wrapper,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane > .fieldset-wrapper {
  width: 100%;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane .form-wrapper, .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane .fieldset-wrapper,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane .form-wrapper,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane .fieldset-wrapper,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane .form-wrapper,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane .fieldset-wrapper {
  width: 100%;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane #address-0-address-ajax-wrapper, .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane select, .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane input, .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane .js-form-item,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane #address-0-address-ajax-wrapper,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane select,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane input,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane .js-form-item,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane #address-0-address-ajax-wrapper,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane select,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane input,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane .js-form-item {
  width: 100%;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane #edit-address-0, .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane #edit-address-0--2, .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane #edit-residenza-consegna-pane-residenza, .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane #edit-residenza-consegna-pane-consegna,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane #edit-address-0,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane #edit-address-0--2,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane #edit-residenza-consegna-pane-residenza,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane #edit-residenza-consegna-pane-consegna,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane #edit-address-0,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane #edit-address-0--2,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane #edit-residenza-consegna-pane-residenza,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane #edit-residenza-consegna-pane-consegna {
  border: none;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane #edit-address-0 > legend, .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane #edit-address-0--2 > legend, .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane #edit-residenza-consegna-pane-residenza > legend, .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane #edit-residenza-consegna-pane-consegna > legend,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane #edit-address-0 > legend,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane #edit-address-0--2 > legend,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane #edit-residenza-consegna-pane-residenza > legend,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane #edit-residenza-consegna-pane-consegna > legend,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane #edit-address-0 > legend,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane #edit-address-0--2 > legend,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane #edit-residenza-consegna-pane-residenza > legend,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane #edit-residenza-consegna-pane-consegna > legend {
  font: normal normal 400 20px/1.5 "IBM Plex Sans", sans-serif;
  font-weight: 700;
}
@media (max-width: 768px) {
  .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane #edit-address-0 > legend, .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane #edit-address-0--2 > legend, .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane #edit-residenza-consegna-pane-residenza > legend, .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane #edit-residenza-consegna-pane-consegna > legend,
  .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane #edit-address-0 > legend,
  .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane #edit-address-0--2 > legend,
  .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane #edit-residenza-consegna-pane-residenza > legend,
  .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane #edit-residenza-consegna-pane-consegna > legend,
  .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane #edit-address-0 > legend,
  .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane #edit-address-0--2 > legend,
  .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane #edit-residenza-consegna-pane-residenza > legend,
  .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane #edit-residenza-consegna-pane-consegna > legend {
    font: normal normal 400 20px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane #edit-address-0 > legend::after, .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane #edit-address-0--2 > legend::after, .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane #edit-residenza-consegna-pane-residenza > legend::after, .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane #edit-residenza-consegna-pane-consegna > legend::after,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane #edit-address-0 > legend::after,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane #edit-address-0--2 > legend::after,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane #edit-residenza-consegna-pane-residenza > legend::after,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane #edit-residenza-consegna-pane-consegna > legend::after,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane #edit-address-0 > legend::after,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane #edit-address-0--2 > legend::after,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane #edit-residenza-consegna-pane-residenza > legend::after,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane #edit-residenza-consegna-pane-consegna > legend::after {
  display: none;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane #edit-residenza-consegna-pane-residenza, .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane #edit-residenza-consegna-pane-consegna,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane #edit-residenza-consegna-pane-residenza,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane #edit-residenza-consegna-pane-consegna,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane #edit-residenza-consegna-pane-residenza,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane #edit-residenza-consegna-pane-consegna {
  padding: 0px;
  padding-bottom: 16px;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane .form-type-checkbox label,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane .form-type-checkbox label,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane .form-type-checkbox label {
  display: block;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane .form-type-checkbox label p,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane .form-type-checkbox label p,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane .form-type-checkbox label p {
  display: inline-block;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .button--danger.checkout-cancel-button {
  position: absolute;
  right: 0px;
  top: -72px;
  text-decoration: none;
  color: #000000;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .button--danger.checkout-cancel-button::before {
  content: "close";
  font-family: "Material Icons Round";
  position: absolute;
  left: -24px;
  top: 50%;
  transform: translateY(-55%);
  font-size: 16px;
}
@media (max-width: 992px) {
  .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .button--danger.checkout-cancel-button {
    right: 16px;
  }
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane ~ .form-actions {
  text-align: end;
  margin-top: 40px;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane ~ .form-actions .form-submit {
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  position: relative;
  padding-right: 2.5rem;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  text-align: center;
  max-width: 120px;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane ~ .form-actions .form-submit:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane ~ .form-actions .form-submit.noafter {
  padding-right: 24px;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane ~ .form-actions .form-submit.noafter::after {
  display: none;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane ~ .form-actions .form-submit::after {
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane ~ .form-actions .form-submit:hover {
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-residenza-consegna-pane ~ .form-actions .form-submit:hover::after {
  transform: translate(0.25rem, -50%);
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane ~ .form-actions,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane ~ .form-actions {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding-top: 40px;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane ~ .form-actions .form-submit,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane ~ .form-actions .form-submit {
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  position: relative;
  padding-right: 2.5rem;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  text-align: center;
  max-width: 120px;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane ~ .form-actions .form-submit:hover,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane ~ .form-actions .form-submit:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane ~ .form-actions .form-submit.noafter,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane ~ .form-actions .form-submit.noafter {
  padding-right: 24px;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane ~ .form-actions .form-submit.noafter::after,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane ~ .form-actions .form-submit.noafter::after {
  display: none;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane ~ .form-actions .form-submit::after,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane ~ .form-actions .form-submit::after {
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane ~ .form-actions .form-submit:hover,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane ~ .form-actions .form-submit:hover {
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane ~ .form-actions .form-submit:hover::after,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane ~ .form-actions .form-submit:hover::after {
  transform: translate(0.25rem, -50%);
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane ~ .form-actions .link--previous,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane ~ .form-actions .link--previous {
  all: unset;
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent1);
  background-color: transparent;
  color: var(--accent3);
  transition: all 0.2s ease-in-out;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 40px;
  padding-right: 24px;
  position: relative;
  border-radius: 12px;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane ~ .form-actions .link--previous:hover,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane ~ .form-actions .link--previous:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane ~ .form-actions .link--previous::after,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane ~ .form-actions .link--previous::after {
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  transition: transform 0.3s ease;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-demands-needs-webform-pane ~ .form-actions .link--previous:hover,
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-pane-compliance-webform-pane ~ .form-actions .link--previous:hover {
  border: 1px solid transparent;
  background-color: #000000;
  color: #FFFFFF;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .layout-region-checkout-footer {
  width: 100%;
  padding-right: 0px;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .layout-region-checkout-footer .form-actions {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding-top: 40px;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .layout-region-checkout-footer .form-actions .form-submit {
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  position: relative;
  padding-right: 2.5rem;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  text-align: center;
  max-width: 100%;
  padding-right: 24px;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .layout-region-checkout-footer .form-actions .form-submit:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .layout-region-checkout-footer .form-actions .form-submit.noafter {
  padding-right: 24px;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .layout-region-checkout-footer .form-actions .form-submit.noafter::after {
  display: none;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .layout-region-checkout-footer .form-actions .form-submit::after {
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .layout-region-checkout-footer .form-actions .form-submit:hover {
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .layout-region-checkout-footer .form-actions .form-submit:hover::after {
  transform: translate(0.25rem, -50%);
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .layout-region-checkout-footer .form-actions .link--previous {
  all: unset;
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent1);
  background-color: transparent;
  color: var(--accent3);
  transition: all 0.2s ease-in-out;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 40px;
  padding-right: 24px;
  position: relative;
  border-radius: 12px;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .layout-region-checkout-footer .form-actions .link--previous:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .layout-region-checkout-footer .form-actions .link--previous::after {
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  transition: transform 0.3s ease;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .layout-region-checkout-footer .form-actions .link--previous:hover {
  border: 1px solid transparent;
  background-color: #000000;
  color: #FFFFFF;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow #edit-actions {
  position: relative;
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-zero-total-notice {
  position: absolute;
  top: 16px;
  color: var(--neutral3);
}
.commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-zero-total-notice p {
  margin-bottom: 4px;
  font: normal normal 400 13px/1.4 "IBM Plex Sans", sans-serif;
  color: var(--neutral3);
}
@media (max-width: 768px) {
  .commerce-checkout-flow-one-broker-checkout-flow.commerce-checkout-flow .checkout-zero-total-notice p {
    font: normal normal 400 12px/1.4 "IBM Plex Sans", sans-serif;
  }
}

.checkout-pane-compliance-webform-pane {
  padding-top: 24px !important;
}
.checkout-pane-compliance-webform-pane h3 {
  color: var(--neutral3);
  padding-bottom: 24px;
}
.checkout-pane-compliance-webform-pane .fieldset-legend {
  font: normal normal 400 19px/1.5 "IBM Plex Sans", sans-serif;
  color: var(--neutral3);
}
@media (max-width: 768px) {
  .checkout-pane-compliance-webform-pane .fieldset-legend {
    font: normal normal 400 18px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.checkout-pane-compliance-webform-pane .form-wrapper {
  margin-bottom: 24px;
}
.checkout-pane-compliance-webform-pane .form-type-checkbox {
  border-bottom: 1px solid var(--neutral2);
  padding-bottom: 16px;
}
@media (max-width: 992px) {
  .checkout-pane-compliance-webform-pane .form-type-checkbox {
    gap: 4px;
  }
}
.checkout-pane-compliance-webform-pane .form-type-checkbox label {
  font: normal normal 400 19px/1.5 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  .checkout-pane-compliance-webform-pane .form-type-checkbox label {
    font: normal normal 400 18px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.checkout-pane-compliance-webform-pane .form-type-checkbox input {
  max-width: 32px;
  transform: scale(2.2);
  margin-right: 20px;
  width: 30px !important;
}
.checkout-pane-compliance-webform-pane ~ #edit-actions .form-submit {
  white-space: nowrap;
  max-width: unset;
  padding-right: 24px;
}

.checkout-pane-payment-information {
  border: none;
  padding-top: 24px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 992px) {
  .checkout-pane-payment-information {
    padding-top: 40px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.checkout-pane-payment-information .fieldset-wrapper {
  width: 100%;
}
.checkout-pane-payment-information legend {
  display: none;
}
.checkout-pane-payment-information h3 {
  color: var(--neutral3);
  margin-bottom: 28px;
}
@media (max-width: 992px) {
  .checkout-pane-payment-information h3 {
    margin-bottom: 40px;
  }
}
.checkout-pane-payment-information [data-drupal-selector=edit-payment-information-payment-method] .form-radios {
  margin-bottom: 24px;
}
.checkout-pane-payment-information [data-drupal-selector=edit-payment-information-payment-method] .form-radios .js-form-type-radio.form-type-radio {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.checkout-pane-payment-information [data-drupal-selector=edit-payment-information-payment-method] .form-radios .js-form-type-radio.form-type-radio input {
  max-width: 30px;
}
.checkout-pane-payment-information [data-drupal-selector=edit-payment-information-payment-method] .form-radios .js-form-type-radio.form-type-radio label {
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  .checkout-pane-payment-information [data-drupal-selector=edit-payment-information-payment-method] .form-radios .js-form-type-radio.form-type-radio label {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}

.layout-region.layout-region-checkout-secondary {
  margin-top: 90px;
  padding: 24px;
  background-color: var(--primary2);
  border-radius: 24px;
}
@media (max-width: 992px) {
  .layout-region.layout-region-checkout-secondary {
    margin-top: 24px;
  }
}
.layout-region.layout-region-checkout-secondary h3 {
  font: normal normal 600 clamp(1.375rem, 1.0441rem + 0.8824vw, 1.75rem)/1.1 "IBM Plex Sans", sans-serif;
  margin-bottom: 28px;
}
@media (max-width: 768px) {
  .layout-region.layout-region-checkout-secondary h3 {
    font: normal normal 600 clamp(1.375rem, 1.0441rem + 0.8824vw, 1.75rem)/1.1 "IBM Plex Sans", sans-serif;
  }
}

.stripe-form #card-number-element,
#card-number-element,
.stripe-form #expiration-element,
#expiration-element,
.stripe-form #security-code-element,
#security-code-element {
  background-color: transparent;
  padding: 16px;
  border-radius: 12px;
  font: normal normal 400 13px/1.4 "IBM Plex Sans", sans-serif;
  border: 1px solid var(--neutral1);
  color: var(--neutral2);
  width: 100%;
}
@media (max-width: 768px) {
  .stripe-form #card-number-element,
  #card-number-element,
  .stripe-form #expiration-element,
  #expiration-element,
  .stripe-form #security-code-element,
  #security-code-element {
    font: normal normal 400 12px/1.4 "IBM Plex Sans", sans-serif;
  }
}

.layout-region-checkout-main {
  width: 50%;
  padding-right: 28px;
}
@media (max-width: 992px) {
  .layout-region-checkout-main {
    width: 100%;
    padding-right: 0px;
  }
  .layout-region-checkout-main .checkout-pane-payment-information {
    width: 100%;
  }
}

.layout-region-checkout-secondary {
  width: 50%;
}
@media (max-width: 992px) {
  .layout-region-checkout-secondary {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .layout-checkout-form {
    display: flex;
    flex-direction: column;
  }
  .layout-checkout-form .layout-region.layout-region-checkout-main {
    order: 2;
  }
  .layout-checkout-form .layout-region.layout-region-checkout-main {
    order: 2;
  }
  .layout-checkout-form .layout-region-checkout-secondary {
    order: 1;
  }
  .layout-checkout-form .layout-region-checkout-footer {
    order: 3;
  }
}

.checkout-complete {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.checkout-complete .order-confirmation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  text-align: center;
}
.checkout-complete .order-confirmation p {
  margin-bottom: 0px;
  color: var(--neutral2);
}
.checkout-complete .btn-complete {
  margin-top: 40px;
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
.checkout-complete .btn-complete a:first-of-type {
  width: 170px;
  max-width: 170px;
  min-width: unset;
}
@media (max-width: 992px) {
  .checkout-complete .btn-complete a:first-of-type {
    width: 100%;
    min-width: none;
    max-width: unset;
  }
}
@media (max-width: 576px) {
  .checkout-complete .btn-complete {
    flex-direction: column;
    width: 100%;
  }
  .checkout-complete .btn-complete a {
    width: 100%;
    min-width: none;
    max-width: unset;
  }
}

.checkout-order-summary .field--type-entity-reference {
  display: none;
}
.checkout-order-summary table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 24px;
  padding-bottom: 12px;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  color: var(--neutral3);
  border-bottom: 1px solid var(--accent3);
}
.checkout-order-summary table tbody tr .product-name p {
  font: normal normal 400 19px/1.5 "IBM Plex Sans", sans-serif;
  font-weight: 700;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .checkout-order-summary table tbody tr .product-name p {
    font: normal normal 400 18px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.checkout-order-summary table tbody tr td {
  padding: 12px 4px;
  vertical-align: top;
  border-bottom: 1px solid var(--neutral1);
}
.checkout-order-summary table tbody tr td:first-child {
  display: none;
}
.checkout-order-summary table tbody tr td:first-child {
  white-space: nowrap;
  font-weight: 700;
}
.checkout-order-summary table tbody tr td:nth-child(2) .field {
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  .checkout-order-summary table tbody tr td:nth-child(2) .field {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.checkout-order-summary table tbody tr td:last-child {
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  text-align: right;
  font-weight: 700;
}
@media (max-width: 768px) {
  .checkout-order-summary table tbody tr td:last-child {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.checkout-order-summary table tbody tr td:last-child:before {
  content: "1 x ";
  font-weight: 400;
}
.checkout-order-summary table tbody tr:last-child td {
  border-bottom: none;
}
.checkout-order-summary .order-total-line__subtotal {
  display: none;
}
.checkout-order-summary .order-total-line__total {
  font: normal normal 700 clamp(1.75rem, 1.1985rem + 1.4706vw, 2.375rem)/1.1 "IBM Plex Sans", sans-serif;
  color: #000000;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .checkout-order-summary .order-total-line__total {
    font: normal normal 700 clamp(1.75rem, 1.1985rem + 1.4706vw, 2.375rem)/1.1 "IBM Plex Sans", sans-serif;
  }
}

.checkout-pane-demands-needs-webform-pane {
  padding-top: 24px !important;
}
.checkout-pane-demands-needs-webform-pane h3 {
  color: var(--neutral3);
  padding-bottom: 24px;
}
.checkout-pane-demands-needs-webform-pane .js-form-type-select {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 16px;
  gap: 12px;
  position: relative;
  border-bottom: 1px solid var(--neutral2);
}
@media (max-width: 992px) {
  .checkout-pane-demands-needs-webform-pane .js-form-type-select {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.checkout-pane-demands-needs-webform-pane .js-form-type-select .blocking-error-message {
  position: absolute;
  font: normal normal 400 13px/1.4 "IBM Plex Sans", sans-serif;
  right: 0;
  top: 54px;
  background: white;
  padding: 4px 8px;
}
@media (max-width: 768px) {
  .checkout-pane-demands-needs-webform-pane .js-form-type-select .blocking-error-message {
    font: normal normal 400 12px/1.4 "IBM Plex Sans", sans-serif;
  }
}
@media (max-width: 992px) {
  .checkout-pane-demands-needs-webform-pane .js-form-type-select .blocking-error-message {
    white-space: nowrap;
    display: contents;
  }
}
.checkout-pane-demands-needs-webform-pane .js-form-type-select:first-child {
  margin-top: 16px;
}
.checkout-pane-demands-needs-webform-pane .js-form-type-select label {
  font: normal normal 400 19px/1.5 "IBM Plex Sans", sans-serif;
  text-align: left;
}
@media (max-width: 768px) {
  .checkout-pane-demands-needs-webform-pane .js-form-type-select label {
    font: normal normal 400 18px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.checkout-pane-demands-needs-webform-pane .js-form-type-select select {
  max-width: 220px;
}
@media (max-width: 992px) {
  .checkout-pane-demands-needs-webform-pane .js-form-type-select select {
    max-width: unset;
  }
}

.path-checkout .form-actions.js-form-wrapper.form-wrapper .button--disabled {
  background-color: lightgray;
  border-color: lightgray;
}
.path-checkout .form-actions.js-form-wrapper.form-wrapper .button--disabled:hover {
  background-color: lightgray;
  border-color: lightgray;
}

.checkout-pane-residenza-consegna-pane {
  padding-top: 24px !important;
}
.checkout-pane-residenza-consegna-pane .address-container-inline.js-form-wrapper.form-wrapper {
  display: flex;
}
@media (max-width: 992px) {
  .checkout-pane-residenza-consegna-pane .address-container-inline.js-form-wrapper.form-wrapper {
    display: block;
  }
  .checkout-pane-residenza-consegna-pane .address-container-inline.js-form-wrapper.form-wrapper .js-form-item {
    margin-right: 0px;
    margin-top: 16px;
  }
}
.checkout-pane-residenza-consegna-pane [data-drupal-selector=edit-address-0] {
  padding: 0px;
  display: flex;
}
@media (max-width: 992px) {
  .checkout-pane-residenza-consegna-pane [data-drupal-selector=edit-address-0] {
    flex-direction: column;
  }
}
.checkout-pane-residenza-consegna-pane #edit-address-0--2 {
  margin-top: 16px;
}
.checkout-pane-residenza-consegna-pane h3 {
  margin-bottom: 28px;
  color: var(--neutral3);
}
.checkout-pane-residenza-consegna-pane legend {
  color: var(--neutral3);
  margin-bottom: 16px;
}
.checkout-pane-residenza-consegna-pane .field--type-address legend > span.fieldset-legend.js-form-required.form-required {
  font: normal normal 400 20px/1.5 "IBM Plex Sans", sans-serif;
  font-weight: 700;
  color: var(--neutral3);
}
@media (max-width: 768px) {
  .checkout-pane-residenza-consegna-pane .field--type-address legend > span.fieldset-legend.js-form-required.form-required {
    font: normal normal 400 20px/1.5 "IBM Plex Sans", sans-serif;
  }
}
@media (max-width: 992px) {
  .checkout-pane-residenza-consegna-pane .field--type-address legend > span.fieldset-legend.js-form-required.form-required {
    font-weight: 700 !important;
  }
}
.checkout-pane-residenza-consegna-pane .field--type-address legend > span.fieldset-legend.js-form-required.form-required:after {
  display: none;
}
.checkout-pane-residenza-consegna-pane hr {
  margin-bottom: 16px;
  background-color: var(--neutral2);
  height: 1px;
  border: 0;
}
.checkout-pane-residenza-consegna-pane [data-drupal-selector=edit-address-0-address] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .checkout-pane-residenza-consegna-pane [data-drupal-selector=edit-address-0-address] {
    gap: 0px;
  }
}
.checkout-pane-residenza-consegna-pane [data-drupal-selector=edit-address-0-address] .js-form-item-address-0-address-family-name,
.checkout-pane-residenza-consegna-pane [data-drupal-selector=edit-address-0-address] .js-form-item-address-0-address-postal-code {
  margin-right: 0px;
}
.checkout-pane-residenza-consegna-pane [data-drupal-selector=edit-address-0-address] [data-drupal-selector=edit-address-0-address-container0] {
  order: 1;
}
.checkout-pane-residenza-consegna-pane [data-drupal-selector=edit-address-0-address] [data-drupal-selector=edit-address-0-address-country-code] {
  order: 2;
  max-width: 49.5%;
}
.checkout-pane-residenza-consegna-pane [data-drupal-selector=edit-address-0-address] [data-drupal-selector=edit-address-0-address-country-code] select {
  width: 100%;
  max-width: unset;
}
@media (max-width: 992px) {
  .checkout-pane-residenza-consegna-pane [data-drupal-selector=edit-address-0-address] [data-drupal-selector=edit-address-0-address-country-code] {
    max-width: unset;
  }
  .checkout-pane-residenza-consegna-pane [data-drupal-selector=edit-address-0-address] [data-drupal-selector=edit-address-0-address-country-code] .js-form-item {
    margin-top: 16px;
  }
}
.checkout-pane-residenza-consegna-pane [data-drupal-selector=edit-address-0-address] .form-item-address-0-address-address-line1 {
  order: 3;
  max-width: 49.05%;
}
@media (max-width: 992px) {
  .checkout-pane-residenza-consegna-pane [data-drupal-selector=edit-address-0-address] .form-item-address-0-address-address-line1 {
    max-width: unset;
    margin-top: 16px;
  }
}
.checkout-pane-residenza-consegna-pane [data-drupal-selector=edit-address-0-address] [data-drupal-selector=edit-address-0-address-container2] {
  order: 4;
}
.checkout-pane-residenza-consegna-pane [data-drupal-selector=edit-address-0-address] .form-item-address-0-address-locality {
  order: 5;
}
.checkout-pane-residenza-consegna-pane [data-drupal-selector=edit-address-0-address] .form-item-address-0-address-postal-code {
  order: 6;
}
.checkout-pane-residenza-consegna-pane #edit-address-0-address,
.checkout-pane-residenza-consegna-pane #edit-address-0--2 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .checkout-pane-residenza-consegna-pane #edit-address-0-address,
  .checkout-pane-residenza-consegna-pane #edit-address-0--2 {
    gap: 0px;
  }
}
.checkout-pane-residenza-consegna-pane #edit-address-0-address #edit-address-0-address-container0--2,
.checkout-pane-residenza-consegna-pane #edit-address-0-address #edit-address-0-address-container0,
.checkout-pane-residenza-consegna-pane #edit-address-0-address #edit-address-0-address-container2,
.checkout-pane-residenza-consegna-pane #edit-address-0-address #edit-address-0-address-container2--2,
.checkout-pane-residenza-consegna-pane #edit-address-0--2 #edit-address-0-address-container0--2,
.checkout-pane-residenza-consegna-pane #edit-address-0--2 #edit-address-0-address-container0,
.checkout-pane-residenza-consegna-pane #edit-address-0--2 #edit-address-0-address-container2,
.checkout-pane-residenza-consegna-pane #edit-address-0--2 #edit-address-0-address-container2--2 {
  display: flex;
}
@media (max-width: 992px) {
  .checkout-pane-residenza-consegna-pane #edit-address-0-address #edit-address-0-address-container0--2,
  .checkout-pane-residenza-consegna-pane #edit-address-0-address #edit-address-0-address-container0,
  .checkout-pane-residenza-consegna-pane #edit-address-0-address #edit-address-0-address-container2,
  .checkout-pane-residenza-consegna-pane #edit-address-0-address #edit-address-0-address-container2--2,
  .checkout-pane-residenza-consegna-pane #edit-address-0--2 #edit-address-0-address-container0--2,
  .checkout-pane-residenza-consegna-pane #edit-address-0--2 #edit-address-0-address-container0,
  .checkout-pane-residenza-consegna-pane #edit-address-0--2 #edit-address-0-address-container2,
  .checkout-pane-residenza-consegna-pane #edit-address-0--2 #edit-address-0-address-container2--2 {
    flex-direction: column;
  }
  .checkout-pane-residenza-consegna-pane #edit-address-0-address #edit-address-0-address-container0--2 .js-form-item-address-0-address-family-name, .checkout-pane-residenza-consegna-pane #edit-address-0-address #edit-address-0-address-container0--2 .form-item-address-0-address-locality,
  .checkout-pane-residenza-consegna-pane #edit-address-0-address #edit-address-0-address-container0 .js-form-item-address-0-address-family-name,
  .checkout-pane-residenza-consegna-pane #edit-address-0-address #edit-address-0-address-container0 .form-item-address-0-address-locality,
  .checkout-pane-residenza-consegna-pane #edit-address-0-address #edit-address-0-address-container2 .js-form-item-address-0-address-family-name,
  .checkout-pane-residenza-consegna-pane #edit-address-0-address #edit-address-0-address-container2 .form-item-address-0-address-locality,
  .checkout-pane-residenza-consegna-pane #edit-address-0-address #edit-address-0-address-container2--2 .js-form-item-address-0-address-family-name,
  .checkout-pane-residenza-consegna-pane #edit-address-0-address #edit-address-0-address-container2--2 .form-item-address-0-address-locality,
  .checkout-pane-residenza-consegna-pane #edit-address-0--2 #edit-address-0-address-container0--2 .js-form-item-address-0-address-family-name,
  .checkout-pane-residenza-consegna-pane #edit-address-0--2 #edit-address-0-address-container0--2 .form-item-address-0-address-locality,
  .checkout-pane-residenza-consegna-pane #edit-address-0--2 #edit-address-0-address-container0 .js-form-item-address-0-address-family-name,
  .checkout-pane-residenza-consegna-pane #edit-address-0--2 #edit-address-0-address-container0 .form-item-address-0-address-locality,
  .checkout-pane-residenza-consegna-pane #edit-address-0--2 #edit-address-0-address-container2 .js-form-item-address-0-address-family-name,
  .checkout-pane-residenza-consegna-pane #edit-address-0--2 #edit-address-0-address-container2 .form-item-address-0-address-locality,
  .checkout-pane-residenza-consegna-pane #edit-address-0--2 #edit-address-0-address-container2--2 .js-form-item-address-0-address-family-name,
  .checkout-pane-residenza-consegna-pane #edit-address-0--2 #edit-address-0-address-container2--2 .form-item-address-0-address-locality {
    margin-top: 16px;
  }
}
.checkout-pane-residenza-consegna-pane .js-form-item-save-to-address-book {
  padding: 12px 0px;
}
.checkout-pane-residenza-consegna-pane .js-form-item-save-to-address-book #edit-save-to-address-book {
  max-width: 30px;
  margin-top: 5px;
}

.user-form-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 992px) {
  .user-form-page {
    padding-top: 80px;
  }
}

.path-user .user-webform-data {
  padding: 20px;
  margin-bottom: 30px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 2px 5px 7px 1px rgba(26, 26, 26, 0.2);
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}
.path-user .user-webform-data .webform-data-title {
  color: hsl(198, 100%, 10%);
  margin-bottom: 49px;
}
.path-user .dashboard-content {
  padding-top: 80px;
  padding-bottom: 80px;
}
.path-user .dashboard-content .no-messagge-status .messages.messages--status {
  display: none !important;
}
@media (max-width: 992px) {
  .path-user .dashboard-content .left-dashboard-section {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.path-user .dashboard-content h1 {
  margin-bottom: 24px;
}
.path-user .dashboard-content .p-l {
  margin-bottom: 24px;
}
.path-user .dashboard-content .anchor-links a {
  color: var(--secondary2);
  font-weight: 600;
}
.path-user .right-dashboard-section.edit-section h2 {
  font: normal normal 600 clamp(1.375rem, 1.0441rem + 0.8824vw, 1.75rem)/1.1 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  .path-user .right-dashboard-section.edit-section h2 {
    font: normal normal 600 clamp(1.375rem, 1.0441rem + 0.8824vw, 1.75rem)/1.1 "IBM Plex Sans", sans-serif;
  }
}
.path-user .right-dashboard-section.edit-section .js-form-item.js-form-item-pass-pass2 {
  margin-top: 18px !important;
}
.path-user .right-dashboard-section.edit-section .js-form-item-pass-pass1 .shwpd {
  right: 12px;
}
@media (max-width: 992px) {
  .path-user .right-dashboard-section {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.path-user .right-dashboard-section .block-user-webform-submission-display {
  padding: 40px;
  min-height: 60vh;
}
@media (max-width: 992px) {
  .path-user .right-dashboard-section .block-user-webform-submission-display {
    padding: 40px 16px;
  }
}
.path-user .right-dashboard-section .user-credentials-section {
  padding: 40px;
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 2px 5px 7px 1px rgba(26, 26, 26, 0.2);
}
@media (max-width: 992px) {
  .path-user .right-dashboard-section .user-credentials-section {
    padding: 40px 16px;
  }
}
.path-user .right-dashboard-section .user-credentials-section .credentials-card__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.path-user .right-dashboard-section .user-credentials-section .credentials-card__heading h5 {
  color: var(--neutral3);
}

.user-sidebar {
  margin-top: 48px;
}
.user-sidebar .user-navigation {
  background-color: #FFFFFF;
  border-radius: 12px;
  border: 1px solid var(--neutral1);
  max-width: max-content;
  overflow: hidden;
  min-width: 215px;
}
@media (max-width: 992px) {
  .user-sidebar .user-navigation {
    margin-bottom: 80px;
  }
}
.user-sidebar .user-navigation .user-menu {
  padding-left: 0px;
}
.user-sidebar .user-navigation .user-menu li {
  list-style-type: none;
  position: relative;
  padding: 16px 24px;
  padding-left: 50px;
}
.user-sidebar .user-navigation .user-menu li::before {
  font-family: "Material Icons Round";
  font-size: 20px;
  line-height: 1;
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--accent3);
}
.user-sidebar .user-navigation .user-menu li a {
  all: unset;
  color: var(--accent3);
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  cursor: pointer;
  font-weight: 700;
}
@media (max-width: 768px) {
  .user-sidebar .user-navigation .user-menu li a {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.user-sidebar .user-navigation .user-menu li a:hover {
  color: #000000;
}
@media (max-width: 992px) {
  .user-sidebar .user-navigation .user-menu li a {
    font-weight: 700;
  }
}
.user-sidebar .user-navigation .user-menu li.active:hover {
  background-color: var(--accent3);
}
.user-sidebar .user-navigation .user-menu li.active:hover a {
  color: #FFFFFF;
}
.user-sidebar .user-navigation .user-menu li.active:hover::before {
  color: #FFFFFF;
}
.user-sidebar .user-navigation .user-menu li:hover {
  background-color: var(--accent3);
}
.user-sidebar .user-navigation .user-menu li:hover a {
  color: #FFFFFF;
}
.user-sidebar .user-navigation .user-menu li:hover::before {
  color: #FFFFFF;
}
.user-sidebar .user-navigation .user-menu .profilo::before {
  content: "person";
}
.user-sidebar .user-navigation .user-menu .active-polizza::before {
  content: "description";
  fill: 1;
}
.user-sidebar .user-navigation .user-menu .saved-polizza::before {
  content: "bookmark";
  fill: 1;
}
.user-sidebar .user-navigation .user-menu .archivio::before {
  content: "folder";
}
.user-sidebar .user-navigation .user-menu .logout::before {
  content: "login";
}
.user-sidebar .user-navigation .user-menu .profilo.active a,
.user-sidebar .user-navigation .user-menu .active-polizza.active a,
.user-sidebar .user-navigation .user-menu .saved-polizza.active a,
.user-sidebar .user-navigation .user-menu .archivio.active a,
.user-sidebar .user-navigation .user-menu .logout.active a {
  color: var(--accent2);
}
.user-sidebar .user-navigation .user-menu .profilo.active::before,
.user-sidebar .user-navigation .user-menu .active-polizza.active::before,
.user-sidebar .user-navigation .user-menu .saved-polizza.active::before,
.user-sidebar .user-navigation .user-menu .archivio.active::before,
.user-sidebar .user-navigation .user-menu .logout.active::before {
  color: var(--accent2);
}

.path-user .webform-data-fields {
  flex-wrap: wrap;
  flex-direction: row;
}
.path-user .webform-data-fields .form-item > .js-form-item {
  width: 100%;
}
.path-user .webform-data-fields .form-item > .js-form-item input {
  width: 100%;
}
.path-user .webform-data-fields > .form-item:first-child {
  width: 48%;
}
@media (max-width: 992px) {
  .path-user .webform-data-fields > .form-item:first-child {
    width: 100%;
  }
}
.path-user .webform-data-fields > .form-item:nth-child(2) {
  width: 48%;
}
@media (max-width: 992px) {
  .path-user .webform-data-fields > .form-item:nth-child(2) {
    width: 100%;
  }
}
.path-user .webform-data-fields > .form-item:nth-child(3) {
  width: 48%;
}
@media (max-width: 992px) {
  .path-user .webform-data-fields > .form-item:nth-child(3) {
    width: 100%;
  }
}
.path-user .webform-data-fields > .form-item:nth-child(4) {
  width: 48%;
}
@media (max-width: 992px) {
  .path-user .webform-data-fields > .form-item:nth-child(4) {
    width: 100%;
  }
}
.path-user .webform-data-fields > .form-item:nth-child(5) {
  width: 100%;
}
.path-user .webform-data-fields > .form-item:nth-child(6) {
  width: 100%;
}
.path-user .webform-data-fields > .form-item:nth-child(7) {
  width: 100%;
}
.path-user .webform-data-fields > .form-item:nth-child(8) {
  width: 100%;
}
.path-user .webform-data-fields > .form-item:nth-child(9) {
  width: 100%;
}
.path-user .webform-data-fields > .form-item:nth-child(10) {
  width: 100%;
}
.path-user .webform-data-fields > .form-item:nth-child(11) {
  width: 100%;
}
.path-user .webform-data-fields > .form-item:nth-child(12) {
  width: 100%;
}
.path-user .webform-data-fields > .form-item:nth-child(13) {
  width: 100%;
}
.path-user .webform-data-fields .webform-data-description {
  color: var(--neutral2);
  font-size: 0.9rem;
}

.profile-form {
  max-width: 800px;
  margin: 0 auto;
  padding: 32px;
  background-color: #FFFFFF;
  border: 1px solid var(--neutral1);
  border-radius: 8px;
  font-family: "IBM Plex Sans", sans-serif;
}
.profile-form .form-wrapper {
  margin-bottom: 24px;
}
.profile-form .form-item {
  margin-bottom: 16px;
}
.profile-form .form-item label {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: var(--secondary3);
  margin-bottom: 8px;
}
.profile-form .form-item input[type=text],
.profile-form .form-item select {
  width: 100%;
  padding: 12px;
  font-size: 16px;
  font-family: "IBM Plex Sans", sans-serif;
  border: 1px solid var(--neutral1);
  border-radius: 6px;
  background-color: #FFFFFF;
  color: var(--neutral3);
}
.profile-form .form-item input[type=text]:focus,
.profile-form .form-item select:focus {
  outline: none;
  border-color: var(--secondary1);
  box-shadow: 0 0 0 2px rgba(var(--secondary1), 0.2);
}
.profile-form .address-container-inline {
  display: flex;
  gap: 16px;
}
.profile-form .address-container-inline .form-item {
  flex: 1;
}
.profile-form .form-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
}
.profile-form .form-actions input[type=submit] {
  background-color: var(--secondary1);
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 600;
  padding: 12px 24px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
.profile-form .form-actions input[type=submit]:hover {
  background-color: var(--secondary2);
}
.profile-form .form-actions .button--danger {
  background-color: var(--accent3);
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 6px;
  text-decoration: none;
}

.path-user:not(.gin-login) .block.block-system.block-system-main-block {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .path-user:not(.gin-login) .block.block-system.block-system-main-block {
    padding: 0;
  }
}
.path-user:not(.gin-login) .block.block-system.block-system-main-block .address-book__container {
  background-color: var(--primary1);
  border: 1px solid var(--neutral1);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 40px;
}
.path-user:not(.gin-login) .block.block-system.block-system-main-block .address-book__container summary {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: var(--secondary3);
  margin-bottom: 16px;
  cursor: pointer;
}
.path-user:not(.gin-login) .block.block-system.block-system-main-block .address-book__container .details-wrapper {
  padding: 0;
}
.path-user:not(.gin-login) .block.block-system.block-system-main-block .address-book__container .details-wrapper .address-book__profiles {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.path-user:not(.gin-login) .block.block-system.block-system-main-block .address-book__container .details-wrapper .address-book__profiles .address-book__profile--default {
  background-color: #FFFFFF;
  border: 1px solid var(--neutral1);
  border-radius: 6px;
  padding: 16px;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.path-user:not(.gin-login) .block.block-system.block-system-main-block .address-book__container .details-wrapper .address-book__profiles .address-book__profile--default .field-items .address {
  color: var(--neutral3);
}
.path-user:not(.gin-login) .block.block-system.block-system-main-block .address-book__container .details-wrapper .address-book__profiles .address-book__profile--default .address-book__operations {
  margin-top: 12px;
}
.path-user:not(.gin-login) .block.block-system.block-system-main-block .address-book__container .details-wrapper .address-book__profiles .address-book__profile--default .address-book__operations .address-book__edit-link {
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  position: relative;
  padding-right: 2.5rem;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  text-align: center;
  padding: 8px 16px;
  font-size: 17px;
  text-decoration: none;
  display: inline-block;
}
.path-user:not(.gin-login) .block.block-system.block-system-main-block .address-book__container .details-wrapper .address-book__profiles .address-book__profile--default .address-book__operations .address-book__edit-link:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
.path-user:not(.gin-login) .block.block-system.block-system-main-block .address-book__container .details-wrapper .address-book__profiles .address-book__profile--default .address-book__operations .address-book__edit-link.noafter {
  padding-right: 24px;
}
.path-user:not(.gin-login) .block.block-system.block-system-main-block .address-book__container .details-wrapper .address-book__profiles .address-book__profile--default .address-book__operations .address-book__edit-link.noafter::after {
  display: none;
}
.path-user:not(.gin-login) .block.block-system.block-system-main-block .address-book__container .details-wrapper .address-book__profiles .address-book__profile--default .address-book__operations .address-book__edit-link::after {
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.path-user:not(.gin-login) .block.block-system.block-system-main-block .address-book__container .details-wrapper .address-book__profiles .address-book__profile--default .address-book__operations .address-book__edit-link:hover {
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
.path-user:not(.gin-login) .block.block-system.block-system-main-block .address-book__container .details-wrapper .address-book__profiles .address-book__profile--default .address-book__operations .address-book__edit-link:hover::after {
  transform: translate(0.25rem, -50%);
}

#block-contenutodellapaginaprincipale table.responsive-enabled {
  width: 100%;
  border-collapse: collapse;
  margin-top: 32px;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  color: var(--neutral3);
}
#block-contenutodellapaginaprincipale table.responsive-enabled thead {
  background-color: var(--primary2);
}
#block-contenutodellapaginaprincipale table.responsive-enabled thead th {
  text-align: left;
  padding: 16px;
  font-weight: 600;
  color: var(--secondary3);
  border-bottom: 2px solid var(--primary3);
}
#block-contenutodellapaginaprincipale table.responsive-enabled tbody tr:nth-child(odd) {
  background-color: var(--primary1);
}
#block-contenutodellapaginaprincipale table.responsive-enabled tbody tr td {
  padding: 16px;
  vertical-align: middle;
  border-bottom: 1px solid var(--neutral1);
}
#block-contenutodellapaginaprincipale table.responsive-enabled tbody tr td .payment-method-icon {
  display: none;
}
#block-contenutodellapaginaprincipale table.responsive-enabled tbody tr td ul.links {
  list-style: none;
  padding: 0;
  margin: 0;
}
#block-contenutodellapaginaprincipale table.responsive-enabled tbody tr td ul.links li {
  display: inline-block;
}
#block-contenutodellapaginaprincipale table.responsive-enabled tbody tr td ul.links li a {
  font-size: 13px;
  color: var(--accent3);
  font-weight: 500;
  text-decoration: none;
  padding: 8px 12px;
  border: 1px solid var(--accent3);
  border-radius: 4px;
  transition: all 0.2s ease;
}
#block-contenutodellapaginaprincipale table.responsive-enabled tbody tr td ul.links li a:hover {
  background-color: var(--accent3);
  color: #FFFFFF;
}
#block-contenutodellapaginaprincipale .tableresponsive-toggle-columns {
  margin-bottom: 16px;
}
#block-contenutodellapaginaprincipale .tableresponsive-toggle-columns .tableresponsive-toggle {
  background-color: var(--secondary1);
  color: #FFFFFF;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
#block-contenutodellapaginaprincipale .tableresponsive-toggle-columns .tableresponsive-toggle:hover {
  background-color: var(--secondary2);
}

.wrapper-form-user-register {
  background-color: #FFFFFF;
  padding: 40px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  max-width: 800px;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
@media (max-width: 992px) {
  .wrapper-form-user-register {
    padding: 40px 16px;
  }
}
.wrapper-form-user-register .user-login-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper-form-user-register .user-login-logo img {
  max-width: 165px;
  width: 100%;
}
.wrapper-form-user-register .content-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.wrapper-form-user-register .content-wrapper h3 {
  color: var(--neutral3);
  margin-bottom: 12px;
}
.wrapper-form-user-register .content-wrapper p {
  color: var(--neutral2);
  margin-bottom: 28px;
}
.wrapper-form-user-register .content-wrapper p.p-xl {
  text-align: center;
}
.wrapper-form-user-register .user-register-form {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(24px * -0.5);
  margin-left: calc(24px * -0.5);
  margin-left: 0px;
  margin-right: 0px;
}
.wrapper-form-user-register .user-register-form > [class^=col-],
.wrapper-form-user-register .user-register-form > [class*=" col-"], .wrapper-form-user-register .user-register-form > div {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
}
@media (max-width: 1024px) and (min-width: 768px) {
  .wrapper-form-user-register .user-register-form {
    margin-right: -40px;
    margin-left: -40px;
  }
  .wrapper-form-user-register .user-register-form > [class^=col-],
  .wrapper-form-user-register .user-register-form > [class*=" col-"], .wrapper-form-user-register .user-register-form > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media (max-width: 992px) {
  .wrapper-form-user-register .user-register-form {
    gap: 16px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
.wrapper-form-user-register .user-register-form .field--name-field-user-name {
  order: 1;
  width: 49%;
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 992px) {
  .wrapper-form-user-register .user-register-form .field--name-field-user-name {
    width: 100%;
  }
}
.wrapper-form-user-register .user-register-form .field--name-field-user-last-name {
  order: 2;
  width: 49%;
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 992px) {
  .wrapper-form-user-register .user-register-form .field--name-field-user-last-name {
    width: 100%;
  }
}
.wrapper-form-user-register .user-register-form .field--type-datetime, .wrapper-form-user-register .user-register-form .field--name-field-user-birth-date {
  order: 3;
  width: 49%;
  margin-top: 16px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 992px) {
  .wrapper-form-user-register .user-register-form .field--type-datetime, .wrapper-form-user-register .user-register-form .field--name-field-user-birth-date {
    width: 100%;
    margin-top: 0px;
  }
}
.wrapper-form-user-register .user-register-form .field--name-field-user-cf {
  order: 4;
  width: 49%;
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 992px) {
  .wrapper-form-user-register .user-register-form .field--name-field-user-cf {
    width: 100%;
    margin-top: 0px;
    display: block;
  }
}
.wrapper-form-user-register .user-register-form .field--name-field-user-telephone {
  order: 5;
  width: 100%;
  margin-top: 16px;
  margin-top: 16px;
  border-bottom: 1px solid var(--neutral2);
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 992px) {
  .wrapper-form-user-register .user-register-form .field--name-field-user-telephone {
    width: 100%;
    margin-top: 0px;
  }
}
.wrapper-form-user-register .user-register-form .field--name-field-user-ref-se {
  order: 6;
  width: 100%;
  border-bottom: 1px solid var(--neutral2);
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 992px) {
  .wrapper-form-user-register .user-register-form .field--name-field-user-ref-se {
    margin-top: 0px;
  }
}
.wrapper-form-user-register .user-register-form .field--name-field-user-ref-se select {
  width: 100%;
}
.wrapper-form-user-register .user-register-form #edit-account {
  all: unset;
  order: 7;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 992px) {
  .wrapper-form-user-register .user-register-form #edit-account {
    margin-top: 0px;
  }
}
.wrapper-form-user-register .user-register-form #edit-account .js-form-item-mail {
  width: 100%;
}
.wrapper-form-user-register .user-register-form #edit-account #edit-pass {
  all: unset;
  margin-top: 24px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 992px) {
  .wrapper-form-user-register .user-register-form #edit-account #edit-pass {
    flex-direction: column;
    margin-top: 16px;
  }
}
.wrapper-form-user-register .user-register-form #edit-account #edit-pass .js-form-item {
  width: 100%;
  width: 50%;
  max-width: 50%;
  flex: 0 0 50%;
}
.wrapper-form-user-register .user-register-form #edit-account #edit-pass .js-form-item:first-child {
  padding-right: 32px;
}
@media (max-width: 992px) {
  .wrapper-form-user-register .user-register-form #edit-account #edit-pass .js-form-item:first-child {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding-right: 0px;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .wrapper-form-user-register .user-register-form #edit-account #edit-pass .js-form-item:nth-child(2) {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding-top: 16px;
    width: 100%;
  }
}
.wrapper-form-user-register .user-register-form .field--name-field-user-consent-privacy-info {
  order: 8;
  padding-left: 0;
  padding-right: 0;
}
.wrapper-form-user-register .user-register-form .field--name-field-user-consent-owner-service {
  order: 9;
  padding-left: 0;
  padding-right: 0;
}
.wrapper-form-user-register .user-register-form .field--name-field-user-consent-requested-srv {
  order: 10;
  padding-left: 0;
  padding-right: 0;
}
.wrapper-form-user-register .user-register-form .field--name-field-user-consent-newsletter {
  order: 11;
  padding-left: 0;
  padding-right: 0;
}
.wrapper-form-user-register .user-register-form .field--name-field-user-consent-third-party {
  order: 12;
  padding-left: 0;
  padding-right: 0;
}
.wrapper-form-user-register .user-register-form .form-actions.js-form-wrapper.form-wrapper {
  order: 13;
  width: 100%;
  margin-bottom: 28px;
  padding-left: 0px;
  padding-right: 0px;
}
.wrapper-form-user-register .user-login-links {
  padding-left: 0px;
  padding-right: 0px;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 28px;
}
.wrapper-form-user-register .user-login-links a.forgot-pass-link {
  width: 100%;
  display: block;
  text-align: right;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  font-weight: 400;
}
.wrapper-form-user-register .user-login-links .or-hr {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.wrapper-form-user-register .user-login-links .or-hr span {
  font: normal normal 400 20px/1.5 "IBM Plex Sans", sans-serif;
  color: var(--neutral2);
}
@media (max-width: 768px) {
  .wrapper-form-user-register .user-login-links .or-hr span {
    font: normal normal 400 20px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.wrapper-form-user-register .user-login-links .or-hr .spacer-hr {
  height: 1px;
  width: 80%;
  background-color: var(--neutral1);
}
.wrapper-form-user-register .user-login-links .register-links {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.wrapper-form-user-register .user-login-links .register-links p {
  text-align: center;
  margin-bottom: 0px;
}
.wrapper-form-user-register .user-login-links .register-links a {
  width: 100%;
}
.wrapper-form-user-register .form-item-field-user-consent-owner-service-value,
.wrapper-form-user-register .form-item-field-user-consent-requested-srv-value,
.wrapper-form-user-register .form-item-field-user-consent-newsletter-value,
.wrapper-form-user-register .form-item-field-user-consent-third-party-value {
  padding-left: 24px;
}

.gin-login.path-user .user-register-form .js-form-wrapper.form-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 0px;
}
.gin-login.path-user .field--type-boolean {
  margin-bottom: -24px;
}
.gin-login.path-user .form-checkbox ~ .form-item__label.option.js-form-required.form-required {
  display: none;
}
.gin-login.path-user .form-item__description {
  margin-top: 0px;
}
.gin-login.path-user .form-item__description p {
  margin-top: 0px;
}
.gin-login.path-user .form-item__description p::after {
  content: " *";
  color: red;
}
.gin-login.path-user .form-item {
  margin-block: 8px;
}
.gin-login.path-user .password-confirm {
  width: 100%;
  min-width: 100%;
}

.registration-second-step .webform-type-registration {
  background-color: #FFFFFF;
  padding: 40px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 28px;
  max-width: 550px;
  width: 550px;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
@media (max-width: 992px) {
  .registration-second-step .webform-type-registration {
    padding: 40px 16px;
  }
}
.registration-second-step .webform-type-registration .user-login-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.registration-second-step .webform-type-registration .content-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 28px;
}
.registration-second-step .webform-type-registration .content-wrapper h3 {
  color: var(--neutral3);
  margin-bottom: 0px;
}
.registration-second-step .webform-type-registration .content-wrapper p {
  color: var(--neutral2);
  margin-bottom: 0px;
}
.registration-second-step .webform-type-registration .content-wrapper .block.block-system.block-system-main-block {
  padding: 0px !important;
}
.registration-second-step .webform-type-registration .content-wrapper .user-login-form {
  gap: 16px;
}
.registration-second-step .webform-type-registration .content-wrapper .user-login-links {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 28px;
}
.registration-second-step .webform-type-registration .content-wrapper .user-login-links a.forgot-pass-link {
  width: 100%;
  display: block;
  text-align: right;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  font-weight: 400;
}
.registration-second-step .webform-type-registration .content-wrapper .user-login-links .or-hr {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.registration-second-step .webform-type-registration .content-wrapper .user-login-links .or-hr span {
  font: normal normal 400 20px/1.5 "IBM Plex Sans", sans-serif;
  color: var(--neutral2);
}
@media (max-width: 768px) {
  .registration-second-step .webform-type-registration .content-wrapper .user-login-links .or-hr span {
    font: normal normal 400 20px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.registration-second-step .webform-type-registration .content-wrapper .user-login-links .or-hr .spacer-hr {
  height: 1px;
  width: 80%;
  background-color: var(--neutral1);
}
.registration-second-step .webform-type-registration .content-wrapper .user-login-links .register-links {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.registration-second-step .webform-type-registration .content-wrapper .user-login-links .register-links p {
  text-align: center;
}
.registration-second-step .webform-type-registration .content-wrapper .user-login-links .register-links a {
  width: 100%;
}
.registration-second-step .webform-type-registration .js-form-item {
  width: 100%;
}
.registration-second-step .webform-type-registration .js-form-item input, .registration-second-step .webform-type-registration .js-form-item select {
  width: 100%;
}
.registration-second-step .webform-type-registration .js-form-wrapper {
  width: 100%;
}
.registration-second-step .webform-type-registration .js-form-wrapper .form-submit {
  width: 100%;
  text-align: center;
}

.wrapper-form-user-login, .wrapper-form-user-pass-reset {
  background-color: #FFFFFF;
  padding: 40px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  max-width: 450px;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
@media (max-width: 992px) {
  .wrapper-form-user-login, .wrapper-form-user-pass-reset {
    padding: 40px 16px;
  }
}
.wrapper-form-user-login .user-login-logo, .wrapper-form-user-pass-reset .user-login-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper-form-user-login .user-login-logo img, .wrapper-form-user-pass-reset .user-login-logo img {
  max-width: 165px;
  width: 100%;
}
.wrapper-form-user-login .content-wrapper, .wrapper-form-user-pass-reset .content-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 28px;
}
.wrapper-form-user-login .content-wrapper h3, .wrapper-form-user-pass-reset .content-wrapper h3 {
  color: var(--neutral3);
  margin-bottom: 0px;
}
.wrapper-form-user-login .content-wrapper p, .wrapper-form-user-pass-reset .content-wrapper p {
  color: var(--neutral2);
  margin-bottom: 0px;
  text-align: center;
}
.wrapper-form-user-login .content-wrapper .block.block-system.block-system-main-block, .wrapper-form-user-pass-reset .content-wrapper .block.block-system.block-system-main-block {
  padding: 0px !important;
}
.wrapper-form-user-login .content-wrapper .user-login-form, .wrapper-form-user-pass-reset .content-wrapper .user-login-form {
  gap: 16px;
}
.wrapper-form-user-login .content-wrapper .user-login-links, .wrapper-form-user-pass-reset .content-wrapper .user-login-links {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 28px;
}
.wrapper-form-user-login .content-wrapper .user-login-links a.forgot-pass-link, .wrapper-form-user-pass-reset .content-wrapper .user-login-links a.forgot-pass-link {
  width: 100%;
  display: block;
  text-align: right;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  font-weight: 400;
}
.wrapper-form-user-login .content-wrapper .user-login-links .or-hr, .wrapper-form-user-pass-reset .content-wrapper .user-login-links .or-hr {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.wrapper-form-user-login .content-wrapper .user-login-links .or-hr span, .wrapper-form-user-pass-reset .content-wrapper .user-login-links .or-hr span {
  font: normal normal 400 20px/1.5 "IBM Plex Sans", sans-serif;
  color: var(--neutral2);
}
@media (max-width: 768px) {
  .wrapper-form-user-login .content-wrapper .user-login-links .or-hr span, .wrapper-form-user-pass-reset .content-wrapper .user-login-links .or-hr span {
    font: normal normal 400 20px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.wrapper-form-user-login .content-wrapper .user-login-links .or-hr .spacer-hr, .wrapper-form-user-pass-reset .content-wrapper .user-login-links .or-hr .spacer-hr {
  height: 1px;
  width: 80%;
  background-color: var(--neutral1);
}
.wrapper-form-user-login .content-wrapper .user-login-links .register-links, .wrapper-form-user-pass-reset .content-wrapper .user-login-links .register-links {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.wrapper-form-user-login .content-wrapper .user-login-links .register-links p, .wrapper-form-user-pass-reset .content-wrapper .user-login-links .register-links p {
  text-align: center;
}
.wrapper-form-user-login .content-wrapper .user-login-links .register-links a, .wrapper-form-user-pass-reset .content-wrapper .user-login-links .register-links a {
  width: 100%;
}

.wrapper-form-user-pass-reset p.p-xl {
  text-align: center;
}
.wrapper-form-user-pass-reset .content-wrapper {
  align-items: center;
}
.wrapper-form-user-pass-reset .block-system-main-block p {
  font: normal normal 400 13px/1.4 "IBM Plex Sans", sans-serif;
  color: var(--neutral2);
}
@media (max-width: 768px) {
  .wrapper-form-user-pass-reset .block-system-main-block p {
    font: normal normal 400 12px/1.4 "IBM Plex Sans", sans-serif;
  }
}
.wrapper-form-user-pass-reset .user-pass {
  gap: 28px;
}

.user-pass-reset {
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  .user-pass-reset {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.user-pass-reset p {
  font: normal normal 400 15px/1.4 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  .user-pass-reset p {
    font: normal normal 400 14px/1.4 "IBM Plex Sans", sans-serif;
  }
}

.user-form-page-reset {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 992px) {
  .user-form-page-reset {
    padding-top: 80px;
  }
}
.user-form-page-reset .wrapper-form-user-login {
  max-width: 500px;
}

form .form-type-textfield, form .form-type-password, form .form-type-date, form .form-type-select, form .js-form-type-email, form .js-form-type-password {
  margin: 0;
}
form .form-type-textfield label, form .form-type-password label, form .form-type-date label, form .form-type-select label, form .js-form-type-email label, form .js-form-type-password label {
  font: normal normal 400 15px/1.4 "IBM Plex Sans", sans-serif;
  color: var(--neutral2);
}
@media (max-width: 768px) {
  form .form-type-textfield label, form .form-type-password label, form .form-type-date label, form .form-type-select label, form .js-form-type-email label, form .js-form-type-password label {
    font: normal normal 400 14px/1.4 "IBM Plex Sans", sans-serif;
  }
}
form .form-type-textfield input.form-text, form .form-type-textfield input.form-password, form .form-type-textfield input.form-date, form .form-type-textfield select, form .form-type-textfield .form-email, form .form-type-password input.form-text, form .form-type-password input.form-password, form .form-type-password input.form-date, form .form-type-password select, form .form-type-password .form-email, form .form-type-date input.form-text, form .form-type-date input.form-password, form .form-type-date input.form-date, form .form-type-date select, form .form-type-date .form-email, form .form-type-select input.form-text, form .form-type-select input.form-password, form .form-type-select input.form-date, form .form-type-select select, form .form-type-select .form-email, form .js-form-type-email input.form-text, form .js-form-type-email input.form-password, form .js-form-type-email input.form-date, form .js-form-type-email select, form .js-form-type-email .form-email, form .js-form-type-password input.form-text, form .js-form-type-password input.form-password, form .js-form-type-password input.form-date, form .js-form-type-password select, form .js-form-type-password .form-email {
  background-color: transparent;
  padding: 16px;
  border-radius: 12px;
  font: normal normal 400 13px/1.4 "IBM Plex Sans", sans-serif;
  border: 1px solid var(--neutral1);
  color: var(--neutral2);
}
@media (max-width: 768px) {
  form .form-type-textfield input.form-text, form .form-type-textfield input.form-password, form .form-type-textfield input.form-date, form .form-type-textfield select, form .form-type-textfield .form-email, form .form-type-password input.form-text, form .form-type-password input.form-password, form .form-type-password input.form-date, form .form-type-password select, form .form-type-password .form-email, form .form-type-date input.form-text, form .form-type-date input.form-password, form .form-type-date input.form-date, form .form-type-date select, form .form-type-date .form-email, form .form-type-select input.form-text, form .form-type-select input.form-password, form .form-type-select input.form-date, form .form-type-select select, form .form-type-select .form-email, form .js-form-type-email input.form-text, form .js-form-type-email input.form-password, form .js-form-type-email input.form-date, form .js-form-type-email select, form .js-form-type-email .form-email, form .js-form-type-password input.form-text, form .js-form-type-password input.form-password, form .js-form-type-password input.form-date, form .js-form-type-password select, form .js-form-type-password .form-email {
    font: normal normal 400 12px/1.4 "IBM Plex Sans", sans-serif;
  }
}
form .form-type-textfield .description, form .form-type-textfield .js-password-confirm-message, form .form-type-textfield .password-suggestions, form .form-type-password .description, form .form-type-password .js-password-confirm-message, form .form-type-password .password-suggestions, form .form-type-date .description, form .form-type-date .js-password-confirm-message, form .form-type-date .password-suggestions, form .form-type-select .description, form .form-type-select .js-password-confirm-message, form .form-type-select .password-suggestions, form .js-form-type-email .description, form .js-form-type-email .js-password-confirm-message, form .js-form-type-email .password-suggestions, form .js-form-type-password .description, form .js-form-type-password .js-password-confirm-message, form .js-form-type-password .password-suggestions {
  display: none !important;
}
form .form-type-textfield input::placeholder, form .form-type-password input::placeholder, form .form-type-date input::placeholder, form .form-type-select input::placeholder, form .js-form-type-email input::placeholder, form .js-form-type-password input::placeholder {
  font: normal normal 400 12px/1.4 "IBM Plex Sans", sans-serif;
  font-size: 13px;
  font-style: italic;
  color: var(--neutral1);
}
form .js-form-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
form .js-form-type-password {
  margin-top: 0px !important;
}
form .js-form-wrapper {
  margin: 0;
}
form .js-form-wrapper .form-submit {
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  position: relative;
  padding-right: 2.5rem;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  text-align: center;
  width: 100%;
  text-align: center;
}
form .js-form-wrapper .form-submit:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
form .js-form-wrapper .form-submit.noafter {
  padding-right: 24px;
}
form .js-form-wrapper .form-submit.noafter::after {
  display: none;
}
form .js-form-wrapper .form-submit::after {
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
form .js-form-wrapper .form-submit:hover {
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
form .js-form-wrapper .form-submit:hover::after {
  transform: translate(0.25rem, -50%);
}
form .field--type-datetime h4.label {
  all: unset;
  font: normal normal 400 15px/1.4 "IBM Plex Sans", sans-serif;
  color: var(--neutral2);
  min-height: 21px;
}
@media (max-width: 768px) {
  form .field--type-datetime h4.label {
    font: normal normal 400 14px/1.4 "IBM Plex Sans", sans-serif;
  }
}
form .password-strength, form #edit-pass--description, form .password-suggestions {
  all: unset;
  display: none !important;
  visibility: hidden !important;
  height: 0px !important;
  padding: 0px !important;
}
form .form-type-checkbox {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 16px;
  margin-top: 0px;
}
form .form-type-checkbox input {
  margin-top: 8px;
  accent-color: var(--accent2);
  transform: scale(1.5);
}
form .form-type-checkbox .description {
  margin-left: 12px;
  margin-bottom: 0px;
}
form .form-type-checkbox .description p {
  margin-bottom: 0px;
}
form .form-type-checkbox label {
  display: none;
}
form .form-type-checkbox .form-wrapper {
  padding-left: 0px;
  padding-right: 0px;
}

.user-logged-in.path-webform.theme-default .block.block-system.block-system-main-block {
  display: flex;
  align-items: center;
  justify-content: center;
}

.messages.messages--error {
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  background-image: none;
  margin-bottom: 12px;
  background-color: #FFFFFF;
  box-shadow: none;
  border: none;
  color: #F30000;
  padding: 8px 0px;
}
@media (max-width: 768px) {
  .messages.messages--error {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.messages.messages--error .alert {
  color: #F30000;
  background-color: #FFFFFF;
}

.messages.messages--status {
  margin-top: 32px;
  margin-bottom: 24px;
  box-shadow: none;
  border: none;
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  .messages.messages--status {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}

.form-disabled {
  color: var(--neutral1) !important;
}
.form-disabled label {
  color: var(--neutral1) !important;
}
.form-disabled input:not(.btn-disabled):not(.weight) {
  color: var(--neutral1) !important;
  border: 1px solid var(--neutral1) !important;
}
.form-disabled .form-required::after {
  color: var(--neutral1);
  background-image: url("/themes/custom/CS2/webpack/src/images/required-disabled.svg");
}
.form-disabled .weight {
  color: var(--neutral2);
  font-weight: 700 !important;
  text-transform: uppercase;
}
.form-disabled .form-item {
  margin-top: 0px;
  margin-bottom: 0px;
}
.form-disabled .form-checkbox {
  margin: 0px !important;
}
.form-disabled .form-item--inline {
  display: flex;
  align-items: center;
  gap: 8px;
}
.form-disabled .form-label--inline {
  margin: 0;
  order: 2;
}
.form-disabled .form-item--inline .form-checkbox {
  order: 1;
}
.form-disabled .form-item--consent {
  position: relative;
}
.form-disabled .form-item--consent::after {
  content: "check_box";
  font-family: "Material Icons Round";
  color: var(--neutral1);
  font-size: 20px;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.form-disabled .form-item--consent .form-label--inline {
  padding-left: 32px;
}

.webform-data-fields.form-disabled {
  gap: 16px;
  margin-bottom: 24px;
}

.user-logged-in.path-user.theme-default .user-form-edit-info {
  background-color: #FFFFFF;
  padding: 40px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  max-width: 800px;
}
@media (max-width: 992px) {
  .user-logged-in.path-user.theme-default .user-form-edit-info {
    padding: 40px 16px;
    margin-top: 40px;
    margin-top: 22px;
  }
}
.user-logged-in.path-user.theme-default .user-form-edit-info #edit-delete {
  display: none;
}
.user-logged-in.path-user.theme-default .user-form-edit-info #edit-account {
  width: 100%;
}
.user-logged-in.path-user.theme-default .user-form-edit-info .js-form-type-email.form-type-email {
  margin-top: 16px;
}
.user-logged-in.path-user.theme-default .user-form-edit-info .js-form-item {
  width: 100%;
  max-width: unset;
}
.user-logged-in.path-user.theme-default .user-form-edit-info .js-form-item input {
  width: 100%;
}
.user-logged-in.path-user.theme-default .user-form-edit-info .form-actions {
  width: 100%;
}
.user-logged-in.path-user.theme-default .user-form-edit-info .form-actions #edit-submit {
  all: unset;
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  position: relative;
  padding-right: 2.5rem;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  text-align: center;
  text-align: center;
  padding-right: 24px;
  max-width: 100%;
  width: 100%;
}
.user-logged-in.path-user.theme-default .user-form-edit-info .form-actions #edit-submit:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
.user-logged-in.path-user.theme-default .user-form-edit-info .form-actions #edit-submit.noafter {
  padding-right: 24px;
}
.user-logged-in.path-user.theme-default .user-form-edit-info .form-actions #edit-submit.noafter::after {
  display: none;
}
.user-logged-in.path-user.theme-default .user-form-edit-info .form-actions #edit-submit::after {
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.user-logged-in.path-user.theme-default .user-form-edit-info .form-actions #edit-submit:hover {
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
.user-logged-in.path-user.theme-default .user-form-edit-info .form-actions #edit-submit:hover::after {
  transform: translate(0.25rem, -50%);
}

.article__card__wrapper a {
  text-decoration: none !important;
}
.article__card__wrapper .card__wrapper__label .field--name-field-article-categories > .field__item {
  display: inline-block;
  background: var(--accent2);
  color: #FFFFFF;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font: normal normal 400 13px/1.4 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  .article__card__wrapper .card__wrapper__label .field--name-field-article-categories > .field__item {
    font: normal normal 400 12px/1.4 "IBM Plex Sans", sans-serif;
  }
}
.article__card__wrapper .card__wrapper__title .field {
  font: normal normal 600 clamp(1.375rem, 1.0441rem + 0.8824vw, 1.75rem)/1.1 "IBM Plex Sans", sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 52px;
}
@media (max-width: 768px) {
  .article__card__wrapper .card__wrapper__title .field {
    font: normal normal 600 clamp(1.375rem, 1.0441rem + 0.8824vw, 1.75rem)/1.1 "IBM Plex Sans", sans-serif;
  }
}
.article__card__wrapper .card__wrapper__text .field {
  font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 48px;
}
@media (max-width: 768px) {
  .article__card__wrapper .card__wrapper__text .field {
    font: normal normal 400 16px/1.5 "IBM Plex Sans", sans-serif;
  }
}
.article__card__wrapper .card__wrapper__cta a {
  all: unset;
  cursor: pointer;
  font: normal normal 700 17px/1 "IBM Plex Sans", sans-serif;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  transition: 0.4s all ease;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid var(--accent2);
  background-color: var(--accent2);
  position: relative;
  padding-right: 2.5rem;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  text-align: center;
}
.article__card__wrapper .card__wrapper__cta a:hover {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
.article__card__wrapper .card__wrapper__cta a.noafter {
  padding-right: 24px;
}
.article__card__wrapper .card__wrapper__cta a.noafter::after {
  display: none;
}
.article__card__wrapper .card__wrapper__cta a::after {
  content: "arrow_forward_ios";
  font-family: "Material Symbols Sharp";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.article__card__wrapper .card__wrapper__cta a:hover {
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 5px 8px 16px 0 rgba(26, 26, 26, 0.3);
}
.article__card__wrapper .card__wrapper__cta a:hover::after {
  transform: translate(0.25rem, -50%);
}

.view-news .view-content,
.view-related-posts .view-content {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(24px * -0.5);
  margin-left: calc(24px * -0.5);
  align-items: center;
}
.view-news .view-content > [class^=col-],
.view-news .view-content > [class*=" col-"], .view-news .view-content > div,
.view-related-posts .view-content > [class^=col-],
.view-related-posts .view-content > [class*=" col-"],
.view-related-posts .view-content > div {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
}
@media (max-width: 1024px) and (min-width: 768px) {
  .view-news .view-content,
  .view-related-posts .view-content {
    margin-right: -40px;
    margin-left: -40px;
  }
  .view-news .view-content > [class^=col-],
  .view-news .view-content > [class*=" col-"], .view-news .view-content > div,
  .view-related-posts .view-content > [class^=col-],
  .view-related-posts .view-content > [class*=" col-"],
  .view-related-posts .view-content > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.view-news .view-content .views-row,
.view-related-posts .view-content .views-row {
  width: 33.3333333333%;
  max-width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
}
@media (max-width: 768px) {
  .view-news .view-content .views-row,
  .view-related-posts .view-content .views-row {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}

header {
  z-index: 10;
}
header.header--sticky {
  position: fixed;
  width: 100%;
  top: 0;
}
header:not(.header--sticky) {
  position: relative;
}
@media (max-width: 992px) {
  header > .container-standard {
    padding-right: 24px;
    padding-left: 24px;
  }
}
header input.form-submit[value=Cerca] {
  display: none;
}
header .wrapper-navbar-header {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (max-width: 992px) {
  header .wrapper-navbar-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
header .wrapper-navbar-header .navbar-toggler {
  background-color: transparent;
  display: inline-block;
  outline: none;
  border: 0;
  padding: 0px;
}
@media (min-width: 992px) {
  header .wrapper-navbar-header .navbar-toggler {
    display: none;
  }
}
header .wrapper-navbar-header .navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}
header .wrapper-navbar-header .navbar-toggler.is-toggled .icon-bar:nth-child(2) {
  top: 7px;
  transform: rotate(45deg);
}
header .wrapper-navbar-header .navbar-toggler.is-toggled .icon-bar:nth-child(3) {
  opacity: 0;
}
header .wrapper-navbar-header .navbar-toggler.is-toggled .icon-bar:nth-child(4) {
  top: -7px;
  transform: rotate(-45deg);
}
header .wrapper-navbar-header .navbar-toggler .sr-only {
  display: none;
}
header .wrapper-navbar-header .navbar-toggler .icon-bar {
  position: relative;
  display: block;
  width: 25px;
  height: 3px;
  background-color: var(--secondary2);
  transition: 0.4s all ease;
  border-radius: 6px;
}
header .wrapper-navbar-header .navbar-toggler .icon-bar + .icon-bar {
  margin-top: 4px;
}
header .wrapper-navbar-header .region-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
header .wrapper-navbar-header .region-header .block-system-branding-block .site-logo {
  cursor: pointer;
}
header .wrapper-navbar-header .region-header .block-system-branding-block img {
  height: auto;
  width: 100%;
  max-width: 220px;
  height: 80px;
}
@media (max-width: 992px) {
  header .wrapper-navbar-header .region-header .block-system-branding-block img {
    height: 63px;
  }
}
@media (max-width: 992px) {
  header .wrapper-navbar-header .region-header nav {
    display: none;
  }
}
@media (max-width: 992px) {
  header .wrapper-navbar-header .region-header .search-block-form {
    display: none;
  }
}

header nav ul li a,
header nav ul li span,
.wrapper-menu-mobile nav ul li a,
.wrapper-menu-mobile nav ul li span {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 16px;
  padding-right: 16px;
  font: normal normal 500 18px/1.4 "IBM Plex Sans", sans-serif;
  cursor: pointer;
  display: table-cell;
}
@media (max-width: 768px) {
  header nav ul li a,
  header nav ul li span,
  .wrapper-menu-mobile nav ul li a,
  .wrapper-menu-mobile nav ul li span {
    font: normal normal 500 19px/1.4 "IBM Plex Sans", sans-serif;
  }
}
@media (max-width: 992px) {
  header nav ul li a,
  header nav ul li span,
  .wrapper-menu-mobile nav ul li a,
  .wrapper-menu-mobile nav ul li span {
    display: inline-block;
    text-align: center;
  }
}
header nav ul li a::after,
header nav ul li span::after,
.wrapper-menu-mobile nav ul li a::after,
.wrapper-menu-mobile nav ul li span::after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: transparent;
}
header nav ul li.dropdown,
.wrapper-menu-mobile nav ul li.dropdown {
  position: relative;
}
header nav ul li.dropdown .item-parent-menu,
.wrapper-menu-mobile nav ul li.dropdown .item-parent-menu {
  width: 100%;
}
header nav ul li.dropdown .item-parent-menu::after,
.wrapper-menu-mobile nav ul li.dropdown .item-parent-menu::after {
  display: inline-block;
  position: relative;
  content: url("../src/images/icon/dropdown-black.svg");
  width: 12px;
  height: auto;
  left: 12px;
  top: -2px;
  transition: all 0.4s;
  transform: scaleY(1);
}
header nav ul li.dropdown .item-parent-menu.submenu-active::after,
.wrapper-menu-mobile nav ul li.dropdown .item-parent-menu.submenu-active::after {
  transform: scaleY(-1);
  top: 2px;
}
header nav ul li.dropdown ul.sub-menu,
.wrapper-menu-mobile nav ul li.dropdown ul.sub-menu {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 100%;
  background-color: var(--neutral1);
  position: absolute;
  top: 44px;
  left: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  transition: all 0.3s ease;
  opacity: 0;
  z-index: -10;
  pointer-events: none;
}
header nav ul li.dropdown ul.sub-menu.submenu-active,
.wrapper-menu-mobile nav ul li.dropdown ul.sub-menu.submenu-active {
  opacity: 1;
  z-index: 10;
  pointer-events: all;
}
header nav ul li.dropdown ul.sub-menu li,
.wrapper-menu-mobile nav ul li.dropdown ul.sub-menu li {
  transition: all 0.4s ease;
  width: 100%;
}
header nav ul li.dropdown ul.sub-menu li:hover,
.wrapper-menu-mobile nav ul li.dropdown ul.sub-menu li:hover {
  background-color: var(--neutral2);
  color: #FFFFFF;
}
header nav ul li.dropdown ul.sub-menu li a,
header nav ul li.dropdown ul.sub-menu li span,
.wrapper-menu-mobile nav ul li.dropdown ul.sub-menu li a,
.wrapper-menu-mobile nav ul li.dropdown ul.sub-menu li span {
  font: normal normal 400 16px/1.4 "IBM Plex Sans", sans-serif;
  display: inline-block;
}
@media (max-width: 768px) {
  header nav ul li.dropdown ul.sub-menu li a,
  header nav ul li.dropdown ul.sub-menu li span,
  .wrapper-menu-mobile nav ul li.dropdown ul.sub-menu li a,
  .wrapper-menu-mobile nav ul li.dropdown ul.sub-menu li span {
    font: normal normal 400 16px/1.4 "IBM Plex Sans", sans-serif;
  }
}

.wrapper-menu-mobile {
  padding-top: 176px;
  padding-bottom: 176px;
  background-color: #FFFFFF;
  width: 100%;
  position: absolute;
  top: -200vh;
  left: 0;
  z-index: 9;
  overflow-x: hidden;
  transition: all 0.4s ease;
}
@media (min-width: 992px) {
  .wrapper-menu-mobile {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .wrapper-menu-mobile {
    padding-top: 176px;
    padding-bottom: 176px;
    padding-top: 135px;
  }
}
.wrapper-menu-mobile.show {
  top: 0;
}
.wrapper-menu-mobile.header--sticky {
  position: fixed;
}
.wrapper-menu-mobile nav {
  background-color: #FFFFFF;
}
.wrapper-menu-mobile nav ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.wrapper-menu-mobile nav ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wrapper-menu-mobile nav ul li.dropdown > span {
  transform: translateX(-12px);
}
.wrapper-menu-mobile nav ul li.dropdown ul.sub-menu {
  position: relative;
  top: 0;
  opacity: 1;
  z-index: unset;
  display: none;
  background-color: transparent;
}
.wrapper-menu-mobile nav ul li.dropdown ul.sub-menu li {
  margin-bottom: 8px;
}
.wrapper-menu-mobile nav ul li.dropdown ul.sub-menu.submenu-active {
  opacity: 1;
  z-index: unset;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#block-brandingdelsito {
  flex-shrink: 0;
}

@media (max-width: 992px) {
  .region-primary-menu {
    width: 100%;
    padding-right: calc(24px * 0.5);
    padding-left: calc(24px * 0.5);
    margin-left: auto;
    margin-right: auto;
    padding-right: 24px;
    padding-left: 24px;
  }
}
@media (max-width: 992px) and (min-width: calc(1296px + 24px)) {
  .region-primary-menu {
    max-width: calc(1296px + 24px);
  }
}
@media (max-width: 992px) and (max-width: 1328px) and (min-width: 1028px) {
  .region-primary-menu {
    padding-right: 3%;
    padding-left: 3%;
  }
}
@media (max-width: 992px) and (max-width: 1024px) and (min-width: 768px) {
  .region-primary-menu {
    padding-right: 40px;
    padding-left: 40px;
  }
}

@media (max-width: 992px) {
  #block-navigazioneprincipale {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(24px * -0.5);
    margin-left: calc(24px * -0.5);
  }
  #block-navigazioneprincipale > [class^=col-],
  #block-navigazioneprincipale > [class*=" col-"], #block-navigazioneprincipale > div {
    flex-shrink: 0;
    max-width: 100%;
    padding-right: calc(24px * 0.5);
    padding-left: calc(24px * 0.5);
  }
}
@media (max-width: 992px) and (max-width: 1024px) and (min-width: 768px) {
  #block-navigazioneprincipale {
    margin-right: -40px;
    margin-left: -40px;
  }
  #block-navigazioneprincipale > [class^=col-],
  #block-navigazioneprincipale > [class*=" col-"], #block-navigazioneprincipale > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}

.menu--main {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  flex: 1;
}
@media (max-width: 992px) {
  .menu--main {
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
  }
}
.menu--main > .visually-hidden {
  display: none !important;
}
.menu--main .menunavbar-nav {
  flex-shrink: 0;
}
.menu--main .menunavbar-nav .nav-link {
  position: relative;
  transition: all 0.1s ease-in-out;
  border-radius: 12px;
}
@media (max-width: 992px) {
  .menu--main .menunavbar-nav .nav-link {
    border-radius: 12px;
  }
}
.menu--main .menunavbar-nav .nav-link:hover {
  background-color: var(--primary2);
  color: #000000;
}
.menu--main .menunavbar-nav .nav-link.is-active {
  background-color: var(--secondary2);
  color: #FFFFFF;
}
@media (max-width: 992px) {
  .menu--main .menunavbar-nav {
    align-items: flex-start;
    width: 100%;
    width: 100%;
    padding-right: calc(24px * 0.5);
    padding-left: calc(24px * 0.5);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 992px) and (min-width: calc(1296px + 24px)) {
  .menu--main .menunavbar-nav {
    max-width: calc(1296px + 24px);
  }
}
@media (max-width: 992px) and (max-width: 1328px) and (min-width: 1028px) {
  .menu--main .menunavbar-nav {
    padding-right: 3%;
    padding-left: 3%;
  }
}
@media (max-width: 992px) and (max-width: 1024px) and (min-width: 768px) {
  .menu--main .menunavbar-nav {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media (max-width: 992px) {
  .menu--main .menunavbar-nav .menu-item.nav-item {
    display: block;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(24px * -0.5);
    margin-left: calc(24px * -0.5);
  }
  .menu--main .menunavbar-nav .menu-item.nav-item > [class^=col-],
  .menu--main .menunavbar-nav .menu-item.nav-item > [class*=" col-"], .menu--main .menunavbar-nav .menu-item.nav-item > div {
    flex-shrink: 0;
    max-width: 100%;
    padding-right: calc(24px * 0.5);
    padding-left: calc(24px * 0.5);
  }
}
@media (max-width: 992px) and (max-width: 1024px) and (min-width: 768px) {
  .menu--main .menunavbar-nav .menu-item.nav-item {
    margin-right: -40px;
    margin-left: -40px;
  }
  .menu--main .menunavbar-nav .menu-item.nav-item > [class^=col-],
  .menu--main .menunavbar-nav .menu-item.nav-item > [class*=" col-"], .menu--main .menunavbar-nav .menu-item.nav-item > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .menu--main .menunavbar-nav .menu-item.nav-item:not(:last-child) {
    margin-bottom: 24px;
  }
}
@media (max-width: 992px) {
  .menu--main .menunavbar-nav .menu-item.nav-item .nav-link {
    display: block;
    width: 100%;
    text-align: left;
    width: unset;
    max-width: unset;
    align-items: center;
    justify-content: center;
  }
}
.menu--main .user-menu-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
  max-width: 600px;
}
@media (max-width: 992px) {
  .menu--main .user-menu-wrapper {
    overflow: hidden;
    background-color: var(--primary2);
    border-radius: 12px;
    width: 100%;
  }
}
.menu--main .user-menu-wrapper .user-menu-nav {
  width: 100%;
  background-color: var(--primary2);
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  max-width: 590px;
}
@media (max-width: 992px) {
  .menu--main .user-menu-wrapper .user-menu-nav {
    max-width: unset;
    background-color: unset;
    border-radius: unset;
  }
}
.menu--main .user-menu-wrapper .user-menu-nav .menu-item--active-trail {
  background-color: var(--secondary2);
}
.menu--main .user-menu-wrapper .user-menu-nav .menu-item--active-trail:after {
  display: none;
}
.menu--main .user-menu-wrapper .user-menu-nav .menu-item--active-trail > a,
.menu--main .user-menu-wrapper .user-menu-nav .menu-item--active-trail span {
  color: #FFFFFF;
}
.menu--main .user-menu-wrapper .user-menu-nav .menu-item--active-trail svg [fill="#3C7086"] {
  fill: #FFFFFF;
}
@media (max-width: 992px) {
  .menu--main .user-menu-wrapper .user-menu-nav .menu-item--active-trail .nav-link:after {
    display: none;
  }
}
.menu--main .user-menu-wrapper .user-menu-nav > .menu-item:first-child {
  padding-left: 12px;
  padding-right: 6px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
@media (max-width: 992px) {
  .menu--main .user-menu-wrapper .user-menu-nav > .menu-item:first-child {
    padding-left: unset;
    padding-right: unset;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
  }
}
.menu--main .user-menu-wrapper .user-menu-nav > .menu-item:nth-child(3) {
  padding-left: 6px;
  padding-right: 6px;
}
@media (max-width: 992px) {
  .menu--main .user-menu-wrapper .user-menu-nav > .menu-item:nth-child(3) {
    padding-left: unset;
    padding-right: unset;
  }
}
.menu--main .user-menu-wrapper .user-menu-nav > .menu-item:nth-child(4) {
  padding-left: 6px;
  padding-right: 6px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
@media (max-width: 992px) {
  .menu--main .user-menu-wrapper .user-menu-nav > .menu-item:nth-child(4) {
    padding-left: unset;
    padding-right: unset;
    border-top-right-radius: unset;
    border-top-right-radius: unset;
  }
}
.menu--main .user-menu-wrapper .user-menu-nav .menu-item.nav-item {
  display: inline-flex;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
}
@media (max-width: 992px) {
  .menu--main .user-menu-wrapper .user-menu-nav .menu-item.nav-item {
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
    padding: 16px;
    padding-left: 16px;
    padding-top: 16px;
    padding-right: 16px;
    position: relative;
  }
  .menu--main .user-menu-wrapper .user-menu-nav .menu-item.nav-item:after {
    content: "";
    height: 2px;
    background-color: #FFFFFF;
    width: 90%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
  }
  .menu--main .user-menu-wrapper .user-menu-nav .menu-item.nav-item .nav-link {
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .menu--main .user-menu-wrapper .user-menu-nav .menu-item.nav-item .nav-link:after {
    content: "";
    height: 2px;
    background-color: #FFFFFF;
    width: 90%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
  }
}
.menu--main .user-menu-wrapper .user-menu-nav a,
.menu--main .user-menu-wrapper .user-menu-nav span {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 8px;
  padding-right: 16px;
  font: normal normal 400 16px/1.4 "IBM Plex Sans", sans-serif;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .menu--main .user-menu-wrapper .user-menu-nav a,
  .menu--main .user-menu-wrapper .user-menu-nav span {
    font: normal normal 400 16px/1.4 "IBM Plex Sans", sans-serif;
  }
}
.menu--main .user-menu-wrapper .user-menu-nav .dropdown .dropdown-toggle {
  position: relative;
  padding-right: 24px;
  display: flex;
}
@media (max-width: 992px) {
  .menu--main .user-menu-wrapper .user-menu-nav .dropdown .dropdown-toggle {
    padding-right: 16px;
  }
}
.menu--main .user-menu-wrapper .user-menu-nav .dropdown .dropdown-toggle::after {
  all: unset;
  content: "arrow_drop_down";
  font-family: "Material Icons Round";
  font-size: 22px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-52%) rotate(0deg);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.1s ease-in-out;
}
@media (max-width: 992px) {
  .menu--main .user-menu-wrapper .user-menu-nav .dropdown .dropdown-toggle::after {
    display: none;
  }
}
@media (max-width: 992px) {
  .menu--main .user-menu-wrapper .user-menu-nav .dropdown.is-active {
    display: none;
  }
}
.menu--main .user-menu-wrapper .user-menu-nav .dropdown.is-active .dropdown-toggle::after {
  transform: translateY(-52%) rotate(180deg);
}
.menu--main .user-menu-wrapper .user-menu-nav .dropdown .sub-menu {
  border-radius: 12px;
  background-color: var(--primary2);
  top: 57px;
  padding-top: 0px;
  padding-bottom: 0px;
  overflow: hidden;
}
.menu--main .user-menu-wrapper .user-menu-nav .dropdown .sub-menu .menu-item {
  position: relative;
}
.menu--main .user-menu-wrapper .user-menu-nav .dropdown .sub-menu .menu-item .nav-link {
  padding-left: 16px;
  margin-left: 28px;
  transition: all 0.1s ease-in-out;
}
.menu--main .user-menu-wrapper .user-menu-nav .dropdown .sub-menu .menu-item.menu-item--active-trail::before {
  color: #FFFFFF !important;
}
.menu--main .user-menu-wrapper .user-menu-nav .dropdown .sub-menu .menu-item:first-child::before {
  content: "person";
  font-family: "Material Icons Round";
  font-weight: 600;
  font-size: 20px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-45%);
  padding: 4px;
  color: var(--secondary2);
  transition: all 0.1s ease-in-out;
}
.menu--main .user-menu-wrapper .user-menu-nav .dropdown .sub-menu .menu-item:nth-child(2)::before {
  content: "folder";
  font-family: "Material Icons Round";
  font-weight: 400;
  font-size: 20px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-45%);
  padding: 4px;
  color: var(--secondary2);
  transition: all 0.1s ease-in-out;
}
.menu--main .user-menu-wrapper .user-menu-nav .dropdown .sub-menu .menu-item:last-child::before {
  content: "login";
  font-family: "Material Icons Round";
  font-weight: 400;
  font-size: 20px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-45%);
  transition: all 0.1s ease;
  padding: 4px;
  color: var(--secondary2);
}
.menu--main .user-menu-wrapper .user-menu-nav .dropdown .sub-menu .menu-item:hover {
  background-color: var(--secondary2);
  color: #FFFFFF;
}
.menu--main .user-menu-wrapper .user-menu-nav .dropdown .sub-menu .menu-item:hover a {
  color: #FFFFFF;
}
.menu--main .user-menu-wrapper .user-menu-nav .dropdown .sub-menu .menu-item:hover::before {
  color: #FFFFFF;
}
@media (max-width: 992px) {
  .menu--main .user-menu-wrapper .user-menu-nav li:last-child::after {
    display: none;
  }
  .menu--main .user-menu-wrapper .user-menu-nav li:last-child a:after {
    display: none;
    height: 0px;
  }
}
.menu--main .user-dynamic-color-icon,
.menu--main .polizze-dynamic-color-icon,
.menu--main .saved-polizze-dynamic-color-icon,
.menu--main .archive-dynamic-color-icon,
.menu--main .logout-dynamic-color-icon {
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
  height: 32px;
  width: 32px;
  padding: 4px;
}
.menu--main .user-dynamic-color-icon [fill="#3C7086"],
.menu--main .polizze-dynamic-color-icon [fill="#3C7086"],
.menu--main .saved-polizze-dynamic-color-icon [fill="#3C7086"],
.menu--main .archive-dynamic-color-icon [fill="#3C7086"],
.menu--main .logout-dynamic-color-icon [fill="#3C7086"] {
  fill: var(--secondary2);
}

@media (max-width: 992px) {
  .only-desk {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .only-mobile {
    display: none !important;
  }
}

.row.row--center {
  align-items: center;
  justify-content: center;
}

footer {
  position: relative;
  color: #FFFFFF;
}
footer p {
  margin-bottom: 0px;
  font: normal normal 400 15px/1.4 "IBM Plex Sans", sans-serif;
}
@media (max-width: 768px) {
  footer p {
    font: normal normal 400 14px/1.4 "IBM Plex Sans", sans-serif;
  }
}
footer .menunavbar-nav {
  display: flex;
  align-items: center;
}
footer .menunavbar-nav li {
  padding: 4px 4px 4px 4px;
}
footer .footer__wrapper {
  padding-top: 64px;
  padding-bottom: 24px;
}
@media (max-width: 992px) {
  footer .footer__wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
footer .footer__wrapper__up {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--primary1);
}
footer .footer__wrapper__logo a {
  display: inline-block;
  cursor: pointer;
  padding-top: 12px;
  padding-bottom: 12px;
}
footer .footer__wrapper__logo a img {
  height: auto;
  width: 100%;
  max-width: 220px;
  height: 46px;
}
footer .footer__wrapper__contacts > div {
  margin-bottom: 4px;
}
footer .footer__wrapper__contacts > div span {
  font-weight: bold;
  display: block;
}
footer .footer__wrapper__social {
  display: flex;
  align-items: center;
}
footer .footer__wrapper__info-menu {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(24px * -0.5);
  margin-left: calc(24px * -0.5);
}
footer .footer__wrapper__info-menu > [class^=col-],
footer .footer__wrapper__info-menu > [class*=" col-"], footer .footer__wrapper__info-menu > div {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(24px * 0.5);
  padding-left: calc(24px * 0.5);
}
@media (max-width: 1024px) and (min-width: 768px) {
  footer .footer__wrapper__info-menu {
    margin-right: -40px;
    margin-left: -40px;
  }
  footer .footer__wrapper__info-menu > [class^=col-],
  footer .footer__wrapper__info-menu > [class*=" col-"], footer .footer__wrapper__info-menu > div {
    padding-right: 40px;
    padding-left: 40px;
  }
}
footer .footer__wrapper__info-menu .credits a::after {
  display: none;
}
@media (max-width: 992px) {
  footer .footer__wrapper__info-menu {
    gap: 40px;
  }
}
footer .footer__wrapper__info-menu--info {
  width: 58.3333333333%;
  max-width: 58.3333333333%;
  flex: 0 0 58.3333333333%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 992px) {
  footer .footer__wrapper__info-menu--info {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
footer .footer__wrapper__info-menu--menu {
  width: 41.6666666667%;
  max-width: 41.6666666667%;
  flex: 0 0 41.6666666667%;
  padding-left: 28px !important;
}
@media (max-width: 992px) {
  footer .footer__wrapper__info-menu--menu {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 12px !important;
  }
  footer .footer__wrapper__info-menu--menu .nav-item {
    padding-left: 0px;
  }
}

.footer-nav {
  flex-direction: column;
  align-items: flex-start !important;
  gap: 24px;
}
.footer-nav li a {
  cursor: pointer;
}

@media (max-width: 992px) {
  .status-badge {
    display: none;
  }
}
.status-badge > span {
  font: normal normal 400 15px/1.4 "IBM Plex Sans", sans-serif;
  padding: 4px 8px;
  color: #FFFFFF;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .status-badge > span {
    font: normal normal 400 14px/1.4 "IBM Plex Sans", sans-serif;
  }
}
.status-badge--expired {
  background-color: #BBB;
}
.status-badge--active {
  background-color: #04CD00;
}

@media (min-width: 992px) {
  .status-badge-mobile {
    display: none;
  }
}
.status-badge-mobile > span {
  font: normal normal 400 15px/1.4 "IBM Plex Sans", sans-serif;
  padding: 4px 8px;
  color: #FFFFFF;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .status-badge-mobile > span {
    font: normal normal 400 14px/1.4 "IBM Plex Sans", sans-serif;
  }
}
.status-badge-mobile--expired {
  background-color: #BBB;
}
.status-badge-mobile--active {
  background-color: #04CD00;
}

.status-badge-display > span {
  font: normal normal 400 15px/1.4 "IBM Plex Sans", sans-serif;
  padding: 4px 8px;
  color: #FFFFFF;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .status-badge-display > span {
    font: normal normal 400 14px/1.4 "IBM Plex Sans", sans-serif;
  }
}
.status-badge-display--expired {
  background-color: #BBB;
}
.status-badge-display--active {
  background-color: #04CD00;
}

/*# sourceMappingURL=app.css.map*/