html{scroll-behavior: smooth;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}
main {
  z-index: 1;
}

.blog-post main {
  overflow: initial;
}

.widget-type-logo {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}

.image-container {
  width: 100%;
}

.dnd-section {
  width: 100%;
  position: relative;
  z-index: 1;
  transition: opacity 0.25s ease-in-out;
}

.dnd-section.loaded {
  opacity: 1;
}

.dnd-section.background {
  clip-path: inset(0);
}

.dnd-section > .row-fluid, .container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.dnd-section.mobile-reverse > .row-fluid > [class*="span"]:not(.order-last) {
  order: -1;
}


main > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .dnd-section:not([class*="pt-"]) {
  padding-top: 86px;
}

main > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .dnd-section:not([class*="pb-"]) {
  padding-bottom: 86px;
}

.dnd-section .dnd-column > .dnd-row:not(:first-child) {
  margin-top: 43.0px;
}

.dnd-section .dnd-column > .dnd-row.background-row,
.dnd-section .dnd-column > .dnd-row.background-row + .dnd-row {
  margin-top: 0;
}

.dnd-section .dnd-row > .row-fluid {
  margin-left: -25.0px;    
  margin-right: -25.0px;
}

.dnd-section .row-fluid:not([class*="d-"]) {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.dnd-section .row-fluid.d-grid,
.dnd-section .dnd-row > .row-fluid.d-grid {
  grid-row-gap: 25.0px;
}

.dnd-section .row-fluid.d-grid > [class*="span"] {
  width: 100%;
  flex: 0 0 100%;
}

.dnd-section > .row-fluid > .dnd-column > .dnd-row {
  overflow: hidden;
  width: 100%;
}

.cta-section .dnd-section .dnd-column .dnd-row {
  border-radius: 60px;
}

.dnd-section .row-fluid [class*='span'] {
  padding-left: 25.0px;    
  padding-right: 25.0px;
}

main .dnd-section .row-fluid [class*='span']:only-child {
  margin-left: auto;
  margin-right: auto;
}

main .dnd-section .row-fluid[class*='flex-start'] [class*='span']:only-child {
  margin-left: 0;
}

.dnd-section .row-fluid.flex-flow-column > [class*="span"] {
  flex-shrink: 1;
}

[class*='span'] {
  width: 100%;
  flex: 0 0 100%;
  box-sizing: border-box;
}


@media (min-width: 600px) {
  .dnd-section > .row-fluid, .container {
    max-width: 560px;
  }
}

@media (min-width: 768px) {
  .dnd-section > .row-fluid, .container {
    max-width: 720px;
  }

  .dnd-section .dnd-row > .row-fluid {
    margin-left: -12.5px;    
    margin-right: -12.5px;
  }

  .dnd-section .row-fluid [class*='span'] {
    padding-left: 12.5px;    
    padding-right: 12.5px;
  }
}

@media (max-width: 991px) {
  main .dnd-section .row-fluid .image + [class*='span'] {
    margin-top: 0;
  }

  main .image {
    order: 2;
  }

  main .dnd-section .row-fluid > [class*='span']:not(:first-child),
  main .dnd-section .row-fluid [class*="span"].order-last {
    margin-top: 25.0px;
  }

  main .dnd-section .row-fluid [class*="span"].order-last + [class*='span'] {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .dnd-section > .row-fluid, .container {
    max-width: 960px;
  }

  .dnd-section.mobile-reverse > .row-fluid > [class*="span"]:not(.order-last) {
    order: 1;
  }

  [class*='span'].span1 {
    width: 8.333333%;
    flex: 0 0 8.333333%;
  }

  [class*='span'].span2 {
    width: 16.666666%;
    flex: 0 0 16.666666%;
  }

  [class*='span'].span3 {
    width: 25%;
    flex: 0 0 25%;
  }

  [class*='span'].span4 {
    width: 33.333333%;
    flex: 0 0 33.333333%;
  }

  [class*='span'].span5 {
    width: 41.666666%;
    flex: 0 0 41.666666%;
  }

  [class*='span'].span6 {
    width: 50%;
    flex: 0 0 50%;
  }

  [class*='span'].span7 {
    width: 58.333333%;
    flex: 0 0 58.333333%;
  }

  [class*='span'].span8 {
    width: 66.666666%;
    flex: 0 0 66.666666%;
  }

  [class*='span'].span9 {
    width: 75%;
    flex: 0 0 75%;
  }

  [class*='span'].span10 {
    width: 83.333333%;
    flex: 0 0 83.333333%;
  }

  [class*='span'].span11 {
    width: 91.666666%;
    flex: 0 0 91.666666%;
  }

  [class*='span'].span12 {
    width: 100%;
    flex: 0 0 100%;
  }
}

@media (min-width: 1366px) {
  .dnd-section > .row-fluid, .container {
    max-width: 1065px;
  }
}

@media (min-width: 1620px) {
  .dnd-section > .row-fluid, .container {
    max-width: 1065px;
  }
}

body .inpage-editor-active-field, 
body .inpage-editor-highlight-field {
  position: static !important;
}


 

 

 

 

 



img.lazy { opacity: 0; visibility: hidden; }
img.lazy.loaded { opacity: 1; visibility: visible; }

.d-none {display: none;}
.d-flex {display: flex;}
.d-grid {display: grid;}
.d-block {display: block;}
.d-inline {display: inline;}
.d-inline-block {display: inline-block;}


.grid-0-columns {
  grid-template-columns:;
}

.grid-1-columns {
  grid-template-columns: 1fr;
}

.grid-2-columns {
  grid-template-columns: 1fr 1fr;
}

.grid-3-columns {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-4-columns {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-5-columns {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid-6-columns {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-7-columns {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-8-columns {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-9-columns {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-10-columns {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-11-columns {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-12-columns {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}



.grid-0-rows {
  grid-template-rows:;
}

.grid-1-rows {
  grid-template-rows: 1fr;
}

.grid-2-rows {
  grid-template-rows: 1fr 1fr;
}

.grid-3-rows {
  grid-template-rows: 1fr 1fr 1fr;
}

.grid-4-rows {
  grid-template-rows: 1fr 1fr 1fr 1fr;
}

.grid-5-rows {
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
}

.grid-6-rows {
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-7-rows {
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-8-rows {
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-9-rows {
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-10-rows {
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-11-rows {
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-12-rows {
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-13-rows {
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-14-rows {
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-15-rows {
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-16-rows {
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-17-rows {
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-18-rows {
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-19-rows {
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}


.z-n {z-index: -1;}
.z-xs {z-index: 1;}
.z-sm {z-index: 2;}
.z-md {z-index: 3;}
.z-lg {z-index: 4;}
.z-xl {z-index: 5;}

.o-hidden {overflow: hidden;}
.o-visible {overflow: visible;}
.o-scroll {overflow: scroll;}
.o-auto {overflow: auto;}

.flex-grow {flex: 1 1 auto;}

.justify-content-flex-start, .dnd-section .row-fluid.justify-content-flex-start {justify-content: flex-start;}
.justify-content-flex-end, .dnd-section .row-fluid.justify-content-flex-end {justify-content: flex-end;}
.justify-content-center, .dnd-section .row-fluid.justify-content-center {justify-content: center;}
.justify-content-space-between, .dnd-section .row-fluid.justify-content-space-between {justify-content: space-between;}
.justify-content-space-around, .dnd-section .row-fluid.justify-content-space-around {justify-content: space-around;}
.justify-content-stretch, .dnd-section .row-fluid.justify-content-stretch {justify-content: stretch;}

.align-items-flex-start, .dnd-section .row-fluid.align-items-flex-start {align-items: flex-start;}
.align-items-flex-end, .dnd-section .row-fluid.align-items-flex-end {align-items: flex-end;}
.align-items-center, .dnd-section .row-fluid.align-items-center {align-items: center;}
.align-items-stretch, .dnd-section .row-fluid.align-items-stretch {align-items: stretch;}

.flex-flow-row, .dnd-section .row-fluid.flex-flow-row {flex-flow: row;}
.flex-flow-row-wrap, .dnd-section .row-fluid.flex-flow-row-wrap {flex-flow: row wrap;}
.flex-flow-row-reverse, .dnd-section .row-fluid.flex-flow-row-reverse {flex-flow: row-reverse;}

.flex-flow-column, .dnd-section .row-fluid.flex-flow-column {flex-flow: column;}
.flex-flow-column-wrap, .dnd-section .row-fluid.flex-flow-column-wrap {flex-flow: column wrap;}
.flex-flow-column-reverse, .dnd-section .row-fluid.flex-flow-column-reverse {flex-flow: column-reverse;}

.p-initial {position: initial;}
.p-static {position: static;}
.p-fixed {position: fixed;}
.p-absolute {position: absolute;}
.p-relative {position: relative;}
.p-sticky {position: sticky;}

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.fh-vh { min-height:100vh;}
.fw { width: 100%; min-width: 100%; max-width: 100%; }
.hw { width: 50%; min-width: 50%; max-width: 50%; }
.qw { width: 25%; min-width: 25%; max-width: 25%; }

.fh { height: 100%; min-height: 100%; max-height: 100%; }
.hh { height: 50%; min-height: 50%; max-height: 50%; }
.qh { height: 25%; min-height: 25%; max-height: 25%; }

.iw { width: initial; min-width: initial; max-width: initial; }
.ih { height: initial; min-height: initial; max-height: initial; }

.t-0 { top: 0; }
.b-0 { bottom: 0; }
.s-0 { left: 0; }
.e-0 { right: 0; }

.t-50 { top: 50%; }
.b-50 { bottom: 50%; }
.s-50 { left: 50%; }
.e-50 { right: 50%; }

.t-100 { top: 100%; }
.b-100 { bottom: 100%; }
.s-100 { left: 100%; }
.e-100 { right: 100%; }

.translate-t-s { transform: translate(0%, 0); }
.translate-t-c { transform: translate(-50%, 0); }
.translate-t-e { transform: translate(50%, 0); }

.translate-c-s { transform: translate(0%, -50%); }
.translate-c-c { transform: translate(-50%, -50%); }
.translate-c-e { transform: translate(50%, -50%); }

.translate-b-s { transform: translate(0%, 50%); }
.translate-b-c { transform: translate(-50%, 50%); }
.translate-b-e { transform: translate(50%, 50%); }

.rounded {border-radius: 5px;}
.rounded-small {border-radius: 2.5px;}
.rounded-medium {border-radius: 10px;}
.rounded-large {border-radius: 20px;}
.rounded-full {border-radius: 2500px;}

.border-thin {border-width: 1px}
.border-regular {border-width: 1.6666666666666667px;}
.border-large {border-width: 5px;}
.border-thick {border-width: 10px;}

.border-top-thin {border-top-width: 1px;}
.border-top-regular {border-top-width: 1.6666666666666667px;}
.border-top-large {border-top-width: 5px;}
.border-top-thick {border-top-width: 10px;}

.border-bottom-thin {border-bottom-width: 1px;}
.border-bottom-regular {border-bottom-width: 1.6666666666666667px;}
.border-bottom-large {border-bottom-width: 5px;}
.border-bottom-thick {border-bottom-width: 10px;}

.border-start-thin {border-left-width: 1px;}
.border-start-regular {border-left-width: 1.6666666666666667px;}
.border-start-large {border-left-width: 5px;}
.border-start-thick {border-left-width: 10px;}

.border-end-thin {border-right-width: 1px;}
.border-end-regular {border-right-width: 1.6666666666666667px;}
.border-end-large {border-right-width: 5px;}
.border-end-thick {border-right-width: 10px;}

.border-solid {border-style: solid;}
.border-dashed {border-style: dashed;}
.border-dotted {border-style: dotted;}

.box-shadow { box-shadow: 0 10px 10px 0 rgba(37, 53, 67, 0.05); }

img { display: block; max-width: 100%; height: auto; }

.image-container { width: 100%; }

@media (max-width: 991px) {
  .image-container {margin-left: auto; margin-right: auto; }
}

.image-container:before { content:''; display: block; width: 100%; }
.square:before { padding-bottom: 100%; }
.four-three:before { padding-bottom: 75%; }
.three-four:before { padding-bottom: 125%; }
.sixteen-nine:before { padding-bottom: 56.25%; }
.nine-sixteen:before { padding-bottom: 156.25%; }

.object-fit-contain { object-fit: contain; }
.object-fit-cover { object-fit: cover; }

.object-position-top-left { object-position: top left; }
.object-position-top-center { object-position: top center; }
.object-position-top-right { object-position: top right; }

.object-position-center-left { object-position: center left; }
.object-position-center-center { object-position: center center; }
.object-position-center-right { object-position: center right; }

.object-position-bottom-left { object-position: bottom left; }
.object-position-bottom-center { object-position: bottom center; }
.object-position-bottom-right { object-position: bottom right; }

.overlay { position: relative; z-index: 1; }
.overlay:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2; z-index: -1; }

svg path { transition: fill 0.25s ease-in-out; }

.icon-container { box-sizing: border-box; transition: background-color 0.25s ease-in-out; } 
.icon-container svg { width: 100%; height: 100%; }

body:not(.hs-editor) .animation { opacity: 1; transition: opacity 1s ease-in-out, transform 500ms ease-in-out; }
body:not(.hs-editor) .animation.animated { opacity: 1; }

body:not(.hs-editor) .animation.fade-in { transform: scale(0.98); }
body:not(.hs-editor) .animation.animated.fade-in { transform: scale(1); }

body:not(.hs-editor) .animation.fade-in-top { transform: translateY(-50%) scale(0.98); }
body:not(.hs-editor) .animation.animated.fade-in-top { transform: translateX(0) scale(1); }

body:not(.hs-editor) .animation.fade-in-bottom { transform: translateY(50%) scale(0.98); }
body:not(.hs-editor) .animation.animated.fade-in-bottom { transform: translateX(0) scale(1); }

body:not(.hs-editor) .animation.fade-in-left { transform: translateX(-50%) scale(0.98); }
body:not(.hs-editor) .animation.animated.fade-in-left { transform: translateX(0) scale(1); }

body:not(.hs-editor) .animation.fade-in-right { transform: translateX(50%) scale(0.98); }
body:not(.hs-editor) .animation.animated.fade-in-right { transform: translateX(0) scale(1); }

 
@media (min-width: 600px) {
  .d-xs-none {display: none;}
  .d-xs-flex {display: flex;}
  .d-xs-grid {display: grid;}
  .d-xs-block {display: block;}
  .d-xs-inline {display: inline;}
  .d-xs-inline-block {display: inline-block;}

  .z-xs-n {z-index: -1;}
  .z-xs-xs {z-index: 1;}
  .z-xs-sm {z-index: 2;}
  .z-xs-md {z-index: 3;}
  .z-xs-lg {z-index: 4;}
  .z-xs-xl {z-index: 5;}

  .o-xs-hidden {overflow: hidden;}
  .o-xs-visible {overflow: visible;}
  .o-xs-scroll {overflow: scroll;}
  .o-xs-auto {overflow: auto;}

  .flex-grow {flex: 1 1 auto;}

  .justify-content-xs-flex-start, .dnd-section .row-fluid.justify-content-xs-flex-start {justify-content: flex-start;}
  .justify-content-xs-flex-end, .dnd-section .row-fluid.justify-conten-xst-flex-end {justify-content: flex-end;}
  .justify-content-xs-center, .dnd-section .row-fluid.justify-content-xs-center {justify-content: center;}
  .justify-content-xs-space-between, .dnd-section .row-fluid.justify-content-xs-space-between {justify-content: space-between;}
  .justify-content-xs-space-around, .dnd-section .row-fluid.justify-content-xs-space-around {justify-content: space-around;}
  .justify-content-xs-stretch, .dnd-section .row-fluid.justify-content-xs-stretch {justify-content: stretch;}

  .align-items-xs-flex-start, .dnd-section .row-fluid.align-items-xs-flex-start {align-items: flex-start;}
  .align-items-xs-flex-end, .dnd-section .row-fluid.align-items-xs-flex-end {align-items: flex-end;}
  .align-items-xs-center, .dnd-section .row-fluid.align-items-xs-center {align-items: center;}
  .align-items-xs-stretch, .dnd-section .row-fluid.align-items-xs-stretch {align-items: stretch;}

  .flex-flow-xs-row, .dnd-section .row-fluid.flex-flow-xs-row {flex-flow: row;}
  .flex-flow-xs-row-wrap, .dnd-section .row-fluid.flex-flow-xs-row-wrap {flex-flow: row wrap;}
  .flex-flow-xs-row-reverse, .dnd-section .row-fluid.flex-flow-xs-row-reverse {flex-flow: row-reverse;}

  .flex-flow-xs-column, .dnd-section .row-fluid.flex-flow-xs-column {flex-flow: column;}
  .flex-flow-xs-column-wrap, .dnd-section .row-fluid.flex-flow-xs-column-wrap {flex-flow: column wrap;}
  .flex-flow-xs-column-reverse, .dnd-section .row-fluid.flex-flow-xs-column-reverse {flex-flow: column-reverse;}

  .p-xs-initial {position: initial;}
  .p-xs-static {position: static;}
  .p-xs-fixed {position: fixed;}
  .p-xs-absolute {position: absolute;}
  .p-xs-relative {position: relative;}
  .p-xs-sticky {position: sticky;}

  .no-scrollbar-xs::-webkit-scrollbar { display: none; }
  .no-scrollbar-xs { -ms-overflow-style: none; scrollbar-width: none; }

  .fw-xs { width: 100%; min-width: 100%; max-width: 100%; }
  .hw-xs { width: 50%; min-width: 50%; max-width: 50%; }
  .qw-xs { width: 25%; min-width: 25%; max-width: 25%; }

  .fh-xs { height: 100%; min-height: 100%; max-height: 100%; }
  .hh-xs { height: 50%; min-height: 50%; max-height: 50%; }
  .qh-xs { height: 25%; min-height: 25%; max-height: 25%; }

  .iw-xs { width: initial; min-width: initial; max-width: initial; }
  .ih-xs { height: initial; min-height: initial; max-height: initial; }

  .t-xs-0 { top: 0; }
  .b-xs-0 { bottom: 0; }
  .s-xs-0 { left: 0; }
  .e-xs-0 { right: 0; }

  .t-xs-50 { top: 50%; }
  .b-xs-50 { bottom: 50%; }
  .s-xs-50 { left: 50%; }
  .e-xs-50 { right: 50%; }

  .t-xs-100 { top: 100%; }
  .b-xs-100 { bottom: 100%; }
  .s-xs-100 { left: 100%; }
  .e-xs-100 { right: 100%; }

  .translate-xs-t-s { transform: translate(-50%, 0); }
  .translate-xs-t-c { transform: translate(0, 0); }
  .translate-xs-t-e { transform: translate(50%, 0); }

  .translate-xs-c-s { transform: translate(-50%, -50%); }
  .translate-xs-c-c { transform: translate(0, -50%); }
  .translate-xs-c-e { transform: translate(50%, -50%); }

  .translate-xs-b-s { transform: translate(-50%, 50%); }
  .translate-xs-b-c { transform: translate(0, 50%); }
  .translate-xs-b-e { transform: translate(50%, 50%); }

  .rounded-xs {border-radius: 5px;}
  .rounded-xs-small {border-radius: 2.5px;}
  .rounded-xs-medium {border-radius: 10px;}
  .rounded-xs-large {border-radius: 20px;}
  .rounded-xs-full {border-radius: 2500px;}

  .border-xs-thin {border-width: 1px}
  .border-xs-regular {border-width: 1.6666666666666667px;}
  .border-xs-large {border-width: 5px;}
  .border-xs-thick {border-width: 10px;}

  .border-top-xs-thin {border-top-width: 1px;}
  .border-top-xs-regular {border-top-width: 1.6666666666666667px;}
  .border-top-xs-large {border-top-width: 5px;}
  .border-top-xs-thick {border-top-width: 10px;}

  .border-bottom-xs-thin {border-bottom-width: 1px;}
  .border-bottom-xs-regular {border-bottom-width: 1.6666666666666667px;}
  .border-bottom-xs-large {border-bottom-width: 5px;}
  .border-bottom-xs-thick {border-bottom-width: 10px;}

  .border-start-xs-thin {border-left-width: 1px;}
  .border-start-xs-regular {border-left-width: 1.6666666666666667px;}
  .border-start-xs-large {border-left-width: 5px;}
  .border-start-xs-thick {border-left-width: 10px;}

  .border-end-xs-thin {border-right-width: 1px;}
  .border-end-xs-regular {border-right-width: 1.6666666666666667px;}
  .border-end-xs-large {border-right-width: 5px;}
  .border-end-xs-thick {border-right-width: 10px;}

  .border-xs-solid {border-style: solid;}
  .border-xs-dashed {border-style: dashed;}
  .border-xs-dotted {border-style: dotted;}
}
 
@media (min-width: 1620px) {
  .d-xl-none {display: none;}
  .d-xl-flex {display: flex;}
  .d-xl-grid {display: grid;}
  .d-xl-block {display: block;}
  .d-xl-inline {display: inline;}
  .d-xl-inline-block {display: inline-block;}

  .z-xl-n {z-index: -1;}
  .z-xl-xs {z-index: 1;}
  .z-xl-sm {z-index: 2;}
  .z-xl-md {z-index: 3;}
  .z-xl-lg {z-index: 4;}
  .z-xl-xl {z-index: 5;}

  .o-xl-hidden {overflow: hidden;}
  .o-xl-visible {overflow: visible;}
  .o-xl-scroll {overflow: scroll;}
  .o-xl-auto {overflow: auto;}

  .flex-grow {flex: 1 1 auto;}

  .justify-content-xl-flex-start, .dnd-section .row-fluid.justify-content-xl-flex-start {justify-content: flex-start;}
  .justify-content-xl-flex-end, .dnd-section .row-fluid.justify-conten-xlt-flex-end {justify-content: flex-end;}
  .justify-content-xl-center, .dnd-section .row-fluid.justify-content-xl-center {justify-content: center;}
  .justify-content-xl-space-between, .dnd-section .row-fluid.justify-content-xl-space-between {justify-content: space-between;}
  .justify-content-xl-space-around, .dnd-section .row-fluid.justify-content-xl-space-around {justify-content: space-around;}
  .justify-content-xl-stretch, .dnd-section .row-fluid.justify-content-xl-stretch {justify-content: stretch;}

  .align-items-xl-flex-start, .dnd-section .row-fluid.align-items-xl-flex-start {align-items: flex-start;}
  .align-items-xl-flex-end, .dnd-section .row-fluid.align-items-xl-flex-end {align-items: flex-end;}
  .align-items-xl-center, .dnd-section .row-fluid.align-items-xl-center {align-items: center;}
  .align-items-xl-stretch, .dnd-section .row-fluid.align-items-xl-stretch {align-items: stretch;}

  .flex-flow-xl-row, .dnd-section .row-fluid.flex-flow-xl-row {flex-flow: row;}
  .flex-flow-xl-row-wrap, .dnd-section .row-fluid.flex-flow-xl-row-wrap {flex-flow: row wrap;}
  .flex-flow-xl-row-reverse, .dnd-section .row-fluid.flex-flow-xl-row-reverse {flex-flow: row-reverse;}

  .flex-flow-xl-column, .dnd-section .row-fluid.flex-flow-xl-column {flex-flow: column;}
  .flex-flow-xl-column-wrap, .dnd-section .row-fluid.flex-flow-xl-column-wrap {flex-flow: column wrap;}
  .flex-flow-xl-column-reverse, .dnd-section .row-fluid.flex-flow-xl-column-reverse {flex-flow: column-reverse;}

  .p-xl-initial {position: initial;}
  .p-xl-static {position: static;}
  .p-xl-fixed {position: fixed;}
  .p-xl-absolute {position: absolute;}
  .p-xl-relative {position: relative;}
  .p-xl-sticky {position: sticky;}

  .no-scrollbar-xl::-webkit-scrollbar { display: none; }
  .no-scrollbar-xl { -ms-overflow-style: none; scrollbar-width: none; }

  .fw-xl { width: 100%; min-width: 100%; max-width: 100%; }
  .hw-xl { width: 50%; min-width: 50%; max-width: 50%; }
  .qw-xl { width: 25%; min-width: 25%; max-width: 25%; }

  .fh-xl { height: 100%; min-height: 100%; max-height: 100%; }
  .hh-xl { height: 50%; min-height: 50%; max-height: 50%; }
  .qh-xl { height: 25%; min-height: 25%; max-height: 25%; }

  .iw-xl { width: initial; min-width: initial; max-width: initial; }
  .ih-xl { height: initial; min-height: initial; max-height: initial; }

  .t-xl-0 { top: 0; }
  .b-xl-0 { bottom: 0; }
  .s-xl-0 { left: 0; }
  .e-xl-0 { right: 0; }

  .t-xl-50 { top: 50%; }
  .b-xl-50 { bottom: 50%; }
  .s-xl-50 { left: 50%; }
  .e-xl-50 { right: 50%; }

  .t-xl-100 { top: 100%; }
  .b-xl-100 { bottom: 100%; }
  .s-xl-100 { left: 100%; }
  .e-xl-100 { right: 100%; }

  .translate-xl-t-s { transform: translate(-50%, 0); }
  .translate-xl-t-c { transform: translate(0, 0); }
  .translate-xl-t-e { transform: translate(50%, 0); }

  .translate-xl-c-s { transform: translate(-50%, -50%); }
  .translate-xl-c-c { transform: translate(0, -50%); }
  .translate-xl-c-e { transform: translate(50%, -50%); }

  .translate-xl-b-s { transform: translate(-50%, 50%); }
  .translate-xl-b-c { transform: translate(0, 50%); }
  .translate-xl-b-e { transform: translate(50%, 50%); }

  .rounded-xl {border-radius: 5px;}
  .rounded-xl-small {border-radius: 2.5px;}
  .rounded-xl-medium {border-radius: 10px;}
  .rounded-xl-large {border-radius: 20px;}
  .rounded-xl-full {border-radius: 2500px;}

  .border-xl-thin {border-width: 1px}
  .border-xl-regular {border-width: 1.6666666666666667px;}
  .border-xl-large {border-width: 5px;}
  .border-xl-thick {border-width: 10px;}

  .border-top-xl-thin {border-top-width: 1px;}
  .border-top-xl-regular {border-top-width: 1.6666666666666667px;}
  .border-top-xl-large {border-top-width: 5px;}
  .border-top-xl-thick {border-top-width: 10px;}

  .border-bottom-xl-thin {border-bottom-width: 1px;}
  .border-bottom-xl-regular {border-bottom-width: 1.6666666666666667px;}
  .border-bottom-xl-large {border-bottom-width: 5px;}
  .border-bottom-xl-thick {border-bottom-width: 10px;}

  .border-start-xl-thin {border-left-width: 1px;}
  .border-start-xl-regular {border-left-width: 1.6666666666666667px;}
  .border-start-xl-large {border-left-width: 5px;}
  .border-start-xl-thick {border-left-width: 10px;}

  .border-end-xl-thin {border-right-width: 1px;}
  .border-end-xl-regular {border-right-width: 1.6666666666666667px;}
  .border-end-xl-large {border-right-width: 5px;}
  .border-end-xl-thick {border-right-width: 10px;}

  .border-xl-solid {border-style: solid;}
  .border-xl-dashed {border-style: dashed;}
  .border-xl-dotted {border-style: dotted;}
}
 
@media (min-width: 768px) {
  .d-sm-none {display: none;}
  .d-sm-flex {display: flex;}
  .d-sm-grid {display: grid;}
  .d-sm-block {display: block;}
  .d-sm-inline {display: inline;}
  .d-sm-inline-block {display: inline-block;}

  .z-sm-n {z-index: -1;}
  .z-sm-xs {z-index: 1;}
  .z-sm-sm {z-index: 2;}
  .z-sm-md {z-index: 3;}
  .z-sm-lg {z-index: 4;}
  .z-sm-xl {z-index: 5;}

  .o-sm-hidden {overflow: hidden;}
  .o-sm-visible {overflow: visible;}
  .o-sm-scroll {overflow: scroll;}
  .o-sm-auto {overflow: auto;}

  .flex-grow {flex: 1 1 auto;}

  .justify-content-sm-flex-start, .dnd-section .row-fluid.justify-content-sm-flex-start {justify-content: flex-start;}
  .justify-content-sm-flex-end, .dnd-section .row-fluid.justify-conten-smt-flex-end {justify-content: flex-end;}
  .justify-content-sm-center, .dnd-section .row-fluid.justify-content-sm-center {justify-content: center;}
  .justify-content-sm-space-between, .dnd-section .row-fluid.justify-content-sm-space-between {justify-content: space-between;}
  .justify-content-sm-space-around, .dnd-section .row-fluid.justify-content-sm-space-around {justify-content: space-around;}
  .justify-content-sm-stretch, .dnd-section .row-fluid.justify-content-sm-stretch {justify-content: stretch;}

  .align-items-sm-flex-start, .dnd-section .row-fluid.align-items-sm-flex-start {align-items: flex-start;}
  .align-items-sm-flex-end, .dnd-section .row-fluid.align-items-sm-flex-end {align-items: flex-end;}
  .align-items-sm-center, .dnd-section .row-fluid.align-items-sm-center {align-items: center;}
  .align-items-sm-stretch, .dnd-section .row-fluid.align-items-sm-stretch {align-items: stretch;}

  .flex-flow-sm-row, .dnd-section .row-fluid.flex-flow-sm-row {flex-flow: row;}
  .flex-flow-sm-row-wrap, .dnd-section .row-fluid.flex-flow-sm-row-wrap {flex-flow: row wrap;}
  .flex-flow-sm-row-reverse, .dnd-section .row-fluid.flex-flow-sm-row-reverse {flex-flow: row-reverse;}

  .flex-flow-sm-column, .dnd-section .row-fluid.flex-flow-sm-column {flex-flow: column;}
  .flex-flow-sm-column-wrap, .dnd-section .row-fluid.flex-flow-sm-column-wrap {flex-flow: column wrap;}
  .flex-flow-sm-column-reverse, .dnd-section .row-fluid.flex-flow-sm-column-reverse {flex-flow: column-reverse;}

  .p-sm-initial {position: initial;}
  .p-sm-static {position: static;}
  .p-sm-fixed {position: fixed;}
  .p-sm-absolute {position: absolute;}
  .p-sm-relative {position: relative;}
  .p-sm-sticky {position: sticky;}

  .no-scrollbar-sm::-webkit-scrollbar { display: none; }
  .no-scrollbar-sm { -ms-overflow-style: none; scrollbar-width: none; }

  .fw-sm { width: 100%; min-width: 100%; max-width: 100%; }
  .hw-sm { width: 50%; min-width: 50%; max-width: 50%; }
  .qw-sm { width: 25%; min-width: 25%; max-width: 25%; }

  .fh-sm { height: 100%; min-height: 100%; max-height: 100%; }
  .hh-sm { height: 50%; min-height: 50%; max-height: 50%; }
  .qh-sm { height: 25%; min-height: 25%; max-height: 25%; }

  .iw-sm { width: initial; min-width: initial; max-width: initial; }
  .ih-sm { height: initial; min-height: initial; max-height: initial; }

  .t-sm-0 { top: 0; }
  .b-sm-0 { bottom: 0; }
  .s-sm-0 { left: 0; }
  .e-sm-0 { right: 0; }

  .t-sm-50 { top: 50%; }
  .b-sm-50 { bottom: 50%; }
  .s-sm-50 { left: 50%; }
  .e-sm-50 { right: 50%; }

  .t-sm-100 { top: 100%; }
  .b-sm-100 { bottom: 100%; }
  .s-sm-100 { left: 100%; }
  .e-sm-100 { right: 100%; }

  .translate-sm-t-s { transform: translate(-50%, 0); }
  .translate-sm-t-c { transform: translate(0, 0); }
  .translate-sm-t-e { transform: translate(50%, 0); }

  .translate-sm-c-s { transform: translate(-50%, -50%); }
  .translate-sm-c-c { transform: translate(0, -50%); }
  .translate-sm-c-e { transform: translate(50%, -50%); }

  .translate-sm-b-s { transform: translate(-50%, 50%); }
  .translate-sm-b-c { transform: translate(0, 50%); }
  .translate-sm-b-e { transform: translate(50%, 50%); }

  .rounded-sm {border-radius: 5px;}
  .rounded-sm-small {border-radius: 2.5px;}
  .rounded-sm-medium {border-radius: 10px;}
  .rounded-sm-large {border-radius: 20px;}
  .rounded-sm-full {border-radius: 2500px;}

  .border-sm-thin {border-width: 1px}
  .border-sm-regular {border-width: 1.6666666666666667px;}
  .border-sm-large {border-width: 5px;}
  .border-sm-thick {border-width: 10px;}

  .border-top-sm-thin {border-top-width: 1px;}
  .border-top-sm-regular {border-top-width: 1.6666666666666667px;}
  .border-top-sm-large {border-top-width: 5px;}
  .border-top-sm-thick {border-top-width: 10px;}

  .border-bottom-sm-thin {border-bottom-width: 1px;}
  .border-bottom-sm-regular {border-bottom-width: 1.6666666666666667px;}
  .border-bottom-sm-large {border-bottom-width: 5px;}
  .border-bottom-sm-thick {border-bottom-width: 10px;}

  .border-start-sm-thin {border-left-width: 1px;}
  .border-start-sm-regular {border-left-width: 1.6666666666666667px;}
  .border-start-sm-large {border-left-width: 5px;}
  .border-start-sm-thick {border-left-width: 10px;}

  .border-end-sm-thin {border-right-width: 1px;}
  .border-end-sm-regular {border-right-width: 1.6666666666666667px;}
  .border-end-sm-large {border-right-width: 5px;}
  .border-end-sm-thick {border-right-width: 10px;}

  .border-sm-solid {border-style: solid;}
  .border-sm-dashed {border-style: dashed;}
  .border-sm-dotted {border-style: dotted;}
}
 
@media (min-width: 992px) {
  .d-md-none {display: none;}
  .d-md-flex {display: flex;}
  .d-md-grid {display: grid;}
  .d-md-block {display: block;}
  .d-md-inline {display: inline;}
  .d-md-inline-block {display: inline-block;}

  .z-md-n {z-index: -1;}
  .z-md-xs {z-index: 1;}
  .z-md-sm {z-index: 2;}
  .z-md-md {z-index: 3;}
  .z-md-lg {z-index: 4;}
  .z-md-xl {z-index: 5;}

  .o-md-hidden {overflow: hidden;}
  .o-md-visible {overflow: visible;}
  .o-md-scroll {overflow: scroll;}
  .o-md-auto {overflow: auto;}

  .flex-grow {flex: 1 1 auto;}

  .justify-content-md-flex-start, .dnd-section .row-fluid.justify-content-md-flex-start {justify-content: flex-start;}
  .justify-content-md-flex-end, .dnd-section .row-fluid.justify-conten-mdt-flex-end {justify-content: flex-end;}
  .justify-content-md-center, .dnd-section .row-fluid.justify-content-md-center {justify-content: center;}
  .justify-content-md-space-between, .dnd-section .row-fluid.justify-content-md-space-between {justify-content: space-between;}
  .justify-content-md-space-around, .dnd-section .row-fluid.justify-content-md-space-around {justify-content: space-around;}
  .justify-content-md-stretch, .dnd-section .row-fluid.justify-content-md-stretch {justify-content: stretch;}

  .align-items-md-flex-start, .dnd-section .row-fluid.align-items-md-flex-start {align-items: flex-start;}
  .align-items-md-flex-end, .dnd-section .row-fluid.align-items-md-flex-end {align-items: flex-end;}
  .align-items-md-center, .dnd-section .row-fluid.align-items-md-center {align-items: center;}
  .align-items-md-stretch, .dnd-section .row-fluid.align-items-md-stretch {align-items: stretch;}

  .flex-flow-md-row, .dnd-section .row-fluid.flex-flow-md-row {flex-flow: row;}
  .flex-flow-md-row-wrap, .dnd-section .row-fluid.flex-flow-md-row-wrap {flex-flow: row wrap;}
  .flex-flow-md-row-reverse, .dnd-section .row-fluid.flex-flow-md-row-reverse {flex-flow: row-reverse;}

  .flex-flow-md-column, .dnd-section .row-fluid.flex-flow-md-column {flex-flow: column;}
  .flex-flow-md-column-wrap, .dnd-section .row-fluid.flex-flow-md-column-wrap {flex-flow: column wrap;}
  .flex-flow-md-column-reverse, .dnd-section .row-fluid.flex-flow-md-column-reverse {flex-flow: column-reverse;}

  .p-md-initial {position: initial;}
  .p-md-static {position: static;}
  .p-md-fixed {position: fixed;}
  .p-md-absolute {position: absolute;}
  .p-md-relative {position: relative;}
  .p-md-sticky {position: sticky;}

  .no-scrollbar-md::-webkit-scrollbar { display: none; }
  .no-scrollbar-md { -ms-overflow-style: none; scrollbar-width: none; }

  .fw-md { width: 100%; min-width: 100%; max-width: 100%; }
  .hw-md { width: 50%; min-width: 50%; max-width: 50%; }
  .qw-md { width: 25%; min-width: 25%; max-width: 25%; }

  .fh-md { height: 100%; min-height: 100%; max-height: 100%; }
  .hh-md { height: 50%; min-height: 50%; max-height: 50%; }
  .qh-md { height: 25%; min-height: 25%; max-height: 25%; }

  .iw-md { width: initial; min-width: initial; max-width: initial; }
  .ih-md { height: initial; min-height: initial; max-height: initial; }

  .t-md-0 { top: 0; }
  .b-md-0 { bottom: 0; }
  .s-md-0 { left: 0; }
  .e-md-0 { right: 0; }

  .t-md-50 { top: 50%; }
  .b-md-50 { bottom: 50%; }
  .s-md-50 { left: 50%; }
  .e-md-50 { right: 50%; }

  .t-md-100 { top: 100%; }
  .b-md-100 { bottom: 100%; }
  .s-md-100 { left: 100%; }
  .e-md-100 { right: 100%; }

  .translate-md-t-s { transform: translate(-50%, 0); }
  .translate-md-t-c { transform: translate(0, 0); }
  .translate-md-t-e { transform: translate(50%, 0); }

  .translate-md-c-s { transform: translate(-50%, -50%); }
  .translate-md-c-c { transform: translate(0, -50%); }
  .translate-md-c-e { transform: translate(50%, -50%); }

  .translate-md-b-s { transform: translate(-50%, 50%); }
  .translate-md-b-c { transform: translate(0, 50%); }
  .translate-md-b-e { transform: translate(50%, 50%); }

  .rounded-md {border-radius: 5px;}
  .rounded-md-small {border-radius: 2.5px;}
  .rounded-md-medium {border-radius: 10px;}
  .rounded-md-large {border-radius: 20px;}
  .rounded-md-full {border-radius: 2500px;}

  .border-md-thin {border-width: 1px}
  .border-md-regular {border-width: 1.6666666666666667px;}
  .border-md-large {border-width: 5px;}
  .border-md-thick {border-width: 10px;}

  .border-top-md-thin {border-top-width: 1px;}
  .border-top-md-regular {border-top-width: 1.6666666666666667px;}
  .border-top-md-large {border-top-width: 5px;}
  .border-top-md-thick {border-top-width: 10px;}

  .border-bottom-md-thin {border-bottom-width: 1px;}
  .border-bottom-md-regular {border-bottom-width: 1.6666666666666667px;}
  .border-bottom-md-large {border-bottom-width: 5px;}
  .border-bottom-md-thick {border-bottom-width: 10px;}

  .border-start-md-thin {border-left-width: 1px;}
  .border-start-md-regular {border-left-width: 1.6666666666666667px;}
  .border-start-md-large {border-left-width: 5px;}
  .border-start-md-thick {border-left-width: 10px;}

  .border-end-md-thin {border-right-width: 1px;}
  .border-end-md-regular {border-right-width: 1.6666666666666667px;}
  .border-end-md-large {border-right-width: 5px;}
  .border-end-md-thick {border-right-width: 10px;}

  .border-md-solid {border-style: solid;}
  .border-md-dashed {border-style: dashed;}
  .border-md-dotted {border-style: dotted;}
}
 
@media (min-width: 1366px) {
  .d-lg-none {display: none;}
  .d-lg-flex {display: flex;}
  .d-lg-grid {display: grid;}
  .d-lg-block {display: block;}
  .d-lg-inline {display: inline;}
  .d-lg-inline-block {display: inline-block;}

  .z-lg-n {z-index: -1;}
  .z-lg-xs {z-index: 1;}
  .z-lg-sm {z-index: 2;}
  .z-lg-md {z-index: 3;}
  .z-lg-lg {z-index: 4;}
  .z-lg-xl {z-index: 5;}

  .o-lg-hidden {overflow: hidden;}
  .o-lg-visible {overflow: visible;}
  .o-lg-scroll {overflow: scroll;}
  .o-lg-auto {overflow: auto;}

  .flex-grow {flex: 1 1 auto;}

  .justify-content-lg-flex-start, .dnd-section .row-fluid.justify-content-lg-flex-start {justify-content: flex-start;}
  .justify-content-lg-flex-end, .dnd-section .row-fluid.justify-conten-lgt-flex-end {justify-content: flex-end;}
  .justify-content-lg-center, .dnd-section .row-fluid.justify-content-lg-center {justify-content: center;}
  .justify-content-lg-space-between, .dnd-section .row-fluid.justify-content-lg-space-between {justify-content: space-between;}
  .justify-content-lg-space-around, .dnd-section .row-fluid.justify-content-lg-space-around {justify-content: space-around;}
  .justify-content-lg-stretch, .dnd-section .row-fluid.justify-content-lg-stretch {justify-content: stretch;}

  .align-items-lg-flex-start, .dnd-section .row-fluid.align-items-lg-flex-start {align-items: flex-start;}
  .align-items-lg-flex-end, .dnd-section .row-fluid.align-items-lg-flex-end {align-items: flex-end;}
  .align-items-lg-center, .dnd-section .row-fluid.align-items-lg-center {align-items: center;}
  .align-items-lg-stretch, .dnd-section .row-fluid.align-items-lg-stretch {align-items: stretch;}

  .flex-flow-lg-row, .dnd-section .row-fluid.flex-flow-lg-row {flex-flow: row;}
  .flex-flow-lg-row-wrap, .dnd-section .row-fluid.flex-flow-lg-row-wrap {flex-flow: row wrap;}
  .flex-flow-lg-row-reverse, .dnd-section .row-fluid.flex-flow-lg-row-reverse {flex-flow: row-reverse;}

  .flex-flow-lg-column, .dnd-section .row-fluid.flex-flow-lg-column {flex-flow: column;}
  .flex-flow-lg-column-wrap, .dnd-section .row-fluid.flex-flow-lg-column-wrap {flex-flow: column wrap;}
  .flex-flow-lg-column-reverse, .dnd-section .row-fluid.flex-flow-lg-column-reverse {flex-flow: column-reverse;}

  .p-lg-initial {position: initial;}
  .p-lg-static {position: static;}
  .p-lg-fixed {position: fixed;}
  .p-lg-absolute {position: absolute;}
  .p-lg-relative {position: relative;}
  .p-lg-sticky {position: sticky;}

  .no-scrollbar-lg::-webkit-scrollbar { display: none; }
  .no-scrollbar-lg { -ms-overflow-style: none; scrollbar-width: none; }

  .fw-lg { width: 100%; min-width: 100%; max-width: 100%; }
  .hw-lg { width: 50%; min-width: 50%; max-width: 50%; }
  .qw-lg { width: 25%; min-width: 25%; max-width: 25%; }

  .fh-lg { height: 100%; min-height: 100%; max-height: 100%; }
  .hh-lg { height: 50%; min-height: 50%; max-height: 50%; }
  .qh-lg { height: 25%; min-height: 25%; max-height: 25%; }

  .iw-lg { width: initial; min-width: initial; max-width: initial; }
  .ih-lg { height: initial; min-height: initial; max-height: initial; }

  .t-lg-0 { top: 0; }
  .b-lg-0 { bottom: 0; }
  .s-lg-0 { left: 0; }
  .e-lg-0 { right: 0; }

  .t-lg-50 { top: 50%; }
  .b-lg-50 { bottom: 50%; }
  .s-lg-50 { left: 50%; }
  .e-lg-50 { right: 50%; }

  .t-lg-100 { top: 100%; }
  .b-lg-100 { bottom: 100%; }
  .s-lg-100 { left: 100%; }
  .e-lg-100 { right: 100%; }

  .translate-lg-t-s { transform: translate(-50%, 0); }
  .translate-lg-t-c { transform: translate(0, 0); }
  .translate-lg-t-e { transform: translate(50%, 0); }

  .translate-lg-c-s { transform: translate(-50%, -50%); }
  .translate-lg-c-c { transform: translate(0, -50%); }
  .translate-lg-c-e { transform: translate(50%, -50%); }

  .translate-lg-b-s { transform: translate(-50%, 50%); }
  .translate-lg-b-c { transform: translate(0, 50%); }
  .translate-lg-b-e { transform: translate(50%, 50%); }

  .rounded-lg {border-radius: 5px;}
  .rounded-lg-small {border-radius: 2.5px;}
  .rounded-lg-medium {border-radius: 10px;}
  .rounded-lg-large {border-radius: 20px;}
  .rounded-lg-full {border-radius: 2500px;}

  .border-lg-thin {border-width: 1px}
  .border-lg-regular {border-width: 1.6666666666666667px;}
  .border-lg-large {border-width: 5px;}
  .border-lg-thick {border-width: 10px;}

  .border-top-lg-thin {border-top-width: 1px;}
  .border-top-lg-regular {border-top-width: 1.6666666666666667px;}
  .border-top-lg-large {border-top-width: 5px;}
  .border-top-lg-thick {border-top-width: 10px;}

  .border-bottom-lg-thin {border-bottom-width: 1px;}
  .border-bottom-lg-regular {border-bottom-width: 1.6666666666666667px;}
  .border-bottom-lg-large {border-bottom-width: 5px;}
  .border-bottom-lg-thick {border-bottom-width: 10px;}

  .border-start-lg-thin {border-left-width: 1px;}
  .border-start-lg-regular {border-left-width: 1.6666666666666667px;}
  .border-start-lg-large {border-left-width: 5px;}
  .border-start-lg-thick {border-left-width: 10px;}

  .border-end-lg-thin {border-right-width: 1px;}
  .border-end-lg-regular {border-right-width: 1.6666666666666667px;}
  .border-end-lg-large {border-right-width: 5px;}
  .border-end-lg-thick {border-right-width: 10px;}

  .border-lg-solid {border-style: solid;}
  .border-lg-dashed {border-style: dashed;}
  .border-lg-dotted {border-style: dotted;}
}



.mt-auto { margin-top: auto; }  
.mb-auto { margin-bottom: auto; }  
.ms-auto { margin-left: auto; }  
.me-auto { margin-right: auto; } 



  
  .mt-0 { margin-top: 0px; }
  .mb-0 { margin-bottom: 0px; }
  .ms-0 { margin-left: 0px; }
  .me-0 { margin-right: 0px; }

  .mt-n-0 { margin-top: -0px; }
  .mb-n-0 { margin-bottom: -0px; }
  .ms-n-0 { margin-left: -0px; }
  .me-n-0 { margin-right: -0px; }

  .pt-0 { padding-top: 0px; }
  .pb-0 { padding-bottom: 0px; }
  .ps-0 { padding-left: 0px; }
  .pe-0 { padding-right: 0px; }
  
  .mt-1 { margin-top: 5px; }
  .mb-1 { margin-bottom: 5px; }
  .ms-1 { margin-left: 5px; }
  .me-1 { margin-right: 5px; }

  .mt-n-1 { margin-top: -5px; }
  .mb-n-1 { margin-bottom: -5px; }
  .ms-n-1 { margin-left: -5px; }
  .me-n-1 { margin-right: -5px; }

  .pt-1 { padding-top: 5px; }
  .pb-1 { padding-bottom: 5px; }
  .ps-1 { padding-left: 5px; }
  .pe-1 { padding-right: 5px; }
  
  .mt-2 { margin-top: 10px; }
  .mb-2 { margin-bottom: 10px; }
  .ms-2 { margin-left: 10px; }
  .me-2 { margin-right: 10px; }

  .mt-n-2 { margin-top: -10px; }
  .mb-n-2 { margin-bottom: -10px; }
  .ms-n-2 { margin-left: -10px; }
  .me-n-2 { margin-right: -10px; }

  .pt-2 { padding-top: 10px; }
  .pb-2 { padding-bottom: 10px; }
  .ps-2 { padding-left: 10px; }
  .pe-2 { padding-right: 10px; }
  
  .mt-3 { margin-top: 15px; }
  .mb-3 { margin-bottom: 15px; }
  .ms-3 { margin-left: 15px; }
  .me-3 { margin-right: 15px; }

  .mt-n-3 { margin-top: -15px; }
  .mb-n-3 { margin-bottom: -15px; }
  .ms-n-3 { margin-left: -15px; }
  .me-n-3 { margin-right: -15px; }

  .pt-3 { padding-top: 15px; }
  .pb-3 { padding-bottom: 15px; }
  .ps-3 { padding-left: 15px; }
  .pe-3 { padding-right: 15px; }
  
  .mt-4 { margin-top: 20px; }
  .mb-4 { margin-bottom: 20px; }
  .ms-4 { margin-left: 20px; }
  .me-4 { margin-right: 20px; }

  .mt-n-4 { margin-top: -20px; }
  .mb-n-4 { margin-bottom: -20px; }
  .ms-n-4 { margin-left: -20px; }
  .me-n-4 { margin-right: -20px; }

  .pt-4 { padding-top: 20px; }
  .pb-4 { padding-bottom: 20px; }
  .ps-4 { padding-left: 20px; }
  .pe-4 { padding-right: 20px; }
  
  .mt-5 { margin-top: 25px; }
  .mb-5 { margin-bottom: 25px; }
  .ms-5 { margin-left: 25px; }
  .me-5 { margin-right: 25px; }

  .mt-n-5 { margin-top: -25px; }
  .mb-n-5 { margin-bottom: -25px; }
  .ms-n-5 { margin-left: -25px; }
  .me-n-5 { margin-right: -25px; }

  .pt-5 { padding-top: 25px; }
  .pb-5 { padding-bottom: 25px; }
  .ps-5 { padding-left: 25px; }
  .pe-5 { padding-right: 25px; }
  
  .mt-6 { margin-top: 30px; }
  .mb-6 { margin-bottom: 30px; }
  .ms-6 { margin-left: 30px; }
  .me-6 { margin-right: 30px; }

  .mt-n-6 { margin-top: -30px; }
  .mb-n-6 { margin-bottom: -30px; }
  .ms-n-6 { margin-left: -30px; }
  .me-n-6 { margin-right: -30px; }

  .pt-6 { padding-top: 30px; }
  .pb-6 { padding-bottom: 30px; }
  .ps-6 { padding-left: 30px; }
  .pe-6 { padding-right: 30px; }
  
  .mt-7 { margin-top: 35px; }
  .mb-7 { margin-bottom: 35px; }
  .ms-7 { margin-left: 35px; }
  .me-7 { margin-right: 35px; }

  .mt-n-7 { margin-top: -35px; }
  .mb-n-7 { margin-bottom: -35px; }
  .ms-n-7 { margin-left: -35px; }
  .me-n-7 { margin-right: -35px; }

  .pt-7 { padding-top: 35px; }
  .pb-7 { padding-bottom: 35px; }
  .ps-7 { padding-left: 35px; }
  .pe-7 { padding-right: 35px; }
  
  .mt-8 { margin-top: 40px; }
  .mb-8 { margin-bottom: 40px; }
  .ms-8 { margin-left: 40px; }
  .me-8 { margin-right: 40px; }

  .mt-n-8 { margin-top: -40px; }
  .mb-n-8 { margin-bottom: -40px; }
  .ms-n-8 { margin-left: -40px; }
  .me-n-8 { margin-right: -40px; }

  .pt-8 { padding-top: 40px; }
  .pb-8 { padding-bottom: 40px; }
  .ps-8 { padding-left: 40px; }
  .pe-8 { padding-right: 40px; }
  
  .mt-9 { margin-top: 45px; }
  .mb-9 { margin-bottom: 45px; }
  .ms-9 { margin-left: 45px; }
  .me-9 { margin-right: 45px; }

  .mt-n-9 { margin-top: -45px; }
  .mb-n-9 { margin-bottom: -45px; }
  .ms-n-9 { margin-left: -45px; }
  .me-n-9 { margin-right: -45px; }

  .pt-9 { padding-top: 45px; }
  .pb-9 { padding-bottom: 45px; }
  .ps-9 { padding-left: 45px; }
  .pe-9 { padding-right: 45px; }
  
  .mt-10 { margin-top: 50px; }
  .mb-10 { margin-bottom: 50px; }
  .ms-10 { margin-left: 50px; }
  .me-10 { margin-right: 50px; }

  .mt-n-10 { margin-top: -50px; }
  .mb-n-10 { margin-bottom: -50px; }
  .ms-n-10 { margin-left: -50px; }
  .me-n-10 { margin-right: -50px; }

  .pt-10 { padding-top: 50px; }
  .pb-10 { padding-bottom: 50px; }
  .ps-10 { padding-left: 50px; }
  .pe-10 { padding-right: 50px; }
  
  .mt-11 { margin-top: 55px; }
  .mb-11 { margin-bottom: 55px; }
  .ms-11 { margin-left: 55px; }
  .me-11 { margin-right: 55px; }

  .mt-n-11 { margin-top: -55px; }
  .mb-n-11 { margin-bottom: -55px; }
  .ms-n-11 { margin-left: -55px; }
  .me-n-11 { margin-right: -55px; }

  .pt-11 { padding-top: 55px; }
  .pb-11 { padding-bottom: 55px; }
  .ps-11 { padding-left: 55px; }
  .pe-11 { padding-right: 55px; }
  
  .mt-12 { margin-top: 60px; }
  .mb-12 { margin-bottom: 60px; }
  .ms-12 { margin-left: 60px; }
  .me-12 { margin-right: 60px; }

  .mt-n-12 { margin-top: -60px; }
  .mb-n-12 { margin-bottom: -60px; }
  .ms-n-12 { margin-left: -60px; }
  .me-n-12 { margin-right: -60px; }

  .pt-12 { padding-top: 60px; }
  .pb-12 { padding-bottom: 60px; }
  .ps-12 { padding-left: 60px; }
  .pe-12 { padding-right: 60px; }
  
  .mt-13 { margin-top: 65px; }
  .mb-13 { margin-bottom: 65px; }
  .ms-13 { margin-left: 65px; }
  .me-13 { margin-right: 65px; }

  .mt-n-13 { margin-top: -65px; }
  .mb-n-13 { margin-bottom: -65px; }
  .ms-n-13 { margin-left: -65px; }
  .me-n-13 { margin-right: -65px; }

  .pt-13 { padding-top: 65px; }
  .pb-13 { padding-bottom: 65px; }
  .ps-13 { padding-left: 65px; }
  .pe-13 { padding-right: 65px; }
  
  .mt-14 { margin-top: 70px; }
  .mb-14 { margin-bottom: 70px; }
  .ms-14 { margin-left: 70px; }
  .me-14 { margin-right: 70px; }

  .mt-n-14 { margin-top: -70px; }
  .mb-n-14 { margin-bottom: -70px; }
  .ms-n-14 { margin-left: -70px; }
  .me-n-14 { margin-right: -70px; }

  .pt-14 { padding-top: 70px; }
  .pb-14 { padding-bottom: 70px; }
  .ps-14 { padding-left: 70px; }
  .pe-14 { padding-right: 70px; }
  
  .mt-15 { margin-top: 75px; }
  .mb-15 { margin-bottom: 75px; }
  .ms-15 { margin-left: 75px; }
  .me-15 { margin-right: 75px; }

  .mt-n-15 { margin-top: -75px; }
  .mb-n-15 { margin-bottom: -75px; }
  .ms-n-15 { margin-left: -75px; }
  .me-n-15 { margin-right: -75px; }

  .pt-15 { padding-top: 75px; }
  .pb-15 { padding-bottom: 75px; }
  .ps-15 { padding-left: 75px; }
  .pe-15 { padding-right: 75px; }
  
  .mt-16 { margin-top: 80px; }
  .mb-16 { margin-bottom: 80px; }
  .ms-16 { margin-left: 80px; }
  .me-16 { margin-right: 80px; }

  .mt-n-16 { margin-top: -80px; }
  .mb-n-16 { margin-bottom: -80px; }
  .ms-n-16 { margin-left: -80px; }
  .me-n-16 { margin-right: -80px; }

  .pt-16 { padding-top: 80px; }
  .pb-16 { padding-bottom: 80px; }
  .ps-16 { padding-left: 80px; }
  .pe-16 { padding-right: 80px; }
  
  .mt-17 { margin-top: 85px; }
  .mb-17 { margin-bottom: 85px; }
  .ms-17 { margin-left: 85px; }
  .me-17 { margin-right: 85px; }

  .mt-n-17 { margin-top: -85px; }
  .mb-n-17 { margin-bottom: -85px; }
  .ms-n-17 { margin-left: -85px; }
  .me-n-17 { margin-right: -85px; }

  .pt-17 { padding-top: 85px; }
  .pb-17 { padding-bottom: 85px; }
  .ps-17 { padding-left: 85px; }
  .pe-17 { padding-right: 85px; }
  
  .mt-18 { margin-top: 90px; }
  .mb-18 { margin-bottom: 90px; }
  .ms-18 { margin-left: 90px; }
  .me-18 { margin-right: 90px; }

  .mt-n-18 { margin-top: -90px; }
  .mb-n-18 { margin-bottom: -90px; }
  .ms-n-18 { margin-left: -90px; }
  .me-n-18 { margin-right: -90px; }

  .pt-18 { padding-top: 90px; }
  .pb-18 { padding-bottom: 90px; }
  .ps-18 { padding-left: 90px; }
  .pe-18 { padding-right: 90px; }
  
  .mt-19 { margin-top: 95px; }
  .mb-19 { margin-bottom: 95px; }
  .ms-19 { margin-left: 95px; }
  .me-19 { margin-right: 95px; }

  .mt-n-19 { margin-top: -95px; }
  .mb-n-19 { margin-bottom: -95px; }
  .ms-n-19 { margin-left: -95px; }
  .me-n-19 { margin-right: -95px; }

  .pt-19 { padding-top: 95px; }
  .pb-19 { padding-bottom: 95px; }
  .ps-19 { padding-left: 95px; }
  .pe-19 { padding-right: 95px; }
  
  .mt-20 { margin-top: 100px; }
  .mb-20 { margin-bottom: 100px; }
  .ms-20 { margin-left: 100px; }
  .me-20 { margin-right: 100px; }

  .mt-n-20 { margin-top: -100px; }
  .mb-n-20 { margin-bottom: -100px; }
  .ms-n-20 { margin-left: -100px; }
  .me-n-20 { margin-right: -100px; }

  .pt-20 { padding-top: 100px; }
  .pb-20 { padding-bottom: 100px; }
  .ps-20 { padding-left: 100px; }
  .pe-20 { padding-right: 100px; }
  
  


@media (min-width: 600px) {
  
  
  .mt-xs-0 { margin-top: 0px; }
  .mb-xs-0 { margin-bottom: 0px; }
  .ms-xs-0 { margin-left: 0px; }
  .me-xs-0 { margin-right: 0px; }

  .mt-n-xs-0 { margin-top: -0px; }
  .mb-n-xs-0 { margin-bottom: -0px; }
  .ms-n-xs-0 { margin-left: -0px; }
  .me-n-xs-0 { margin-right: -0px; }

  .pt-xs-0 { padding-top: 0px; }
  .pb-xs-0 { padding-bottom: 0px; }
  .ps-xs-0 { padding-left: 0px; }
  .pe-xs-0 { padding-right: 0px; }
  
  .mt-xs-1 { margin-top: 5px; }
  .mb-xs-1 { margin-bottom: 5px; }
  .ms-xs-1 { margin-left: 5px; }
  .me-xs-1 { margin-right: 5px; }

  .mt-n-xs-1 { margin-top: -5px; }
  .mb-n-xs-1 { margin-bottom: -5px; }
  .ms-n-xs-1 { margin-left: -5px; }
  .me-n-xs-1 { margin-right: -5px; }

  .pt-xs-1 { padding-top: 5px; }
  .pb-xs-1 { padding-bottom: 5px; }
  .ps-xs-1 { padding-left: 5px; }
  .pe-xs-1 { padding-right: 5px; }
  
  .mt-xs-2 { margin-top: 10px; }
  .mb-xs-2 { margin-bottom: 10px; }
  .ms-xs-2 { margin-left: 10px; }
  .me-xs-2 { margin-right: 10px; }

  .mt-n-xs-2 { margin-top: -10px; }
  .mb-n-xs-2 { margin-bottom: -10px; }
  .ms-n-xs-2 { margin-left: -10px; }
  .me-n-xs-2 { margin-right: -10px; }

  .pt-xs-2 { padding-top: 10px; }
  .pb-xs-2 { padding-bottom: 10px; }
  .ps-xs-2 { padding-left: 10px; }
  .pe-xs-2 { padding-right: 10px; }
  
  .mt-xs-3 { margin-top: 15px; }
  .mb-xs-3 { margin-bottom: 15px; }
  .ms-xs-3 { margin-left: 15px; }
  .me-xs-3 { margin-right: 15px; }

  .mt-n-xs-3 { margin-top: -15px; }
  .mb-n-xs-3 { margin-bottom: -15px; }
  .ms-n-xs-3 { margin-left: -15px; }
  .me-n-xs-3 { margin-right: -15px; }

  .pt-xs-3 { padding-top: 15px; }
  .pb-xs-3 { padding-bottom: 15px; }
  .ps-xs-3 { padding-left: 15px; }
  .pe-xs-3 { padding-right: 15px; }
  
  .mt-xs-4 { margin-top: 20px; }
  .mb-xs-4 { margin-bottom: 20px; }
  .ms-xs-4 { margin-left: 20px; }
  .me-xs-4 { margin-right: 20px; }

  .mt-n-xs-4 { margin-top: -20px; }
  .mb-n-xs-4 { margin-bottom: -20px; }
  .ms-n-xs-4 { margin-left: -20px; }
  .me-n-xs-4 { margin-right: -20px; }

  .pt-xs-4 { padding-top: 20px; }
  .pb-xs-4 { padding-bottom: 20px; }
  .ps-xs-4 { padding-left: 20px; }
  .pe-xs-4 { padding-right: 20px; }
  
  .mt-xs-5 { margin-top: 25px; }
  .mb-xs-5 { margin-bottom: 25px; }
  .ms-xs-5 { margin-left: 25px; }
  .me-xs-5 { margin-right: 25px; }

  .mt-n-xs-5 { margin-top: -25px; }
  .mb-n-xs-5 { margin-bottom: -25px; }
  .ms-n-xs-5 { margin-left: -25px; }
  .me-n-xs-5 { margin-right: -25px; }

  .pt-xs-5 { padding-top: 25px; }
  .pb-xs-5 { padding-bottom: 25px; }
  .ps-xs-5 { padding-left: 25px; }
  .pe-xs-5 { padding-right: 25px; }
  
  .mt-xs-6 { margin-top: 30px; }
  .mb-xs-6 { margin-bottom: 30px; }
  .ms-xs-6 { margin-left: 30px; }
  .me-xs-6 { margin-right: 30px; }

  .mt-n-xs-6 { margin-top: -30px; }
  .mb-n-xs-6 { margin-bottom: -30px; }
  .ms-n-xs-6 { margin-left: -30px; }
  .me-n-xs-6 { margin-right: -30px; }

  .pt-xs-6 { padding-top: 30px; }
  .pb-xs-6 { padding-bottom: 30px; }
  .ps-xs-6 { padding-left: 30px; }
  .pe-xs-6 { padding-right: 30px; }
  
  .mt-xs-7 { margin-top: 35px; }
  .mb-xs-7 { margin-bottom: 35px; }
  .ms-xs-7 { margin-left: 35px; }
  .me-xs-7 { margin-right: 35px; }

  .mt-n-xs-7 { margin-top: -35px; }
  .mb-n-xs-7 { margin-bottom: -35px; }
  .ms-n-xs-7 { margin-left: -35px; }
  .me-n-xs-7 { margin-right: -35px; }

  .pt-xs-7 { padding-top: 35px; }
  .pb-xs-7 { padding-bottom: 35px; }
  .ps-xs-7 { padding-left: 35px; }
  .pe-xs-7 { padding-right: 35px; }
  
  .mt-xs-8 { margin-top: 40px; }
  .mb-xs-8 { margin-bottom: 40px; }
  .ms-xs-8 { margin-left: 40px; }
  .me-xs-8 { margin-right: 40px; }

  .mt-n-xs-8 { margin-top: -40px; }
  .mb-n-xs-8 { margin-bottom: -40px; }
  .ms-n-xs-8 { margin-left: -40px; }
  .me-n-xs-8 { margin-right: -40px; }

  .pt-xs-8 { padding-top: 40px; }
  .pb-xs-8 { padding-bottom: 40px; }
  .ps-xs-8 { padding-left: 40px; }
  .pe-xs-8 { padding-right: 40px; }
  
  .mt-xs-9 { margin-top: 45px; }
  .mb-xs-9 { margin-bottom: 45px; }
  .ms-xs-9 { margin-left: 45px; }
  .me-xs-9 { margin-right: 45px; }

  .mt-n-xs-9 { margin-top: -45px; }
  .mb-n-xs-9 { margin-bottom: -45px; }
  .ms-n-xs-9 { margin-left: -45px; }
  .me-n-xs-9 { margin-right: -45px; }

  .pt-xs-9 { padding-top: 45px; }
  .pb-xs-9 { padding-bottom: 45px; }
  .ps-xs-9 { padding-left: 45px; }
  .pe-xs-9 { padding-right: 45px; }
  
  .mt-xs-10 { margin-top: 50px; }
  .mb-xs-10 { margin-bottom: 50px; }
  .ms-xs-10 { margin-left: 50px; }
  .me-xs-10 { margin-right: 50px; }

  .mt-n-xs-10 { margin-top: -50px; }
  .mb-n-xs-10 { margin-bottom: -50px; }
  .ms-n-xs-10 { margin-left: -50px; }
  .me-n-xs-10 { margin-right: -50px; }

  .pt-xs-10 { padding-top: 50px; }
  .pb-xs-10 { padding-bottom: 50px; }
  .ps-xs-10 { padding-left: 50px; }
  .pe-xs-10 { padding-right: 50px; }
  
  .mt-xs-11 { margin-top: 55px; }
  .mb-xs-11 { margin-bottom: 55px; }
  .ms-xs-11 { margin-left: 55px; }
  .me-xs-11 { margin-right: 55px; }

  .mt-n-xs-11 { margin-top: -55px; }
  .mb-n-xs-11 { margin-bottom: -55px; }
  .ms-n-xs-11 { margin-left: -55px; }
  .me-n-xs-11 { margin-right: -55px; }

  .pt-xs-11 { padding-top: 55px; }
  .pb-xs-11 { padding-bottom: 55px; }
  .ps-xs-11 { padding-left: 55px; }
  .pe-xs-11 { padding-right: 55px; }
  
  .mt-xs-12 { margin-top: 60px; }
  .mb-xs-12 { margin-bottom: 60px; }
  .ms-xs-12 { margin-left: 60px; }
  .me-xs-12 { margin-right: 60px; }

  .mt-n-xs-12 { margin-top: -60px; }
  .mb-n-xs-12 { margin-bottom: -60px; }
  .ms-n-xs-12 { margin-left: -60px; }
  .me-n-xs-12 { margin-right: -60px; }

  .pt-xs-12 { padding-top: 60px; }
  .pb-xs-12 { padding-bottom: 60px; }
  .ps-xs-12 { padding-left: 60px; }
  .pe-xs-12 { padding-right: 60px; }
  
  .mt-xs-13 { margin-top: 65px; }
  .mb-xs-13 { margin-bottom: 65px; }
  .ms-xs-13 { margin-left: 65px; }
  .me-xs-13 { margin-right: 65px; }

  .mt-n-xs-13 { margin-top: -65px; }
  .mb-n-xs-13 { margin-bottom: -65px; }
  .ms-n-xs-13 { margin-left: -65px; }
  .me-n-xs-13 { margin-right: -65px; }

  .pt-xs-13 { padding-top: 65px; }
  .pb-xs-13 { padding-bottom: 65px; }
  .ps-xs-13 { padding-left: 65px; }
  .pe-xs-13 { padding-right: 65px; }
  
  .mt-xs-14 { margin-top: 70px; }
  .mb-xs-14 { margin-bottom: 70px; }
  .ms-xs-14 { margin-left: 70px; }
  .me-xs-14 { margin-right: 70px; }

  .mt-n-xs-14 { margin-top: -70px; }
  .mb-n-xs-14 { margin-bottom: -70px; }
  .ms-n-xs-14 { margin-left: -70px; }
  .me-n-xs-14 { margin-right: -70px; }

  .pt-xs-14 { padding-top: 70px; }
  .pb-xs-14 { padding-bottom: 70px; }
  .ps-xs-14 { padding-left: 70px; }
  .pe-xs-14 { padding-right: 70px; }
  
  .mt-xs-15 { margin-top: 75px; }
  .mb-xs-15 { margin-bottom: 75px; }
  .ms-xs-15 { margin-left: 75px; }
  .me-xs-15 { margin-right: 75px; }

  .mt-n-xs-15 { margin-top: -75px; }
  .mb-n-xs-15 { margin-bottom: -75px; }
  .ms-n-xs-15 { margin-left: -75px; }
  .me-n-xs-15 { margin-right: -75px; }

  .pt-xs-15 { padding-top: 75px; }
  .pb-xs-15 { padding-bottom: 75px; }
  .ps-xs-15 { padding-left: 75px; }
  .pe-xs-15 { padding-right: 75px; }
  
  .mt-xs-16 { margin-top: 80px; }
  .mb-xs-16 { margin-bottom: 80px; }
  .ms-xs-16 { margin-left: 80px; }
  .me-xs-16 { margin-right: 80px; }

  .mt-n-xs-16 { margin-top: -80px; }
  .mb-n-xs-16 { margin-bottom: -80px; }
  .ms-n-xs-16 { margin-left: -80px; }
  .me-n-xs-16 { margin-right: -80px; }

  .pt-xs-16 { padding-top: 80px; }
  .pb-xs-16 { padding-bottom: 80px; }
  .ps-xs-16 { padding-left: 80px; }
  .pe-xs-16 { padding-right: 80px; }
  
  .mt-xs-17 { margin-top: 85px; }
  .mb-xs-17 { margin-bottom: 85px; }
  .ms-xs-17 { margin-left: 85px; }
  .me-xs-17 { margin-right: 85px; }

  .mt-n-xs-17 { margin-top: -85px; }
  .mb-n-xs-17 { margin-bottom: -85px; }
  .ms-n-xs-17 { margin-left: -85px; }
  .me-n-xs-17 { margin-right: -85px; }

  .pt-xs-17 { padding-top: 85px; }
  .pb-xs-17 { padding-bottom: 85px; }
  .ps-xs-17 { padding-left: 85px; }
  .pe-xs-17 { padding-right: 85px; }
  
  .mt-xs-18 { margin-top: 90px; }
  .mb-xs-18 { margin-bottom: 90px; }
  .ms-xs-18 { margin-left: 90px; }
  .me-xs-18 { margin-right: 90px; }

  .mt-n-xs-18 { margin-top: -90px; }
  .mb-n-xs-18 { margin-bottom: -90px; }
  .ms-n-xs-18 { margin-left: -90px; }
  .me-n-xs-18 { margin-right: -90px; }

  .pt-xs-18 { padding-top: 90px; }
  .pb-xs-18 { padding-bottom: 90px; }
  .ps-xs-18 { padding-left: 90px; }
  .pe-xs-18 { padding-right: 90px; }
  
  .mt-xs-19 { margin-top: 95px; }
  .mb-xs-19 { margin-bottom: 95px; }
  .ms-xs-19 { margin-left: 95px; }
  .me-xs-19 { margin-right: 95px; }

  .mt-n-xs-19 { margin-top: -95px; }
  .mb-n-xs-19 { margin-bottom: -95px; }
  .ms-n-xs-19 { margin-left: -95px; }
  .me-n-xs-19 { margin-right: -95px; }

  .pt-xs-19 { padding-top: 95px; }
  .pb-xs-19 { padding-bottom: 95px; }
  .ps-xs-19 { padding-left: 95px; }
  .pe-xs-19 { padding-right: 95px; }
  
  .mt-xs-20 { margin-top: 100px; }
  .mb-xs-20 { margin-bottom: 100px; }
  .ms-xs-20 { margin-left: 100px; }
  .me-xs-20 { margin-right: 100px; }

  .mt-n-xs-20 { margin-top: -100px; }
  .mb-n-xs-20 { margin-bottom: -100px; }
  .ms-n-xs-20 { margin-left: -100px; }
  .me-n-xs-20 { margin-right: -100px; }

  .pt-xs-20 { padding-top: 100px; }
  .pb-xs-20 { padding-bottom: 100px; }
  .ps-xs-20 { padding-left: 100px; }
  .pe-xs-20 { padding-right: 100px; }
  
  
}



@media (min-width: 768px) {
  
  
  .mt-sm-0 { margin-top: 0px; }
  .mb-sm-0 { margin-bottom: 0px; }
  .ms-sm-0 { margin-left: 0px; }
  .me-sm-0 { margin-right: 0px; }

  .mt-n-sm-0 { margin-top: -0px; }
  .mb-n-sm-0 { margin-bottom: -0px; }
  .ms-n-sm-0 { margin-left: -0px; }
  .me-n-sm-0 { margin-right: -0px; }

  .pt-sm-0 { padding-top: 0px; }
  .pb-sm-0 { padding-bottom: 0px; }
  .ps-sm-0 { padding-left: 0px; }
  .pe-sm-0 { padding-right: 0px; }
  
  .mt-sm-1 { margin-top: 5px; }
  .mb-sm-1 { margin-bottom: 5px; }
  .ms-sm-1 { margin-left: 5px; }
  .me-sm-1 { margin-right: 5px; }

  .mt-n-sm-1 { margin-top: -5px; }
  .mb-n-sm-1 { margin-bottom: -5px; }
  .ms-n-sm-1 { margin-left: -5px; }
  .me-n-sm-1 { margin-right: -5px; }

  .pt-sm-1 { padding-top: 5px; }
  .pb-sm-1 { padding-bottom: 5px; }
  .ps-sm-1 { padding-left: 5px; }
  .pe-sm-1 { padding-right: 5px; }
  
  .mt-sm-2 { margin-top: 10px; }
  .mb-sm-2 { margin-bottom: 10px; }
  .ms-sm-2 { margin-left: 10px; }
  .me-sm-2 { margin-right: 10px; }

  .mt-n-sm-2 { margin-top: -10px; }
  .mb-n-sm-2 { margin-bottom: -10px; }
  .ms-n-sm-2 { margin-left: -10px; }
  .me-n-sm-2 { margin-right: -10px; }

  .pt-sm-2 { padding-top: 10px; }
  .pb-sm-2 { padding-bottom: 10px; }
  .ps-sm-2 { padding-left: 10px; }
  .pe-sm-2 { padding-right: 10px; }
  
  .mt-sm-3 { margin-top: 15px; }
  .mb-sm-3 { margin-bottom: 15px; }
  .ms-sm-3 { margin-left: 15px; }
  .me-sm-3 { margin-right: 15px; }

  .mt-n-sm-3 { margin-top: -15px; }
  .mb-n-sm-3 { margin-bottom: -15px; }
  .ms-n-sm-3 { margin-left: -15px; }
  .me-n-sm-3 { margin-right: -15px; }

  .pt-sm-3 { padding-top: 15px; }
  .pb-sm-3 { padding-bottom: 15px; }
  .ps-sm-3 { padding-left: 15px; }
  .pe-sm-3 { padding-right: 15px; }
  
  .mt-sm-4 { margin-top: 20px; }
  .mb-sm-4 { margin-bottom: 20px; }
  .ms-sm-4 { margin-left: 20px; }
  .me-sm-4 { margin-right: 20px; }

  .mt-n-sm-4 { margin-top: -20px; }
  .mb-n-sm-4 { margin-bottom: -20px; }
  .ms-n-sm-4 { margin-left: -20px; }
  .me-n-sm-4 { margin-right: -20px; }

  .pt-sm-4 { padding-top: 20px; }
  .pb-sm-4 { padding-bottom: 20px; }
  .ps-sm-4 { padding-left: 20px; }
  .pe-sm-4 { padding-right: 20px; }
  
  .mt-sm-5 { margin-top: 25px; }
  .mb-sm-5 { margin-bottom: 25px; }
  .ms-sm-5 { margin-left: 25px; }
  .me-sm-5 { margin-right: 25px; }

  .mt-n-sm-5 { margin-top: -25px; }
  .mb-n-sm-5 { margin-bottom: -25px; }
  .ms-n-sm-5 { margin-left: -25px; }
  .me-n-sm-5 { margin-right: -25px; }

  .pt-sm-5 { padding-top: 25px; }
  .pb-sm-5 { padding-bottom: 25px; }
  .ps-sm-5 { padding-left: 25px; }
  .pe-sm-5 { padding-right: 25px; }
  
  .mt-sm-6 { margin-top: 30px; }
  .mb-sm-6 { margin-bottom: 30px; }
  .ms-sm-6 { margin-left: 30px; }
  .me-sm-6 { margin-right: 30px; }

  .mt-n-sm-6 { margin-top: -30px; }
  .mb-n-sm-6 { margin-bottom: -30px; }
  .ms-n-sm-6 { margin-left: -30px; }
  .me-n-sm-6 { margin-right: -30px; }

  .pt-sm-6 { padding-top: 30px; }
  .pb-sm-6 { padding-bottom: 30px; }
  .ps-sm-6 { padding-left: 30px; }
  .pe-sm-6 { padding-right: 30px; }
  
  .mt-sm-7 { margin-top: 35px; }
  .mb-sm-7 { margin-bottom: 35px; }
  .ms-sm-7 { margin-left: 35px; }
  .me-sm-7 { margin-right: 35px; }

  .mt-n-sm-7 { margin-top: -35px; }
  .mb-n-sm-7 { margin-bottom: -35px; }
  .ms-n-sm-7 { margin-left: -35px; }
  .me-n-sm-7 { margin-right: -35px; }

  .pt-sm-7 { padding-top: 35px; }
  .pb-sm-7 { padding-bottom: 35px; }
  .ps-sm-7 { padding-left: 35px; }
  .pe-sm-7 { padding-right: 35px; }
  
  .mt-sm-8 { margin-top: 40px; }
  .mb-sm-8 { margin-bottom: 40px; }
  .ms-sm-8 { margin-left: 40px; }
  .me-sm-8 { margin-right: 40px; }

  .mt-n-sm-8 { margin-top: -40px; }
  .mb-n-sm-8 { margin-bottom: -40px; }
  .ms-n-sm-8 { margin-left: -40px; }
  .me-n-sm-8 { margin-right: -40px; }

  .pt-sm-8 { padding-top: 40px; }
  .pb-sm-8 { padding-bottom: 40px; }
  .ps-sm-8 { padding-left: 40px; }
  .pe-sm-8 { padding-right: 40px; }
  
  .mt-sm-9 { margin-top: 45px; }
  .mb-sm-9 { margin-bottom: 45px; }
  .ms-sm-9 { margin-left: 45px; }
  .me-sm-9 { margin-right: 45px; }

  .mt-n-sm-9 { margin-top: -45px; }
  .mb-n-sm-9 { margin-bottom: -45px; }
  .ms-n-sm-9 { margin-left: -45px; }
  .me-n-sm-9 { margin-right: -45px; }

  .pt-sm-9 { padding-top: 45px; }
  .pb-sm-9 { padding-bottom: 45px; }
  .ps-sm-9 { padding-left: 45px; }
  .pe-sm-9 { padding-right: 45px; }
  
  .mt-sm-10 { margin-top: 50px; }
  .mb-sm-10 { margin-bottom: 50px; }
  .ms-sm-10 { margin-left: 50px; }
  .me-sm-10 { margin-right: 50px; }

  .mt-n-sm-10 { margin-top: -50px; }
  .mb-n-sm-10 { margin-bottom: -50px; }
  .ms-n-sm-10 { margin-left: -50px; }
  .me-n-sm-10 { margin-right: -50px; }

  .pt-sm-10 { padding-top: 50px; }
  .pb-sm-10 { padding-bottom: 50px; }
  .ps-sm-10 { padding-left: 50px; }
  .pe-sm-10 { padding-right: 50px; }
  
  .mt-sm-11 { margin-top: 55px; }
  .mb-sm-11 { margin-bottom: 55px; }
  .ms-sm-11 { margin-left: 55px; }
  .me-sm-11 { margin-right: 55px; }

  .mt-n-sm-11 { margin-top: -55px; }
  .mb-n-sm-11 { margin-bottom: -55px; }
  .ms-n-sm-11 { margin-left: -55px; }
  .me-n-sm-11 { margin-right: -55px; }

  .pt-sm-11 { padding-top: 55px; }
  .pb-sm-11 { padding-bottom: 55px; }
  .ps-sm-11 { padding-left: 55px; }
  .pe-sm-11 { padding-right: 55px; }
  
  .mt-sm-12 { margin-top: 60px; }
  .mb-sm-12 { margin-bottom: 60px; }
  .ms-sm-12 { margin-left: 60px; }
  .me-sm-12 { margin-right: 60px; }

  .mt-n-sm-12 { margin-top: -60px; }
  .mb-n-sm-12 { margin-bottom: -60px; }
  .ms-n-sm-12 { margin-left: -60px; }
  .me-n-sm-12 { margin-right: -60px; }

  .pt-sm-12 { padding-top: 60px; }
  .pb-sm-12 { padding-bottom: 60px; }
  .ps-sm-12 { padding-left: 60px; }
  .pe-sm-12 { padding-right: 60px; }
  
  .mt-sm-13 { margin-top: 65px; }
  .mb-sm-13 { margin-bottom: 65px; }
  .ms-sm-13 { margin-left: 65px; }
  .me-sm-13 { margin-right: 65px; }

  .mt-n-sm-13 { margin-top: -65px; }
  .mb-n-sm-13 { margin-bottom: -65px; }
  .ms-n-sm-13 { margin-left: -65px; }
  .me-n-sm-13 { margin-right: -65px; }

  .pt-sm-13 { padding-top: 65px; }
  .pb-sm-13 { padding-bottom: 65px; }
  .ps-sm-13 { padding-left: 65px; }
  .pe-sm-13 { padding-right: 65px; }
  
  .mt-sm-14 { margin-top: 70px; }
  .mb-sm-14 { margin-bottom: 70px; }
  .ms-sm-14 { margin-left: 70px; }
  .me-sm-14 { margin-right: 70px; }

  .mt-n-sm-14 { margin-top: -70px; }
  .mb-n-sm-14 { margin-bottom: -70px; }
  .ms-n-sm-14 { margin-left: -70px; }
  .me-n-sm-14 { margin-right: -70px; }

  .pt-sm-14 { padding-top: 70px; }
  .pb-sm-14 { padding-bottom: 70px; }
  .ps-sm-14 { padding-left: 70px; }
  .pe-sm-14 { padding-right: 70px; }
  
  .mt-sm-15 { margin-top: 75px; }
  .mb-sm-15 { margin-bottom: 75px; }
  .ms-sm-15 { margin-left: 75px; }
  .me-sm-15 { margin-right: 75px; }

  .mt-n-sm-15 { margin-top: -75px; }
  .mb-n-sm-15 { margin-bottom: -75px; }
  .ms-n-sm-15 { margin-left: -75px; }
  .me-n-sm-15 { margin-right: -75px; }

  .pt-sm-15 { padding-top: 75px; }
  .pb-sm-15 { padding-bottom: 75px; }
  .ps-sm-15 { padding-left: 75px; }
  .pe-sm-15 { padding-right: 75px; }
  
  .mt-sm-16 { margin-top: 80px; }
  .mb-sm-16 { margin-bottom: 80px; }
  .ms-sm-16 { margin-left: 80px; }
  .me-sm-16 { margin-right: 80px; }

  .mt-n-sm-16 { margin-top: -80px; }
  .mb-n-sm-16 { margin-bottom: -80px; }
  .ms-n-sm-16 { margin-left: -80px; }
  .me-n-sm-16 { margin-right: -80px; }

  .pt-sm-16 { padding-top: 80px; }
  .pb-sm-16 { padding-bottom: 80px; }
  .ps-sm-16 { padding-left: 80px; }
  .pe-sm-16 { padding-right: 80px; }
  
  .mt-sm-17 { margin-top: 85px; }
  .mb-sm-17 { margin-bottom: 85px; }
  .ms-sm-17 { margin-left: 85px; }
  .me-sm-17 { margin-right: 85px; }

  .mt-n-sm-17 { margin-top: -85px; }
  .mb-n-sm-17 { margin-bottom: -85px; }
  .ms-n-sm-17 { margin-left: -85px; }
  .me-n-sm-17 { margin-right: -85px; }

  .pt-sm-17 { padding-top: 85px; }
  .pb-sm-17 { padding-bottom: 85px; }
  .ps-sm-17 { padding-left: 85px; }
  .pe-sm-17 { padding-right: 85px; }
  
  .mt-sm-18 { margin-top: 90px; }
  .mb-sm-18 { margin-bottom: 90px; }
  .ms-sm-18 { margin-left: 90px; }
  .me-sm-18 { margin-right: 90px; }

  .mt-n-sm-18 { margin-top: -90px; }
  .mb-n-sm-18 { margin-bottom: -90px; }
  .ms-n-sm-18 { margin-left: -90px; }
  .me-n-sm-18 { margin-right: -90px; }

  .pt-sm-18 { padding-top: 90px; }
  .pb-sm-18 { padding-bottom: 90px; }
  .ps-sm-18 { padding-left: 90px; }
  .pe-sm-18 { padding-right: 90px; }
  
  .mt-sm-19 { margin-top: 95px; }
  .mb-sm-19 { margin-bottom: 95px; }
  .ms-sm-19 { margin-left: 95px; }
  .me-sm-19 { margin-right: 95px; }

  .mt-n-sm-19 { margin-top: -95px; }
  .mb-n-sm-19 { margin-bottom: -95px; }
  .ms-n-sm-19 { margin-left: -95px; }
  .me-n-sm-19 { margin-right: -95px; }

  .pt-sm-19 { padding-top: 95px; }
  .pb-sm-19 { padding-bottom: 95px; }
  .ps-sm-19 { padding-left: 95px; }
  .pe-sm-19 { padding-right: 95px; }
  
  .mt-sm-20 { margin-top: 100px; }
  .mb-sm-20 { margin-bottom: 100px; }
  .ms-sm-20 { margin-left: 100px; }
  .me-sm-20 { margin-right: 100px; }

  .mt-n-sm-20 { margin-top: -100px; }
  .mb-n-sm-20 { margin-bottom: -100px; }
  .ms-n-sm-20 { margin-left: -100px; }
  .me-n-sm-20 { margin-right: -100px; }

  .pt-sm-20 { padding-top: 100px; }
  .pb-sm-20 { padding-bottom: 100px; }
  .ps-sm-20 { padding-left: 100px; }
  .pe-sm-20 { padding-right: 100px; }
  
  
}



@media (min-width: 992px) {
  
  
  .mt-md-0 { margin-top: 0px; }
  .mb-md-0 { margin-bottom: 0px; }
  .ms-md-0 { margin-left: 0px; }
  .me-md-0 { margin-right: 0px; }

  .mt-n-md-0 { margin-top: -0px; }
  .mb-n-md-0 { margin-bottom: -0px; }
  .ms-n-md-0 { margin-left: -0px; }
  .me-n-md-0 { margin-right: -0px; }

  .pt-md-0 { padding-top: 0px; }
  .pb-md-0 { padding-bottom: 0px; }
  .ps-md-0 { padding-left: 0px; }
  .pe-md-0 { padding-right: 0px; }
  
  .mt-md-1 { margin-top: 5px; }
  .mb-md-1 { margin-bottom: 5px; }
  .ms-md-1 { margin-left: 5px; }
  .me-md-1 { margin-right: 5px; }

  .mt-n-md-1 { margin-top: -5px; }
  .mb-n-md-1 { margin-bottom: -5px; }
  .ms-n-md-1 { margin-left: -5px; }
  .me-n-md-1 { margin-right: -5px; }

  .pt-md-1 { padding-top: 5px; }
  .pb-md-1 { padding-bottom: 5px; }
  .ps-md-1 { padding-left: 5px; }
  .pe-md-1 { padding-right: 5px; }
  
  .mt-md-2 { margin-top: 10px; }
  .mb-md-2 { margin-bottom: 10px; }
  .ms-md-2 { margin-left: 10px; }
  .me-md-2 { margin-right: 10px; }

  .mt-n-md-2 { margin-top: -10px; }
  .mb-n-md-2 { margin-bottom: -10px; }
  .ms-n-md-2 { margin-left: -10px; }
  .me-n-md-2 { margin-right: -10px; }

  .pt-md-2 { padding-top: 10px; }
  .pb-md-2 { padding-bottom: 10px; }
  .ps-md-2 { padding-left: 10px; }
  .pe-md-2 { padding-right: 10px; }
  
  .mt-md-3 { margin-top: 15px; }
  .mb-md-3 { margin-bottom: 15px; }
  .ms-md-3 { margin-left: 15px; }
  .me-md-3 { margin-right: 15px; }

  .mt-n-md-3 { margin-top: -15px; }
  .mb-n-md-3 { margin-bottom: -15px; }
  .ms-n-md-3 { margin-left: -15px; }
  .me-n-md-3 { margin-right: -15px; }

  .pt-md-3 { padding-top: 15px; }
  .pb-md-3 { padding-bottom: 15px; }
  .ps-md-3 { padding-left: 15px; }
  .pe-md-3 { padding-right: 15px; }
  
  .mt-md-4 { margin-top: 20px; }
  .mb-md-4 { margin-bottom: 20px; }
  .ms-md-4 { margin-left: 20px; }
  .me-md-4 { margin-right: 20px; }

  .mt-n-md-4 { margin-top: -20px; }
  .mb-n-md-4 { margin-bottom: -20px; }
  .ms-n-md-4 { margin-left: -20px; }
  .me-n-md-4 { margin-right: -20px; }

  .pt-md-4 { padding-top: 20px; }
  .pb-md-4 { padding-bottom: 20px; }
  .ps-md-4 { padding-left: 20px; }
  .pe-md-4 { padding-right: 20px; }
  
  .mt-md-5 { margin-top: 25px; }
  .mb-md-5 { margin-bottom: 25px; }
  .ms-md-5 { margin-left: 25px; }
  .me-md-5 { margin-right: 25px; }

  .mt-n-md-5 { margin-top: -25px; }
  .mb-n-md-5 { margin-bottom: -25px; }
  .ms-n-md-5 { margin-left: -25px; }
  .me-n-md-5 { margin-right: -25px; }

  .pt-md-5 { padding-top: 25px; }
  .pb-md-5 { padding-bottom: 25px; }
  .ps-md-5 { padding-left: 25px; }
  .pe-md-5 { padding-right: 25px; }
  
  .mt-md-6 { margin-top: 30px; }
  .mb-md-6 { margin-bottom: 30px; }
  .ms-md-6 { margin-left: 30px; }
  .me-md-6 { margin-right: 30px; }

  .mt-n-md-6 { margin-top: -30px; }
  .mb-n-md-6 { margin-bottom: -30px; }
  .ms-n-md-6 { margin-left: -30px; }
  .me-n-md-6 { margin-right: -30px; }

  .pt-md-6 { padding-top: 30px; }
  .pb-md-6 { padding-bottom: 30px; }
  .ps-md-6 { padding-left: 30px; }
  .pe-md-6 { padding-right: 30px; }
  
  .mt-md-7 { margin-top: 35px; }
  .mb-md-7 { margin-bottom: 35px; }
  .ms-md-7 { margin-left: 35px; }
  .me-md-7 { margin-right: 35px; }

  .mt-n-md-7 { margin-top: -35px; }
  .mb-n-md-7 { margin-bottom: -35px; }
  .ms-n-md-7 { margin-left: -35px; }
  .me-n-md-7 { margin-right: -35px; }

  .pt-md-7 { padding-top: 35px; }
  .pb-md-7 { padding-bottom: 35px; }
  .ps-md-7 { padding-left: 35px; }
  .pe-md-7 { padding-right: 35px; }
  
  .mt-md-8 { margin-top: 40px; }
  .mb-md-8 { margin-bottom: 40px; }
  .ms-md-8 { margin-left: 40px; }
  .me-md-8 { margin-right: 40px; }

  .mt-n-md-8 { margin-top: -40px; }
  .mb-n-md-8 { margin-bottom: -40px; }
  .ms-n-md-8 { margin-left: -40px; }
  .me-n-md-8 { margin-right: -40px; }

  .pt-md-8 { padding-top: 40px; }
  .pb-md-8 { padding-bottom: 40px; }
  .ps-md-8 { padding-left: 40px; }
  .pe-md-8 { padding-right: 40px; }
  
  .mt-md-9 { margin-top: 45px; }
  .mb-md-9 { margin-bottom: 45px; }
  .ms-md-9 { margin-left: 45px; }
  .me-md-9 { margin-right: 45px; }

  .mt-n-md-9 { margin-top: -45px; }
  .mb-n-md-9 { margin-bottom: -45px; }
  .ms-n-md-9 { margin-left: -45px; }
  .me-n-md-9 { margin-right: -45px; }

  .pt-md-9 { padding-top: 45px; }
  .pb-md-9 { padding-bottom: 45px; }
  .ps-md-9 { padding-left: 45px; }
  .pe-md-9 { padding-right: 45px; }
  
  .mt-md-10 { margin-top: 50px; }
  .mb-md-10 { margin-bottom: 50px; }
  .ms-md-10 { margin-left: 50px; }
  .me-md-10 { margin-right: 50px; }

  .mt-n-md-10 { margin-top: -50px; }
  .mb-n-md-10 { margin-bottom: -50px; }
  .ms-n-md-10 { margin-left: -50px; }
  .me-n-md-10 { margin-right: -50px; }

  .pt-md-10 { padding-top: 50px; }
  .pb-md-10 { padding-bottom: 50px; }
  .ps-md-10 { padding-left: 50px; }
  .pe-md-10 { padding-right: 50px; }
  
  .mt-md-11 { margin-top: 55px; }
  .mb-md-11 { margin-bottom: 55px; }
  .ms-md-11 { margin-left: 55px; }
  .me-md-11 { margin-right: 55px; }

  .mt-n-md-11 { margin-top: -55px; }
  .mb-n-md-11 { margin-bottom: -55px; }
  .ms-n-md-11 { margin-left: -55px; }
  .me-n-md-11 { margin-right: -55px; }

  .pt-md-11 { padding-top: 55px; }
  .pb-md-11 { padding-bottom: 55px; }
  .ps-md-11 { padding-left: 55px; }
  .pe-md-11 { padding-right: 55px; }
  
  .mt-md-12 { margin-top: 60px; }
  .mb-md-12 { margin-bottom: 60px; }
  .ms-md-12 { margin-left: 60px; }
  .me-md-12 { margin-right: 60px; }

  .mt-n-md-12 { margin-top: -60px; }
  .mb-n-md-12 { margin-bottom: -60px; }
  .ms-n-md-12 { margin-left: -60px; }
  .me-n-md-12 { margin-right: -60px; }

  .pt-md-12 { padding-top: 60px; }
  .pb-md-12 { padding-bottom: 60px; }
  .ps-md-12 { padding-left: 60px; }
  .pe-md-12 { padding-right: 60px; }
  
  .mt-md-13 { margin-top: 65px; }
  .mb-md-13 { margin-bottom: 65px; }
  .ms-md-13 { margin-left: 65px; }
  .me-md-13 { margin-right: 65px; }

  .mt-n-md-13 { margin-top: -65px; }
  .mb-n-md-13 { margin-bottom: -65px; }
  .ms-n-md-13 { margin-left: -65px; }
  .me-n-md-13 { margin-right: -65px; }

  .pt-md-13 { padding-top: 65px; }
  .pb-md-13 { padding-bottom: 65px; }
  .ps-md-13 { padding-left: 65px; }
  .pe-md-13 { padding-right: 65px; }
  
  .mt-md-14 { margin-top: 70px; }
  .mb-md-14 { margin-bottom: 70px; }
  .ms-md-14 { margin-left: 70px; }
  .me-md-14 { margin-right: 70px; }

  .mt-n-md-14 { margin-top: -70px; }
  .mb-n-md-14 { margin-bottom: -70px; }
  .ms-n-md-14 { margin-left: -70px; }
  .me-n-md-14 { margin-right: -70px; }

  .pt-md-14 { padding-top: 70px; }
  .pb-md-14 { padding-bottom: 70px; }
  .ps-md-14 { padding-left: 70px; }
  .pe-md-14 { padding-right: 70px; }
  
  .mt-md-15 { margin-top: 75px; }
  .mb-md-15 { margin-bottom: 75px; }
  .ms-md-15 { margin-left: 75px; }
  .me-md-15 { margin-right: 75px; }

  .mt-n-md-15 { margin-top: -75px; }
  .mb-n-md-15 { margin-bottom: -75px; }
  .ms-n-md-15 { margin-left: -75px; }
  .me-n-md-15 { margin-right: -75px; }

  .pt-md-15 { padding-top: 75px; }
  .pb-md-15 { padding-bottom: 75px; }
  .ps-md-15 { padding-left: 75px; }
  .pe-md-15 { padding-right: 75px; }
  
  .mt-md-16 { margin-top: 80px; }
  .mb-md-16 { margin-bottom: 80px; }
  .ms-md-16 { margin-left: 80px; }
  .me-md-16 { margin-right: 80px; }

  .mt-n-md-16 { margin-top: -80px; }
  .mb-n-md-16 { margin-bottom: -80px; }
  .ms-n-md-16 { margin-left: -80px; }
  .me-n-md-16 { margin-right: -80px; }

  .pt-md-16 { padding-top: 80px; }
  .pb-md-16 { padding-bottom: 80px; }
  .ps-md-16 { padding-left: 80px; }
  .pe-md-16 { padding-right: 80px; }
  
  .mt-md-17 { margin-top: 85px; }
  .mb-md-17 { margin-bottom: 85px; }
  .ms-md-17 { margin-left: 85px; }
  .me-md-17 { margin-right: 85px; }

  .mt-n-md-17 { margin-top: -85px; }
  .mb-n-md-17 { margin-bottom: -85px; }
  .ms-n-md-17 { margin-left: -85px; }
  .me-n-md-17 { margin-right: -85px; }

  .pt-md-17 { padding-top: 85px; }
  .pb-md-17 { padding-bottom: 85px; }
  .ps-md-17 { padding-left: 85px; }
  .pe-md-17 { padding-right: 85px; }
  
  .mt-md-18 { margin-top: 90px; }
  .mb-md-18 { margin-bottom: 90px; }
  .ms-md-18 { margin-left: 90px; }
  .me-md-18 { margin-right: 90px; }

  .mt-n-md-18 { margin-top: -90px; }
  .mb-n-md-18 { margin-bottom: -90px; }
  .ms-n-md-18 { margin-left: -90px; }
  .me-n-md-18 { margin-right: -90px; }

  .pt-md-18 { padding-top: 90px; }
  .pb-md-18 { padding-bottom: 90px; }
  .ps-md-18 { padding-left: 90px; }
  .pe-md-18 { padding-right: 90px; }
  
  .mt-md-19 { margin-top: 95px; }
  .mb-md-19 { margin-bottom: 95px; }
  .ms-md-19 { margin-left: 95px; }
  .me-md-19 { margin-right: 95px; }

  .mt-n-md-19 { margin-top: -95px; }
  .mb-n-md-19 { margin-bottom: -95px; }
  .ms-n-md-19 { margin-left: -95px; }
  .me-n-md-19 { margin-right: -95px; }

  .pt-md-19 { padding-top: 95px; }
  .pb-md-19 { padding-bottom: 95px; }
  .ps-md-19 { padding-left: 95px; }
  .pe-md-19 { padding-right: 95px; }
  
  .mt-md-20 { margin-top: 100px; }
  .mb-md-20 { margin-bottom: 100px; }
  .ms-md-20 { margin-left: 100px; }
  .me-md-20 { margin-right: 100px; }

  .mt-n-md-20 { margin-top: -100px; }
  .mb-n-md-20 { margin-bottom: -100px; }
  .ms-n-md-20 { margin-left: -100px; }
  .me-n-md-20 { margin-right: -100px; }

  .pt-md-20 { padding-top: 100px; }
  .pb-md-20 { padding-bottom: 100px; }
  .ps-md-20 { padding-left: 100px; }
  .pe-md-20 { padding-right: 100px; }
  
  
}



@media (min-width: 1366px) {
  
  
  .mt-lg-0 { margin-top: 0px; }
  .mb-lg-0 { margin-bottom: 0px; }
  .ms-lg-0 { margin-left: 0px; }
  .me-lg-0 { margin-right: 0px; }

  .mt-n-lg-0 { margin-top: -0px; }
  .mb-n-lg-0 { margin-bottom: -0px; }
  .ms-n-lg-0 { margin-left: -0px; }
  .me-n-lg-0 { margin-right: -0px; }

  .pt-lg-0 { padding-top: 0px; }
  .pb-lg-0 { padding-bottom: 0px; }
  .ps-lg-0 { padding-left: 0px; }
  .pe-lg-0 { padding-right: 0px; }
  
  .mt-lg-1 { margin-top: 5px; }
  .mb-lg-1 { margin-bottom: 5px; }
  .ms-lg-1 { margin-left: 5px; }
  .me-lg-1 { margin-right: 5px; }

  .mt-n-lg-1 { margin-top: -5px; }
  .mb-n-lg-1 { margin-bottom: -5px; }
  .ms-n-lg-1 { margin-left: -5px; }
  .me-n-lg-1 { margin-right: -5px; }

  .pt-lg-1 { padding-top: 5px; }
  .pb-lg-1 { padding-bottom: 5px; }
  .ps-lg-1 { padding-left: 5px; }
  .pe-lg-1 { padding-right: 5px; }
  
  .mt-lg-2 { margin-top: 10px; }
  .mb-lg-2 { margin-bottom: 10px; }
  .ms-lg-2 { margin-left: 10px; }
  .me-lg-2 { margin-right: 10px; }

  .mt-n-lg-2 { margin-top: -10px; }
  .mb-n-lg-2 { margin-bottom: -10px; }
  .ms-n-lg-2 { margin-left: -10px; }
  .me-n-lg-2 { margin-right: -10px; }

  .pt-lg-2 { padding-top: 10px; }
  .pb-lg-2 { padding-bottom: 10px; }
  .ps-lg-2 { padding-left: 10px; }
  .pe-lg-2 { padding-right: 10px; }
  
  .mt-lg-3 { margin-top: 15px; }
  .mb-lg-3 { margin-bottom: 15px; }
  .ms-lg-3 { margin-left: 15px; }
  .me-lg-3 { margin-right: 15px; }

  .mt-n-lg-3 { margin-top: -15px; }
  .mb-n-lg-3 { margin-bottom: -15px; }
  .ms-n-lg-3 { margin-left: -15px; }
  .me-n-lg-3 { margin-right: -15px; }

  .pt-lg-3 { padding-top: 15px; }
  .pb-lg-3 { padding-bottom: 15px; }
  .ps-lg-3 { padding-left: 15px; }
  .pe-lg-3 { padding-right: 15px; }
  
  .mt-lg-4 { margin-top: 20px; }
  .mb-lg-4 { margin-bottom: 20px; }
  .ms-lg-4 { margin-left: 20px; }
  .me-lg-4 { margin-right: 20px; }

  .mt-n-lg-4 { margin-top: -20px; }
  .mb-n-lg-4 { margin-bottom: -20px; }
  .ms-n-lg-4 { margin-left: -20px; }
  .me-n-lg-4 { margin-right: -20px; }

  .pt-lg-4 { padding-top: 20px; }
  .pb-lg-4 { padding-bottom: 20px; }
  .ps-lg-4 { padding-left: 20px; }
  .pe-lg-4 { padding-right: 20px; }
  
  .mt-lg-5 { margin-top: 25px; }
  .mb-lg-5 { margin-bottom: 25px; }
  .ms-lg-5 { margin-left: 25px; }
  .me-lg-5 { margin-right: 25px; }

  .mt-n-lg-5 { margin-top: -25px; }
  .mb-n-lg-5 { margin-bottom: -25px; }
  .ms-n-lg-5 { margin-left: -25px; }
  .me-n-lg-5 { margin-right: -25px; }

  .pt-lg-5 { padding-top: 25px; }
  .pb-lg-5 { padding-bottom: 25px; }
  .ps-lg-5 { padding-left: 25px; }
  .pe-lg-5 { padding-right: 25px; }
  
  .mt-lg-6 { margin-top: 30px; }
  .mb-lg-6 { margin-bottom: 30px; }
  .ms-lg-6 { margin-left: 30px; }
  .me-lg-6 { margin-right: 30px; }

  .mt-n-lg-6 { margin-top: -30px; }
  .mb-n-lg-6 { margin-bottom: -30px; }
  .ms-n-lg-6 { margin-left: -30px; }
  .me-n-lg-6 { margin-right: -30px; }

  .pt-lg-6 { padding-top: 30px; }
  .pb-lg-6 { padding-bottom: 30px; }
  .ps-lg-6 { padding-left: 30px; }
  .pe-lg-6 { padding-right: 30px; }
  
  .mt-lg-7 { margin-top: 35px; }
  .mb-lg-7 { margin-bottom: 35px; }
  .ms-lg-7 { margin-left: 35px; }
  .me-lg-7 { margin-right: 35px; }

  .mt-n-lg-7 { margin-top: -35px; }
  .mb-n-lg-7 { margin-bottom: -35px; }
  .ms-n-lg-7 { margin-left: -35px; }
  .me-n-lg-7 { margin-right: -35px; }

  .pt-lg-7 { padding-top: 35px; }
  .pb-lg-7 { padding-bottom: 35px; }
  .ps-lg-7 { padding-left: 35px; }
  .pe-lg-7 { padding-right: 35px; }
  
  .mt-lg-8 { margin-top: 40px; }
  .mb-lg-8 { margin-bottom: 40px; }
  .ms-lg-8 { margin-left: 40px; }
  .me-lg-8 { margin-right: 40px; }

  .mt-n-lg-8 { margin-top: -40px; }
  .mb-n-lg-8 { margin-bottom: -40px; }
  .ms-n-lg-8 { margin-left: -40px; }
  .me-n-lg-8 { margin-right: -40px; }

  .pt-lg-8 { padding-top: 40px; }
  .pb-lg-8 { padding-bottom: 40px; }
  .ps-lg-8 { padding-left: 40px; }
  .pe-lg-8 { padding-right: 40px; }
  
  .mt-lg-9 { margin-top: 45px; }
  .mb-lg-9 { margin-bottom: 45px; }
  .ms-lg-9 { margin-left: 45px; }
  .me-lg-9 { margin-right: 45px; }

  .mt-n-lg-9 { margin-top: -45px; }
  .mb-n-lg-9 { margin-bottom: -45px; }
  .ms-n-lg-9 { margin-left: -45px; }
  .me-n-lg-9 { margin-right: -45px; }

  .pt-lg-9 { padding-top: 45px; }
  .pb-lg-9 { padding-bottom: 45px; }
  .ps-lg-9 { padding-left: 45px; }
  .pe-lg-9 { padding-right: 45px; }
  
  .mt-lg-10 { margin-top: 50px; }
  .mb-lg-10 { margin-bottom: 50px; }
  .ms-lg-10 { margin-left: 50px; }
  .me-lg-10 { margin-right: 50px; }

  .mt-n-lg-10 { margin-top: -50px; }
  .mb-n-lg-10 { margin-bottom: -50px; }
  .ms-n-lg-10 { margin-left: -50px; }
  .me-n-lg-10 { margin-right: -50px; }

  .pt-lg-10 { padding-top: 50px; }
  .pb-lg-10 { padding-bottom: 50px; }
  .ps-lg-10 { padding-left: 50px; }
  .pe-lg-10 { padding-right: 50px; }
  
  .mt-lg-11 { margin-top: 55px; }
  .mb-lg-11 { margin-bottom: 55px; }
  .ms-lg-11 { margin-left: 55px; }
  .me-lg-11 { margin-right: 55px; }

  .mt-n-lg-11 { margin-top: -55px; }
  .mb-n-lg-11 { margin-bottom: -55px; }
  .ms-n-lg-11 { margin-left: -55px; }
  .me-n-lg-11 { margin-right: -55px; }

  .pt-lg-11 { padding-top: 55px; }
  .pb-lg-11 { padding-bottom: 55px; }
  .ps-lg-11 { padding-left: 55px; }
  .pe-lg-11 { padding-right: 55px; }
  
  .mt-lg-12 { margin-top: 60px; }
  .mb-lg-12 { margin-bottom: 60px; }
  .ms-lg-12 { margin-left: 60px; }
  .me-lg-12 { margin-right: 60px; }

  .mt-n-lg-12 { margin-top: -60px; }
  .mb-n-lg-12 { margin-bottom: -60px; }
  .ms-n-lg-12 { margin-left: -60px; }
  .me-n-lg-12 { margin-right: -60px; }

  .pt-lg-12 { padding-top: 60px; }
  .pb-lg-12 { padding-bottom: 60px; }
  .ps-lg-12 { padding-left: 60px; }
  .pe-lg-12 { padding-right: 60px; }
  
  .mt-lg-13 { margin-top: 65px; }
  .mb-lg-13 { margin-bottom: 65px; }
  .ms-lg-13 { margin-left: 65px; }
  .me-lg-13 { margin-right: 65px; }

  .mt-n-lg-13 { margin-top: -65px; }
  .mb-n-lg-13 { margin-bottom: -65px; }
  .ms-n-lg-13 { margin-left: -65px; }
  .me-n-lg-13 { margin-right: -65px; }

  .pt-lg-13 { padding-top: 65px; }
  .pb-lg-13 { padding-bottom: 65px; }
  .ps-lg-13 { padding-left: 65px; }
  .pe-lg-13 { padding-right: 65px; }
  
  .mt-lg-14 { margin-top: 70px; }
  .mb-lg-14 { margin-bottom: 70px; }
  .ms-lg-14 { margin-left: 70px; }
  .me-lg-14 { margin-right: 70px; }

  .mt-n-lg-14 { margin-top: -70px; }
  .mb-n-lg-14 { margin-bottom: -70px; }
  .ms-n-lg-14 { margin-left: -70px; }
  .me-n-lg-14 { margin-right: -70px; }

  .pt-lg-14 { padding-top: 70px; }
  .pb-lg-14 { padding-bottom: 70px; }
  .ps-lg-14 { padding-left: 70px; }
  .pe-lg-14 { padding-right: 70px; }
  
  .mt-lg-15 { margin-top: 75px; }
  .mb-lg-15 { margin-bottom: 75px; }
  .ms-lg-15 { margin-left: 75px; }
  .me-lg-15 { margin-right: 75px; }

  .mt-n-lg-15 { margin-top: -75px; }
  .mb-n-lg-15 { margin-bottom: -75px; }
  .ms-n-lg-15 { margin-left: -75px; }
  .me-n-lg-15 { margin-right: -75px; }

  .pt-lg-15 { padding-top: 75px; }
  .pb-lg-15 { padding-bottom: 75px; }
  .ps-lg-15 { padding-left: 75px; }
  .pe-lg-15 { padding-right: 75px; }
  
  .mt-lg-16 { margin-top: 80px; }
  .mb-lg-16 { margin-bottom: 80px; }
  .ms-lg-16 { margin-left: 80px; }
  .me-lg-16 { margin-right: 80px; }

  .mt-n-lg-16 { margin-top: -80px; }
  .mb-n-lg-16 { margin-bottom: -80px; }
  .ms-n-lg-16 { margin-left: -80px; }
  .me-n-lg-16 { margin-right: -80px; }

  .pt-lg-16 { padding-top: 80px; }
  .pb-lg-16 { padding-bottom: 80px; }
  .ps-lg-16 { padding-left: 80px; }
  .pe-lg-16 { padding-right: 80px; }
  
  .mt-lg-17 { margin-top: 85px; }
  .mb-lg-17 { margin-bottom: 85px; }
  .ms-lg-17 { margin-left: 85px; }
  .me-lg-17 { margin-right: 85px; }

  .mt-n-lg-17 { margin-top: -85px; }
  .mb-n-lg-17 { margin-bottom: -85px; }
  .ms-n-lg-17 { margin-left: -85px; }
  .me-n-lg-17 { margin-right: -85px; }

  .pt-lg-17 { padding-top: 85px; }
  .pb-lg-17 { padding-bottom: 85px; }
  .ps-lg-17 { padding-left: 85px; }
  .pe-lg-17 { padding-right: 85px; }
  
  .mt-lg-18 { margin-top: 90px; }
  .mb-lg-18 { margin-bottom: 90px; }
  .ms-lg-18 { margin-left: 90px; }
  .me-lg-18 { margin-right: 90px; }

  .mt-n-lg-18 { margin-top: -90px; }
  .mb-n-lg-18 { margin-bottom: -90px; }
  .ms-n-lg-18 { margin-left: -90px; }
  .me-n-lg-18 { margin-right: -90px; }

  .pt-lg-18 { padding-top: 90px; }
  .pb-lg-18 { padding-bottom: 90px; }
  .ps-lg-18 { padding-left: 90px; }
  .pe-lg-18 { padding-right: 90px; }
  
  .mt-lg-19 { margin-top: 95px; }
  .mb-lg-19 { margin-bottom: 95px; }
  .ms-lg-19 { margin-left: 95px; }
  .me-lg-19 { margin-right: 95px; }

  .mt-n-lg-19 { margin-top: -95px; }
  .mb-n-lg-19 { margin-bottom: -95px; }
  .ms-n-lg-19 { margin-left: -95px; }
  .me-n-lg-19 { margin-right: -95px; }

  .pt-lg-19 { padding-top: 95px; }
  .pb-lg-19 { padding-bottom: 95px; }
  .ps-lg-19 { padding-left: 95px; }
  .pe-lg-19 { padding-right: 95px; }
  
  .mt-lg-20 { margin-top: 100px; }
  .mb-lg-20 { margin-bottom: 100px; }
  .ms-lg-20 { margin-left: 100px; }
  .me-lg-20 { margin-right: 100px; }

  .mt-n-lg-20 { margin-top: -100px; }
  .mb-n-lg-20 { margin-bottom: -100px; }
  .ms-n-lg-20 { margin-left: -100px; }
  .me-n-lg-20 { margin-right: -100px; }

  .pt-lg-20 { padding-top: 100px; }
  .pb-lg-20 { padding-bottom: 100px; }
  .ps-lg-20 { padding-left: 100px; }
  .pe-lg-20 { padding-right: 100px; }
  
  
}



@media (min-width: 1620px) {
  
  
  .mt-xl-0 { margin-top: 0px; }
  .mb-xl-0 { margin-bottom: 0px; }
  .ms-xl-0 { margin-left: 0px; }
  .me-xl-0 { margin-right: 0px; }

  .mt-n-xl-0 { margin-top: -0px; }
  .mb-n-xl-0 { margin-bottom: -0px; }
  .ms-n-xl-0 { margin-left: -0px; }
  .me-n-xl-0 { margin-right: -0px; }

  .pt-xl-0 { padding-top: 0px; }
  .pb-xl-0 { padding-bottom: 0px; }
  .ps-xl-0 { padding-left: 0px; }
  .pe-xl-0 { padding-right: 0px; }
  
  .mt-xl-1 { margin-top: 5px; }
  .mb-xl-1 { margin-bottom: 5px; }
  .ms-xl-1 { margin-left: 5px; }
  .me-xl-1 { margin-right: 5px; }

  .mt-n-xl-1 { margin-top: -5px; }
  .mb-n-xl-1 { margin-bottom: -5px; }
  .ms-n-xl-1 { margin-left: -5px; }
  .me-n-xl-1 { margin-right: -5px; }

  .pt-xl-1 { padding-top: 5px; }
  .pb-xl-1 { padding-bottom: 5px; }
  .ps-xl-1 { padding-left: 5px; }
  .pe-xl-1 { padding-right: 5px; }
  
  .mt-xl-2 { margin-top: 10px; }
  .mb-xl-2 { margin-bottom: 10px; }
  .ms-xl-2 { margin-left: 10px; }
  .me-xl-2 { margin-right: 10px; }

  .mt-n-xl-2 { margin-top: -10px; }
  .mb-n-xl-2 { margin-bottom: -10px; }
  .ms-n-xl-2 { margin-left: -10px; }
  .me-n-xl-2 { margin-right: -10px; }

  .pt-xl-2 { padding-top: 10px; }
  .pb-xl-2 { padding-bottom: 10px; }
  .ps-xl-2 { padding-left: 10px; }
  .pe-xl-2 { padding-right: 10px; }
  
  .mt-xl-3 { margin-top: 15px; }
  .mb-xl-3 { margin-bottom: 15px; }
  .ms-xl-3 { margin-left: 15px; }
  .me-xl-3 { margin-right: 15px; }

  .mt-n-xl-3 { margin-top: -15px; }
  .mb-n-xl-3 { margin-bottom: -15px; }
  .ms-n-xl-3 { margin-left: -15px; }
  .me-n-xl-3 { margin-right: -15px; }

  .pt-xl-3 { padding-top: 15px; }
  .pb-xl-3 { padding-bottom: 15px; }
  .ps-xl-3 { padding-left: 15px; }
  .pe-xl-3 { padding-right: 15px; }
  
  .mt-xl-4 { margin-top: 20px; }
  .mb-xl-4 { margin-bottom: 20px; }
  .ms-xl-4 { margin-left: 20px; }
  .me-xl-4 { margin-right: 20px; }

  .mt-n-xl-4 { margin-top: -20px; }
  .mb-n-xl-4 { margin-bottom: -20px; }
  .ms-n-xl-4 { margin-left: -20px; }
  .me-n-xl-4 { margin-right: -20px; }

  .pt-xl-4 { padding-top: 20px; }
  .pb-xl-4 { padding-bottom: 20px; }
  .ps-xl-4 { padding-left: 20px; }
  .pe-xl-4 { padding-right: 20px; }
  
  .mt-xl-5 { margin-top: 25px; }
  .mb-xl-5 { margin-bottom: 25px; }
  .ms-xl-5 { margin-left: 25px; }
  .me-xl-5 { margin-right: 25px; }

  .mt-n-xl-5 { margin-top: -25px; }
  .mb-n-xl-5 { margin-bottom: -25px; }
  .ms-n-xl-5 { margin-left: -25px; }
  .me-n-xl-5 { margin-right: -25px; }

  .pt-xl-5 { padding-top: 25px; }
  .pb-xl-5 { padding-bottom: 25px; }
  .ps-xl-5 { padding-left: 25px; }
  .pe-xl-5 { padding-right: 25px; }
  
  .mt-xl-6 { margin-top: 30px; }
  .mb-xl-6 { margin-bottom: 30px; }
  .ms-xl-6 { margin-left: 30px; }
  .me-xl-6 { margin-right: 30px; }

  .mt-n-xl-6 { margin-top: -30px; }
  .mb-n-xl-6 { margin-bottom: -30px; }
  .ms-n-xl-6 { margin-left: -30px; }
  .me-n-xl-6 { margin-right: -30px; }

  .pt-xl-6 { padding-top: 30px; }
  .pb-xl-6 { padding-bottom: 30px; }
  .ps-xl-6 { padding-left: 30px; }
  .pe-xl-6 { padding-right: 30px; }
  
  .mt-xl-7 { margin-top: 35px; }
  .mb-xl-7 { margin-bottom: 35px; }
  .ms-xl-7 { margin-left: 35px; }
  .me-xl-7 { margin-right: 35px; }

  .mt-n-xl-7 { margin-top: -35px; }
  .mb-n-xl-7 { margin-bottom: -35px; }
  .ms-n-xl-7 { margin-left: -35px; }
  .me-n-xl-7 { margin-right: -35px; }

  .pt-xl-7 { padding-top: 35px; }
  .pb-xl-7 { padding-bottom: 35px; }
  .ps-xl-7 { padding-left: 35px; }
  .pe-xl-7 { padding-right: 35px; }
  
  .mt-xl-8 { margin-top: 40px; }
  .mb-xl-8 { margin-bottom: 40px; }
  .ms-xl-8 { margin-left: 40px; }
  .me-xl-8 { margin-right: 40px; }

  .mt-n-xl-8 { margin-top: -40px; }
  .mb-n-xl-8 { margin-bottom: -40px; }
  .ms-n-xl-8 { margin-left: -40px; }
  .me-n-xl-8 { margin-right: -40px; }

  .pt-xl-8 { padding-top: 40px; }
  .pb-xl-8 { padding-bottom: 40px; }
  .ps-xl-8 { padding-left: 40px; }
  .pe-xl-8 { padding-right: 40px; }
  
  .mt-xl-9 { margin-top: 45px; }
  .mb-xl-9 { margin-bottom: 45px; }
  .ms-xl-9 { margin-left: 45px; }
  .me-xl-9 { margin-right: 45px; }

  .mt-n-xl-9 { margin-top: -45px; }
  .mb-n-xl-9 { margin-bottom: -45px; }
  .ms-n-xl-9 { margin-left: -45px; }
  .me-n-xl-9 { margin-right: -45px; }

  .pt-xl-9 { padding-top: 45px; }
  .pb-xl-9 { padding-bottom: 45px; }
  .ps-xl-9 { padding-left: 45px; }
  .pe-xl-9 { padding-right: 45px; }
  
  .mt-xl-10 { margin-top: 50px; }
  .mb-xl-10 { margin-bottom: 50px; }
  .ms-xl-10 { margin-left: 50px; }
  .me-xl-10 { margin-right: 50px; }

  .mt-n-xl-10 { margin-top: -50px; }
  .mb-n-xl-10 { margin-bottom: -50px; }
  .ms-n-xl-10 { margin-left: -50px; }
  .me-n-xl-10 { margin-right: -50px; }

  .pt-xl-10 { padding-top: 50px; }
  .pb-xl-10 { padding-bottom: 50px; }
  .ps-xl-10 { padding-left: 50px; }
  .pe-xl-10 { padding-right: 50px; }
  
  .mt-xl-11 { margin-top: 55px; }
  .mb-xl-11 { margin-bottom: 55px; }
  .ms-xl-11 { margin-left: 55px; }
  .me-xl-11 { margin-right: 55px; }

  .mt-n-xl-11 { margin-top: -55px; }
  .mb-n-xl-11 { margin-bottom: -55px; }
  .ms-n-xl-11 { margin-left: -55px; }
  .me-n-xl-11 { margin-right: -55px; }

  .pt-xl-11 { padding-top: 55px; }
  .pb-xl-11 { padding-bottom: 55px; }
  .ps-xl-11 { padding-left: 55px; }
  .pe-xl-11 { padding-right: 55px; }
  
  .mt-xl-12 { margin-top: 60px; }
  .mb-xl-12 { margin-bottom: 60px; }
  .ms-xl-12 { margin-left: 60px; }
  .me-xl-12 { margin-right: 60px; }

  .mt-n-xl-12 { margin-top: -60px; }
  .mb-n-xl-12 { margin-bottom: -60px; }
  .ms-n-xl-12 { margin-left: -60px; }
  .me-n-xl-12 { margin-right: -60px; }

  .pt-xl-12 { padding-top: 60px; }
  .pb-xl-12 { padding-bottom: 60px; }
  .ps-xl-12 { padding-left: 60px; }
  .pe-xl-12 { padding-right: 60px; }
  
  .mt-xl-13 { margin-top: 65px; }
  .mb-xl-13 { margin-bottom: 65px; }
  .ms-xl-13 { margin-left: 65px; }
  .me-xl-13 { margin-right: 65px; }

  .mt-n-xl-13 { margin-top: -65px; }
  .mb-n-xl-13 { margin-bottom: -65px; }
  .ms-n-xl-13 { margin-left: -65px; }
  .me-n-xl-13 { margin-right: -65px; }

  .pt-xl-13 { padding-top: 65px; }
  .pb-xl-13 { padding-bottom: 65px; }
  .ps-xl-13 { padding-left: 65px; }
  .pe-xl-13 { padding-right: 65px; }
  
  .mt-xl-14 { margin-top: 70px; }
  .mb-xl-14 { margin-bottom: 70px; }
  .ms-xl-14 { margin-left: 70px; }
  .me-xl-14 { margin-right: 70px; }

  .mt-n-xl-14 { margin-top: -70px; }
  .mb-n-xl-14 { margin-bottom: -70px; }
  .ms-n-xl-14 { margin-left: -70px; }
  .me-n-xl-14 { margin-right: -70px; }

  .pt-xl-14 { padding-top: 70px; }
  .pb-xl-14 { padding-bottom: 70px; }
  .ps-xl-14 { padding-left: 70px; }
  .pe-xl-14 { padding-right: 70px; }
  
  .mt-xl-15 { margin-top: 75px; }
  .mb-xl-15 { margin-bottom: 75px; }
  .ms-xl-15 { margin-left: 75px; }
  .me-xl-15 { margin-right: 75px; }

  .mt-n-xl-15 { margin-top: -75px; }
  .mb-n-xl-15 { margin-bottom: -75px; }
  .ms-n-xl-15 { margin-left: -75px; }
  .me-n-xl-15 { margin-right: -75px; }

  .pt-xl-15 { padding-top: 75px; }
  .pb-xl-15 { padding-bottom: 75px; }
  .ps-xl-15 { padding-left: 75px; }
  .pe-xl-15 { padding-right: 75px; }
  
  .mt-xl-16 { margin-top: 80px; }
  .mb-xl-16 { margin-bottom: 80px; }
  .ms-xl-16 { margin-left: 80px; }
  .me-xl-16 { margin-right: 80px; }

  .mt-n-xl-16 { margin-top: -80px; }
  .mb-n-xl-16 { margin-bottom: -80px; }
  .ms-n-xl-16 { margin-left: -80px; }
  .me-n-xl-16 { margin-right: -80px; }

  .pt-xl-16 { padding-top: 80px; }
  .pb-xl-16 { padding-bottom: 80px; }
  .ps-xl-16 { padding-left: 80px; }
  .pe-xl-16 { padding-right: 80px; }
  
  .mt-xl-17 { margin-top: 85px; }
  .mb-xl-17 { margin-bottom: 85px; }
  .ms-xl-17 { margin-left: 85px; }
  .me-xl-17 { margin-right: 85px; }

  .mt-n-xl-17 { margin-top: -85px; }
  .mb-n-xl-17 { margin-bottom: -85px; }
  .ms-n-xl-17 { margin-left: -85px; }
  .me-n-xl-17 { margin-right: -85px; }

  .pt-xl-17 { padding-top: 85px; }
  .pb-xl-17 { padding-bottom: 85px; }
  .ps-xl-17 { padding-left: 85px; }
  .pe-xl-17 { padding-right: 85px; }
  
  .mt-xl-18 { margin-top: 90px; }
  .mb-xl-18 { margin-bottom: 90px; }
  .ms-xl-18 { margin-left: 90px; }
  .me-xl-18 { margin-right: 90px; }

  .mt-n-xl-18 { margin-top: -90px; }
  .mb-n-xl-18 { margin-bottom: -90px; }
  .ms-n-xl-18 { margin-left: -90px; }
  .me-n-xl-18 { margin-right: -90px; }

  .pt-xl-18 { padding-top: 90px; }
  .pb-xl-18 { padding-bottom: 90px; }
  .ps-xl-18 { padding-left: 90px; }
  .pe-xl-18 { padding-right: 90px; }
  
  .mt-xl-19 { margin-top: 95px; }
  .mb-xl-19 { margin-bottom: 95px; }
  .ms-xl-19 { margin-left: 95px; }
  .me-xl-19 { margin-right: 95px; }

  .mt-n-xl-19 { margin-top: -95px; }
  .mb-n-xl-19 { margin-bottom: -95px; }
  .ms-n-xl-19 { margin-left: -95px; }
  .me-n-xl-19 { margin-right: -95px; }

  .pt-xl-19 { padding-top: 95px; }
  .pb-xl-19 { padding-bottom: 95px; }
  .ps-xl-19 { padding-left: 95px; }
  .pe-xl-19 { padding-right: 95px; }
  
  .mt-xl-20 { margin-top: 100px; }
  .mb-xl-20 { margin-bottom: 100px; }
  .ms-xl-20 { margin-left: 100px; }
  .me-xl-20 { margin-right: 100px; }

  .mt-n-xl-20 { margin-top: -100px; }
  .mb-n-xl-20 { margin-bottom: -100px; }
  .ms-n-xl-20 { margin-left: -100px; }
  .me-n-xl-20 { margin-right: -100px; }

  .pt-xl-20 { padding-top: 100px; }
  .pb-xl-20 { padding-bottom: 100px; }
  .ps-xl-20 { padding-left: 100px; }
  .pe-xl-20 { padding-right: 100px; }
  
  
}





.second-accent-color,
.second-accent-hover-color:hover,
button.second-accent-color,
button.second-accent-hover-color:hover,
.button.second-accent-color,
.button.second-accent-hover-color:hover {
  color: #e6e2ef;
}

.second-accent-bg:not(.gradient-border-color),
.second-accent-bg.gradient-border-color:before,
.second-accent-hover-bg:not(.gradient-hover-border-color):hover,
.second-accent-hover-bg.gradient-border-color:before,
.second-accent-overlay:not(.gradient-border-color):before,
.second-accent-overlay.gradient-border-color:before,
.second-accent-hover-overlay:not(.gradient-hover-border-color):hover:before,
.second-accent-hover-overlay.gradient-border-color:before,
button.second-accent-bg:not(:hover):not(.gradient-border-color),
button.second-accent-bg.gradient-border-color:not(:hover):before,
button.second-accent-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
button.second-accent-hover-bg.gradient-border-color:not(:hover):before,
button.second-accent-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
button.second-accent-overlay.gradient-border-color:not(:hover):before,
button.second-accent-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
button.second-accent-hover-overlay.gradient-border-color:not(:hover):before,
.button.second-accent-bg:not(:hover):not(.gradient-border-color),
.button.second-accent-bg.gradient-border-color:not(:hover):before,
.button.second-accent-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
.button.second-accent-hover-bg.gradient-border-color:not(:hover):before,
.button.second-accent-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
.button.second-accent-overlay.gradient-border-color:not(:hover):before,
.button.second-accent-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
.button.second-accent-hover-overlay.gradient-border-color:not(:hover):before {
  background: #e6e2ef;
}

.second-accent-border-color,
.second-accent-hover-border-color:hover,
button.second-accent-border-color,
button.second-accent-hover-border-color:hover,
.button.second-accent-border-color,
.button.second-accent-hover-border-color:hover {
  border-color: #e6e2ef;
}

.second-accent-fill svg path,
.second-accent-hover-fill:hover svg path,
button.second-accent-fill svg path,
button.second-accent-hover-fill:hover svg path,
.button.second-accent-fill svg path,
.button.second-accent-hover-fill:hover svg path {
  fill: #e6e2ef;
}

.fourth-accent-color,
.fourth-accent-hover-color:hover,
button.fourth-accent-color,
button.fourth-accent-hover-color:hover,
.button.fourth-accent-color,
.button.fourth-accent-hover-color:hover {
  color: #FFF9EE;
}

.fourth-accent-bg:not(.gradient-border-color),
.fourth-accent-bg.gradient-border-color:before,
.fourth-accent-hover-bg:not(.gradient-hover-border-color):hover,
.fourth-accent-hover-bg.gradient-border-color:before,
.fourth-accent-overlay:not(.gradient-border-color):before,
.fourth-accent-overlay.gradient-border-color:before,
.fourth-accent-hover-overlay:not(.gradient-hover-border-color):hover:before,
.fourth-accent-hover-overlay.gradient-border-color:before,
button.fourth-accent-bg:not(:hover):not(.gradient-border-color),
button.fourth-accent-bg.gradient-border-color:not(:hover):before,
button.fourth-accent-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
button.fourth-accent-hover-bg.gradient-border-color:not(:hover):before,
button.fourth-accent-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
button.fourth-accent-overlay.gradient-border-color:not(:hover):before,
button.fourth-accent-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
button.fourth-accent-hover-overlay.gradient-border-color:not(:hover):before,
.button.fourth-accent-bg:not(:hover):not(.gradient-border-color),
.button.fourth-accent-bg.gradient-border-color:not(:hover):before,
.button.fourth-accent-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
.button.fourth-accent-hover-bg.gradient-border-color:not(:hover):before,
.button.fourth-accent-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
.button.fourth-accent-overlay.gradient-border-color:not(:hover):before,
.button.fourth-accent-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
.button.fourth-accent-hover-overlay.gradient-border-color:not(:hover):before {
  background: #FFF9EE;
}

.fourth-accent-border-color,
.fourth-accent-hover-border-color:hover,
button.fourth-accent-border-color,
button.fourth-accent-hover-border-color:hover,
.button.fourth-accent-border-color,
.button.fourth-accent-hover-border-color:hover {
  border-color: #FFF9EE;
}

.fourth-accent-fill svg path,
.fourth-accent-hover-fill:hover svg path,
button.fourth-accent-fill svg path,
button.fourth-accent-hover-fill:hover svg path,
.button.fourth-accent-fill svg path,
.button.fourth-accent-hover-fill:hover svg path {
  fill: #FFF9EE;
}

.light-gray-color,
.light-gray-hover-color:hover,
button.light-gray-color,
button.light-gray-hover-color:hover,
.button.light-gray-color,
.button.light-gray-hover-color:hover {
  color: #F2F5F8;
}

.light-gray-bg:not(.gradient-border-color),
.light-gray-bg.gradient-border-color:before,
.light-gray-hover-bg:not(.gradient-hover-border-color):hover,
.light-gray-hover-bg.gradient-border-color:before,
.light-gray-overlay:not(.gradient-border-color):before,
.light-gray-overlay.gradient-border-color:before,
.light-gray-hover-overlay:not(.gradient-hover-border-color):hover:before,
.light-gray-hover-overlay.gradient-border-color:before,
button.light-gray-bg:not(:hover):not(.gradient-border-color),
button.light-gray-bg.gradient-border-color:not(:hover):before,
button.light-gray-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
button.light-gray-hover-bg.gradient-border-color:not(:hover):before,
button.light-gray-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
button.light-gray-overlay.gradient-border-color:not(:hover):before,
button.light-gray-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
button.light-gray-hover-overlay.gradient-border-color:not(:hover):before,
.button.light-gray-bg:not(:hover):not(.gradient-border-color),
.button.light-gray-bg.gradient-border-color:not(:hover):before,
.button.light-gray-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
.button.light-gray-hover-bg.gradient-border-color:not(:hover):before,
.button.light-gray-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
.button.light-gray-overlay.gradient-border-color:not(:hover):before,
.button.light-gray-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
.button.light-gray-hover-overlay.gradient-border-color:not(:hover):before {
  background: #F2F5F8;
}

.light-gray-border-color,
.light-gray-hover-border-color:hover,
button.light-gray-border-color,
button.light-gray-hover-border-color:hover,
.button.light-gray-border-color,
.button.light-gray-hover-border-color:hover {
  border-color: #F2F5F8;
}

.light-gray-fill svg path,
.light-gray-hover-fill:hover svg path,
button.light-gray-fill svg path,
button.light-gray-hover-fill:hover svg path,
.button.light-gray-fill svg path,
.button.light-gray-hover-fill:hover svg path {
  fill: #F2F5F8;
}

.gradient-color,
.gradient-hover-color:hover,
button.gradient-color,
button.gradient-hover-color:hover,
.button.gradient-color,
.button.gradient-hover-color:hover {
  background-color: #37D6AE ;background: linear-gradient(96deg, rgba(49, 2, 221, 1) 0% , rgba(181, 92, 247, 1) 50%, rgba(55, 214, 174, 1) 100%);-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.gradient-bg:not(.gradient-border-color),
.gradient-bg.gradient-border-color:before,
.gradient-hover-bg:not(.gradient-hover-border-color):hover,
.gradient-hover-bg.gradient-border-color:before,
.gradient-overlay:not(.gradient-border-color):before,
.gradient-overlay.gradient-border-color:before,
.gradient-hover-overlay:not(.gradient-hover-border-color):hover:before,
.gradient-hover-overlay.gradient-border-color:before,
button.gradient-bg:not(:hover):not(.gradient-border-color),
button.gradient-bg.gradient-border-color:not(:hover):before,
button.gradient-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
button.gradient-hover-bg.gradient-border-color:not(:hover):before,
button.gradient-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
button.gradient-overlay.gradient-border-color:not(:hover):before,
button.gradient-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
button.gradient-hover-overlay.gradient-border-color:not(:hover):before,
.button.gradient-bg:not(:hover):not(.gradient-border-color),
.button.gradient-bg.gradient-border-color:not(:hover):before,
.button.gradient-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
.button.gradient-hover-bg.gradient-border-color:not(:hover):before,
.button.gradient-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
.button.gradient-overlay.gradient-border-color:not(:hover):before,
.button.gradient-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
.button.gradient-hover-overlay.gradient-border-color:not(:hover):before {
  background-color: #37D6AE ;background: linear-gradient(96deg, rgba(49, 2, 221, 1) 0% , rgba(181, 92, 247, 1) 50%, rgba(55, 214, 174, 1) 100%);
}

.gradient-border-color,
.gradient-hover-border-color:hover,
button.gradient-border-color,
button.gradient-hover-border-color:hover,
.button.gradient-border-color,
.button.gradient-hover-border-color:hover {
  background-color: #37D6AE ;background: linear-gradient(96deg, rgba(49, 2, 221, 1) 0% , rgba(181, 92, 247, 1) 50%, rgba(55, 214, 174, 1) 100%);
}

.gradient-fill svg path,
.gradient-hover-fill:hover svg path,
button.gradient-fill svg path,
button.gradient-hover-fill:hover svg path,
.button.gradient-fill svg path,
.button.gradient-hover-fill:hover svg path {
  background-color: #37D6AE ;
}

.black-color,
.black-hover-color:hover,
button.black-color,
button.black-hover-color:hover,
.button.black-color,
.button.black-hover-color:hover {
  color: #253543;
}

.black-bg:not(.gradient-border-color),
.black-bg.gradient-border-color:before,
.black-hover-bg:not(.gradient-hover-border-color):hover,
.black-hover-bg.gradient-border-color:before,
.black-overlay:not(.gradient-border-color):before,
.black-overlay.gradient-border-color:before,
.black-hover-overlay:not(.gradient-hover-border-color):hover:before,
.black-hover-overlay.gradient-border-color:before,
button.black-bg:not(:hover):not(.gradient-border-color),
button.black-bg.gradient-border-color:not(:hover):before,
button.black-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
button.black-hover-bg.gradient-border-color:not(:hover):before,
button.black-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
button.black-overlay.gradient-border-color:not(:hover):before,
button.black-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
button.black-hover-overlay.gradient-border-color:not(:hover):before,
.button.black-bg:not(:hover):not(.gradient-border-color),
.button.black-bg.gradient-border-color:not(:hover):before,
.button.black-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
.button.black-hover-bg.gradient-border-color:not(:hover):before,
.button.black-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
.button.black-overlay.gradient-border-color:not(:hover):before,
.button.black-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
.button.black-hover-overlay.gradient-border-color:not(:hover):before {
  background: #253543;
}

.black-border-color,
.black-hover-border-color:hover,
button.black-border-color,
button.black-hover-border-color:hover,
.button.black-border-color,
.button.black-hover-border-color:hover {
  border-color: #253543;
}

.black-fill svg path,
.black-hover-fill:hover svg path,
button.black-fill svg path,
button.black-hover-fill:hover svg path,
.button.black-fill svg path,
.button.black-hover-fill:hover svg path {
  fill: #253543;
}

.error-color,
.error-hover-color:hover,
button.error-color,
button.error-hover-color:hover,
.button.error-color,
.button.error-hover-color:hover {
  color: #B55CF7;
}

.error-bg:not(.gradient-border-color),
.error-bg.gradient-border-color:before,
.error-hover-bg:not(.gradient-hover-border-color):hover,
.error-hover-bg.gradient-border-color:before,
.error-overlay:not(.gradient-border-color):before,
.error-overlay.gradient-border-color:before,
.error-hover-overlay:not(.gradient-hover-border-color):hover:before,
.error-hover-overlay.gradient-border-color:before,
button.error-bg:not(:hover):not(.gradient-border-color),
button.error-bg.gradient-border-color:not(:hover):before,
button.error-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
button.error-hover-bg.gradient-border-color:not(:hover):before,
button.error-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
button.error-overlay.gradient-border-color:not(:hover):before,
button.error-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
button.error-hover-overlay.gradient-border-color:not(:hover):before,
.button.error-bg:not(:hover):not(.gradient-border-color),
.button.error-bg.gradient-border-color:not(:hover):before,
.button.error-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
.button.error-hover-bg.gradient-border-color:not(:hover):before,
.button.error-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
.button.error-overlay.gradient-border-color:not(:hover):before,
.button.error-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
.button.error-hover-overlay.gradient-border-color:not(:hover):before {
  background: #B55CF7;
}

.error-border-color,
.error-hover-border-color:hover,
button.error-border-color,
button.error-hover-border-color:hover,
.button.error-border-color,
.button.error-hover-border-color:hover {
  border-color: #B55CF7;
}

.error-fill svg path,
.error-hover-fill:hover svg path,
button.error-fill svg path,
button.error-hover-fill:hover svg path,
.button.error-fill svg path,
.button.error-hover-fill:hover svg path {
  fill: #B55CF7;
}

.second-color,
.second-hover-color:hover,
button.second-color,
button.second-hover-color:hover,
.button.second-color,
.button.second-hover-color:hover {
  color: #B55CF7;
}

.second-bg:not(.gradient-border-color),
.second-bg.gradient-border-color:before,
.second-hover-bg:not(.gradient-hover-border-color):hover,
.second-hover-bg.gradient-border-color:before,
.second-overlay:not(.gradient-border-color):before,
.second-overlay.gradient-border-color:before,
.second-hover-overlay:not(.gradient-hover-border-color):hover:before,
.second-hover-overlay.gradient-border-color:before,
button.second-bg:not(:hover):not(.gradient-border-color),
button.second-bg.gradient-border-color:not(:hover):before,
button.second-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
button.second-hover-bg.gradient-border-color:not(:hover):before,
button.second-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
button.second-overlay.gradient-border-color:not(:hover):before,
button.second-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
button.second-hover-overlay.gradient-border-color:not(:hover):before,
.button.second-bg:not(:hover):not(.gradient-border-color),
.button.second-bg.gradient-border-color:not(:hover):before,
.button.second-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
.button.second-hover-bg.gradient-border-color:not(:hover):before,
.button.second-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
.button.second-overlay.gradient-border-color:not(:hover):before,
.button.second-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
.button.second-hover-overlay.gradient-border-color:not(:hover):before {
  background: #B55CF7;
}

.second-border-color,
.second-hover-border-color:hover,
button.second-border-color,
button.second-hover-border-color:hover,
.button.second-border-color,
.button.second-hover-border-color:hover {
  border-color: #B55CF7;
}

.second-fill svg path,
.second-hover-fill:hover svg path,
button.second-fill svg path,
button.second-hover-fill:hover svg path,
.button.second-fill svg path,
.button.second-hover-fill:hover svg path {
  fill: #B55CF7;
}

.third-accent-color,
.third-accent-hover-color:hover,
button.third-accent-color,
button.third-accent-hover-color:hover,
.button.third-accent-color,
.button.third-accent-hover-color:hover {
  color: #F3F9FD;
}

.third-accent-bg:not(.gradient-border-color),
.third-accent-bg.gradient-border-color:before,
.third-accent-hover-bg:not(.gradient-hover-border-color):hover,
.third-accent-hover-bg.gradient-border-color:before,
.third-accent-overlay:not(.gradient-border-color):before,
.third-accent-overlay.gradient-border-color:before,
.third-accent-hover-overlay:not(.gradient-hover-border-color):hover:before,
.third-accent-hover-overlay.gradient-border-color:before,
button.third-accent-bg:not(:hover):not(.gradient-border-color),
button.third-accent-bg.gradient-border-color:not(:hover):before,
button.third-accent-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
button.third-accent-hover-bg.gradient-border-color:not(:hover):before,
button.third-accent-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
button.third-accent-overlay.gradient-border-color:not(:hover):before,
button.third-accent-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
button.third-accent-hover-overlay.gradient-border-color:not(:hover):before,
.button.third-accent-bg:not(:hover):not(.gradient-border-color),
.button.third-accent-bg.gradient-border-color:not(:hover):before,
.button.third-accent-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
.button.third-accent-hover-bg.gradient-border-color:not(:hover):before,
.button.third-accent-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
.button.third-accent-overlay.gradient-border-color:not(:hover):before,
.button.third-accent-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
.button.third-accent-hover-overlay.gradient-border-color:not(:hover):before {
  background: #F3F9FD;
}

.third-accent-border-color,
.third-accent-hover-border-color:hover,
button.third-accent-border-color,
button.third-accent-hover-border-color:hover,
.button.third-accent-border-color,
.button.third-accent-hover-border-color:hover {
  border-color: #F3F9FD;
}

.third-accent-fill svg path,
.third-accent-hover-fill:hover svg path,
button.third-accent-fill svg path,
button.third-accent-hover-fill:hover svg path,
.button.third-accent-fill svg path,
.button.third-accent-hover-fill:hover svg path {
  fill: #F3F9FD;
}

.default-color,
.default-hover-color:hover,
button.default-color,
button.default-hover-color:hover,
.button.default-color,
.button.default-hover-color:hover {
  color: #00003D;
}

.default-bg:not(.gradient-border-color),
.default-bg.gradient-border-color:before,
.default-hover-bg:not(.gradient-hover-border-color):hover,
.default-hover-bg.gradient-border-color:before,
.default-overlay:not(.gradient-border-color):before,
.default-overlay.gradient-border-color:before,
.default-hover-overlay:not(.gradient-hover-border-color):hover:before,
.default-hover-overlay.gradient-border-color:before,
button.default-bg:not(:hover):not(.gradient-border-color),
button.default-bg.gradient-border-color:not(:hover):before,
button.default-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
button.default-hover-bg.gradient-border-color:not(:hover):before,
button.default-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
button.default-overlay.gradient-border-color:not(:hover):before,
button.default-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
button.default-hover-overlay.gradient-border-color:not(:hover):before,
.button.default-bg:not(:hover):not(.gradient-border-color),
.button.default-bg.gradient-border-color:not(:hover):before,
.button.default-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
.button.default-hover-bg.gradient-border-color:not(:hover):before,
.button.default-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
.button.default-overlay.gradient-border-color:not(:hover):before,
.button.default-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
.button.default-hover-overlay.gradient-border-color:not(:hover):before {
  background: #00003D;
}

.default-border-color,
.default-hover-border-color:hover,
button.default-border-color,
button.default-hover-border-color:hover,
.button.default-border-color,
.button.default-hover-border-color:hover {
  border-color: #00003D;
}

.default-fill svg path,
.default-hover-fill:hover svg path,
button.default-fill svg path,
button.default-hover-fill:hover svg path,
.button.default-fill svg path,
.button.default-hover-fill:hover svg path {
  fill: #00003D;
}

.gray-color,
.gray-hover-color:hover,
button.gray-color,
button.gray-hover-color:hover,
.button.gray-color,
.button.gray-hover-color:hover {
  color: #6c6b8d;
}

.gray-bg:not(.gradient-border-color),
.gray-bg.gradient-border-color:before,
.gray-hover-bg:not(.gradient-hover-border-color):hover,
.gray-hover-bg.gradient-border-color:before,
.gray-overlay:not(.gradient-border-color):before,
.gray-overlay.gradient-border-color:before,
.gray-hover-overlay:not(.gradient-hover-border-color):hover:before,
.gray-hover-overlay.gradient-border-color:before,
button.gray-bg:not(:hover):not(.gradient-border-color),
button.gray-bg.gradient-border-color:not(:hover):before,
button.gray-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
button.gray-hover-bg.gradient-border-color:not(:hover):before,
button.gray-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
button.gray-overlay.gradient-border-color:not(:hover):before,
button.gray-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
button.gray-hover-overlay.gradient-border-color:not(:hover):before,
.button.gray-bg:not(:hover):not(.gradient-border-color),
.button.gray-bg.gradient-border-color:not(:hover):before,
.button.gray-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
.button.gray-hover-bg.gradient-border-color:not(:hover):before,
.button.gray-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
.button.gray-overlay.gradient-border-color:not(:hover):before,
.button.gray-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
.button.gray-hover-overlay.gradient-border-color:not(:hover):before {
  background: #6c6b8d;
}

.gray-border-color,
.gray-hover-border-color:hover,
button.gray-border-color,
button.gray-hover-border-color:hover,
.button.gray-border-color,
.button.gray-hover-border-color:hover {
  border-color: #6c6b8d;
}

.gray-fill svg path,
.gray-hover-fill:hover svg path,
button.gray-fill svg path,
button.gray-hover-fill:hover svg path,
.button.gray-fill svg path,
.button.gray-hover-fill:hover svg path {
  fill: #6c6b8d;
}

.third-color,
.third-hover-color:hover,
button.third-color,
button.third-hover-color:hover,
.button.third-color,
.button.third-hover-color:hover {
  color: #37D6AE;
}

.third-bg:not(.gradient-border-color),
.third-bg.gradient-border-color:before,
.third-hover-bg:not(.gradient-hover-border-color):hover,
.third-hover-bg.gradient-border-color:before,
.third-overlay:not(.gradient-border-color):before,
.third-overlay.gradient-border-color:before,
.third-hover-overlay:not(.gradient-hover-border-color):hover:before,
.third-hover-overlay.gradient-border-color:before,
button.third-bg:not(:hover):not(.gradient-border-color),
button.third-bg.gradient-border-color:not(:hover):before,
button.third-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
button.third-hover-bg.gradient-border-color:not(:hover):before,
button.third-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
button.third-overlay.gradient-border-color:not(:hover):before,
button.third-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
button.third-hover-overlay.gradient-border-color:not(:hover):before,
.button.third-bg:not(:hover):not(.gradient-border-color),
.button.third-bg.gradient-border-color:not(:hover):before,
.button.third-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
.button.third-hover-bg.gradient-border-color:not(:hover):before,
.button.third-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
.button.third-overlay.gradient-border-color:not(:hover):before,
.button.third-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
.button.third-hover-overlay.gradient-border-color:not(:hover):before {
  background: #37D6AE;
}

.third-border-color,
.third-hover-border-color:hover,
button.third-border-color,
button.third-hover-border-color:hover,
.button.third-border-color,
.button.third-hover-border-color:hover {
  border-color: #37D6AE;
}

.third-fill svg path,
.third-hover-fill:hover svg path,
button.third-fill svg path,
button.third-hover-fill:hover svg path,
.button.third-fill svg path,
.button.third-hover-fill:hover svg path {
  fill: #37D6AE;
}

.white-color,
.white-hover-color:hover,
button.white-color,
button.white-hover-color:hover,
.button.white-color,
.button.white-hover-color:hover {
  color: #FFFFFF;
}

.white-bg:not(.gradient-border-color),
.white-bg.gradient-border-color:before,
.white-hover-bg:not(.gradient-hover-border-color):hover,
.white-hover-bg.gradient-border-color:before,
.white-overlay:not(.gradient-border-color):before,
.white-overlay.gradient-border-color:before,
.white-hover-overlay:not(.gradient-hover-border-color):hover:before,
.white-hover-overlay.gradient-border-color:before,
button.white-bg:not(:hover):not(.gradient-border-color),
button.white-bg.gradient-border-color:not(:hover):before,
button.white-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
button.white-hover-bg.gradient-border-color:not(:hover):before,
button.white-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
button.white-overlay.gradient-border-color:not(:hover):before,
button.white-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
button.white-hover-overlay.gradient-border-color:not(:hover):before,
.button.white-bg:not(:hover):not(.gradient-border-color),
.button.white-bg.gradient-border-color:not(:hover):before,
.button.white-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
.button.white-hover-bg.gradient-border-color:not(:hover):before,
.button.white-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
.button.white-overlay.gradient-border-color:not(:hover):before,
.button.white-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
.button.white-hover-overlay.gradient-border-color:not(:hover):before {
  background: #FFFFFF;
}

.white-border-color,
.white-hover-border-color:hover,
button.white-border-color,
button.white-hover-border-color:hover,
.button.white-border-color,
.button.white-hover-border-color:hover {
  border-color: #FFFFFF;
}

.white-fill svg path,
.white-hover-fill:hover svg path,
button.white-fill svg path,
button.white-hover-fill:hover svg path,
.button.white-fill svg path,
.button.white-hover-fill:hover svg path {
  fill: #FFFFFF;
}

.success-color,
.success-hover-color:hover,
button.success-color,
button.success-hover-color:hover,
.button.success-color,
.button.success-hover-color:hover {
  color: #EEEEEE;
}

.success-bg:not(.gradient-border-color),
.success-bg.gradient-border-color:before,
.success-hover-bg:not(.gradient-hover-border-color):hover,
.success-hover-bg.gradient-border-color:before,
.success-overlay:not(.gradient-border-color):before,
.success-overlay.gradient-border-color:before,
.success-hover-overlay:not(.gradient-hover-border-color):hover:before,
.success-hover-overlay.gradient-border-color:before,
button.success-bg:not(:hover):not(.gradient-border-color),
button.success-bg.gradient-border-color:not(:hover):before,
button.success-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
button.success-hover-bg.gradient-border-color:not(:hover):before,
button.success-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
button.success-overlay.gradient-border-color:not(:hover):before,
button.success-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
button.success-hover-overlay.gradient-border-color:not(:hover):before,
.button.success-bg:not(:hover):not(.gradient-border-color),
.button.success-bg.gradient-border-color:not(:hover):before,
.button.success-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
.button.success-hover-bg.gradient-border-color:not(:hover):before,
.button.success-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
.button.success-overlay.gradient-border-color:not(:hover):before,
.button.success-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
.button.success-hover-overlay.gradient-border-color:not(:hover):before {
  background: #EEEEEE;
}

.success-border-color,
.success-hover-border-color:hover,
button.success-border-color,
button.success-hover-border-color:hover,
.button.success-border-color,
.button.success-hover-border-color:hover {
  border-color: #EEEEEE;
}

.success-fill svg path,
.success-hover-fill:hover svg path,
button.success-fill svg path,
button.success-hover-fill:hover svg path,
.button.success-fill svg path,
.button.success-hover-fill:hover svg path {
  fill: #EEEEEE;
}

.fifth-color,
.fifth-hover-color:hover,
button.fifth-color,
button.fifth-hover-color:hover,
.button.fifth-color,
.button.fifth-hover-color:hover {
  color: #00013D;
}

.fifth-bg:not(.gradient-border-color),
.fifth-bg.gradient-border-color:before,
.fifth-hover-bg:not(.gradient-hover-border-color):hover,
.fifth-hover-bg.gradient-border-color:before,
.fifth-overlay:not(.gradient-border-color):before,
.fifth-overlay.gradient-border-color:before,
.fifth-hover-overlay:not(.gradient-hover-border-color):hover:before,
.fifth-hover-overlay.gradient-border-color:before,
button.fifth-bg:not(:hover):not(.gradient-border-color),
button.fifth-bg.gradient-border-color:not(:hover):before,
button.fifth-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
button.fifth-hover-bg.gradient-border-color:not(:hover):before,
button.fifth-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
button.fifth-overlay.gradient-border-color:not(:hover):before,
button.fifth-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
button.fifth-hover-overlay.gradient-border-color:not(:hover):before,
.button.fifth-bg:not(:hover):not(.gradient-border-color),
.button.fifth-bg.gradient-border-color:not(:hover):before,
.button.fifth-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
.button.fifth-hover-bg.gradient-border-color:not(:hover):before,
.button.fifth-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
.button.fifth-overlay.gradient-border-color:not(:hover):before,
.button.fifth-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
.button.fifth-hover-overlay.gradient-border-color:not(:hover):before {
  background: #00013D;
}

.fifth-border-color,
.fifth-hover-border-color:hover,
button.fifth-border-color,
button.fifth-hover-border-color:hover,
.button.fifth-border-color,
.button.fifth-hover-border-color:hover {
  border-color: #00013D;
}

.fifth-fill svg path,
.fifth-hover-fill:hover svg path,
button.fifth-fill svg path,
button.fifth-hover-fill:hover svg path,
.button.fifth-fill svg path,
.button.fifth-hover-fill:hover svg path {
  fill: #00013D;
}

.fourth-color,
.fourth-hover-color:hover,
button.fourth-color,
button.fourth-hover-color:hover,
.button.fourth-color,
.button.fourth-hover-color:hover {
  color: #00003D;
}

.fourth-bg:not(.gradient-border-color),
.fourth-bg.gradient-border-color:before,
.fourth-hover-bg:not(.gradient-hover-border-color):hover,
.fourth-hover-bg.gradient-border-color:before,
.fourth-overlay:not(.gradient-border-color):before,
.fourth-overlay.gradient-border-color:before,
.fourth-hover-overlay:not(.gradient-hover-border-color):hover:before,
.fourth-hover-overlay.gradient-border-color:before,
button.fourth-bg:not(:hover):not(.gradient-border-color),
button.fourth-bg.gradient-border-color:not(:hover):before,
button.fourth-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
button.fourth-hover-bg.gradient-border-color:not(:hover):before,
button.fourth-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
button.fourth-overlay.gradient-border-color:not(:hover):before,
button.fourth-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
button.fourth-hover-overlay.gradient-border-color:not(:hover):before,
.button.fourth-bg:not(:hover):not(.gradient-border-color),
.button.fourth-bg.gradient-border-color:not(:hover):before,
.button.fourth-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
.button.fourth-hover-bg.gradient-border-color:not(:hover):before,
.button.fourth-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
.button.fourth-overlay.gradient-border-color:not(:hover):before,
.button.fourth-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
.button.fourth-hover-overlay.gradient-border-color:not(:hover):before {
  background: #00003D;
}

.fourth-border-color,
.fourth-hover-border-color:hover,
button.fourth-border-color,
button.fourth-hover-border-color:hover,
.button.fourth-border-color,
.button.fourth-hover-border-color:hover {
  border-color: #00003D;
}

.fourth-fill svg path,
.fourth-hover-fill:hover svg path,
button.fourth-fill svg path,
button.fourth-hover-fill:hover svg path,
.button.fourth-fill svg path,
.button.fourth-hover-fill:hover svg path {
  fill: #00003D;
}

.first-color,
.first-hover-color:hover,
button.first-color,
button.first-hover-color:hover,
.button.first-color,
.button.first-hover-color:hover {
  color: #3102DD;
}

.first-bg:not(.gradient-border-color),
.first-bg.gradient-border-color:before,
.first-hover-bg:not(.gradient-hover-border-color):hover,
.first-hover-bg.gradient-border-color:before,
.first-overlay:not(.gradient-border-color):before,
.first-overlay.gradient-border-color:before,
.first-hover-overlay:not(.gradient-hover-border-color):hover:before,
.first-hover-overlay.gradient-border-color:before,
button.first-bg:not(:hover):not(.gradient-border-color),
button.first-bg.gradient-border-color:not(:hover):before,
button.first-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
button.first-hover-bg.gradient-border-color:not(:hover):before,
button.first-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
button.first-overlay.gradient-border-color:not(:hover):before,
button.first-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
button.first-hover-overlay.gradient-border-color:not(:hover):before,
.button.first-bg:not(:hover):not(.gradient-border-color),
.button.first-bg.gradient-border-color:not(:hover):before,
.button.first-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
.button.first-hover-bg.gradient-border-color:not(:hover):before,
.button.first-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
.button.first-overlay.gradient-border-color:not(:hover):before,
.button.first-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
.button.first-hover-overlay.gradient-border-color:not(:hover):before {
  background: #3102DD;
}

.first-border-color,
.first-hover-border-color:hover,
button.first-border-color,
button.first-hover-border-color:hover,
.button.first-border-color,
.button.first-hover-border-color:hover {
  border-color: #3102DD;
}

.first-fill svg path,
.first-hover-fill:hover svg path,
button.first-fill svg path,
button.first-hover-fill:hover svg path,
.button.first-fill svg path,
.button.first-hover-fill:hover svg path {
  fill: #3102DD;
}

.first-accent-color,
.first-accent-hover-color:hover,
button.first-accent-color,
button.first-accent-hover-color:hover,
.button.first-accent-color,
.button.first-accent-hover-color:hover {
  color: #23496d;
}

.first-accent-bg:not(.gradient-border-color),
.first-accent-bg.gradient-border-color:before,
.first-accent-hover-bg:not(.gradient-hover-border-color):hover,
.first-accent-hover-bg.gradient-border-color:before,
.first-accent-overlay:not(.gradient-border-color):before,
.first-accent-overlay.gradient-border-color:before,
.first-accent-hover-overlay:not(.gradient-hover-border-color):hover:before,
.first-accent-hover-overlay.gradient-border-color:before,
button.first-accent-bg:not(:hover):not(.gradient-border-color),
button.first-accent-bg.gradient-border-color:not(:hover):before,
button.first-accent-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
button.first-accent-hover-bg.gradient-border-color:not(:hover):before,
button.first-accent-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
button.first-accent-overlay.gradient-border-color:not(:hover):before,
button.first-accent-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
button.first-accent-hover-overlay.gradient-border-color:not(:hover):before,
.button.first-accent-bg:not(:hover):not(.gradient-border-color),
.button.first-accent-bg.gradient-border-color:not(:hover):before,
.button.first-accent-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
.button.first-accent-hover-bg.gradient-border-color:not(:hover):before,
.button.first-accent-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
.button.first-accent-overlay.gradient-border-color:not(:hover):before,
.button.first-accent-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
.button.first-accent-hover-overlay.gradient-border-color:not(:hover):before {
  background: #23496d;
}

.first-accent-border-color,
.first-accent-hover-border-color:hover,
button.first-accent-border-color,
button.first-accent-hover-border-color:hover,
.button.first-accent-border-color,
.button.first-accent-hover-border-color:hover {
  border-color: #23496d;
}

.first-accent-fill svg path,
.first-accent-hover-fill:hover svg path,
button.first-accent-fill svg path,
button.first-accent-hover-fill:hover svg path,
.button.first-accent-fill svg path,
.button.first-accent-hover-fill:hover svg path {
  fill: #23496d;
}

.fifth-accent-color,
.fifth-accent-hover-color:hover,
button.fifth-accent-color,
button.fifth-accent-hover-color:hover,
.button.fifth-accent-color,
.button.fifth-accent-hover-color:hover {
  color: #ECFFF4;
}

.fifth-accent-bg:not(.gradient-border-color),
.fifth-accent-bg.gradient-border-color:before,
.fifth-accent-hover-bg:not(.gradient-hover-border-color):hover,
.fifth-accent-hover-bg.gradient-border-color:before,
.fifth-accent-overlay:not(.gradient-border-color):before,
.fifth-accent-overlay.gradient-border-color:before,
.fifth-accent-hover-overlay:not(.gradient-hover-border-color):hover:before,
.fifth-accent-hover-overlay.gradient-border-color:before,
button.fifth-accent-bg:not(:hover):not(.gradient-border-color),
button.fifth-accent-bg.gradient-border-color:not(:hover):before,
button.fifth-accent-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
button.fifth-accent-hover-bg.gradient-border-color:not(:hover):before,
button.fifth-accent-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
button.fifth-accent-overlay.gradient-border-color:not(:hover):before,
button.fifth-accent-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
button.fifth-accent-hover-overlay.gradient-border-color:not(:hover):before,
.button.fifth-accent-bg:not(:hover):not(.gradient-border-color),
.button.fifth-accent-bg.gradient-border-color:not(:hover):before,
.button.fifth-accent-hover-bg:not(:hover):not(.gradient-hover-border-color):hover,
.button.fifth-accent-hover-bg.gradient-border-color:not(:hover):before,
.button.fifth-accent-overlay:not(:hover):not(.gradient-border-color):not(:hover):before,
.button.fifth-accent-overlay.gradient-border-color:not(:hover):before,
.button.fifth-accent-hover-overlay:not(:hover):not(.gradient-hover-border-color):hover:not(:hover):before,
.button.fifth-accent-hover-overlay.gradient-border-color:not(:hover):before {
  background: #ECFFF4;
}

.fifth-accent-border-color,
.fifth-accent-hover-border-color:hover,
button.fifth-accent-border-color,
button.fifth-accent-hover-border-color:hover,
.button.fifth-accent-border-color,
.button.fifth-accent-hover-border-color:hover {
  border-color: #ECFFF4;
}

.fifth-accent-fill svg path,
.fifth-accent-hover-fill:hover svg path,
button.fifth-accent-fill svg path,
button.fifth-accent-hover-fill:hover svg path,
.button.fifth-accent-fill svg path,
.button.fifth-accent-hover-fill:hover svg path {
  fill: #ECFFF4;
}


.no-color,
button.no-color,
.button.no-color,
.no-hover-color:hover,
button.no-hover-color:hover,
.button.no-hover-color:hover {
  color: transparent;
}

.no-bg,
button.no-bg,
.button.no-bg,
.no-overlay:not(:hover):before,
button.no-overlay:not(:hover):before,
.button.no-overlay:not(:hover):before,
.no-hover-bg:hover,
button.no-hover-bg:hover,
.button.no-hover-bg:hover {
  background-color: transparent;
}

.no-border-color,
button.no-border-color,
.button.no-border-color,
.no-hover-border-color:hover,
button.no-hover-border-color:hover,
.button.no-hover-border-color:hover {
  border-color: transparent;
}

.no-fill svg path,
button.no-fill svg path,
.button.no-fill svg path,
.no-hover-fill:hover svg path,
button.no-hover-fill:hover svg path,
.button.no-hover-fill:hover svg path {
  fill: transparent;
}




@font-face { font-family: 'Esphimere'; font-style: normal; font-weight: 100; src: url("//26072647.fs1.hubspotusercontent-eu1.net/hubfs/26072647/raw_assets/public/centreon/assets/fonts/Esphimere%20Thin.woff") format('woff'); }
@font-face { font-family: 'Esphimere'; font-style: normal; font-weight: 200; src: url("//26072647.fs1.hubspotusercontent-eu1.net/hubfs/26072647/raw_assets/public/centreon/assets/fonts/Esphimere%20Extra%20Light.woff") format('woff'); }
@font-face { font-family: 'Esphimere'; font-style: normal; font-weight: 300; src: url("//26072647.fs1.hubspotusercontent-eu1.net/hubfs/26072647/raw_assets/public/centreon/assets/fonts/Esphimere%20Light.woff") format('woff'); }
@font-face { font-family: 'Esphimere'; font-style: normal; font-weight: 400; src: url("//26072647.fs1.hubspotusercontent-eu1.net/hubfs/26072647/raw_assets/public/centreon/assets/fonts/Esphimere.woff") format('woff'); }
@font-face { font-family: 'Esphimere'; font-style: normal; font-weight: 500; src: url("//26072647.fs1.hubspotusercontent-eu1.net/hubfs/26072647/raw_assets/public/centreon/assets/fonts/Esphimere%20Semi%20Bold.woff") format('woff'); }
@font-face { font-family: 'Esphimere'; font-style: normal; font-weight: 700; src: url("//26072647.fs1.hubspotusercontent-eu1.net/hubfs/26072647/raw_assets/public/centreon/assets/fonts/Esphimere%20Bold.woff") format('woff'); }
@font-face { font-family: 'Esphimere'; font-style: italic; font-weight: 100; src: url("//26072647.fs1.hubspotusercontent-eu1.net/hubfs/26072647/raw_assets/public/centreon/assets/fonts/Esphimere%20Thin%20Italic.woff") format('woff'); }
@font-face { font-family: 'Esphimere'; font-style: italic; font-weight: 200; src: url("//26072647.fs1.hubspotusercontent-eu1.net/hubfs/26072647/raw_assets/public/centreon/assets/fonts/Esphimere%20Extra%20Light%20Italic.woff") format('woff'); }
@font-face { font-family: 'Esphimere'; font-style: italic; font-weight: 300; src: url("//26072647.fs1.hubspotusercontent-eu1.net/hubfs/26072647/raw_assets/public/centreon/assets/fonts/Esphimere%20Light%20Italic.woff") format('woff'); }
@font-face { font-family: 'Esphimere'; font-style: italic; font-weight: 400; src: url("//26072647.fs1.hubspotusercontent-eu1.net/hubfs/26072647/raw_assets/public/centreon/assets/fonts/Esphimere%20Italic.woff") format('woff'); }
@font-face { font-family: 'Esphimere'; font-style: italic; font-weight: 500; src: url("//26072647.fs1.hubspotusercontent-eu1.net/hubfs/26072647/raw_assets/public/centreon/assets/fonts/Esphimere%20Semi%20Bold%20Italic.woff") format('woff'); }
@font-face { font-family: 'Esphimere'; font-style: italic; font-weight: 700; src: url("//26072647.fs1.hubspotusercontent-eu1.net/hubfs/26072647/raw_assets/public/centreon/assets/fonts/Esphimere%20Bold%20Italic.woff") format('woff'); }

@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;500;600;700&display=swap');




html {
  font-size: 62.5%;
}

body {
  color: #00003D;  
  background-color: #FFFFFF;
}

body,
button,
.button,
form .hs-button,
form label,
form input[type=text], 
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea,
.medium,
.system-page form a#hs_login_reset {
  font-family: "Red Hat Display", sans-serif;
  font-size: 18px;
  line-height: 26px;
  text-transform: none;
  user-select: none;
}

@media (min-width: 768px) {
  body,
  button,
  .button,
  form .hs-button,
  form label,
  form input[type=text],
  form input[type=email],
  form input[type=password],
  form input[type=tel],
  form input[type=number],
  form input[type=file],
  form select,
  form textarea,
  .medium,
  .system-page form a#hs_login_reset  {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (min-width: 992px) {
  body,
  button,
  .button,
  form .hs-button,
  form label,
  form input[type=text],
  form input[type=email],
  form input[type=password],
  form input[type=tel],
  form input[type=number],
  form input[type=file],
  form select,
  form textarea,
  .medium,
  .system-page form a#hs_login_reset  {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (min-width: 1366px) {
  body,
  button,
  .button,
  form .hs-button,
  form label,
  form input[type=text],
  form input[type=email],
  form input[type=password],
  form input[type=tel],
  form input[type=number],
  form input[type=file],
  form select,
  form textarea,
  .medium,
  .system-page form a#hs_login_reset  {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (min-width: 1620px) {
  body,
  button,
  .button,
  form .hs-button,
  form label,
  form input[type=text],
  form input[type=email],
  form input[type=password],
  form input[type=tel],
  form input[type=number],
  form input[type=file],
  form select,
  form textarea,
  .medium,
  .system-page form a#hs_login_reset  {
    font-size: 18px;
    line-height: 26px;
  }
}

body b, 
body strong,
button b,
button strong,
.button b,
.button strong,
form .hs-button b,
form .hs-button strong {
  font-weight: 600;
}

.header .hs-menu-wrapper ul li a {
  font-family: "Red Hat Display", sans-serif;
  font-size: 16px;
  line-height: 26px;
  user-select: none;
}

@media (min-width: 768px) {
  .header .hs-menu-wrapper ul li a {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 992px) {
  .header .hs-menu-wrapper ul li a {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1366px) {
  .header .hs-menu-wrapper ul li a {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1620px) {
  .header .hs-menu-wrapper ul li a {
    font-size: 16px;
    line-height: 26px;
  }
}

.header button,
.header .button {
  font-family: "Red Hat Display", sans-serif;
  font-size: 16px;
  line-height: 26px;
  user-select: none;
}

@media (min-width: 768px) {
  .header button,
  .header .button {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 992px) {
  .header button,
  .header .button {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1366px) {
  .header button,
  .header .button {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1620px) {
  .header button,
  .header .button {
    font-size: 16px;
    line-height: 26px;
  }
}

.footer .hs-menu-wrapper ul li a,
.footer .hs_cos_wrapper_type_rich_text p,
.footer .hs_cos_wrapper_type_rich_text ul, 
.footer .hs_cos_wrapper_type_rich_text blockquote,
.footer .hs_cos_wrapper_type_rich_text pre {
  font-family: "Red Hat Display", sans-serif;
  font-size: 16px;
  line-height: 26px;
  user-select: none;
}

@media (min-width: 768px) {
  .footer .hs-menu-wrapper ul li a,
  .footer .hs_cos_wrapper_type_rich_text p,
  .footer .hs_cos_wrapper_type_rich_text ul, 
  .footer .hs_cos_wrapper_type_rich_text blockquote,
  .footer .hs_cos_wrapper_type_rich_text pre {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 992px) {
  .footer .hs-menu-wrapper ul li a,
  .footer .hs_cos_wrapper_type_rich_text p,
  .footer .hs_cos_wrapper_type_rich_text ul, 
  .footer .hs_cos_wrapper_type_rich_text blockquote,
  .footer .hs_cos_wrapper_type_rich_text pre {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1366px) {
  .footer .hs-menu-wrapper ul li a,
  .footer .hs_cos_wrapper_type_rich_text p,
  .footer .hs_cos_wrapper_type_rich_text ul, 
  .footer .hs_cos_wrapper_type_rich_text blockquote,
  .footer .hs_cos_wrapper_type_rich_text pre {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1620px) {
  .footer .hs-menu-wrapper ul li a,
  .footer .hs_cos_wrapper_type_rich_text p,
  .footer .hs_cos_wrapper_type_rich_text ul, 
  .footer .hs_cos_wrapper_type_rich_text blockquote,
  .footer .hs_cos_wrapper_type_rich_text pre {
    font-size: 16px;
    line-height: 26px;
  }
}

.footer button,
.footer .button {
  font-family: "Red Hat Display", sans-serif;
  font-size: 16px;
  line-height: 26px;
  user-select: none;
}

@media (min-width: 768px) {
  .footer button,
  .footer .button {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 992px) {
  .footer button,
  .footer .button {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1366px) {
  .footer button,
  .footer .button {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1620px) {
  .footer button,
  .footer .button {
    font-size: 16px;
    line-height: 26px;
  }
}

h1 { 
  color: #00013D;
}

h1, 
.display-1 {
  text-transform: none;
  font-size: 40px;
  line-height: 50px;  
  letter-spacing: 1.6px;
}

h1:not([class*="mb-"]), 
.display-1:not([class*="mb-"]) {
  margin-bottom: 20.0px;
}

@media (min-width: 768px) { /* 600 px */
  h1, 
  .display-1 {
    font-size: 40px;
    line-height: 50px;
  }

  h1:not([class*="mb-"]), 
  .display-1:not([class*="mb-"]) {
    margin-bottom: 20.0px;
  }
}

@media (min-width: 992px) { /* 768 px */
  h1, 
  .display-1 {
    font-size: 64px;
    line-height: 70px;
  }

  h1:not([class*="mb-"]), 
  .display-1:not([class*="mb-"]) {
    margin-bottom: 32.0px;
  }
}

@media (min-width: 1366px) { /* 992 px */
  h1, 
  .display-1 {
    font-size: 64px;
    line-height: 70px;
  }

  h1:not([class*="mb-"]), 
  .display-1:not([class*="mb-"]) {
    margin-bottom: 32.0px;
  }
}

@media (min-width: 1620px) { /* 1620 px */
  h1, 
  .display-1 {
    font-size: 64px;
    line-height: 70px;
  }

  h1:not([class*="mb-"]), 
  .display-1:not([class*="mb-"]) {
    margin-bottom: 32.0px;
  }
}


h2 {
  color: #00003D;
}

h2, 
.display-2 {
  text-transform: none;
  font-size: 32px;
  line-height: 40px;  
}

h2:not([class*="mb-"]), 
.display-2:not([class*="mb-"]) {
  margin-bottom: 18px;
}

@media (min-width: 768px) {
  h2, 
  .display-2 {
    font-size: 32px;
    line-height: 40px;
  }

  h2:not([class*="mb-"]), 
  .display-2:not([class*="mb-"]) {
    margin-bottom: 18px;
  }
}

@media (min-width: 992px) {
  h2, 
  .display-2 {
    font-size: 42px;
    line-height: 54px;
  }

  h2:not([class*="mb-"]), 
  .display-2:not([class*="mb-"]) {
    margin-bottom: 21.0px;
  }
}

@media (min-width: 1366px) {
  h2, 
  .display-2 {
    font-size: 42px;
    line-height: 54px;
  }

  h2:not([class*="mb-"]), 
  .display-2:not([class*="mb-"]) {
    margin-bottom: 21.0px;
  }
}

@media (min-width: 1620px) {
  h2, 
  .display-2 {
    font-size: 42px;
    line-height: 54px;
  }

  h2:not([class*="mb-"]), 
  .display-2:not([class*="mb-"]) {
    margin-bottom: 21.0px;
  }
}

h3 {
  color: #00003D;
}

h3, 
.display-3 {
  text-transform: none;
  font-size: 26px;
  line-height: 32px;
}

h3:not([class*="mb-"]), 
.display-3:not([class*="mb-"]) {
  margin-bottom: 18px;
}

@media (min-width: 768px) {
  h3, 
  .display-3 {
    font-size: 28px;
    line-height: 36px;
  }

  h3:not([class*="mb-"]), 
  .display-3:not([class*="mb-"]) {
    margin-bottom: 18px;
  }
}

@media (min-width: 992px) {
  h3, 
  .display-3 {
    font-size: 28px;
    line-height: 36px;
  }

  h3:not([class*="mb-"]), 
  .display-3:not([class*="mb-"]) {
    margin-bottom: 18px;
  }
}

@media (min-width: 1366px) {
  h3, 
  .display-3 {
    font-size: 32px;
    line-height: 40px;
  }

  h3:not([class*="mb-"]), 
  .display-3:not([class*="mb-"]) {
    margin-bottom: 18px;
  }
}

@media (min-width: 1620px) {
  h3, 
  .display-3 {
    font-size: 32px;
    line-height: 40px;
  }

  h3:not([class*="mb-"]), 
  .display-3:not([class*="mb-"]) {
    margin-bottom: 18px;
  }
}

h4 {
  color: #00003D;
}

h4, 
.display-4 {
  text-transform: none;
  font-size: 24px;
  line-height: 30px;
}

h4:not([class*="mb-"]), 
.display-4:not([class*="mb-"]) {
  margin-bottom: 18px;
}

@media (min-width: 768px) {
  h4, 
  .display-4 {
    font-size: 24px;
    line-height: 30px;
  }

  h4:not([class*="mb-"]), 
  .display-4:not([class*="mb-"]) {
    margin-bottom: 18px;
  }
}

@media (min-width: 992px) {
  h4, 
  .display-4 {
    font-size: 26px;
    line-height: 32px;
  }

  h4:not([class*="mb-"]), 
  .display-4:not([class*="mb-"]) {
    margin-bottom: 18px;
  }
}

@media (min-width: 1366px) {
  h4, 
  .display-4 {
    font-size: 26px;
    line-height: 32px;
  }

  h4:not([class*="mb-"]), 
  .display-4:not([class*="mb-"]) {
    margin-bottom: 18px;
  }
}

@media (min-width: 1620px) {
  h4, 
  .display-4 {
    font-size: 28px;
    line-height: 36px;
  }

  h4:not([class*="mb-"]), 
  .display-4:not([class*="mb-"]) {
    margin-bottom: 18px;
  }
}

h5 {
  color: #00003D;
}

h5, 
.extra-large {
  text-transform: none;
  font-size: 20px;
  line-height: 26px;
}

h5:not([class*="mb-"]), 
.extra-large:not([class*="mb-"]) {
  margin-bottom: 18px;
}

@media (min-width: 768px) {
  h5, 
  .extra-large {
    font-size: 22px;
    line-height: 28px;
  }

  h5:not([class*="mb-"]), 
  .extra-large:not([class*="mb-"]) {
    margin-bottom: 18px;
  }
}

@media (min-width: 992px) {
  h5, 
  .extra-large {
    font-size: 22px;
    line-height: 28px;
  }

  h5:not([class*="mb-"]), 
  .extra-large:not([class*="mb-"]) {
    margin-bottom: 18px;
  }
}

@media (min-width: 1366px) {
  h5, 
  .extra-large {
    font-size: 24px;
    line-height: 32px;
  }

  h5:not([class*="mb-"]), 
  .extra-large:not([class*="mb-"]) {
    margin-bottom: 18px;
  }
}

@media (min-width: 1620px) {
  h5, 
  .extra-large {
    font-size: 24px;
    line-height: 32px;
  }

  h5:not([class*="mb-"]), 
  .extra-large:not([class*="mb-"]) {
    margin-bottom: 18px;
  }
}

h6,
.footer .widget-type-logo {
  color: #00003D;
}

h6, 
.large:not([class*="mb-"]),
.footer .widget-type-logo,
.system-page .fakelabel {
  text-transform: none;
  font-size: 18px;
  line-height: 26px;
}

h6:not([class*="mb-"]), 
.large:not([class*="mb-"]),
.system-page .fakelabel:not([class*="mb-"]) {
  margin-bottom: 18px;
}

@media (min-width: 768px) {
  h6, 
  .large,
  .footer .widget-type-logo,
  .system-page .fakelabel {
    font-size: 18px;
    line-height: 26px;
  }

  h6:not([class*="mb-"]), 
  .large:not([class*="mb-"]),
  .system-page .fakelabel:not([class*="mb-"]) {
    margin-bottom: 18px;
  }
}

@media (min-width: 992px) {
  h6, 
  .large,
  .footer .widget-type-logo,
  .system-page .fakelabel {
    font-size: 20px;
    line-height: 30px;
  }

  h6:not([class*="mb-"]), 
  .large:not([class*="mb-"]),
  .system-page .fakelabel:not([class*="mb-"]) {
    margin-bottom: 18px;
  }
}

@media (min-width: 1366px) {
  h6, 
  .large,
  .footer .widget-type-logo,
  .menu.mega-menu .hs-menu-wrapper ul li a.mega-menu__title,
  .system-page .fakelabel {
    font-size: 20px;
    line-height: 30px;
  }

  h6:not([class*="mb-"]), 
  .large:not([class*="mb-"]),
  .system-page .fakelabel:not([class*="mb-"]) {
    margin-bottom: 18px;
  }
}

@media (min-width: 1620px) {
  h6, 
  .large,
  .footer .widget-type-logo,
  .system-page .fakelabel {
    font-size: 20px;
    line-height: 30px;
  }

  h6:not([class*="mb-"]), 
  .large:not([class*="mb-"]),
  .system-page .fakelabel:not([class*="mb-"]) {
    margin-bottom: 18px;
  }
}

.small,
.copyright.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
.footer.hs-menu-wrapper ul.hs-menu-children-wrapper li a,
form .hs-error-msg,
form .legal-consent-container,
form legend, 
.language-switcher .language-switcher__list ul li a,
.language-switcher .language-switcher__list ul li span,
.menu.mega-menu.flyouts .hs-menu-wrapper .hs-item-has-children > .hs-menu-children-wrapper > ul > li > a {
  font-size: 15.75px;
  line-height: 22.75px;
}

.copyright-section .hs-menu-wrapper ul li a,
.copyright-section .hs_cos_wrapper_type_rich_text a,
.copyright-section .hs_cos_wrapper_type_rich_text p {
  font-size: 13.5px;
  line-height: 19.5px;
}

@media (min-width: 768px) {
  .small,
  .copyright.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
  .footer.hs-menu-wrapper ul.hs-menu-children-wrapper li a,
  form .hs-error-msg,
  form .legal-consent-container,
  form legend, 
  .language-switcher .language-switcher__list ul li a,
  .language-switcher .language-switcher__list ul li span,
  .menu.mega-menu.flyouts .hs-menu-wrapper .hs-item-has-children > .hs-menu-children-wrapper > ul > li > a {
    font-size: 15.75px;
    line-height: 22.75px;
  }

  .copyright-section .hs-menu-wrapper ul li a,
  .copyright-section .hs_cos_wrapper_type_rich_text a,
  .copyright-section .hs_cos_wrapper_type_rich_text p {
    font-size: 13.5px;
    line-height: 19.5px;
  }
}

@media (min-width: 992px) {
  .small,
  .copyright.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
  .footer.hs-menu-wrapper ul.hs-menu-children-wrapper li a,
  form .hs-error-msg,
  form .legal-consent-container,
  form legend, 
  .language-switcher .language-switcher__list ul li a,
  .language-switcher .language-switcher__list ul li span,
  .menu.mega-menu.flyouts .hs-menu-wrapper .hs-item-has-children > .hs-menu-children-wrapper > ul > li > a {
    font-size: 15.75px;
    line-height: 22.75px;
  }

  .copyright-section .hs-menu-wrapper ul li a,
  .copyright-section .hs_cos_wrapper_type_rich_text a,
  .copyright-section .hs_cos_wrapper_type_rich_text p {
    font-size: 13.5px;
    line-height: 19.5px;
  }
}

@media (min-width: 1366px) {
  .small,
  .copyright.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
  .footer.hs-menu-wrapper ul.hs-menu-children-wrapper li a,
  form .hs-error-msg,
  form .legal-consent-container,
  form legend, 
  .language-switcher .language-switcher__list ul li a,
  .language-switcher .language-switcher__list ul li span,
  .menu.mega-menu.flyouts .hs-menu-wrapper .hs-item-has-children > .hs-menu-children-wrapper > ul > li > a {
    font-size: 15.75px;
    line-height: 22.75px;
  }

  .copyright-section .hs-menu-wrapper ul li a,
  .copyright-section .hs_cos_wrapper_type_rich_text a,
  .copyright-section .hs_cos_wrapper_type_rich_text p {
    font-size: 13.5px;
    line-height: 19.5px;
  }
}

@media (min-width: 1620px) {
  .small,
  .copyright.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
  .footer.hs-menu-wrapper ul.hs-menu-children-wrapper li a,
  form .hs-error-msg,
  form .legal-consent-container,
  form legend, 
  .language-switcher .language-switcher__list ul li a,
  .language-switcher .language-switcher__list ul li span,
  .menu.mega-menu.flyouts .hs-menu-wrapper .hs-item-has-children > .hs-menu-children-wrapper > ul > li > a {
    font-size: 15.75px;
    line-height: 22.75px;
  }

  .copyright-section .hs-menu-wrapper ul li a,
  .copyright-section .hs_cos_wrapper_type_rich_text a,
  .copyright-section .hs_cos_wrapper_type_rich_text p {
    font-size: 13.5px;
    line-height: 19.5px;
  }
}

.extra-small {
  font-size: 13.5px;
  line-height: 19.5px;
}

@media (min-width: 768px) {
  .extra-small {
    font-size: 13.5px;
    line-height: 19.5px;
  }
}

@media (min-width: 992px) {
  .extra-small {
    font-size: 13.5px;
    line-height: 19.5px;
  }
}

@media (min-width: 1366px) {
  .extra-small {
    font-size: 13.5px;
    line-height: 19.5px;
  }
}

@media (min-width: 1620px) {
  .extra-small {
    font-size: 13.5px;
    line-height: 19.5px;
  }
}

a {
  transition: color 0.25s ease-in-out;
  font-weight: 500;
  text-decoration: none;
  color: inherit;
}

p, blockquote,
.hs_cos_wrapper_type_rich_text ol,
.hs_cos_wrapper_type_rich_text ul, 
.hs_cos_wrapper_type_rich_text pre,
.footer.hs-menu-wrapper ul li.hs-menu-depth-1 > a,
form .legal-consent-container {
  margin-bottom: 18px;
}

@media (min-width: 768px) {
  p, blockquote,
  .hs_cos_wrapper_type_rich_text ol,
  .hs_cos_wrapper_type_rich_text ul, 
  .hs_cos_wrapper_type_rich_text pre,
  .footer.hs-menu-wrapper ul li.hs-menu-depth-1 > a,
  form .legal-consent-container {
    margin-bottom: 18px;
  }
}

@media (min-width: 992px) {
  p, blockquote,
  .hs_cos_wrapper_type_rich_text ol,
  .hs_cos_wrapper_type_rich_text ul, 
  .hs_cos_wrapper_type_rich_text pre,
  .footer.hs-menu-wrapper ul li.hs-menu-depth-1 > a,
  form .legal-consent-container {
    margin-bottom: 18px;
  }
}

@media (min-width: 1366px) {
  p, blockquote,
  .hs_cos_wrapper_type_rich_text ol,
  .hs_cos_wrapper_type_rich_text ul, 
  .hs_cos_wrapper_type_rich_text pre,
  .footer.hs-menu-wrapper ul li.hs-menu-depth-1 > a,
  form .legal-consent-container {
    margin-bottom: 18px;
  }
}

@media (min-width: 1620px) {
  p, blockquote,
  .hs_cos_wrapper_type_rich_text ol,
  .hs_cos_wrapper_type_rich_text ul, 
  .hs_cos_wrapper_type_rich_text pre,
  .footer.hs-menu-wrapper ul li.hs-menu-depth-1 > a,
  form .legal-consent-container {
    margin-bottom: 18px;
  }
}

blockquote {
  padding-left: 20px;
  border-left: 2px solid #3102DD;
  font-style: italic;
}

i {
  font-style: italic;
}

.text-align-left {text-align: left;}
.text-align-right {text-align: right;}
.text-align-center {text-align: center;}
.text-align-justify {text-align: justify;}


@media (min-width: 600px) {
  .text-align-xs-left {text-align: left;}
  .text-align-xs-right {text-align: right;}
  .text-align-xs-center {text-align: center;}
  .text-align-xs-justify {text-align: justify;}
}

@media (max-width: 991px) {
  br {
    content: "";
  }
  br:after {
    content: " ";
  }
}

@media (min-width: 768px) {
  .text-align-sm-left {text-align: left;}
  .text-align-sm-right {text-align: right;}
  .text-align-sm-center {text-align: center;}
  .text-align-sm-justify {text-align: justify;}
}

@media (min-width: 992px) {
  .text-align-md-left {text-align: left;}
  .text-align-md-right {text-align: right;}
  .text-align-md-center {text-align: center;}
  .text-align-md-justify {text-align: justify;}
}

@media (min-width: 1366px) {
  .text-align-lg-left {text-align: left;}
  .text-align-lg-right {text-align: right;}
  .text-align-lg-center {text-align: center;}
  .text-align-lg-justify {text-align: justify;}
}

@media (min-width: 1620px) {
  .text-align-xl-left {text-align: left;}
  .text-align-xl-right {text-align: right;}
  .text-align-xl-center {text-align: center;}
  .text-align-xl-justify {text-align: justify;}
}

.hs_cos_wrapper_type_rich_text ol {
  list-style: decimal;
  padding-left: 25px;
}

.hs_cos_wrapper_type_rich_text ul {
  list-style: initial;
  padding-left: 0;
  text-align: left;
}

.hs_cos_wrapper_type_rich_text ul li {
  list-style: none;
  display: flex;
  flex-flow: row;
}

.hs_cos_wrapper_type_rich_text ul li > svg {
  flex: 0 0 20px;
  margin-right: 5px;
  margin-top: 5px;
}

.hs_cos_wrapper_type_rich_text pre {
  display: inline-block;
  overflow: hidden;
  white-space: pre-wrap;
  background-color: #3102DD;
  color: #FFFFFF;;
  border-radius: 5px;
  padding: 10px 20px;
  letter-spacing: 2.1px;
  font-size: 14px;
  text-transform: uppercase;
  box-sizing: border-box;
  font-weight: 600;
}

.hs_cos_wrapper_type_rich_text a,
p a,
.author a {
  color: #B55CF7;  
  text-decoration: underline;
  text-transform: none;
  transition: 
    color 0.25s ease-in-out,
    background-color 0.25s ease-in-out;
}

.hs_cos_wrapper_type_rich_text a:hover,
p a:hover,
.author a:hover {
  color: #00003D;
}

.hs_cos_wrapper_type_rich_text [style*='color: #ffffff'] a,
.white-color .author a {
  color: #FFFFFF;
}

.hs_cos_wrapper_type_rich_text [style*='color: #ffffff'] a:hover,
.white-color .author a:hover {
  color: #3102DD;
}

.hs_cos_wrapper_type_rich_text > *:last-child {
  margin-bottom: 0;
}

.primary-font { font-family: "Red Hat Display", sans-serif; }
.secondary-font { font-family: "Esphimere", sans-serif; }

h1:not(.primary-font), 
h2:not(.primary-font), 
h3:not(.primary-font), 
h4:not(.primary-font), 
h5:not(.primary-font), 
h6:not(.primary-font) { 
  font-family: "Esphimere", sans-serif;
  font-weight: 500;
}

body .secondary-font b, 
body .secondary-font strong,
button.secondary-font b,
button.secondary-font strong,
.button.secondary-font b,
.button.secondary-font strong,
form .hs-button.secondary-font b,
form .hs-button.secondary-font strong {
  font-weight: 500;
}



  .h1-display-display-1 h1,
  .h2-display-display-1 h2,
  .h3-display-display-1 h3,
  .h4-display-display-1 h4,
  .h5-display-display-1 h5,
  .h6-display-display-1 h6,
  .body-display-display-1 p,
  .body-display-display-1 ul,
  .body-display-display-1 blockquote {
    text-transform: none;
    font-size: px;
    line-height: px;  
    margin-bottom: px;
    letter-spacing: 1.6px;
  }

  .h1-display-display-2 h1,
  .h2-display-display-2 h2,
  .h3-display-display-2 h3,
  .h4-display-display-2 h4,
  .h5-display-display-2 h5,
  .h6-display-display-2 h6,
  .body-display-display-2 p,
  .body-display-display-2 ul,
  .body-display-display-2 blockquote {
    text-transform: none;
    font-size: px;
    line-height: px;  
    margin-bottom: px;
  }

  .h1-display-display-3 h1,
  .h2-display-display-3 h2,
  .h3-display-display-3 h3,
  .h4-display-display-3 h4,
  .h5-display-display-3 h5,
  .h6-display-display-3 h6,
  .body-display-display-3 p,
  .body-display-display-3 ul,
  .body-display-display-3 blockquote {
    text-transform: none;
    font-size: px;
    line-height: px;  
    margin-bottom: px;
  }

  .h1-display-display-4 h1,
  .h2-display-display-4 h2,
  .h3-display-display-4 h3,
  .h4-display-display-4 h4,
  .h5-display-display-4 h5,
  .h6-display-display-4 h6,
  .body-display-display-4 p,
  .body-display-display-4 ul,
  .body-display-display-4 blockquote {
    text-transform: none;
    font-size: px;
    line-height: px;  
    margin-bottom: px;
  }

  .h1-display-extra-large h1,
  .h2-display-extra-large h2,
  .h3-display-extra-large h3,
  .h4-display-extra-large h4,
  .h5-display-extra-large h5,
  .h6-display-extra-large h6,
  .body-display-extra-large p,
  .body-display-extra-large ul,
  .body-display-extra-large blockquote {
    text-transform: none;
    font-size: px;
    line-height: px;  
    margin-bottom: px;
  }

  .h1-display-large h1,
  .h2-display-large h2,
  .h3-display-large h3,
  .h4-display-large h4,
  .h5-display-large h5,
  .h6-display-large h6,
  .body-display-large p,
  .body-display-large ul,
  .body-display-large blockquote {
    text-transform: none;
    font-size: px;
    line-height: px;  
    margin-bottom: px;
  }

  .h1-display-medium h1,
  .h2-display-medium h2,
  .h3-display-medium h3,
  .h4-display-medium h4,
  .h5-display-medium h5,
  .h6-display-medium h6,
  .body-display-medium p,
  .body-display-medium ul,
  .body-display-medium blockquote {
    text-transform: none;
    font-size: px;
    line-height: px;  
    margin-bottom: px;
  }

  .h1-display-small h1,
  .h2-display-small h2,
  .h3-display-small h3,
  .h4-display-small h4,
  .h5-display-small h5,
  .h6-display-small h6,
  .body-display-small p,
  .body-display-small ul,
  .body-display-small blockquote {
    text-transform: none;
    font-size: 0.0px;
    line-height: 0.0px;  
    margin-bottom: 0.0px;
  }

  .h1-display-extra-small h1,
  .h2-display-extra-small h2,
  .h3-display-extra-small h3,
  .h4-display-extra-small h4,
  .h5-display-extra-small h5,
  .h6-display-extra-small h6,
  .body-display-extra-small p,
  .body-display-extra-small ul,
  .body-display-extra-small blockquote {
    text-transform: none;
    font-size: 0.0px;
    line-height: 0.0px;  
    margin-bottom: 0.0px;
  }
  


@media (min-width: 600px) {
  
  .h1-display-xs-display-1 h1,
  .h2-display-xs-display-1 h2,
  .h3-display-xs-display-1 h3,
  .h4-display-xs-display-1 h4,
  .h5-display-xs-display-1 h5,
  .h6-display-xs-display-1 h6,
  .body-display-xs-display-1 p,
  .body-display-xs-display-1 ul,
  .body-display-xs-display-1 blockquote {
    text-transform: none;
    font-size: 40px;
    line-height: 50px;  
    margin-bottom: 20.0px;
    letter-spacing: 1.6px;
  }

  .h1-display-xs-display-2 h1,
  .h2-display-xs-display-2 h2,
  .h3-display-xs-display-2 h3,
  .h4-display-xs-display-2 h4,
  .h5-display-xs-display-2 h5,
  .h6-display-xs-display-2 h6,
  .body-display-xs-display-2 p,
  .body-display-xs-display-2 ul,
  .body-display-xs-display-2 blockquote {
    text-transform: none;
    font-size: 32px;
    line-height: 40px;  
    margin-bottom: 18px;
  }

  .h1-display-xs-display-3 h1,
  .h2-display-xs-display-3 h2,
  .h3-display-xs-display-3 h3,
  .h4-display-xs-display-3 h4,
  .h5-display-xs-display-3 h5,
  .h6-display-xs-display-3 h6,
  .body-display-xs-display-3 p,
  .body-display-xs-display-3 ul,
  .body-display-xs-display-3 blockquote {
    text-transform: none;
    font-size: 26px;
    line-height: 32px;  
    margin-bottom: 18px;
  }

  .h1-display-xs-display-4 h1,
  .h2-display-xs-display-4 h2,
  .h3-display-xs-display-4 h3,
  .h4-display-xs-display-4 h4,
  .h5-display-xs-display-4 h5,
  .h6-display-xs-display-4 h6,
  .body-display-xs-display-4 p,
  .body-display-xs-display-4 ul,
  .body-display-xs-display-4 blockquote {
    text-transform: none;
    font-size: 24px;
    line-height: 30px;  
    margin-bottom: 18px;
  }

  .h1-display-xs-extra-large h1,
  .h2-display-xs-extra-large h2,
  .h3-display-xs-extra-large h3,
  .h4-display-xs-extra-large h4,
  .h5-display-xs-extra-large h5,
  .h6-display-xs-extra-large h6,
  .body-display-xs-extra-large p,
  .body-display-xs-extra-large ul,
  .body-display-xs-extra-large blockquote {
    text-transform: none;
    font-size: 20px;
    line-height: 26px;  
    margin-bottom: 18px;
  }

  .h1-display-xs-large h1,
  .h2-display-xs-large h2,
  .h3-display-xs-large h3,
  .h4-display-xs-large h4,
  .h5-display-xs-large h5,
  .h6-display-xs-large h6,
  .body-display-xs-large p,
  .body-display-xs-large ul,
  .body-display-xs-large blockquote {
    text-transform: none;
    font-size: 18px;
    line-height: 26px;  
    margin-bottom: 18px;
  }

  .h1-display-xs-medium h1,
  .h2-display-xs-medium h2,
  .h3-display-xs-medium h3,
  .h4-display-xs-medium h4,
  .h5-display-xs-medium h5,
  .h6-display-xs-medium h6,
  .body-display-xs-medium p,
  .body-display-xs-medium ul,
  .body-display-xs-medium blockquote {
    text-transform: none;
    font-size: 18px;
    line-height: 26px;  
    margin-bottom: 18px;
  }

  .h1-display-xs-small h1,
  .h2-display-xs-small h2,
  .h3-display-xs-small h3,
  .h4-display-xs-small h4,
  .h5-display-xs-small h5,
  .h6-display-xs-small h6,
  .body-display-xs-small p,
  .body-display-xs-small ul,
  .body-display-xs-small blockquote {
    text-transform: none;
    font-size: 15.75px;
    line-height: 22.75px;  
    margin-bottom: 15.75px;
  }

  .h1-display-xs-extra-small h1,
  .h2-display-xs-extra-small h2,
  .h3-display-xs-extra-small h3,
  .h4-display-xs-extra-small h4,
  .h5-display-xs-extra-small h5,
  .h6-display-xs-extra-small h6,
  .body-display-xs-extra-small p,
  .body-display-xs-extra-small ul,
  .body-display-xs-extra-small blockquote {
    text-transform: none;
    font-size: 13.5px;
    line-height: 19.5px;  
    margin-bottom: 13.5px;
  }
  
}



@media (min-width: 768px) {
  
  .h1-display-sm-display-1 h1,
  .h2-display-sm-display-1 h2,
  .h3-display-sm-display-1 h3,
  .h4-display-sm-display-1 h4,
  .h5-display-sm-display-1 h5,
  .h6-display-sm-display-1 h6,
  .body-display-sm-display-1 p,
  .body-display-sm-display-1 ul,
  .body-display-sm-display-1 blockquote {
    text-transform: none;
    font-size: 40px;
    line-height: 50px;  
    margin-bottom: 20.0px;
    letter-spacing: 1.6px;
  }

  .h1-display-sm-display-2 h1,
  .h2-display-sm-display-2 h2,
  .h3-display-sm-display-2 h3,
  .h4-display-sm-display-2 h4,
  .h5-display-sm-display-2 h5,
  .h6-display-sm-display-2 h6,
  .body-display-sm-display-2 p,
  .body-display-sm-display-2 ul,
  .body-display-sm-display-2 blockquote {
    text-transform: none;
    font-size: 32px;
    line-height: 40px;  
    margin-bottom: 18px;
  }

  .h1-display-sm-display-3 h1,
  .h2-display-sm-display-3 h2,
  .h3-display-sm-display-3 h3,
  .h4-display-sm-display-3 h4,
  .h5-display-sm-display-3 h5,
  .h6-display-sm-display-3 h6,
  .body-display-sm-display-3 p,
  .body-display-sm-display-3 ul,
  .body-display-sm-display-3 blockquote {
    text-transform: none;
    font-size: 28px;
    line-height: 36px;  
    margin-bottom: 18px;
  }

  .h1-display-sm-display-4 h1,
  .h2-display-sm-display-4 h2,
  .h3-display-sm-display-4 h3,
  .h4-display-sm-display-4 h4,
  .h5-display-sm-display-4 h5,
  .h6-display-sm-display-4 h6,
  .body-display-sm-display-4 p,
  .body-display-sm-display-4 ul,
  .body-display-sm-display-4 blockquote {
    text-transform: none;
    font-size: 24px;
    line-height: 30px;  
    margin-bottom: 18px;
  }

  .h1-display-sm-extra-large h1,
  .h2-display-sm-extra-large h2,
  .h3-display-sm-extra-large h3,
  .h4-display-sm-extra-large h4,
  .h5-display-sm-extra-large h5,
  .h6-display-sm-extra-large h6,
  .body-display-sm-extra-large p,
  .body-display-sm-extra-large ul,
  .body-display-sm-extra-large blockquote {
    text-transform: none;
    font-size: 22px;
    line-height: 28px;  
    margin-bottom: 18px;
  }

  .h1-display-sm-large h1,
  .h2-display-sm-large h2,
  .h3-display-sm-large h3,
  .h4-display-sm-large h4,
  .h5-display-sm-large h5,
  .h6-display-sm-large h6,
  .body-display-sm-large p,
  .body-display-sm-large ul,
  .body-display-sm-large blockquote {
    text-transform: none;
    font-size: 18px;
    line-height: 26px;  
    margin-bottom: 18px;
  }

  .h1-display-sm-medium h1,
  .h2-display-sm-medium h2,
  .h3-display-sm-medium h3,
  .h4-display-sm-medium h4,
  .h5-display-sm-medium h5,
  .h6-display-sm-medium h6,
  .body-display-sm-medium p,
  .body-display-sm-medium ul,
  .body-display-sm-medium blockquote {
    text-transform: none;
    font-size: 18px;
    line-height: 26px;  
    margin-bottom: 18px;
  }

  .h1-display-sm-small h1,
  .h2-display-sm-small h2,
  .h3-display-sm-small h3,
  .h4-display-sm-small h4,
  .h5-display-sm-small h5,
  .h6-display-sm-small h6,
  .body-display-sm-small p,
  .body-display-sm-small ul,
  .body-display-sm-small blockquote {
    text-transform: none;
    font-size: 15.75px;
    line-height: 22.75px;  
    margin-bottom: 15.75px;
  }

  .h1-display-sm-extra-small h1,
  .h2-display-sm-extra-small h2,
  .h3-display-sm-extra-small h3,
  .h4-display-sm-extra-small h4,
  .h5-display-sm-extra-small h5,
  .h6-display-sm-extra-small h6,
  .body-display-sm-extra-small p,
  .body-display-sm-extra-small ul,
  .body-display-sm-extra-small blockquote {
    text-transform: none;
    font-size: 13.5px;
    line-height: 19.5px;  
    margin-bottom: 13.5px;
  }
  
}



@media (min-width: 992px) {
  
  .h1-display-md-display-1 h1,
  .h2-display-md-display-1 h2,
  .h3-display-md-display-1 h3,
  .h4-display-md-display-1 h4,
  .h5-display-md-display-1 h5,
  .h6-display-md-display-1 h6,
  .body-display-md-display-1 p,
  .body-display-md-display-1 ul,
  .body-display-md-display-1 blockquote {
    text-transform: none;
    font-size: 64px;
    line-height: 70px;  
    margin-bottom: 32.0px;
    letter-spacing: 1.6px;
  }

  .h1-display-md-display-2 h1,
  .h2-display-md-display-2 h2,
  .h3-display-md-display-2 h3,
  .h4-display-md-display-2 h4,
  .h5-display-md-display-2 h5,
  .h6-display-md-display-2 h6,
  .body-display-md-display-2 p,
  .body-display-md-display-2 ul,
  .body-display-md-display-2 blockquote {
    text-transform: none;
    font-size: 42px;
    line-height: 54px;  
    margin-bottom: 21.0px;
  }

  .h1-display-md-display-3 h1,
  .h2-display-md-display-3 h2,
  .h3-display-md-display-3 h3,
  .h4-display-md-display-3 h4,
  .h5-display-md-display-3 h5,
  .h6-display-md-display-3 h6,
  .body-display-md-display-3 p,
  .body-display-md-display-3 ul,
  .body-display-md-display-3 blockquote {
    text-transform: none;
    font-size: 28px;
    line-height: 36px;  
    margin-bottom: 18px;
  }

  .h1-display-md-display-4 h1,
  .h2-display-md-display-4 h2,
  .h3-display-md-display-4 h3,
  .h4-display-md-display-4 h4,
  .h5-display-md-display-4 h5,
  .h6-display-md-display-4 h6,
  .body-display-md-display-4 p,
  .body-display-md-display-4 ul,
  .body-display-md-display-4 blockquote {
    text-transform: none;
    font-size: 26px;
    line-height: 32px;  
    margin-bottom: 18px;
  }

  .h1-display-md-extra-large h1,
  .h2-display-md-extra-large h2,
  .h3-display-md-extra-large h3,
  .h4-display-md-extra-large h4,
  .h5-display-md-extra-large h5,
  .h6-display-md-extra-large h6,
  .body-display-md-extra-large p,
  .body-display-md-extra-large ul,
  .body-display-md-extra-large blockquote {
    text-transform: none;
    font-size: 22px;
    line-height: 28px;  
    margin-bottom: 18px;
  }

  .h1-display-md-large h1,
  .h2-display-md-large h2,
  .h3-display-md-large h3,
  .h4-display-md-large h4,
  .h5-display-md-large h5,
  .h6-display-md-large h6,
  .body-display-md-large p,
  .body-display-md-large ul,
  .body-display-md-large blockquote {
    text-transform: none;
    font-size: 20px;
    line-height: 30px;  
    margin-bottom: 18px;
  }

  .h1-display-md-medium h1,
  .h2-display-md-medium h2,
  .h3-display-md-medium h3,
  .h4-display-md-medium h4,
  .h5-display-md-medium h5,
  .h6-display-md-medium h6,
  .body-display-md-medium p,
  .body-display-md-medium ul,
  .body-display-md-medium blockquote {
    text-transform: none;
    font-size: 18px;
    line-height: 26px;  
    margin-bottom: 18px;
  }

  .h1-display-md-small h1,
  .h2-display-md-small h2,
  .h3-display-md-small h3,
  .h4-display-md-small h4,
  .h5-display-md-small h5,
  .h6-display-md-small h6,
  .body-display-md-small p,
  .body-display-md-small ul,
  .body-display-md-small blockquote {
    text-transform: none;
    font-size: 15.75px;
    line-height: 22.75px;  
    margin-bottom: 15.75px;
  }

  .h1-display-md-extra-small h1,
  .h2-display-md-extra-small h2,
  .h3-display-md-extra-small h3,
  .h4-display-md-extra-small h4,
  .h5-display-md-extra-small h5,
  .h6-display-md-extra-small h6,
  .body-display-md-extra-small p,
  .body-display-md-extra-small ul,
  .body-display-md-extra-small blockquote {
    text-transform: none;
    font-size: 13.5px;
    line-height: 19.5px;  
    margin-bottom: 13.5px;
  }
  
}



@media (min-width: 1366px) {
  
  .h1-display-lg-display-1 h1,
  .h2-display-lg-display-1 h2,
  .h3-display-lg-display-1 h3,
  .h4-display-lg-display-1 h4,
  .h5-display-lg-display-1 h5,
  .h6-display-lg-display-1 h6,
  .body-display-lg-display-1 p,
  .body-display-lg-display-1 ul,
  .body-display-lg-display-1 blockquote {
    text-transform: none;
    font-size: 64px;
    line-height: 70px;  
    margin-bottom: 32.0px;
    letter-spacing: 1.6px;
  }

  .h1-display-lg-display-2 h1,
  .h2-display-lg-display-2 h2,
  .h3-display-lg-display-2 h3,
  .h4-display-lg-display-2 h4,
  .h5-display-lg-display-2 h5,
  .h6-display-lg-display-2 h6,
  .body-display-lg-display-2 p,
  .body-display-lg-display-2 ul,
  .body-display-lg-display-2 blockquote {
    text-transform: none;
    font-size: 42px;
    line-height: 54px;  
    margin-bottom: 21.0px;
  }

  .h1-display-lg-display-3 h1,
  .h2-display-lg-display-3 h2,
  .h3-display-lg-display-3 h3,
  .h4-display-lg-display-3 h4,
  .h5-display-lg-display-3 h5,
  .h6-display-lg-display-3 h6,
  .body-display-lg-display-3 p,
  .body-display-lg-display-3 ul,
  .body-display-lg-display-3 blockquote {
    text-transform: none;
    font-size: 32px;
    line-height: 40px;  
    margin-bottom: 18px;
  }

  .h1-display-lg-display-4 h1,
  .h2-display-lg-display-4 h2,
  .h3-display-lg-display-4 h3,
  .h4-display-lg-display-4 h4,
  .h5-display-lg-display-4 h5,
  .h6-display-lg-display-4 h6,
  .body-display-lg-display-4 p,
  .body-display-lg-display-4 ul,
  .body-display-lg-display-4 blockquote {
    text-transform: none;
    font-size: 26px;
    line-height: 32px;  
    margin-bottom: 18px;
  }

  .h1-display-lg-extra-large h1,
  .h2-display-lg-extra-large h2,
  .h3-display-lg-extra-large h3,
  .h4-display-lg-extra-large h4,
  .h5-display-lg-extra-large h5,
  .h6-display-lg-extra-large h6,
  .body-display-lg-extra-large p,
  .body-display-lg-extra-large ul,
  .body-display-lg-extra-large blockquote {
    text-transform: none;
    font-size: 24px;
    line-height: 32px;  
    margin-bottom: 18px;
  }

  .h1-display-lg-large h1,
  .h2-display-lg-large h2,
  .h3-display-lg-large h3,
  .h4-display-lg-large h4,
  .h5-display-lg-large h5,
  .h6-display-lg-large h6,
  .body-display-lg-large p,
  .body-display-lg-large ul,
  .body-display-lg-large blockquote {
    text-transform: none;
    font-size: 20px;
    line-height: 30px;  
    margin-bottom: 18px;
  }

  .h1-display-lg-medium h1,
  .h2-display-lg-medium h2,
  .h3-display-lg-medium h3,
  .h4-display-lg-medium h4,
  .h5-display-lg-medium h5,
  .h6-display-lg-medium h6,
  .body-display-lg-medium p,
  .body-display-lg-medium ul,
  .body-display-lg-medium blockquote {
    text-transform: none;
    font-size: 18px;
    line-height: 26px;  
    margin-bottom: 18px;
  }

  .h1-display-lg-small h1,
  .h2-display-lg-small h2,
  .h3-display-lg-small h3,
  .h4-display-lg-small h4,
  .h5-display-lg-small h5,
  .h6-display-lg-small h6,
  .body-display-lg-small p,
  .body-display-lg-small ul,
  .body-display-lg-small blockquote {
    text-transform: none;
    font-size: 15.75px;
    line-height: 22.75px;  
    margin-bottom: 15.75px;
  }

  .h1-display-lg-extra-small h1,
  .h2-display-lg-extra-small h2,
  .h3-display-lg-extra-small h3,
  .h4-display-lg-extra-small h4,
  .h5-display-lg-extra-small h5,
  .h6-display-lg-extra-small h6,
  .body-display-lg-extra-small p,
  .body-display-lg-extra-small ul,
  .body-display-lg-extra-small blockquote {
    text-transform: none;
    font-size: 13.5px;
    line-height: 19.5px;  
    margin-bottom: 13.5px;
  }
  
}



@media (min-width: 1620px) {
  
  .h1-display-xl-display-1 h1,
  .h2-display-xl-display-1 h2,
  .h3-display-xl-display-1 h3,
  .h4-display-xl-display-1 h4,
  .h5-display-xl-display-1 h5,
  .h6-display-xl-display-1 h6,
  .body-display-xl-display-1 p,
  .body-display-xl-display-1 ul,
  .body-display-xl-display-1 blockquote {
    text-transform: none;
    font-size: 64px;
    line-height: 70px;  
    margin-bottom: 32.0px;
    letter-spacing: 1.6px;
  }

  .h1-display-xl-display-2 h1,
  .h2-display-xl-display-2 h2,
  .h3-display-xl-display-2 h3,
  .h4-display-xl-display-2 h4,
  .h5-display-xl-display-2 h5,
  .h6-display-xl-display-2 h6,
  .body-display-xl-display-2 p,
  .body-display-xl-display-2 ul,
  .body-display-xl-display-2 blockquote {
    text-transform: none;
    font-size: 42px;
    line-height: 54px;  
    margin-bottom: 21.0px;
  }

  .h1-display-xl-display-3 h1,
  .h2-display-xl-display-3 h2,
  .h3-display-xl-display-3 h3,
  .h4-display-xl-display-3 h4,
  .h5-display-xl-display-3 h5,
  .h6-display-xl-display-3 h6,
  .body-display-xl-display-3 p,
  .body-display-xl-display-3 ul,
  .body-display-xl-display-3 blockquote {
    text-transform: none;
    font-size: 32px;
    line-height: 40px;  
    margin-bottom: 18px;
  }

  .h1-display-xl-display-4 h1,
  .h2-display-xl-display-4 h2,
  .h3-display-xl-display-4 h3,
  .h4-display-xl-display-4 h4,
  .h5-display-xl-display-4 h5,
  .h6-display-xl-display-4 h6,
  .body-display-xl-display-4 p,
  .body-display-xl-display-4 ul,
  .body-display-xl-display-4 blockquote {
    text-transform: none;
    font-size: 28px;
    line-height: 36px;  
    margin-bottom: 18px;
  }

  .h1-display-xl-extra-large h1,
  .h2-display-xl-extra-large h2,
  .h3-display-xl-extra-large h3,
  .h4-display-xl-extra-large h4,
  .h5-display-xl-extra-large h5,
  .h6-display-xl-extra-large h6,
  .body-display-xl-extra-large p,
  .body-display-xl-extra-large ul,
  .body-display-xl-extra-large blockquote {
    text-transform: none;
    font-size: 24px;
    line-height: 32px;  
    margin-bottom: 18px;
  }

  .h1-display-xl-large h1,
  .h2-display-xl-large h2,
  .h3-display-xl-large h3,
  .h4-display-xl-large h4,
  .h5-display-xl-large h5,
  .h6-display-xl-large h6,
  .body-display-xl-large p,
  .body-display-xl-large ul,
  .body-display-xl-large blockquote {
    text-transform: none;
    font-size: 20px;
    line-height: 30px;  
    margin-bottom: 18px;
  }

  .h1-display-xl-medium h1,
  .h2-display-xl-medium h2,
  .h3-display-xl-medium h3,
  .h4-display-xl-medium h4,
  .h5-display-xl-medium h5,
  .h6-display-xl-medium h6,
  .body-display-xl-medium p,
  .body-display-xl-medium ul,
  .body-display-xl-medium blockquote {
    text-transform: none;
    font-size: 18px;
    line-height: 26px;  
    margin-bottom: 18px;
  }

  .h1-display-xl-small h1,
  .h2-display-xl-small h2,
  .h3-display-xl-small h3,
  .h4-display-xl-small h4,
  .h5-display-xl-small h5,
  .h6-display-xl-small h6,
  .body-display-xl-small p,
  .body-display-xl-small ul,
  .body-display-xl-small blockquote {
    text-transform: none;
    font-size: 15.75px;
    line-height: 22.75px;  
    margin-bottom: 15.75px;
  }

  .h1-display-xl-extra-small h1,
  .h2-display-xl-extra-small h2,
  .h3-display-xl-extra-small h3,
  .h4-display-xl-extra-small h4,
  .h5-display-xl-extra-small h5,
  .h6-display-xl-extra-small h6,
  .body-display-xl-extra-small p,
  .body-display-xl-extra-small ul,
  .body-display-xl-extra-small blockquote {
    text-transform: none;
    font-size: 13.5px;
    line-height: 19.5px;  
    margin-bottom: 13.5px;
  }
  
}



.custom-rich-text--column-lists ol,
.custom-rich-text--column-lists ul {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: 0;
  margin-left: -15px;
  margin-right: -15px;
}

.custom-rich-text--column-lists ol li,
.custom-rich-text--column-lists ul li {
  flex: 0 0 100%;
  width: 100%;
  padding-left: 40px;
  padding-right: 20px;
  margin-bottom: 10px;
  list-style: none;
  position: relative;
}

.custom-rich-text--column-lists ol li > svg:first-child, 
.custom-rich-text--column-lists ul li > svg:first-child {
  position: absolute;
  left: 15px;
  top: 5px;
}

@media (min-width: 991px) {
  .custom-rich-text--column-lists ol li,
  .custom-rich-text--column-lists ul li {
    flex: 0 0 50%;
    width: 50%;
  }
}




 

 

 

 

 



button,
.button,
form .hs-button,
form input[type="submit"] {
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-family: "Red Hat Display", sans-serif;
  padding-top: 12px;
padding-right: 26px;
padding-bottom: 12px;
padding-left: 26px;

  border-radius: 50px;
  text-transform: none; 
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  white-space: normal;
  font-weight: 500;
  color: #FFFFFF;
  background-color: #37D6AE ;background: linear-gradient(121deg, rgba(49, 2, 221, 1) 0% , rgba(181, 92, 247, 1) 50%, rgba(55, 214, 174, 1) 100%);
  background-color: #00003D;
  transition: opacity 0.25s ease-in-out,
    color 0.25s ease-in-out,
    background-color 0.25s ease-in-out,
    border-color 0.25s ease-in-out;
}

button.gradient-border-color, 
.button.gradient-border-color {
  border-width: 0;
}

button:not(.d-flex),
.button:not(.d-flex),
form .hs-button:not(.d-flex),
form input[type="submit"]:not(.d-flex) {
  display: inline-block;
}


button:before,
.button:before,
form .hs-button:before,
form input[type="submit"]:before {
  content: '';
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background-color: #00003D;
  border-radius: 50px;  
  transition: opacity 0.25s ease-in-out,
    color 0.25s ease-in-out,
    background 0.25s ease-in-out,
    border 0.25s ease-in-out;
}

button:hover:before,
.button:hover:before,
form .hs-button:hover:before,
form input[type="submit"]:hover:before {
  width: 100%;
  height: 100%;
  background-color: #37D6AE ;background: linear-gradient(121deg, rgba(49, 2, 221, 1) 0% , rgba(181, 92, 247, 1) 50%, rgba(55, 214, 174, 1) 100%);
  transition: opacity 0.25s ease-in-out,
    color 0.25s ease-in-out,
    background 0.25s ease-in-out,
    border 0.25s ease-in-out;
}


.button .button__icon {
  width: 54px;
  min-width: 54px;
  height: 54px;
  padding: 10px;
  border-radius: 54px;
  z-index: 2;
  position: relative;
  background-color: #37D6AE ;background: linear-gradient(121deg, rgba(49, 2, 221, 1) 0% , rgba(181, 92, 247, 1) 50%, rgba(55, 214, 174, 1) 100%);
}

.button .button__icon:before {
  content: '';
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background-color: #00003D;
  border-radius: 50px;  
}

.button:hover .button__icon:before {
  width: 100%;
  height: 100%;
  background-color: #37D6AE ;background: linear-gradient(121deg, rgba(49, 2, 221, 1) 0% , rgba(181, 92, 247, 1) 50%, rgba(55, 214, 174, 1) 100%);
  transition: opacity 0.25s ease-in-out,
    color 0.25s ease-in-out,
    background 0.25s ease-in-out,
    border 0.25s ease-in-out;
}

button.pt-0,
.button.pt-0 {
  padding-top: 0;
}

button.pb-0,
.button.pb-0 {
  padding-bottom: 0;
}

button.ps-0,
.button.ps-0 {
  padding-left: 0;
}

button.pe-0,
.button.pe-0 {
  padding-right: 0;
}

button.ps-0.pe-0,
.button.ps-0.pe-0, 
button.ps-0.pe-0:hover,
.button.ps-0.pe-0:hover,
button.ps-0.pe-0:before,
.button.ps-0.pe-0:before, 
button.ps-0.pe-0:hover:before,
.button.ps-0.pe-0:hover:before {
  background: none;
  border-radius: 0;
}

button:hover,
.button:hover,
form .hs-button:hover,
form input[type="submit"]:hover {
  color: #FFFFFF;
  background-color: #37D6AE ;background: linear-gradient(96deg, rgba(49, 2, 221, 1) 0% , rgba(181, 92, 247, 1) 50%, rgba(55, 214, 174, 1) 100%);
  background-color: #37D6AE ;background: linear-gradient(96deg, rgba(49, 2, 221, 1) 0% , rgba(181, 92, 247, 1) 50%, rgba(55, 214, 174, 1) 100%);
}

button:not([class*="-toggle"]) svg path,
.button svg path,
form .hs-button svg path,
form input[type="submit"] svg path {
  fill: #FFFFFF;
}

button:not([class*="-toggle"]):hover svg path,
.button:hover svg path,
form .hs-button:hover svg path,
form input[type="submit"]:hover svg path {
  fill: #FFFFFF;
}

button.outline,
.button.outline,
button[class*="-toggle"] {
  background-color: transparent;
}

button.inline,
.button.inline {
  border: none;
  background-color: transparent;
  padding: 0;
}

button.inline:hover,
.button.inline:hover {
  border: none;
  background-color: transparent;
}

button.button--small,
.button.button--small {
  
  
  padding: 6.0px  13.0px  6.0px  13.0px ;
  
  
  
  
}

button.button--big,
.button.button--big {
  
  
  padding: 24px  52px  24px  52px ;
  
  
  
  
}

.button-square {
  padding: 10px;
}

button.arrow,
.button.arrow {    
  display: flex;
  flex-flow: row;
  align-items: center;
}

button svg,
.button svg {
  max-width: 1.6rem;
  width: 100%;
  transition: transform 0.25s ease-in-out;
}

.button.button--with-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.button__arrow {
  margin-left: 1rem;
}

.button__arrow.button__arrow--top {
  transform: rotate(180deg);
}

.button__arrow.button__arrow--bottom {
  transform: rotate(0deg);
}

.button__arrow.button__arrow--left {
  transform: rotate(90deg);
}

.button__arrow.button__arrow--right {
  transform: rotate(-90deg);
}

.button--arrow-left svg {
  transform: scale(-1);
}

button.button--arrow-left:hover svg,
.button.button--arrow-left:hover svg {
  transform: scale(-1) translateX(0.5rem);
}

.button--arrow-top svg {
  transform: rotate(-90deg);
}

button.button--arrow-top:hover svg,
.button.button--arrow-top:hover svg {
  transform: rotate(-90deg) translateX(0.25rem);
}

.button--arrow-bottom svg {
  transform: rotate(90deg);
}

button.button--arrow-bottom:hover svg,
.button.button--arrow-bottom:hover svg {
  transform: rotate(90deg) translateX(0.25rem);
}

.button--icon {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}

.button--icon-left {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
}

button.default-color,
.button.default-color {
  color: #FFFFFF;
}

button.default-hover-color:hover,
.button.default-hover-color:hover {
  color: #FFFFFF;
}

button.default-color svg path,
.button.default-color svg path {
  fill: #FFFFFF;
}

button.default-hover-color:hover svg path,
.button.default-hover-color:hover svg path {
  fill: #FFFFFF;
}

button.default-border-color,
.button.default-border-color {
  background-color: #37D6AE ;background: linear-gradient(96deg, rgba(49, 2, 221, 1) 0% , rgba(181, 92, 247, 1) 50%, rgba(55, 214, 174, 1) 100%);
}

button.default-hover-border-color:hover,
.button.default-hover-border-color:hover {
  background-color: #37D6AE ;background: linear-gradient(96deg, rgba(49, 2, 221, 1) 0% , rgba(181, 92, 247, 1) 50%, rgba(55, 214, 174, 1) 100%);
}

button.default-bg, 
.button.default-bg  {
  background-color: #00003D;
}

button.default-hover-bg:hover, 
.button.default-hover-bg:hover  {
  background-color: #37D6AE ;background: linear-gradient(96deg, rgba(49, 2, 221, 1) 0% , rgba(181, 92, 247, 1) 50%, rgba(55, 214, 174, 1) 100%);
}

.button.fw + .button,
.button.fw + button,
button.fw + button,
button.fw + .button {
  margin-top: 10px;
}

.button.iw + .button,
.button.iw + button,
button.iw + button,
button.iw + .button {
  margin-top: 0;
  margin-left: 10px;
}

 
@media (min-width: 600px) {
  .button.fw-xs + .button,
  .button.fw-xs + button,
  button.fw-xs + button,
  button.fw-xs + .button {
    margin-top: 10px;
  }

  .button.iw-xs + .button,
  .button.iw-xs + button,
  button.iw-xs + button,
  button.iw-xs + .button {
    margin-top: 0;
    margin-left: 10px;
  }
}
 
@media (min-width: 1620px) {
  .button.fw-xl + .button,
  .button.fw-xl + button,
  button.fw-xl + button,
  button.fw-xl + .button {
    margin-top: 10px;
  }

  .button.iw-xl + .button,
  .button.iw-xl + button,
  button.iw-xl + button,
  button.iw-xl + .button {
    margin-top: 0;
    margin-left: 10px;
  }
}
 
@media (min-width: 768px) {
  .button.fw-sm + .button,
  .button.fw-sm + button,
  button.fw-sm + button,
  button.fw-sm + .button {
    margin-top: 10px;
  }

  .button.iw-sm + .button,
  .button.iw-sm + button,
  button.iw-sm + button,
  button.iw-sm + .button {
    margin-top: 0;
    margin-left: 10px;
  }
}
 
@media (min-width: 992px) {
  .button.fw-md + .button,
  .button.fw-md + button,
  button.fw-md + button,
  button.fw-md + .button {
    margin-top: 10px;
  }

  .button.iw-md + .button,
  .button.iw-md + button,
  button.iw-md + button,
  button.iw-md + .button {
    margin-top: 0;
    margin-left: 10px;
  }
}
 
@media (min-width: 1366px) {
  .button.fw-lg + .button,
  .button.fw-lg + button,
  button.fw-lg + button,
  button.fw-lg + .button {
    margin-top: 10px;
  }

  .button.iw-lg + .button,
  .button.iw-lg + button,
  button.iw-lg + button,
  button.iw-lg + .button {
    margin-top: 0;
    margin-left: 10px;
  }
}



form {
  margin-left: -25.0px;    
  margin-right: -25.0px;
}

.hs_cos_wrapper_type_form,
.custom-form {
  width: 100%;
  display: inline-block;
  border-radius: 20px;background-color: #00003D;}

.hs_cos_wrapper_type_form,
.custom-form:not(.custom-form--no-padding) {
  padding: 26.0px 32.0px;
}

@media (min-width: 992px) {
  .hs_cos_wrapper_type_form,
  .custom-form:not(.custom-form--no-padding) {
    padding: 52px 64px;
  }
}

form fieldset {
  min-width: 100%;
  display: flex;
  flex-flow: row wrap;
}

form .hs-form-field.hs_recaptcha {
  display: none;
}

form .legal-consent-container,
form .hs-form-field,
form .form-input-validation-message,
.system-page .hs-membership-loader,
.system-page form > div, 
.system-page form > strong,
form .hs-submit {
  padding-left: 25.0px;    
  padding-right: 25.0px;
}

form .hs-button,
form input[type="submit"],
.hs-search-field form button {
  background-color: #253543;
  border: 1px solid #253543;
  color: #23496d;
  margin-bottom: 0;
  pointer-events: initial;
}

form .hs-button:hover,
form input[type="submit"]:hover,
.hs-search-field form button:hover {
  background-color: #3102DD;
  border: 1px solid #3102DD;
  color: #FFFFFF;
}

form > .hs-button {
  margin-left: 25.0px;    
  margin-right: 25.0px;
}

@media (min-width: 600px) {
  form .form-columns-2 .hs-form-field {
    min-width: 50%;
  }

  form .form-columns-3 .hs-form-field {
    min-width: 33.333333%;
  }
}

@media (min-width: 768px) {
  form {
    margin-left: -12.5px;    
    margin-right: -12.5px;
  }

  form .legal-consent-container,
  form .hs-form-field,
  form .form-input-validation-message,
  .system-page .hs-membership-loader,
  .system-page form > div, 
  form .hs-submit,
  .system-page form > strong,{
    padding-left: 12.5px;
    padding-right: 12.5px;
  }

  form > .hs-button {
    margin-left: 12.5px;    
    margin-right: 12.5px;
  }
}

form h1, 
form h2, 
form h3,
form h4,
form h5,
form h6,
.form-title{
  color: #FFFFFF;
}


form .hs-form-field {
  box-sizing: border-box;
  min-width: 100%;
  width: 100%;
  position: relative;
  float: none;
  margin-bottom: 18px;
}

form .legal-consent-container .hs-form-field {
  padding-left: 0;  
  padding-right: 0;
}

.hs-form-field ::placeholder {
  color: #6c6b8d;
}

form label,
form .legal-consent-container,
form .legal-consent-container p,
form .legal-consent-container div,
form .legal-consent-container span,
.system-page .fakelabel {
  color: #FFFFFF;
  display: block;
}

.system-page .fakelabel {
  margin-bottom: 0;
}

.system-page .fakelabel input {
  top: calc(5px / 2);
}

form legend {
  color: #FFFFFF;
  display: block;
}

form label + .input input:not([type=checkbox]):not([type=radio]),
form legend + .input input:not([type=checkbox]):not([type=radio]),
form label ~ input:not([type=checkbox]):not([type=radio]),
form legend ~ input:not([type=checkbox]):not([type=radio]),
form label + .input select,
form legend + .input select,
form label ~ select,
form legend ~ select,
form label + .input textarea,
form legend + .input textarea,
form label ~ textarea,
form legend ~ textarea,
form .hs-form-field .hs-dateinput {
  margin-top: 18px;
}

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  outline: none;
  color: #FFFFFF;
  background-color: #37D6AE ;background: linear-gradient(121deg, rgba(49, 2, 221, 0.2) 0% , rgba(181, 92, 247, 0.2) 50%, rgba(55, 214, 174, 0.2) 100%);
  box-sizing: border-box;
  border-radius: 10px;
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color: #00003D;
  padding: 10px;

  transition: border-color 0.25s ease-in-out;
}

form select option {
  color: #253543;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus,
form input[type=text]:focus-within,
form input[type=email]:focus-within,
form input[type=password]:focus-within,
form input[type=tel]:focus-within,
form input[type=number]:focus-within,
form input[type=file]:focus-within,
form select:focus-within,
form textarea:focus-within,
form input[type=text].focus-visible,
form input[type=email].focus-visible,
form input[type=password].focus-visible,
form input[type=tel].focus-visible,
form input[type=number].focus-visible,
form input[type=file].focus-visible,
form select.focus-visible,
form textarea.focus-visible {
  border-color: #3102DD;
}

form .hs-form-radio-display,
form .hs-form-booleancheckbox-display {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}

form input[type="radio"],
form input[type="checkbox"] {
  width: 18px;
  min-width: 18px;
  height: 18px;
  display: inline-block;
  -webkit-appearance: none;
  margin: 0;
  appearance: none;
  background-color: #FFFFFF;
  border: 1px solid ;
  transition: box-shadow 0.25s ease-in-out;
  margin-right: 10px;
  position: relative;
  top: calc(5px / 2);
}

form input[type="radio"] ~ span,
form input[type="checkbox"] ~ span,
form input[type="radio"] ~ p,
form input[type="checkbox"] ~ p {
  
}

form input[type="radio"] + label, form input[type="checkbox"] + label {
  display: inline-block;
}

form input[type="radio"]:checked,
form input[type="checkbox"]:checked {
  box-shadow: inset 0 0 0 calc(18px / 5) #FFFFFF;
  background-color: #3102DD;
  border: 1px solid #3102DD;
}

form input[type="radio"]:active,
form input[type="checkbox"]:active {
  box-shadow: inset 0 0 0 calc(18px / 5) #FFFFFF;
  background-color: #3102DD;
  border: 1px solid #3102DD;
}

form input[type="radio"] {
  border-radius: 50%;
}

form input[disabled] {
  background-color: #6c6b8d;
  color: #6c6b8d;
}

form .hs-form-field > .input {
  margin: 0;
  width: 100%;
}

form .hs-form-field .hs-dateinput {
  position: relative;
}

form .hs-form-field .hs-dateinput input:not([type=checkbox]):not([type=radio]){
  margin-top: 0;
}

form .hs-form-field .hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  top: 50%;
  right: 0;
  width: calc(5px * 8);
  transform: translateY(-50%);
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.fn-date-picker .pika-table thead th {
  color: #FFFFFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0;
  color: #FFFFFF;
}

form .hs-richtext img {
  max-width: 100%;
}

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 0;
}

.hs-form-required {
  color: #B55CF7;
}

.hs-input.invalid.error {
  border-color: #B55CF7;
}

form .hs-error-msg,
form .hs-error-msgs,
form .hs-error-msg label,
form .hs-error-msgs label {
  color: #B55CF7;
  margin-top: 5px;
}

main .hs-common-confirm-message {
  color: #EEEEEE;
  background-color: transparent;
  border: none;
  padding: 0;
  font-weight: 600;
  font-size: inherit;
  line-height: inherit;
  margin-top: 18px;
  margin-bottom: 18px;
  text-align: center;
}

form input[type="submit"],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

.grecaptcha-badge {
  margin: 0 auto;
}

.hs-search-field form {
  margin-left: 0;
  margin-right: 0;
  position: relative;
  display: flex;
  flex-flow: row wrap;
}

.hs-search-field form label {
  flex: 0 0 100%;
  margin-bottom: 10px;
}

.hs-search-field form label ~ input:not([type=checkbox]):not([type=radio]) {
  margin-top: 0;
}

.hs-search-field form input,
.hs-search-field form button {
  flex: 1 1 auto;
  min-width: initial;
  max-width: initial;
  width: initial;
  border-radius: 60px;
}

.hs-search-field form input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.hs-search-field form button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  max-width:60px;
  padding: 5px 10px 5px 5px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.hs-search-field form button svg {
  height: 50%;
  transform: initial;
}

.hs-search-field .dnd-row {
  width: 100%;
}

.system-page form {
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.system-page #hs_cos_wrapper_subscription_preferences_email_subscriptions {
  text-align: center;
}

.system-page #hs_cos_wrapper_subscription_preferences_email_subscriptions .header {
  background: transparent;
  border-bottom: none;
  box-shadow: none;
  padding: 0;
  margin-top: 1rem;
}

.system-page form a#hs_login_reset {
  margin-bottom: 25.0px;
  display: inline-block;
  font-family: "Red Hat Display", sans-serif;
  padding-top: 12px;
padding-right: 26px;
padding-bottom: 12px;
padding-left: 26px;

  border-radius: 50px;
  text-transform: none;
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  white-space: nowrap;
  transition: opacity 0.25s ease-in-out,
    color 0.25s ease-in-out,
    background-color 0.25s ease-in-out,
    border-color 0.25s ease-in-out;
  width: calc(100% - 50px);
  color: #253543;
  background-color: #6c6b8d;
  border: 1px solid #6c6b8d;
}

.system-page form > input[type='submit'] {
  width: 100%;
  margin: 0;
}

form[action*="login"] .hs-membership-loader,
.system-page form[action*="login"] .hs-membership-loader.hs-submit {
  padding-bottom: 0;
}

.system-page .hs-membership-loader .hs-button {
  width: 100%;
}

form[action*="login"] .hs-membership-loader {
  
  
  padding-bottom: calc( (6.0px * 2) +  (13.0px * 2) +  (6.0px * 2) +  (13.0px * 2));
  
  
  
  
}


table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
  
  border-width: 0px 0px 0px 0px;
  
  border-style: solid;
  border-radius: 0px;
  background-color: #FFFFFF;
  border-color: #6c6b8d;
  overflow: hidden;
}

td,
th {
  vertical-align: top;
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color: #6c6b8d;
  padding: 18px;

  color: #00003D;
}

thead th {
  vertical-align: bottom;
  background-color: #23496d;
  color: #253543;
}

thead > tr:first-child > th:first-child {
  border-top-left-radius: 0px;
}

thead > tr:first-child > th:last-child {
  border-top-right-radius: 0px;
}

tfoot td {
  background-color: #FFFFFF;
  color: #00003D;
}

tfoot > tr:last-child > td:first-child {
  border-bottom-left-radius: 0px;
}

tfoot > tr:last-child > td:last-child {
  border-bottom-right-radius: 0px;
}

table.line-items__table {
  box-shadow: inset 0 -2px 0 0px #6c6b8d;
  border-radius: 0;
  margin-bottom: 0;
  border: none;
}

table.line-items__table tr, 
table.line-items__table tr td, 
table.line-items__table thead tr th {
  border-top: none;
  box-shadow: none;
  border-left: none;
  border-right: none;
  background-color: transparent;
}

table.line-items__table thead th,
table.line-items__table tr td {
  text-align: left;
}

table.line-items__table thead > tr > th,
table.line-items__table tr > td {
  text-align: center;
  vertical-align: top;
  width: 20%;
}

table.line-items__table thead > tr > th:last-child,
table.line-items__table tr > td:last-child {
  text-align: right;
  padding-right: 0;
}

table.line-items__table thead > tr > th:first-child,
table.line-items__table tr > td:first-child {
  text-align: left;
  min-width: 120px;
  padding-left: 0;
}

table.line-items__table thead > tr:first-child > th:first-child {
  border-bottom-left-radius: 0px;
}

table.line-items__table thead > tr:first-child > th:last-child {
  border-bottom-right-radius: 0px;
}

.line-items__totals .totals__row .dotted__row {
  flex-shrink: 1;
  border-bottom: 1px dotted #6c6b8d;
  width: 100%;
  height: 100%;
  margin: 13px 12px 7px;
}

.line-items__totals .totals__row div {
  white-space: nowrap;
}


[data-global-resource-path*='header'] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4;
  transition:
    opacity 0.25s ease-in-out;
}

body.popup-open [data-global-resource-path*="header"] {
  opacity: 0;
  pointer-events: none;
}

.header .widget-span > .dnd-section > .row-fluid {
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
}

.header:not(.header--transparent),
.header.header--transparent.scrolled {
  border-bottom: 1px solid;
  background-color: #FFFFFF;
  border-color: #F2F5F8;
}

.header.header--no-navigation .widget-span > .dnd-section > .row-fluid > .dnd-column:first-child + .dnd-column {
  margin-left: auto;
}

.header {
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0);
  transition:
    box-shadow 0.25s ease-in-out,
    background-color 0.25s ease-in-out;
  padding-top: 52px;
  padding-bottom: 52px;
}


.header.scrolled {
  padding-top: 26.0px;
  padding-bottom: 26.0px;
}

.header:not(.scrolled) .widget-type-logo {
  max-width: 300px;
}

.header.scrolled .widget-type-logo {
  max-width: 150px;
}


.header::-webkit-scrollbar {
  display: none;
}

.header .widget-type-logo {
  padding-top: ;
  padding-bottom: ;
}

.header .hs-menu-wrapper ul li a {
  display: block;
  color: #253543;
  padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

}

.header .hs-menu-wrapper ul li a:hover {
  color: #3102DD;
}

.header .hs-menu-wrapper ul.hs-menu-children-wrapper {
  background-color: #FFFFFF;
}

.header .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
  color: #253543;
  padding-top: 15px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;

}

.header .hs-menu-wrapper ul.hs-menu-children-wrapper li a:hover {
  color: #3102DD;
}

.header .hs-menu-wrapper  ul  li.hs-menu-item.active-branch > a {
  position: relative;
  color: #3102DD;
  
}

.header .hs-menu-wrapper > ul > li.hs-menu-item.active-branch > a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 5px;
  height: 5px;
  background-color: currentColor;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .header .hs-menu-wrapper ul li a {
    padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

  }

  .header .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    padding-top: 15px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;

  }
}

@media (min-width: 992px) {
  .header .hs-menu-wrapper ul li a {
    padding: 10px;

  }

  .header .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    padding-top: 15px;
padding-right: 25px;
padding-bottom: 15px;
padding-left: 25px;

  }

  .header .hs-menu-wrapper .hs-menu-children-wrapper > li:not(:first-child) > a {
    padding-top: 0;
  }

  .header .header-menu .header-menu__language-switcher > ul > li > a {
    padding-right: 0;
  }
  
  .header .widget-span > .dnd-section > .row-fluid {
    flex-flow: row wrap;
  }
}

@media (min-width: 1366px) {
  .header .hs-menu-wrapper ul li a {
    padding-top: 10px;
padding-right: 25px;
padding-bottom: 10px;
padding-left: 25px;

  }

  .header .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    padding-top: 15px;
padding-right: 25px;
padding-bottom: 15px;
padding-left: 25px;

  }
}

@media (min-width: 1620px) {
  .header .hs-menu-wrapper ul li a {
    padding-top: 10px;
padding-right: 25px;
padding-bottom: 10px;
padding-left: 25px;

  }

  .header .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    padding-top: 15px;
padding-right: 25px;
padding-bottom: 15px;
padding-left: 25px;

  }
}

.header .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
  
}

.header .hs-menu-wrapper .hs-item-has-children > a {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}

.header .widget-span > .dnd-section > .row-fluid > [class*='span'] {
  flex: 0 0 auto;
  width: auto;
}

.header .header-menu .header-menu__toggle {
  max-width: 30px;
  width: 30px;
  cursor: pointer;
  transition: transform 0.25s ease-in-out;
}

.header .header-menu .header-menu__toggle svg {
  display: block;
  max-height: 100%;
  margin: auto;
}

.header .header-menu__language-switcher > ul > .hs-item-has-children > a:after {
  content: '';
  display: inline-block;
  height: 0;
  width: 0;
  border-top: 5px solid #253543;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  margin-left: 5px;
  transition: border 0.25s ease-in-out;
}

.header .header-menu__language-switcher > ul > .hs-item-has-children > a:hover:after {
  border-top: 5px solid;
  border-color: #3102DD;
}

.header .header-menu__search-toggle,
.header .header-menu .header-menu__search .hs-search-field__suggestions {
  display: none;
}

.header .header-menu__search-toggle:hover svg {
  transform: initial;
}

@media (min-width: 768px) {
  .header {
    overflow: initial;
  }
}

@media (max-width: 991px) {
  .header .header-menu .header-menu__container {
    padding-top: 100px;
    display: flex;
    flex-flow: column;
    align-items: stretch;
    justify-content: flex-start;
    position: fixed;
    top: 100%;
    right: 0%;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    pointer-events: none;
    z-index: -1;
    transition: top 0.5s ease-in-out;
  }

  .header .hs-menu-wrapper > ul > li.hs-menu-item.active-branch > a:after {
    display: none;
  }

  .header .header-menu .hs-menu-wrapper ul li a {
    width: 100%;
  }

  .header .header-menu .header-menu__menu {
    margin-bottom: auto;
  }

  .header .header-menu.open .header-menu__container {
    top: 0%;
    pointer-events: auto;
  }

  .header .header-menu.open .header-menu__toggle {
    transform: rotate(90deg);
  }

  .header .header-menu__buttons {
    order: 1;
  }

  .header .header-menu__language-switcher {
    order: 1;
  }

  .header .header-toggle {
    top: calc((5px * 4) * 1.2);
    right: 25.0px;
    width: calc((5px * 6) * 1.2);
    height: calc((5px * 4) * 1.2);
    cursor: pointer;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    margin-left: auto;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    border: none;
  }

  .header .header-toggle span {
    border-radius: 10px;
    width: 100%;
    height: 2px;
    background-color: #253543;
    display: block;
    transform: translateX(0%);
    opacity: 1;
    transition:
      transform 0.25s ease-in-out,
      background-color 0.25s ease-in-out,
      opacity 0.25s ease-in-out;
  }

  .header .header-toggle:hover span {
    background-color: #3102DD;
  }

  .hs-menu-wrapper > ul > li {
    width: 100%;
  }

  .header .header-menu .header-menu__search [class*="span"] {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 992px) {
  .header .hs-menu-wrapper > ul > li:not(:first-child) > a,
  .header .header-menu .header-menu__language-switcher > ul > li > a {
    margin-left: 15px;
  }

  .header .header-toggle {
    display: none;
  }

  .header:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(37, 53, 67, 0.75);
    opacity: 0;
    pointer-events: none;
    user-select: none;
    z-index: -1;
    transition: opacity 0.25s ease-in-out;
  }

  .header .header-menu__search {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    padding-top: 15vw;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%);
    background-color: rgba(37, 53, 67, .95);
    transition: none;
    z-index: -1;
  }

  .header .header-menu .header-menu__search.hs-search-field form label {
    margin-bottom: 20px;
  }

  .header .header-menu .header-menu__search .hs-search-field__suggestions {
    display: block;
    background-color: #FFFFFF;
    border-radius: 10px;
    border: none;
    margin-top: 20px;
  }

  .header .header-menu .header-menu__search .hs-search-field__suggestions #results-for,
  .header .header-menu .header-menu__search .hs-search-field__suggestions li a {
    padding: 10px;
  }

  .header .header-menu.search-open .header-menu__search-toggle:not(:hover) svg path {
    color: #FFFFFF;
    fill: #FFFFFF;
  }

  .header .header-menu.search-open .header-menu__search {
    opacity: 1;
    pointer-events: initial;
    transition: opacity 0.25s ease-in-out;
  }

  .header .header-menu__search-toggle {
    display: inline-block;
  }
}


.hs-menu-wrapper > ul {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
  flex-flow: row wrap;
}

.hs-menu-wrapper ul > li.hs-item-has-children {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

.hs-menu-wrapper .hs-menu-children-toggle {
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 5;
}

.hs-menu-wrapper ul > li.hs-item-has-children > a > .hs-menu-children-toggle {
  transform: rotate(0);
  transition: transform 0.25s ease-in-out;
}

.hs-menu-wrapper ul > li.hs-item-has-children:hover > a > .hs-menu-children-toggle {
  transform: rotate(180deg);
}

.hs-menu-wrapper ul > li.hs-item-has-children .hs-menu-children-wrapper {
  order: 2;
  min-width: 100%;
  width: auto;
}

.hs-menu-wrapper .hs-item-has-children.open > .hs-menu-children-wrapper, 
.hs-menu-wrapper .hs-item-has-children.open:active > .hs-menu-children-wrapper {
  max-height: 100%;
}

.hs-menu-wrapper ul li a {
  display: block;
  color: #253543;
  padding: 25px;

}

.hs-menu-wrapper ul li a:hover {
  color: #3102DD;
}

.hs-menu-wrapper ul li a:active {
  color: #3102DD;
}

.hs-menu-wrapper ul.hs-menu-children-wrapper li a {
  color: #253543;
}

.hs-menu-wrapper ul.hs-menu-children-wrapper li a:hover {
  color: #3102DD;
}

.hs-menu-wrapper ul.hs-menu-children-wrapper {
  background-color: #FFFFFF;
}

.hs-menu-wrapper ul.hs-menu-children-wrapper li a {
  padding-top: 5px;
padding-right: 25px;
padding-bottom: 5px;
padding-left: 25px;

}

.hs-menu-wrapper .hs-item-has-children > .hs-menu-children-wrapper,
.hs-menu-wrapper .hs-item-has-children:active > .hs-menu-children-wrapper {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease-in-out;
  background-color: #FFFFFF;
}

.hs-menu-wrapper > ul > li.hs-item-has-children {
  position: relative;
  z-index: 1;
}

.hs-menu-wrapper ul li a {
  white-space: nowrap;
}

.hs-menu-wrapper .hs-menu-children-wrapper li a {
  color: #253543;
  transition: color 0.25s ease-in-out;
}

.hs-menu-wrapper .hs-menu-children-wrapper li a:hover {
  color: #3102DD;
}

.hs-menu-wrapper .hs-item-has-children > .hs-menu-children-wrapper::-webkit-scrollbar {
  display: none;
}

@media (min-width: 768px) {
  .hs-menu-wrapper__submenu {
    background-color: #FFFFFF;
  }

  .hs-menu-wrapper__submenu--level-2 > .hs-menu-wrapper__item:first-child:before {
    background-color: #FFFFFF;
  }

  .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    padding-top: 5px;
padding-right: 25px;
padding-bottom: 5px;
padding-left: 25px;

  }
}

@media (max-width: 991px) {
  .hs-menu-wrapper .hs-menu-children-toggle:before,
  .hs-menu-wrapper .hs-menu-children-toggle:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 100%;
    border-radius: 5px;
    transform: translate(-50%, -50%);
    background-color: #253543;
    transition: background-color 0.25s ease-in-out;
  }

  .hs-menu-wrapper .hs-menu-children-toggle:after {
    height: 5px;
    width: 100%;
  }

  .hs-menu-wrapper .hs-menu-children-toggle:hover:before,
  .hs-menu-wrapper .hs-menu-children-toggle:hover:after, 
  .hs-menu-wrapper .hs-item-has-children.open > a > .hs-menu-children-toggle:before,
  .hs-menu-wrapper .hs-item-has-children.open > a >  .hs-menu-children-toggle:after {
    background-color: #3102DD;
  }

  .hs-menu-wrapper ul > li.hs-item-has-children.open > a > .hs-menu-children-toggle {
    transform: rotate(45deg);
  }

}

@media (min-width: 992px) {
  .hs-menu-wrapper > ul > .hs-item-has-children > .hs-menu-children-wrapper {
    border-radius: 10px;
  }

  .hs-menu-wrapper .hs-menu-children-wrapper > li:not(:first-child) > a {
    padding-top: 0;
  }

  .hs-menu-wrapper ul > li.hs-item-has-children > a > .hs-menu-children-toggle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-top: 4.0px solid currentColor;
    border-right: 4.0px solid transparent;
    border-left: 4.0px solid transparent;
  }

  .hs-menu-wrapper ul > li.hs-item-has-children:hover > a > .hs-menu-children-toggle:before {
    border-top: 4.0px solid currentColor;
  }

  .hs-menu-wrapper .hs-item-has-children:before {
    display: none;
  }

  .hs-menu-wrapper .hs-menu-children-wrapper {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 240px;
    border-radius: 10px;
    max-height: 0;    
    overflow: initial;
    opacity: 0;    
    pointer-events: none;
    box-shadow: 0 10px 10px 0 rgb(0, 0, 0, 0);
    transition: initial;
  }

  .hs-menu-wrapper .hs-item-has-children:hover > .hs-menu-children-wrapper {
    opacity: 1; 
    overflow: initial;
    max-height: initial;
    pointer-events: initial;
    box-shadow: 0 10px 10px 0 rgb(0, 0, 0, 0.05);
    transition: opacity 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-radius 0.25s ease-in-out;
  }

  .hs-menu-wrapper .hs-item-has-children:not(.hs-menu-depth-1) > .hs-menu-children-wrapper {
    top: 100%;
    left: 100%;
    transform: translateY(-100%);
  }

  .hs-menu-wrapper .hs-item-has-children:hover > a > .hs-menu-children-wrapper,
  .hs-menu-wrapper .hs-item-has-children:active > a > .hs-menu-children-wrapper,
  .hs-menu-wrapper .hs-item-has-children:focus > a > .hs-menu-children-wrapper {
    max-height: 100vh;
    overflow: auto;
    -ms-overflow-style: none; 
    scrollbar-width: none;  
    z-index: 1;
  }


  .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    padding-top: 5px;
padding-right: 25px;
padding-bottom: 5px;
padding-left: 25px;

  }
}

@media (min-width: 1366px) {
  .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    padding-top: 5px;
padding-right: 25px;
padding-bottom: 5px;
padding-left: 25px;

  }
}

@media (min-width: 1620px) {
  .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    padding-top: 5px;
padding-right: 25px;
padding-bottom: 5px;
padding-left: 25px;

  }
}


[data-global-resource-path*="footer"] {
  opacity: 1;
  pointer-events: initial;
  transition:
    opacity 0.25s ease-in-out;
}

body.popup-open [data-global-resource-path*="footer"] {
  opacity: 0;
  pointer-events: none;
}

.footer-section {
  background-color: #253543;
  padding-top: 60px;
  padding-bottom: 60px;
  border-top: 1px solid;
  border-color: #253543;
}

.footer-section .widget-type-logo {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}

.footer-section .dnd-section .row-fluid > [class*='span']:only-child {
  margin-left: auto;
  margin-right: auto;
}

.footer-section .hs-menu-wrapper ul {
  align-items: flex-start;
}

.footer-section .hs-menu-wrapper ul li a {
  display: block;
  color: #6c6b8d;
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

}

.footer-section .hs-menu-wrapper ul li a:hover {
  color: #3102DD;
}

.footer-section .hs-menu-wrapper ul.hs-menu-children-wrapper {
  padding: 0px;

  color: transparent;
}

.footer-section .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
  color: #6c6b8d;
}

.footer-section .hs-menu-wrapper ul.hs-menu-children-wrapper li a:hover {
  color: #3102DD;
}

.footer-section .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

}

@media (min-width: 768px) {
  .footer-section .hs-menu-wrapper ul li a {
    padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

  }

  .footer-section .hs-menu-wrapper ul.hs-menu-children-wrapper {
    padding: 0px;

  }

  .footer-section .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

  }
}

@media (max-width: 991px) {
  .footer-section .dnd-section .row-fluid > [class*='span']:not(:first-child) {
    margin-top: 20px;
  }

  .footer-section .row-fluid [class*='span'] > .dnd-section:not(:first-child) {
    margin-top: 43.0px;
  }

  .footer-section .footer-menu .hs-menu-wrapper ul > li {
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}

@media (min-width: 992px) {
  .footer-section .hs-menu-wrapper ul li a {
    padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

  }

  .footer-section .hs-menu-wrapper .hs-menu-children-wrapper > li:not(:first-child) > a {
    padding-top: 0;
  }

  .footer-section .hs-menu-wrapper ul.hs-menu-children-wrapper {
    padding: 0px;

  }

  .footer-section .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

  }

  .footer-section .widget-type-logo {
    justify-content: flex-start;
  }
}

@media (min-width: 1366px) {
  .footer-section .hs-menu-wrapper ul li a {
    padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

  }

  .footer-section .hs-menu-wrapper ul.hs-menu-children-wrapper {
    padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;

  }

  .footer-section .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

  }
}

@media (min-width: 1620px) {
  .footer-section .hs-menu-wrapper ul li a {
    padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

  }

  .footer-section .hs-menu-wrapper ul.hs-menu-children-wrapper {
    padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;

  }

  .footer-section .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

  }
}

.footer-section .hs-menu-wrapper .hs-item-has-children > .hs-menu-children-wrapper,
.footer-section .hs-menu-wrapper .hs-item-has-children:hover > .hs-menu-children-wrapper,
.footer-section .hs-menu-wrapper .hs-item-has-children:not(.hs-menu-depth-1) > .hs-menu-children-wrapper,
.footer-section .hs-menu-wrapper .hs-item-has-children:not(.hs-menu-depth-1):hover > .hs-menu-children-wrapper {
  max-height: initial;
  position: static;
  left: 0;
  transform: initial;
  opacity: 1;
  box-shadow: none;
}


[data-global-resource-path*="copyright"] {
  opacity: 1;
  pointer-events: initial;
  transition:
    opacity 0.25s ease-in-out;
}

body.popup-open [data-global-resource-path*="copyright"] {
  opacity: 0;
  pointer-events: none;
}

.copyright-section {
  background-color: #FFFFFF;
  padding-top: 30px;
  padding-bottom: 30px;
}

.copyright-section.copyright-section--alternative {
  background-color: #00003D;
}

.copyright-section .widget-type-logo {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}

.copyright-section .dnd-section .row-fluid > [class*='span']:only-child {
  margin-left: auto;
  margin-right: auto;
}

.copyright-section .hs-menu-wrapper ul {
  align-items: flex-start;
}

.copyright-section .hs-menu-wrapper ul li a,
.copyright-section .hs_cos_wrapper_type_rich_text a {
  color: #6c6b8d;
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

}

.copyright-section .hs-menu-wrapper ul li a:hover,
.copyright-section .hs_cos_wrapper_type_rich_text a:hover {
  color: #3102DD;
}

.copyright-section .hs-menu-wrapper ul.hs-menu-children-wrapper {
  background-color: transparent;
} 

.copyright-section .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
  color: #6c6b8d;
}

.copyright-section .hs-menu-wrapper ul.hs-menu-children-wrapper li a:hover {
  color: #3102DD;
}

.copyright-section .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

}

@media (min-width: 768px) {
  .copyright-section .hs-menu-wrapper ul li a {
    padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

  }

  .copyright-section .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

  }
}

@media (max-width: 991px) {
  .copyright-section .dnd-section .row-fluid > [class*='span']:not(:first-child) {
    margin-top: 20px;
  }

  .copyright-section .row-fluid [class*='span'] > .dnd-section:not(:first-child) {
    margin-top: 43.0px;
  }
}

@media (min-width: 992px) {
  .copyright-section .hs-menu-wrapper ul li a {
    padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

  }

  .copyright-section .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

  }

  .copyright-section .widget-type-logo {
    justify-content: flex-start;
  }
}

@media (min-width: 1366px) {
  .copyright-section .hs-menu-wrapper ul li a {
    padding: 10px;

  }

  .copyright-section .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

  }
}

@media (min-width: 1620px) {
  .copyright-section .hs-menu-wrapper ul li a {
    padding: 10px;

  }

  .copyright-section .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

  }
}

.copyright-section .hs-menu-wrapper .hs-item-has-children > .hs-menu-children-wrapper,
.copyright-section .hs-menu-wrapper .hs-item-has-children:hover > .hs-menu-children-wrapper,
.copyright-section .hs-menu-wrapper .hs-item-has-children:not(.hs-menu-depth-1) > .hs-menu-children-wrapper,
.copyright-section .hs-menu-wrapper .hs-item-has-children:not(.hs-menu-depth-1):hover > .hs-menu-children-wrapper {
  max-height: initial;
  position: static;
  left: 0;
  transform: initial;
  opacity: 1;
  box-shadow: none;
}



.system-page #header{
  padding-top: 26.0px;
  padding-bottom: 26.0px;
}
.system-page #header{
  padding-top: 26.0px;
  padding-bottom: 26.0px;
}
.system-page #header .widget-type-logo {
  max-width: 150px;
}

@media (min-width: 768px) {
  .system-page form a#hs_login_reset {
    left: 0;
    width: 100%;
  }
}

.system-page form a#hs_login_reset:hover {
  border: 1px solid;
  color: #FFFFFF;
  background-color: #3102DD;
  border-color: #3102DD;
}

.system-page form a[class*="show-password"] {
  position: absolute;
  bottom: 1px;
  right: calc((50px / 2) + 1px);
  width: 60px;
  height: calc(100% - (26px + 18px + 2px));
  overflow: hidden;
  color: transparent;
  transition: background-color 0.25s ease-in-out;    
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.system-page form a[class*="show-password"] svg path,
.system-page form a[class*="show-password"] svg circle,
.system-page form a[class*="show-password"] svg rect {
  fill: #23496d;
  transition: fill 0.25s ease-in-out;
}

.system-page form a[class*="show-password"]:hover svg path,
.system-page form a[class*="show-password"]:hover svg circle,
.system-page form a[class*="show-password"]:hover svg rect {
  fill: #3102DD;
}

.system-page input#hs-pwd-widget-password,
.system-page.backup-unsubscribe input {
  min-height: 55px;
  margin-top: 0;
  max-width: 100%;
  min-width: 100%;
  position: relative;
  display: block;
}

#hs_cos_wrapper_backup_unsubscribe_email_simple_subscription #email-prefs-form input:not([type="submit"]) {
  min-height: 55px;
  margin-bottom: 10px;
}

.system-page form .email-prefs .item {
  padding: 20px;
  color: #FFFFFF;
  background-color: #37D6AE ;background: linear-gradient(121deg, rgba(49, 2, 221, 0.2) 0% , rgba(181, 92, 247, 0.2) 50%, rgba(55, 214, 174, 0.2) 100%);
  border-radius: 20px;
}



.system-page form .email-prefs .item p,
.system-page form .email-prefs .item p a,
.system-page form .email-prefs .item div p,
.system-page form .email-prefs .item div p a{
  color: #FFFFFF;
}

.system-page form .email-prefs .item p {
  margin-top: calc(26 / 2);
  margin-bottom: 0;
}

.system-page p.header{
  background: transparent;
  border:none;
  padding:initial;
}

/* Subscription preferences */
.system-page #email-prefs-form  form h1, 
.system-page #email-prefs-form  form h2, 
.system-page #email-prefs-form  form h3,
.system-page #email-prefs-form  form h4,
.system-page #email-prefs-form  form h5,
.system-page #email-prefs-form  form h6,
.system-page #email-prefs-form  .form-title,
.system-page  #email-prefs-form .page-header,
.system-page  #email-prefs-form p,
.system-page  #email-prefs-form strong{
color: #FFFFFF;
}
.system-page #email-prefs-form > strong {
  display:block;
}
.system-page  #email-prefs-form .page-header {
  margin-bottom : 20px
}

.system-page  #email-prefs-form .subscribe-options {
    margin-top : 20px;
  margin-bottom : 20px;
}

.system-page .subscribe-options,
.system-page .subscribe-options p,
.system-page .subscribe-options p label,
.system-page .subscribe-options span{
  color: #FFFFFF;
}

.system-page form .email-prefs > .item:not(:first-child) {
  margin-top: 20px;
}

.system-page #email-prefs-form .page-header {
  font-size: 18px;
  line-height: 26px;
}

.system-page #email-prefs-form .page-header h1 {
  font-size: 32px;
  line-height: 40px;
}

.system-page #email-prefs-form .page-header h2 {
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 0;
}


@media (min-width: 768px) {
  .system-page form a[class*="show-password"] {
    height: calc(100% - (26px + 18px + 2px));
  }

  .system-page #email-prefs-form .page-header {
    font-size: 18px;
    line-height: 26px;
  }

  .system-page #email-prefs-form .page-header h1 {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .system-page form a[class*="show-password"] {
    height: calc(100% - (26px + 18px + 2px));
    right: calc((50px / 4) + 1px);
  }

  .system-page #email-prefs-form .page-header {
    font-size: 18px;
    line-height: 26px;
  }

  .system-page #email-prefs-form .page-header h1 {
    font-size: 42px;
    line-height: 54px;
  }
}

@media (min-width: 1366px) {
  .system-page form a[class*="show-password"] {
    height: calc(100% - (26px + 18px + 2px));
  }

  .system-page #email-prefs-form .page-header {
    font-size: 18px;
    line-height: 26px;
  }

  .system-page #email-prefs-form .page-header h1 {
    font-size: 42px;
    line-height: 54px;
  }
}

@media (min-width: 1620px) {
  .system-page #email-prefs-form .page-header {
    font-size: 18px;
    line-height: 26px;
  }

  .system-page #email-prefs-form .page-header h1 {
    font-size: 42px;
    line-height: 54px;
  }
}
.anchor {
  cursor: pointer;
}
.accordion .accordion-title {
  cursor: pointer;
}

.accordion .accordion-item .accordion-content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: 
    opacity 0.25s ease-in-out,
    max-height 0.25s ease-in-out;
}

.accordion .accordion-item.active .accordion-content {
  opacity: 1;
  max-height: 100vh;
  overflow: auto;
}

.accordion .accordion-title .accordion_title__inner {
  margin-bottom: 0;
}
.categories .category {
  display: inline-block;
  overflow: hidden;
  border-radius: 5px;
  padding: 10px 20px;
  letter-spacing: 2.1px;
  font-size: 14px;
  text-transform: uppercase;
  box-sizing: border-box;
  font-weight: 600;
}
/**
 * Swiper 8.3.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 26, 2022
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.carousel-container .swiper-controls {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end;
  height: 50px;
}

.carousel-container:not(.carousel-container--with-shapes) .swiper-wrapper {
  padding-bottom: 60px;
}

.carousel-container:not(.carousel-container--with-shapes) .swiper-controls {
  width: 100%;
}

.carousel-container--with-shapes .swiper-controls {
  height: 15vw;
  width: 50%;
}

.carousel-container .swiper-pagination {
  position: static;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  z-index: 2;
  margin-top: 0;
  margin-left: 0;
  width: auto;
  margin-right: auto;
}

.carousel-container .swiper-navigation {
  position: static;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end;
}

.carousel-container .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 5px;
  background-color: #253543;
  opacity: 1;
  transform: scale(1);
  transition: 
    margin 0.25s ease-in-out, 
    transform 0.25s ease-in-out;
}

.carousel-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  transform-origin: center center;
  transform: scale(2);
  background-color: #37D6AE;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.carousel-container .swiper-pagination .swiper-pagination-bullet .line {
  width: 5px;
  height: 5px;
  display: block;
  background: #FFFFFF;
  border-radius: 50%;
  opacity: 0;
}

.carousel-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .line {
  opacity: 1;
  transition: 
    opacity 0.25s ease-in-out;
}

.carousel-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active + .swiper-pagination-bullet {
  margin-left: 10px;
}

.carousel-container .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet.swiper-pagination-bullet-active {
  margin-left: 10px;
}

.carousel-container .swiper-navigation .swiper-button-prev, 
.carousel-container .swiper-navigation .swiper-button-next {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  top: initial;
  left: initial;
  right: initial;
  bottom: initial;
  width: 30px;
  height: 30px;
  position: relative;
  margin-top: 0;
}

.carousel-container .swiper-navigation .swiper-button-prev {
  transform: scaleX(-1);
}

.carousel-container .swiper-navigation .swiper-button-prev:after, 
.carousel-container .swiper-navigation .swiper-button-next:after {
  display: none;
}

.carousel-container .carousel-container__infos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-end;
  padding: 25px;
  z-index: 3;
  color: #FFFFFF;
}

.carousel-container:not(.carousel-container--with-shapes) .swiper-slide .image-container:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);
  z-index: 1;
}

.carousel-container .carousel-container__category {
  letter-spacing: 0.5rem;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .carousel-container .carousel-container__inner .carousel {
    padding-bottom: 60px;
  }

  .carousel-container--with-shapes .swiper-controls {
    height: 50px;
    width: 100%;
  }
}


.carousel-container.carousel-container--with-shapes .swiper-pagination,
.carousel-container.carousel-container--with-shapes .swiper-navigation {
  width: auto;
  position: static;
  height: auto;
  margin-top: 0;
  margin-right: 0;
}

.carousel-container.carousel-container--with-shapes .swiper-navigation {
  margin-left: 20px;
}

.carousel-container.carousel-container--with-shapes .carousel-container__first-shape-container,
.carousel-container.carousel-container--with-shapes .carousel-container__second-shape-container {
  pointer-events: none;
  position: absolute;
}

.carousel-container.carousel-container--with-shapes .carousel-container__first-shape-container {
  left: 0;
  bottom: 0;
  z-index: 2;
}

.carousel-container.carousel-container--with-shapes .carousel-container__second-shape-container {
  right: 0;
  top: 0;
  z-index: 2;
}

.carousel-container.carousel-container--with-shapes .carousel-container__first-shape-container .carousel-container__first-shape {
  display: block;
  width: 30vw;
  height: 30vw;
  border-radius: 50vw;
  background-color: #3102DD;
  transition: 
    background-color 0.5s ease-in-out,
    opacity 1s ease-in-out,
    transform 1s ease-in-out;
}

.carousel-container.carousel-container--with-shapes .carousel-container__second-shape-container .carousel-container__second-shape {
  display: block;
  width: 30vw;
  height: 30vw;
  border-radius: 30vw;
  background-color: #B55CF7;
  transition: 
    background-color 0.5s ease-in-out,
    opacity 1s ease-in-out,
    transform 1s ease-in-out;
}

.carousel-container.carousel-container--revert-display {
  transform: scaleX(-1);
}

.carousel-container.carousel-container--revert-display .swiper-slide {
  transform: scaleX(-1);
}

.carousel-container.carousel-container--with-shapes.carousel-container--revert-display .swiper-controls {
  transform: scaleX(-1);
  justify-content: flex-start;
}

.carousel-container.carousel-container--with-shapes.carousel-container--display-two.carousel-container--revert-display .swiper-controls,
.carousel-container.carousel-container--with-shapes.carousel-container--display-three.carousel-container--revert-display .swiper-controls {
  justify-content: flex-end;
}

@media (max-width: 991px) {
  .carousel-container.carousel-container--circle-images-mobile .carousel .image-container {
    border-radius: 100%;
  }

  .carousel-container.carousel-container--circle-images-mobile .carousel .image-container:before {
    padding-bottom: 100%;
  }

  .carousel-container.carousel-container--with-shapes .swiper-wrapper {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }
}

@media (min-width: 992px) {
  .carousel-container.carousel-container--with-shapes .carousel .image-container {
    border-radius: 125px 0 0 0;
  }

  .carousel-container.carousel-container--with-shapes .carousel-container__inner .carousel {
    padding-bottom: 50px;
  }

  .carousel-container.carousel-container--with-shapes .swiper-controls {
    width: calc(100% - 330px);
  }

  .carousel-container.carousel-container--with-shapes .carousel-container__inner {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 170.0px;
  }

  .carousel-container.carousel-container--with-shapes .carousel-container__second-shape-container {
    top: 35%;
    transform: translate(0%, -50%);
  }

  .carousel-container.carousel-container--with-shapes .carousel-container__first-shape-container .carousel-container__first-shape {
    width: 330px;
    height: 340px;
    border-radius: 0 0 0 60px;
  }

  .carousel-container.carousel-container--with-shapes .carousel-container__second-shape-container .carousel-container__second-shape {
    width: 225px;
    height: 225px;
    border-radius: 275px;
  }
}

@media (min-width: 1620px) {
  .carousel-container.carousel-container--with-shapes .carousel-container__inner {
    padding-bottom: 220.00000000000003px;
  }

  .carousel-container.carousel-container--with-shapes .carousel-container__first-shape-container .carousel-container__first-shape {
    width: 430px;
    height: 440px;
    border-radius: 0 0 0 120px;
  }

  .carousel-container.carousel-container--with-shapes .carousel-container__second-shape-container .carousel-container__second-shape {
    width: 275px;
    height: 275px;
    border-radius: 275px;
  }
}

/*** Hero carousel - Display two ***/

.carousel-container.carousel-container--with-shapes.carousel-container--display-two .swiper-controls {
  justify-content: flex-start;
  left: 0;
  right: initial;
}

.carousel-container.carousel-container--with-shapes.carousel-container--display-two .carousel-container__first-shape-container {
  left: auto;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.carousel-container.carousel-container--with-shapes.carousel-container--display-two .carousel-container__second-shape-container {
  top: 0;
  left: 0;
  right: auto;
  z-index: 2;
}

@media (min-width: 992px) {
  .carousel-container.carousel-container--with-shapes.carousel-container--display-two .carousel-container__inner {
    padding-bottom: 0;
  }

  .carousel-container.carousel-container--with-shapes.carousel-container--display-two .carousel .image-container {
    border-radius: 0 0 125px 0;
  }

  .carousel-container.carousel-container--with-shapes.carousel-container--display-two .carousel-container__second-shape-container {
    top: 25%;
    transform: translate(0%, -50%);
  }

  .carousel-container.carousel-container--with-shapes.carousel-container--display-two .carousel-container__first-shape-container {
    bottom: 25%;
  }

  .carousel-container.carousel-container--with-shapes.carousel-container--display-two .carousel-container__first-shape-container .carousel-container__first-shape {
    width: 180px;
    height: 190px;
    border-radius: 60px 0 0 0;
  }

  .carousel-container.carousel-container--with-shapes.carousel-container--display-two .carousel-container__second-shape-container .carousel-container__second-shape {
    width: 225px;
    height: 225px;
    border-radius: 275px;
  }
}

@media (min-width: 1620px) {
  .carousel-container.carousel-container--with-shapes.carousel-container--display-two .carousel-container__first-shape-container .carousel-container__first-shape {
    width: 230px;
    height: 240px;
    border-radius: 120px 0 0 0;
  }

  .carousel-container.carousel-container--with-shapes.carousel-container--display-two .carousel-container__second-shape-container .carousel-container__second-shape {
    width: 325px;
    height: 325px;
    border-radius: 275px;
  }
}

/*** Hero carousel - Display three ***/

.carousel-container.carousel-container--with-shapes.carousel-container--display-three .carousel-container__inner {
  padding-top: 0vw;
  padding-bottom: 0vw;
}

.carousel-container.carousel-container--with-shapes.carousel-container--display-three .swiper-controls {
  justify-content: flex-start;
  left: 0;
  right: initial;
}

.carousel-container.carousel-container--with-shapes.carousel-container--display-three .carousel-container__first-shape-container {
  left: auto;
  right: auto;
  bottom: 10%;
  z-index: 2;
}

.carousel-container.carousel-container--with-shapes.carousel-container--display-three .carousel-container__second-shape-container {
  top: 10%;
  left: auto;
  right: 0;
  z-index: 2;
}

.carousel-container__first-shape-container--display-three .carousel-container__first-shape {
  display: block;
  width: 20vw;
  height: 20vw;
  border-radius: 50vw;
  background-color: #3102DD;
  transition: 
    background-color 0.5s ease-in-out,
    opacity 1s ease-in-out,
    transform 1s ease-in-out;
}

@media (min-width: 992px) {
  .carousel-container.carousel-container--with-shapes.carousel-container--display-three .carousel-container__inner {
    padding-bottom: 0;
  }

  .carousel-container.carousel-container--with-shapes.carousel-container--display-three .carousel-container .image-container {
    border-radius: 0 0 0 125px;
  }

  .carousel-container.carousel-container--with-shapes.carousel-container--display-three .carousel-container__second-shape-container {
    top: auto;
    bottom: 0%;
    transform: translateY(-50%);
  }

  .carousel-container.carousel-container--with-shapes.carousel-container--display-three .carousel-container__first-shape-container {
    top: 10%;
    bottom: auto;
  }

  .carousel-container.carousel-container--with-shapes.carousel-container--display-three .carousel-container__first-shape-container .carousel-container__first-shape {
    width: 180px;
    height: 190px;
    border-radius: 60px 0 0 0;
  }

  .carousel-container.carousel-container--with-shapes.carousel-container--display-three .carousel-container__second-shape-container .carousel-container__second-shape {
    width: 225px;
    height: 225px;
    border-radius: 275px;
  }
}

@media (min-width: 1620px) {
  .carousel-container.carousel-container--with-shapes.carousel-container--display-three .carousel-container__first-shape-container .carousel-container__first-shape {
    width: 230px;
    height: 240px;
    border-radius: 120px 0 0 0;
  }

  .carousel-container.carousel-container--with-shapes.carousel-container--display-three .carousel-container__second-shape-container .carousel-container__second-shape {
    width: 325px;
    height: 325px;
    border-radius: 275px;
  }
}


@media (max-width: 991px) {
  .features.dnd-row > .row-fluid.d-grid {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
  }

  .features.dnd-row > .row-fluid.d-grid  > [class*="span"] {
    max-width: 100%;
    margin-top: 0;
  }
}

.features .feature .feature__background {
  opacity: 0.27;
}

.features.features--products .feature .button-container .button {
  width: 100%;
  border-radius: 0;
  min-height: 100px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 500;
}

.features.features--products .feature .button-container .button:before {
  width: 100%;
  height: 100%;
  border-radius: 0;  
  opacity: 0.73;
}

.features.features--products .feature.feature--highlighted {
  padding: 3px;
  background-color: #37D6AE ;background: linear-gradient(90deg, rgba(49, 2, 221, 1) 0% , rgba(181, 92, 247, 1) 50%, rgba(55, 214, 174, 1) 100%);
  position: relative;
  z-index: 1;
}

.features.features--products .feature.feature--highlighted .feature__highlighted-bg {
  border-radius: 17px;
}

.features.features--products .feature.feature--highlighted .feature__highlighted-bg .feature__highlighted-inner-bg {
  margin: -3px;
}

.features.features--products .feature .button-container .button .button__icon {
  margin-right: 0;
  margin-bottom: 1rem;
  background-color: #37D6AE ;background: linear-gradient(-90deg, rgba(49, 2, 221, 1) 0% , rgba(181, 92, 247, 1) 50%, rgba(55, 214, 174, 1) 100%);
}

.features.features--products .feature .button-container .button .button__icon:after {
  content: '';
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background-color: #37D6AE ;background: linear-gradient(121deg, rgba(49, 2, 221, 0.27) 0% , rgba(181, 92, 247, 0.27) 50%, rgba(55, 214, 174, 0.27) 100%);
  border-radius: 50px;
}


.features.features--texts .feature .feature__background {
  opacity: 0.1;
}
.gallery .gallery__infos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-end;
  padding: 25px;
  z-index: 3;
  color: #FFFFFF;
}

.gallery .gallery__item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);
  z-index: 1;
}

.gallery .gallery__category {
  letter-spacing: 0.5rem;
  text-transform: uppercase;
}

.gallery.gallery--lightbox .gallery__item > .image-container > img {
  transform: scale(1);
  transition: transform 750ms ease-in-out;
}

.gallery.gallery--lightbox .gallery__item:hover > .image-container > img {
  transform: scale(1.1);
}

.gallery.gallery--lightbox .gallery__popup {
  opacity: 0;
  pointer-events: none;
  transition: opacity 250ms ease-in-out;
  background-color: rgba(37, 53, 67, 0.97);
  height: 100vh;
  overflow: hidden;
  z-index: -1;
}

body.popup-open .gallery.gallery--lightbox .image-container {
  z-index: 1;
}

.gallery.gallery--lightbox .gallery__item.open .gallery__popup {
  opacity: 1;
  pointer-events: initial;
  z-index: 2;
}

.gallery.gallery--lightbox .gallery__item .gallery__popup-toggle {
  opacity: 0;
  pointer-events: none;
  transition: opacity 250ms ease-in-out;
  cursor: pointer;
}

.gallery.gallery--lightbox .gallery__item:hover .image-container > .gallery__popup-toggle {
  opacity: 1;
  pointer-events: initial;
}

.gallery.gallery--lightbox .gallery__item .gallery__popup-toggle-icon,
.gallery.gallery--lightbox .carousel-container .swiper-pagination .swiper-pagination-bullet {
  width: 100px;
  height: 100px;
  max-width: 100%;
  max-height: 100%;
}

.gallery.gallery--lightbox .gallery__item .carousel-container .swiper-pagination .swiper-pagination-bullet {
  border-radius: 5px;
  overflow: hidden;
  padding: 0;
  transform: initial;
  transition: padding 250ms ease-in-out;
  margin: 5px;
}

.gallery.gallery--lightbox .gallery__item .carousel-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  padding: 5px;
  margin: 5px;
}

.gallery.gallery--lightbox .gallery__item .carousel-container {
  overflow: hidden;
  flex: 1 1 auto;
  z-index: 5;
}

.gallery.gallery--lightbox .gallery__item .carousel-container .carousel {
  padding-bottom : 172px;
}

.gallery.gallery--lightbox .gallery__item .carousel-container .swiper-slide:before {
  display: none;
}

.gallery.gallery--lightbox .gallery__item .carousel-container .swiper-slide {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.gallery.gallery--lightbox .gallery__item .carousel-container .swiper-slide img {
  max-height: 100%;
}

.gallery.gallery--lightbox .carousel-container .carousel-container__infos {
  position: static;
  top: initial;
  left: initial;
  width: 100%;
  height: initial;
  justify-content: center;
}

.gallery.gallery--lightbox .gallery__item .carousel-container .swiper-navigation {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 50px);
  bottom: initial;
  right: initial;
  justify-content: space-between;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.gallery.gallery--lightbox .gallery__item .carousel-container .swiper-pagination {
  position: absolute;
  height: auto;
  padding-top: 20px;
  margin-top: 20px;
  max-height: initial;
  transform: initial;
  bottom: 0;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;  
  width: 100%;
}

.gallery.gallery--lightbox .gallery__item .carousel-container .swiper-pagination img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.gallery.gallery--lightbox .gallery__item .gallery__popup .gallery__popup-toggle {
  opacity: 1;
}

.gallery.gallery--lightbox .gallery__item.open .gallery__popup .gallery__popup-toggle {
  pointer-events: initial;
}

.gallery.gallery--lightbox .gallery__item .gallery__popup .gallery__popup-toggle-icon {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
}

.gallery.gallery--lightbox .gallery__item .gallery__popup .gallery__popup-toggle .gallery__popup-toggle-icon__inner:before, 
.gallery.gallery--lightbox .gallery__item .gallery__popup .gallery__popup-toggle .gallery__popup-toggle-icon__inner:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 5px;
  background-color: currentColor;
  transform: translate(-50%, -50%);
  border-radius: 50px;
}

.gallery.gallery--lightbox .gallery__item .gallery__popup .gallery__popup-toggle .gallery__popup-toggle-icon__inner:after {
  height: 50%;
  width: 5px;
}

.gallery.gallery--lightbox .gallery__item .gallery__popup .gallery__popup-toggle .gallery__popup-toggle-icon__inner {
  transform: rotate(45deg);
}

@media (min-width: 992px) {
  .gallery.gallery--lightbox .gallery__item .carousel-container .swiper-navigation {
    width: calc(100% - 25.0px);
  }
}

@media (max-width: 991px) {
  main .dnd-section .gallery__container > .dnd-row > .row-fluid > [class*="span"], 
  main .dnd-section .gallery__container > .dnd-row > .row-fluid >  [class*="span"].order-last, 
  main .dnd-section .gallery__container > .dnd-row > .row-fluid >  [class*="span"]:not(:first-child) {
    margin-top: 25.0px;
    max-width: 50%;
    flex: 0 0 50%;
  }

  main .dnd-section .gallery__container > .dnd-row > .row-fluid {
    margin-top: -25.0px;
  }

  .gallery.gallery--lightbox .gallery__item .gallery__popup-toggle {
    opacity: 1;
    pointer-events: initial;
    transition: opacity 250ms ease-in-out;
    cursor: pointer;
  }

  .gallery.gallery--lightbox .gallery__item .gallery__popup-toggle-icon,
  .gallery.gallery--lightbox .carousel-container .swiper-pagination .swiper-pagination-bullet {
    width: 50px;
    height: 50px;
    max-width: 100%;
    max-height: 100%;
  }
}

@media (max-width: 767px) {
  main .dnd-section .gallery__container > .dnd-row > .row-fluid > [class*="span"], 
  main .dnd-section .gallery__container > .dnd-row > .row-fluid >  [class*="span"].order-last, 
  main .dnd-section .gallery__container > .dnd-row > .row-fluid >  [class*="span"]:not(:first-child) {
    margin-top: 50px;
  }

  main .dnd-section .gallery__container > .dnd-row > .row-fluid {
    margin-top: -50px;
  }
}

@media (max-width: 600px) {
  main .dnd-section .gallery__container > .dnd-row > .row-fluid {    
    margin-top: 0;
    padding-right: 15%;
  }

  .gallery.gallery--lightbox .gallery__item .carousel-container .swiper-navigation {
    display: none;
  }

  main .dnd-section .gallery__container > .dnd-row > .row-fluid > [class*="span"], 
  main .dnd-section .gallery__container > .dnd-row > .row-fluid >  [class*="span"].order-last, 
  main .dnd-section .gallery__container > .dnd-row > .row-fluid >  [class*="span"]:not(:first-child) {
    margin-top: 0;
    max-width: 85%;
    flex: 0 0 85%;
    padding-right: 0;
  }
}
.image.image--with-shapes .image__container {
  padding-top: 15vw;
  padding-bottom: 15vw;
}

.image.image--with-shapes.image--revert-display, 
.image.image--with-shapes.image--revert-display .image-container {
  transform: scaleX(-1);
}

.image.image--with-shapes .image-container {
  padding-bottom: 100%;
  border-radius: 100%;
}

.image.image--with-shapes .image__first-shape-container,
.image.image--with-shapes .image__second-shape-container {
  pointer-events: none;
}

.image.image--with-shapes .image__first-shape-container {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.image.image--with-shapes .image__first-shape {
  display: block;
  width: 30vw;
  height: 30vw;
  border-radius: 50vw;
  background-color: #3102DD;
  transition: 
    background-color 0.5s ease-in-out,
    opacity 1s ease-in-out,
    transform 1s ease-in-out;
}

.image.image--with-shapes .image__second-shape-container {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.image.image--with-shapes .image__second-shape {
  content: '';
  display: block;
  width: 30vw;
  height: 30vw;
  border-radius: 30vw;
  background-color: #B55CF7;
  transition: 
    background-color 0.5s ease-in-out,
    opacity 1s ease-in-out,
    transform 1s ease-in-out;
}

@media (min-width: 992px) {
  .image.image--with-shapes .image-container {
    padding-bottom: 750px;
    border-radius: 125px 0 0 0;
  }

  .image.image--with-shapes.image--revert-display .image-container {
    border-radius: 0 125px 0 0;
  }

  .image.image--with-shapes .swiper-pagination {
    width: 100%;
    margin-left: initial;
    position: absolute;
    margin-top: 0;
  }

  .image.image--with-shapes .image__second-shape-container {
    top: 35%;
    transform: translate(0%, -50%);
  }

  .image.image--with-shapes .image__container {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 170.0px;
  }

  .image.image--with-shapes .image__first-shape {
    width: 330px;
    height: 340px;
    border-radius: 0 0 0 60px;
  }

  .image.image--with-shapes .image__second-shape {
    width: 225px;
    height: 225px;
    border-radius: 275px;
  }
}


@media (min-width: 1620px) {
  .image.image--with-shapes .image__container {
    padding-bottom: 220.00000000000003px;
  }

  .image.image--with-shapes .image__first-shape {
    width: 430px;
    height: 440px;
    border-radius: 0 0 0 120px;
  }

  .image.image--with-shapes .image__second-shape {
    width: 275px;
    height: 275px;
    border-radius: 275px;
  }
}


/*** Hero carousel - Display two ***/

.image.image--with-shapes.image--display-two .swiper-pagination {
  justify-content: flex-start;
  margin-left: 0;
  margin-right: auto;
}

.image.image--with-shapes.image--display-two .image__first-shape-container {
  left: auto;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.image.image--with-shapes.image--display-two .image__second-shape-container {
  top: 0;
  left: 0;
  right: auto;
  z-index: 2;
}

@media (min-width: 992px) {
  .image.image--with-shapes.image--display-two .image__container {
    padding-bottom: 0;
  }

  .image.image--with-shapes.image--display-two .carousel .image-container {
    border-radius: 0 0 125px 0;
  }

  .image.image--with-shapes.image--display-two .image__second-shape-container {
    top: 25%;
    transform: translate(0%, -50%);
  }

  .image.image--with-shapes.image--display-two .image__first-shape-container {
    bottom: 25%;
  }

  .image.image--with-shapes.image--display-two .image__first-shape-container .image__first-shape {
    width: 180px;
    height: 190px;
    border-radius: 60px 0 0 0;
  }

  .image.image--with-shapes.image--display-two .image__second-shape-container .image__second-shape {
    width: 225px;
    height: 225px;
    border-radius: 275px;
  }
}

@media (min-width: 1620px) {
  .image.image--with-shapes.image--display-two .image__first-shape-container .image__first-shape {
    width: 230px;
    height: 240px;
    border-radius: 120px 0 0 0;
  }

  .image.image--with-shapes.image--display-two .image__second-shape-container .image__second-shape {
    width: 325px;
    height: 325px;
    border-radius: 275px;
  }
}


/*** Hero carousel - Display three ***/

.image.image--with-shapes.image--display-three .image__container {
  padding-top: 0vw;
  padding-bottom: 0vw;
}

.image.image--with-shapes.image--display-three .swiper-pagination {
  justify-content: flex-start;
  margin-left: 0;
  margin-right: auto;
}

.image.image--with-shapes.image--display-three .image__first-shape-container {
  left: auto;
  right: auto;
  bottom: 10%;
  z-index: 2;
}

.image.image--with-shapes.image--display-three .image__second-shape-container {
  top: 10%;
  left: auto;
  right: 0;
  z-index: 2;
}

.image.image--with-shapes .image__first-shape-container--display-three .image__first-shape {
  display: block;
  width: 20vw;
  height: 20vw;
  border-radius: 50vw;
  background-color: #3102DD;
  transition: 
    background-color 0.5s ease-in-out,
    opacity 1s ease-in-out,
    transform 1s ease-in-out;
}

@media (min-width: 992px) {
  .image.image--with-shapes.image--display-three .image__container {
    padding-bottom: 0;
  }

  .image.image--with-shapes.image--display-three .carousel .image-container {
    border-radius: 0 0 0 125px;
  }

  .image.image--with-shapes.image--display-three .image__second-shape-container {
    top: auto;
    bottom: 0%;
    transform: translateY(-50%);
  }

  .image.image--with-shapes.image--display-three .image__first-shape-container {
    top: 10%;
    bottom: auto;
  }

  .image.image--with-shapes.image--display-three .image__first-shape-container .image__first-shape {
    width: 180px;
    height: 190px;
    border-radius: 60px 0 0 0;
  }

  .image.image--with-shapes.image--display-three .image__second-shape-container .image__second-shape {
    width: 225px;
    height: 225px;
    border-radius: 275px;
  }
}

@media (min-width: 1620px) {
  .image.image--with-shapes.image--display-three .image__first-shape-container .image__first-shape {
    width: 230px;
    height: 240px;
    border-radius: 120px 0 0 0;
  }

  .image.image--with-shapes.image--display-three .image__second-shape-container .image__second-shape {
    width: 325px;
    height: 325px;
    border-radius: 275px;
  }
}
.page-background-shapes {
  position: static;
}
.social-follow .social-follow__icon {
  width: 40px;
  height: 40px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  transition: 
    fill 0.25s ease-in-out,
    color 0.25s ease-in-out,
    border-color 0.25s ease-in-out,
    background-color 0.25s ease-in-out;
}

.social-follow .social-follow__icon svg {
  max-width: 24px;
  max-height: 24px;
}
@media (max-width: 600px) {
  .hs-search-results .hs-search-results__featured-image:before {
    padding-bottom: 75%;
  }
}

@media (max-width: 992px) {
  .hs-search-results .hs-search-results__featured-image:before {
    padding-bottom: 56.25%;
  }
}

.hs-search-results .hs-search-highlight {
  background-color: #23496d;
  padding-left: 5px;
  padding-right: 5px;
} 

.hs-search-results .hs-search-results__prev-page,
.hs-search-results .hs-search-results__next-page {
  width: calc(5px * 10);
  height: calc(5px * 10);
  padding: calc(5px * 3);
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  background-color: #00003D;
  fill: #FFFFFF;
  line-height: 2;
  border-radius: 50%;
  transition: 
    background-color 0.25s ease-in-out, 
    fill 0.25s ease-in-out;
}

.hs-search-results .hs-search-results__prev-page:hover,
.hs-search-results .hs-search-results__next-page:hover {
  fill: #FFFFFF;
  background-color: {third=, first=, second=};
}
.video-container {
  background-color: #253543;
  width: 100%;
}

.video:before,
.video-image-container:before {
  content: '';
  padding-bottom: 56.25%;
  display: block;
}

.video iframe.custom,
.video-image-container img {
  position: absolute;
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-container.display-four-three .hs-video-wrapper,
.video-container.display-four-three .video:before,
.video-image-container.display-four-three:before {
  padding-bottom: 75%;
}

.video-container.display-one-one .hs-video-wrapper,
.video-container.display-one-one .video:before,
.video-image-container.display-one-one:before {
  padding-bottom: 100%;
}

.video-image-container .popup-toggle[class*="--top"] {
  top: 20px;
}

.video-image-container .popup-toggle[class*="--middle"] {
  top: 50%;
}

.video-image-container .popup-toggle[class*="--bottom"] {
  bottom: 20px;
}

.video-image-container .popup-toggle[class*="-left"] {
  left: 20px;
}

.video-image-container .popup-toggle[class*="-center"] {
  left: 50%;
  transform: translateX(-50%);
}

.video-image-container .popup-toggle[class*="-right"] {
  right: 20px;
}
.blog-comments {
  margin-top: calc(5px * 8);
}

.blog-comments #comments-listing .comment {
  display: flex;
  flex-flow: column;
  border: none;
  padding: calc(5px * 4);
  border-radius: calc(5px * 2);
  margin-bottom: calc(5px * 4);
  position: relative;
}

.blog-comments #comments-listing .comment .comment-body {
  order: -1;
  flex: 0 0 100%;
}

.blog-comments #comments-listing .comment .comment-from {
  flex: 0 0 100%;
}

.blog-comments #comments-listing .comment .comment-from h4 {
  margin-bottom: 0;
}

.blog-comments #comments-listing .comment .comment-from h4 a {
  color: inherit;
}

.blog-comments #comments-listing .comment .comment-reply-to {
  flex: 0 0 100%;
  padding: 0;
  background-image: none;
  font-size: 13.5px;
  line-height: 19.5px;
  text-align: left;
  margin-top: calc(5px * 4);
}

.blog-comments #comments-listing .comment.depth-0 {
  background-color: rgba(49, 2, 221, 0.05);
}



.blog-comments #comments-listing .comment.depth-1 {
  background-color: rgba(49, 2, 221, 0.1);
}


.blog-comments #comments-listing .comment.depth-2 {
  background-color: rgba(49, 2, 221, 0.2);
}


.blog-comments #comments-listing .comment.depth-3 {
  background-color: rgba(49, 2, 221, 0.30000000000000004);
}


.blog-comments #comments-listing .comment.depth-4 {
  background-color: rgba(49, 2, 221, 0.4);
}


.blog-comments #comments-listing .comment.depth-5 {
  background-color: rgba(49, 2, 221, 0.5);
}


.blog-comments #comments-listing .comment.depth-6 {
  background-color: rgba(49, 2, 221, 0.6000000000000001);
}


.blog-comments #comments-listing .comment.depth-7 {
  background-color: rgba(49, 2, 221, 0.7000000000000001);
}


.blog-comments #comments-listing .comment.depth-8 {
  background-color: rgba(49, 2, 221, 0.8);
}


.blog-comments #comments-listing .comment.depth-9 {
  background-color: rgba(49, 2, 221, 0.9);
}


@media (min-width: 600px) {
  .blog-comments #comments-listing .comment .comment-reply-to {
    font-size: 13.5px;
    line-height: 19.5px;
  }
}

@media (min-width: 768px) {
  .blog-comments #comments-listing .comment .comment-reply-to {
    font-size: 13.5px;
    line-height: 13.5px;
  }
}

@media (min-width: 992px) {
  .blog-comments #comments-listing .comment {
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    padding: calc(5px * 8);
    margin-bottom: calc(5px * 8);
  }

  .blog-comments #comments-listing .comment .comment-reply-to {
    font-size: 13.5px;
    line-height: 13.5px;
    position: absolute;
    bottom: calc(5px * 8);
    right: calc(5px * 8);
  }

  .blog-comments #comments-listing .comment:not([class*="depth-0"]):before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border-top : calc(5px * 2) solid transparent;
    border-right : calc(5px * 3) solid;
    border-bottom : calc(5px * 2) solid transparent;
    transform: translate(-100%, -50%);
  }

  
  
  .blog-comments #comments-listing .comment.depth-1 {
    margin-left: 1rem;
  }

  .blog-comments #comments-listing .comment.depth-1:before {
    border-right-color: rgba(49, 2, 221, 0.1);
  }
  
  
  .blog-comments #comments-listing .comment.depth-2 {
    margin-left: 2rem;
  }

  .blog-comments #comments-listing .comment.depth-2:before {
    border-right-color: rgba(49, 2, 221, 0.2);
  }
  
  
  .blog-comments #comments-listing .comment.depth-3 {
    margin-left: 3rem;
  }

  .blog-comments #comments-listing .comment.depth-3:before {
    border-right-color: rgba(49, 2, 221, 0.30000000000000004);
  }
  
  
  .blog-comments #comments-listing .comment.depth-4 {
    margin-left: 4rem;
  }

  .blog-comments #comments-listing .comment.depth-4:before {
    border-right-color: rgba(49, 2, 221, 0.4);
  }
  
  
  .blog-comments #comments-listing .comment.depth-5 {
    margin-left: 5rem;
  }

  .blog-comments #comments-listing .comment.depth-5:before {
    border-right-color: rgba(49, 2, 221, 0.5);
  }
  
  
  .blog-comments #comments-listing .comment.depth-6 {
    margin-left: 6rem;
  }

  .blog-comments #comments-listing .comment.depth-6:before {
    border-right-color: rgba(49, 2, 221, 0.6000000000000001);
  }
  
  
  .blog-comments #comments-listing .comment.depth-7 {
    margin-left: 7rem;
  }

  .blog-comments #comments-listing .comment.depth-7:before {
    border-right-color: rgba(49, 2, 221, 0.7000000000000001);
  }
  
  
  .blog-comments #comments-listing .comment.depth-8 {
    margin-left: 8rem;
  }

  .blog-comments #comments-listing .comment.depth-8:before {
    border-right-color: rgba(49, 2, 221, 0.8);
  }
  
  
  .blog-comments #comments-listing .comment.depth-9 {
    margin-left: 9rem;
  }

  .blog-comments #comments-listing .comment.depth-9:before {
    border-right-color: rgba(49, 2, 221, 0.9);
  }
  
}

@media (min-width: 1366px) {
  .blog-comments #comments-listing .comment .comment-reply-to {
    font-size: 13.5px;
    line-height: 13.5px;
  }
}
.blog-listing .blog-listing__blog-post {
  height: 100%;
}

.blog-listing .blog-listing__blog-post-link {
  color: inherit;
  height: 100%;
}

.blog-listing .blog-listing__blog-post-link img {
  transform: scale(1);
  transition: transform 0.5s ease-in-out;
}

.blog-listing .blog-listing__blog-post-link:hover img {
  transform: scale(1.1);
}

.blog-listing .blog-listing__blog-post.box-shadow {
  box-shadow: 0 0 calc(5px * 4) 0 rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.25s ease-in-out;
}

.blog-listing .blog-listing__blog-post.box-shadow:hover {
  box-shadow: 0 0 calc(5px * 8) 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 992px) {
  .blog-listing.blog-listing--mosaic .image-container:before {
    padding-bottom: 56.25%;
  }
}

@media (max-width: 600px) {
  .blog-listing.blog-listing--mosaic .image-container:before {
    padding-bottom: 75%;
  }
}

@media (min-width: 768px) {
  .blog-listing__blog-post-link--vertical .image-container, 
  .blog-listing__blog-post-link--vertical .blog-listing__blog-post-description {
    width: 50%;
    height: 100%;
  }
}

@media (min-width: 992px) {
  .blog-listing .d-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0;
  }

  .blog-listing .d-grid > [class*="span"]:nth-child(1),
  .blog-listing .d-grid > [class*="span"]:nth-child(4n) {
    grid-column: span 4;
    grid-row: span 2;
  }

  .blog-listing .d-grid > [class*="span"] {
    grid-column: span 2;
  }
}
.blog-pagination .blog-pagination__link {
  color: #253543;
}

.blog-pagination .blog-pagination__link:not([class*="prev"]):not([class*="next"]) {
  width: calc(5px * 4);
  height: calc(5px * 4);
}

.blog-pagination .blog-pagination__link--active {
  pointer-events: none;
  background-color: #253543;
  color: #FFFFFF;
  border-radius: 50%;
}

.blog-pagination .blog-pagination__link:not([class*="disabled"]):not([class*="active"]):hover {
  pointer-events: initial;
  cursor: pointer;
  opacity: 0.75;
} 

.blog-pagination .blog-pagination__link[class*="disabled"] {
  opacity: 0.5;
}
.blog-post-sidebar .related-blog-post a,
.blog-post-sidebar .resource__resource-link {
  color: inherit;
  transition: color 0.25s ease-in-out;
}

.blog-tags__tags-list {
  margin-top: -5px;
  margin-left: -5px;
}

@media (max-width: 992px) {
  .blog-posts__content .row-fluid>[class*="span"]:first-child {
    flex: 1 1 auto;
    width: auto;
    max-width: 100px;
  }

  main .dnd-section .related-blog-post .row-fluid [class*='span']:not(:first-child) {
    margin-top: 0;
  }

  .blog-posts__content .row-fluid > [class*="span"]:last-child {
    flex: 1 1 auto;
    width: auto;
  }
}


@media (max-width: 600px) {
  .blog-posts__content .row-fluid>[class*="span"]:first-child {
    max-width: 100%;
    width: 100%;
  }

  .blog-posts__content .image-container:before {
    padding-bottom: 56.25%;
  }

  main .dnd-section .related-blog-post .row-fluid [class*='span']:not(:first-child) {
    margin-top: 25.0px;
  }

  .blog-posts__content .row-fluid > [class*="span"]:last-child {
    flex: 0 0 auto;
  }
}
.related-blog-posts .related-blog-post {
  color: inherit;
}

.related-blog-posts .related-blog-post img {
  transform: scale(1);
  transition: transform 0.5s ease-in-out;
}

.related-blog-posts .related-blog-post:hover img {
  transform: scale(1.1);
}
.blog-social-sharing .blog-social-sharing__icon {
  width: 40px;
  height: 40px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  transition: 
    fill 0.25s ease-in-out,
    color 0.25s ease-in-out,
    border-color 0.25s ease-in-out,
    background-color 0.25s ease-in-out;
  cursor: pointer;
}

.blog-social-sharing .blog-social-sharing__icon svg {
  max-width: 24px;
  max-height: 24px;
}
.styleguide.grid [class*='span'] .content {
  min-height: 20rem;
  background-color: #ffd4d4;
}

@media (min-width: 992px) {
  .form-image-section.dnd-section > .row-fluid > .dnd-column > .dnd-row {
    overflow: initial;
  }

  .form-image-section.mobile-reverse > .row-fluid > .dnd-column,
  .form-image-section:not(.mobile-reverse) .custom-form {
    margin-top: -172px;
  }
}

.gradient-section {
  background: transparent linear-gradient(121deg,#ebe8fd,#f8f1fe 45%,#f1f7fa) 0 0 no-repeat padding-box;
}

.dnd-section.cta-section > .row-fluid > .dnd-column > .dnd-row {
  border-radius: 10px;
}