.e-con {
    --border-radius: 0;
    --border-top-width: 0px;
    --border-right-width: 0px;
    --border-bottom-width: 0px;
    --border-left-width: 0px;
    --border-style: initial;
    --border-color: initial;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --content-width: min(100%, var(--container-max-width, 1140px));
    --width: 100%;
    --min-height: initial;
    --height: auto;
    --text-align: initial;
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --padding-top: var(--container-default-padding-top, 0px);
    --padding-bottom: var(--container-default-padding-right, 0px);
    --padding-bottom: var(--container-default-padding-bottom, 0px);
    --padding-top: var(--container-default-padding-left, 0px);
    --position: relative;
    --z-index: revert;
    --overflow: visible;
    --gap: var(--widgets-spacing, 0px);
    --row-gap: var(--widgets-spacing-row, 0px);
    --column-gap: var(--widgets-spacing-column, 0px);
    --overlay-mix-blend-mode: initial;
    --overlay-opacity: 1;
    --overlay-transition: 0.3s;
    --e-con-grid-template-columns: repeat(3, 1fr);
    --e-con-grid-template-rows: repeat(2, 1fr);
    --flex-wrap-mobile: wrap;
    border-radius: var(--border-radius);
    height: var(--height);
    min-height: var(--min-height);
    min-width: 0;
    overflow: var(--overflow);
    position: var(--position);
    width: var(--width);
    z-index: var(--z-index);
}

.border-grey{
  border-color: var(--e-global-color-border-grey)
}
.border-blue{
  border-color: var(--e-global-color-border-blue)
}
.border-cyan{
  border-color: var(--e-global-color-border-cyan)
}
.border-light{
  border-color: var(--e-global-color-border-light)
}
.border-dark{
  border-color: var(--e-global-color-border-dark)
}

.border-width-1 {
  --border-top-width: 1px;
  --border-right-width: 1px;
  --border-bottom-width: 1px;
  --border-left-width: 1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;

}

.border-width-2 {
  --border-top-width: 2px;
  --border-right-width: 2px;
  --border-bottom-width: 2px;
  --border-left-width: 2px;

}

.border-width-3 {
  --border-top-width: 3px;
  --border-right-width: 3px;
  --border-bottom-width: 3px;
  --border-left-width: 3px;

}

.border-width-4 {
  --border-top-width: 4px;
  --border-right-width: 4px;
  --border-bottom-width: 4px;
  --border-left-width: 4px;
}

.border-width-5 {
  --border-top-width: 5px;
  --border-right-width: 5px;
  --border-bottom-width: 5px;
  --border-left-width: 5px;

}

.border-width-6 {
  --border-top-width: 6px;
  --border-right-width: 6px;
  --border-bottom-width: 6px;
  --border-left-width: 6px;

}

.border-width-7 {
  --border-top-width: 7px;
  --border-right-width: 7px;
  --border-bottom-width: 7px;
  --border-left-width: 7px;

}

.border-width-8 {
  --border-top-width: 8px;
  --border-right-width: 8px;
  --border-bottom-width: 8px;
  --border-left-width: 8px;

}

.border-width-9 {
  --border-top-width: 9px;
  --border-right-width: 9px;
  --border-bottom-width: 9px;
  --border-left-width: 9px;
}

.border-width-10 {
  --border-top-width: 10px;
  --border-right-width: 10px;
  --border-bottom-width: 10px;
  --border-left-width: 10px;

}



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

.border-style-double {
  --border-style: double;
  border-style: double;
}

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

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

.border-style-groove {
  --border-style: groove;
  border-style: groove;
}

.background-grey{
  background-color: var(--e-global-color-background-grey)
}
.background-blue{
  background-color: var(--e-global-color-background-blue)
}
.background-white{
  background-color: var(--e-global-color-background-white)
}
.background-light{
  background-color: var(--e-global-color-background-light)
}
.background-dark{
  background-color: var(--e-global-color-background-dark)
}

.e-con.gap0 {
  --widgets-spacing: 0px;
  --widgets-spacing-row: 0px;
  --widgets-spacing-column: 0px;
}

.e-con.gap0 > .e-con-inner {
  --col-gap: 0px;
}

.e-con.gap5 {
  --widgets-spacing: 5px;
  --widgets-spacing-row: 5px;
  --widgets-spacing-column: 5px;
}

.e-con.gap5 > .e-con-inner {
  --col-gap: 5px;
}

.e-con.gap10 {
  --widgets-spacing: 10px;
  --widgets-spacing-row: 10px;
  --widgets-spacing-column: 10px;
}

.e-con.gap10 > .e-con-inner {
  --col-gap: 10px;
}

.e-con.gap15 {
  --widgets-spacing: 15px;
  --widgets-spacing-row: 15px;
  --widgets-spacing-column: 15px;
}

.e-con.gap15 > .e-con-inner {
  --col-gap: 15px;
}

.e-con.gap20 {
  --widgets-spacing: 20px;
  --widgets-spacing-row: 20px;
  --widgets-spacing-column: 20px;
}

.e-con.gap20 > .e-con-inner {
  --col-gap: 20px;
}

.e-con.gap25 {
  --widgets-spacing: 25px;
  --widgets-spacing-row: 25px;
  --widgets-spacing-column: 25px;
}

.e-con.gap25 > .e-con-inner {
  --col-gap: 25px;
}

.e-con.gap30 {
  --widgets-spacing: 30px;
  --widgets-spacing-row: 30px;
  --widgets-spacing-column: 30px;
}

.e-con.gap30 > .e-con-inner {
  --col-gap: 30px;
}

.e-con.gap40 {
  --widgets-spacing: 40px;
  --widgets-spacing-row: 40px;
  --widgets-spacing-column: 40px;
}

.e-con.gap40 > .e-con-inner {
  --col-gap: 40px;
}

.e-con.gap50 {
  --widgets-spacing: 50px;
  --widgets-spacing-row: 50px;
  --widgets-spacing-column: 50px;
}

.e-con.gap50 > .e-con-inner {
  --col-gap: 50px;
}

.e-con[class*="gap"] > .e-con-inner {
  gap: var(--col-gap);
  column-gap: var(--col-gap);
  row-gap: var(--col-gap);
}

@media only screen and (max-width: 1200px) {
  .e-con.gap10 {
    --widgets-spacing: 7px;
    --widgets-spacing-row: 7px;
    --widgets-spacing-column: 7px;
  }

  .e-con.gap10 > .e-con-inner {
    --col-gap: 7px;
  }

  .e-con.gap15 {
    --widgets-spacing: 10px;
    --widgets-spacing-row: 10px;
    --widgets-spacing-column: 10px;
  }

  .e-con.gap15 > .e-con-inner {
    --col-gap: 10px;
  }

  .e-con.gap20 {
    --widgets-spacing: 13px;
    --widgets-spacing-row: 13px;
    --widgets-spacing-column: 13px;
  }

  .e-con.gap20 > .e-con-inner {
    --col-gap: 13px;
  }

  .e-con.gap25 {
    --widgets-spacing: 17px;
    --widgets-spacing-row: 17px;
    --widgets-spacing-column: 17px;
  }

  .e-con.gap25 > .e-con-inner {
    --col-gap: 17px;
  }

  .e-con.gap30 {
    --widgets-spacing: 20px;
    --widgets-spacing-row: 20px;
    --widgets-spacing-column: 20px;
  }

  .e-con.gap30 > .e-con-inner {
    --col-gap: 20px;
  }

  .e-con.gap40 {
    --widgets-spacing: 27px;
    --widgets-spacing-row: 27px;
    --widgets-spacing-column: 27px;
  }

  .e-con.gap40 > .e-con-inner {
    --col-gap: 27px;
  }

  .e-con.gap50 {
    --widgets-spacing: 34px;
    --widgets-spacing-row: 34px;
    --widgets-spacing-column: 34px;
  }

  .e-con.gap50 > .e-con-inner {
    --col-gap: 34px;
  }
}

@media only screen and (max-width: 1024px) {
  .e-con.gap10 {
    --widgets-spacing: 5px;
    --widgets-spacing-row: 5px;
    --widgets-spacing-column: 5px;
  }

  .e-con.gap10 > .e-con-inner {
    --col-gap: 5px;
  }

  .e-con.gap15 {
    --widgets-spacing: 8px;
    --widgets-spacing-row: 8px;
    --widgets-spacing-column: 8px;
  }

  .e-con.gap15 > .e-con-inner {
    --col-gap: 8px;
  }

  .e-con.gap20 {
    --widgets-spacing: 10px;
    --widgets-spacing-row: 10px;
    --widgets-spacing-column: 10px;
  }

  .e-con.gap20 > .e-con-inner {
    --col-gap: 10px;
  }

  .e-con.gap25 {
    --widgets-spacing: 13px;
    --widgets-spacing-row: 13px;
    --widgets-spacing-column: 13px;
  }

  .e-con.gap25 > .e-con-inner {
    --col-gap: 13px;
  }

  .e-con.gap30 {
    --widgets-spacing: 15px;
    --widgets-spacing-row: 15px;
    --widgets-spacing-column: 15px;
  }

  .e-con.gap30 > .e-con-inner {
    --col-gap: 15px;
  }

  .e-con.gap40 {
    --widgets-spacing: 20px;
    --widgets-spacing-row: 20px;
    --widgets-spacing-column: 20px;
  }

  .e-con.gap40 > .e-con-inner {
    --col-gap: 20px;
  }

  .e-con.gap50 {
    --widgets-spacing: 25px;
    --widgets-spacing-row: 25px;
    --widgets-spacing-column: 25px;
  }

  .e-con.gap50 > .e-con-inner {
    --col-gap: 25px;
  }
}

@media only screen and (max-width: 768px) {
  .e-con.gap10,
  .e-con.gap15,
  .e-con.gap20,
  .e-con.gap25,
  .e-con.gap30,
  .e-con.gap40,
  .e-con.gap50 {
    --widgets-spacing: 10px;
    --widgets-spacing-row: 10px;
    --widgets-spacing-column: 10px;
  }

  .e-con.gap10 > .e-con-inner,
  .e-con.gap15 > .e-con-inner,
  .e-con.gap20 > .e-con-inner,
  .e-con.gap25 > .e-con-inner,
  .e-con.gap30 > .e-con-inner,
  .e-con.gap40 > .e-con-inner,
  .e-con.gap50 > .e-con-inner {
    --col-gap: 10px;
  }
}

.margin-both-xxl,
.margin-top-xxl,
.margin-bottom-xxl,
.margin-both-xl,
.margin-top-xl,
.margin-bottom-xl,
.margin-both-l,
.margin-top-l,
.margin-bottom-l,
.margin-both-m,
.margin-top-m,
.margin-bottom-m,
.margin-both-s,
.margin-top-s,
.margin-bottom-s,
.margin-both-xs,
.margin-top-xs,
.margin-bottom-xs,
.margin-both-xxs,
.margin-bottom-xxs,
.margin-top-xxs {
  margin-top: 0;
  margin-bottom: 0;
}

.border-col-2 .col-2.border-width-1{
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 1px;
 }
.border-col-2 .col-2.border-width-1:nth-child(6 of .col-2) {
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
}

.border-col-3 .col-3.border-width-1{
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 1px;
 }
.border-col-3 .col-3.border-width-1:nth-child(4 of .col-3) {
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
}

.border-col-4 .col-4.border-width-1{
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 1px;
 }
.border-col-4 .col-4.border-width-1:nth-child(3 of .col-4) {
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
}

.border-col-6 .col-6.border-width-1{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
 }

.border-col-6 .col-6.border-width-1:nth-child(2 of .col-6) {
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 0px;
}

@media only screen and (min-width: 1201px) {
.col-1{
	width:8.33333333%;
}
.col-2{
	width:16.6666666%;
}
.col-3{
	width:25%;
}

.col-4{
	width:33.33333333%;
}
.col-5{
	width:41.66666666%;
}

.col-6{
	width:50%;
}

.col-7{
	width:58.33333333%;
}

.col-8{
	width:66.66666666%;
}

.col-9{
	width:75%;
}

.col-10{
	width:83.33333333%;
}
.col-11{
		width:91.66666666%;
}
.col-12{
		width:100%;
}

  .margin-both-xxl {
    margin-top: 150px;
    margin-bottom: 150px;
  }
  .margin-top-xxl {
    margin-top: 150px;
  }
  .margin-bottom-xxl {
    margin-bottom: 150px;
  }
  .margin-both-xl {
    margin-top: 125px;
    margin-bottom: 125px;
  }
  .margin-top-xl {
    margin-top: 125px;
  }
  .margin-bottom-xl {
    margin-bottom: 125px;
  }
  .margin-both-l {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .margin-top-l {
    margin-top: 100px;
  }
  .margin-bottom-l {
    margin-bottom: 100px;
  }
  .margin-both-m {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .margin-top-m {
    margin-top: 75px;
  }
  .margin-bottom-m {
    margin-bottom: 75px;
  }
  .margin-both-s {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .margin-top-s {
    margin-top: 50px;
  }
  .margin-bottom-s {
    margin-bottom: 50px;
  }
  .margin-both-xs {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .margin-top-xs {
    margin-top: 25px;
  }
  .margin-bottom-xs {
    margin-bottom: 25px;
  }
  .margin-both-xxs {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .margin-top-xxs {
    margin-top: 10px;
  }
  .margin-bottom-xxs {
    margin-bottom: 10px;
  }
  .flex-outer-container {
    padding-left: 50px;
    padding-right: 50px;
  }
  .hero-container{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 120px;
    padding-bottom: 30px;
  }
  .flex-outer-container.both-xxl .e-con-inner,
  .flex-outer-container.all-xxl .e-con-inner,
  .flex-inner-container.both-xxl,
  .flex-inner-container.all-xxl,
  .flex-inner-column.both-xxl,
  .flex-inner-column.all-xxl{
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .flex-outer-container.both-xl .e-con-inner,
  .flex-outer-container.all-xl .e-con-inner,
  .flex-inner-container.both-xl,
  .flex-inner-container.all-xl,
  .flex-inner-column.both-xl,
  .flex-inner-column.all-xl {
    padding-top: 125px;
    padding-bottom: 125px;
  }
  .flex-outer-container.both-l .e-con-inner,
  .flex-outer-container.all-l .e-con-inner,
  .flex-inner-container.both-l,
  .flex-inner-container.all-l,
  .flex-inner-column.both-l,
  .flex-inner-column.all-l {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .flex-outer-container.both-m .e-con-inner,
  .flex-outer-container.all-m .e-con-inner,
  .flex-inner-container.both-m,
  .flex-inner-container.all-m,
  .flex-inner-column.both-m,
  .flex-inner-column.all-m {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .flex-outer-container.both-s .e-con-inner,
  .flex-outer-container.all-s .e-con-inner,
  .flex-inner-container.both-s,
  .flex-inner-container.all-s,
  .flex-inner-column.both-s,
  .flex-inner-column.all-s {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .flex-outer-container.both-xs .e-con-inner,
  .flex-outer-container.all-xs .e-con-inner,
  .flex-inner-container.both-xs,
  .flex-inner-container.all-xs,
  .flex-inner-column.both-xs,
  .flex-inner-column.all-xs {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .flex-outer-container.both-xxs .e-con-inner,
  .flex-outer-container.all-xxs .e-con-inner,
  .flex-inner-container.both-xxs,
  .flex-inner-container.all-xxs,
  .flex-inner-column.both-xxs,
  .flex-inner-column.all-xxs {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .flex-outer-container.top-xxl .e-con-inner,
  .flex-inner-container.top-xxl,
  .flex-inner-column.top-xxl{
    padding-top: 150px;
    padding-bottom: 0px;
  }
  .flex-outer-container.top-xl .e-con-inner,
  .flex-inner-container.top-xl,
  .flex-inner-column.top-xl {
    padding-top: 125px;
    padding-bottom: 0px;
  }
  .flex-outer-container.top-l .e-con-inner,
  .flex-inner-container.top-l,
  .flex-inner-column.top-l {
    padding-top: 100px;
    padding-bottom: 0px;
  }
  .flex-outer-container.top-m .e-con-inner,
  .flex-inner-container.top-m,
  .flex-inner-column.top-m {
    padding-top: 75px;
    padding-bottom: 0px;
  }
  .flex-outer-container.top-s .e-con-inner,
  .flex-inner-container.top-s,
  .flex-inner-column.top-s {
    padding-top: 50px;
    padding-bottom: 0px;
  }
  .flex-outer-container.top-xs .e-con-inner,
  .flex-inner-container.top-xs,
  .flex-inner-column.top-xs {
    padding-top: 25px;
    padding-bottom: 0px;
  }
  .flex-outer-container.top-xxs .e-con-inner,
  .flex-inner-container.top-xxs,
  .flex-inner-column.top-xxs {
    padding-top: 10px;
    padding-bottom: 0px;
  }
  .flex-outer-container.bottom-xxl .e-con-inner,
  .flex-inner-container.bottom-xxl,
  .flex-inner-column.bottom-xxl {
    padding-top: 0px;
    padding-bottom: 150px;
  }
  .flex-outer-container.bottom-xl .e-con-inner,
  .flex-inner-container.bottom-xl,
  .flex-inner-column.bottom-xl {
    padding-top: 0px;
    padding-bottom: 125px;
  }
  .flex-outer-container.bottom-l .e-con-inner,
  .flex-inner-container.bottom-l,
  .flex-inner-column.bottom-l {
    padding-top: 0px;
    padding-bottom: 100px;
  }
  .flex-outer-container.bottom-m .e-con-inner,
  .flex-inner-container.bottom-m,
  .flex-inner-column.bottom-m {
    padding-top: 0px;
    padding-bottom: 75px;
  }
  .flex-outer-container.bottom-s .e-con-inner,
  .flex-inner-container.bottom-s,
  .flex-inner-column.bottom-s {
    padding-top: 0px;
    padding-bottom: 50px;
  }
  .flex-outer-container.bottom-xs .e-con-inner,
  .flex-inner-container.bottom-xs,
  .flex-inner-column.bottom-xs {
    padding-top: 0px;
    padding-bottom: 25px;
  }
  .flex-outer-container.bottom-xxs .e-con-inner,
  .flex-inner-container.bottom-xxs,
  .flex-inner-column.bottom-xxs {
    padding-top: 0px;
    padding-bottom: 10px;
  }
  .flex-outer-container.no-spacing-vertical .e-con-inner,
  .flex-inner-container.no-spacing-vertical,
  .flex-inner-column.no-spacing-vertical {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .flex-outer-container.no-spacing-horizontal .e-con-inner,
  .flex-inner-container.no-spacing-horizontal,
  .flex-inner-column.no-spacing-horizontal {
    padding-left: 0px;
    padding-right: 0px;
  }
  .flex-outer-container.left-xxl .e-con-inner,
  .flex-inner-container.left-xxl,
  .flex-inner-column.left-xxl {
    padding-left: 150px;
    padding-right: 0px;
  }
  .flex-outer-container.right-xxl .e-con-inner,
  .flex-inner-container.right-xxl,
  .flex-inner-column.right-xxl {
    padding-left: 0px;
    padding-right: 150px;
  }
  .flex-outer-container.both-x-xxl .e-con-inner,
  .flex-inner-container.both-x-xxl,
  .flex-inner-column.both-x-xxl {
    padding-left: 150px;
    padding-right: 150px;
  }
  .flex-outer-container.left-xl .e-con-inner,
  .flex-inner-container.left-xl,
  .flex-inner-column.left-xl {
    padding-left: 125px;
    padding-right: 0px;
  }
  .flex-outer-container.right-xl .e-con-inner,
  .flex-inner-container.right-xl,
  .flex-inner-column.right-xl {
    padding-left: 0px;
    padding-right: 125px;
  }
  .flex-outer-container.both-x-xl .e-con-inner,
  .flex-inner-container.both-x-xl,
  .flex-inner-column.both-x-xl {
    padding-left: 125px;
    padding-right: 125px;
  }
  .flex-outer-container.left-l .e-con-inner,
  .flex-inner-container.left-l,
  .flex-inner-column.left-l {
    padding-left: 100px;
    padding-right: 0px;
  }
  .flex-outer-container.right-l .e-con-inner,
  .flex-inner-container.right-l,
  .flex-inner-column.right-l {
    padding-left: 0px;
    padding-right: 100px;
  }
  .flex-outer-container.both-x-l .e-con-inner,
  .flex-inner-container.both-x-l,
  .flex-inner-column.both-x-l {
    padding-left: 100px;
    padding-right: 100px;
  }
  .flex-outer-container.left-m .e-con-inner,
  .flex-inner-container.left-m,
  .flex-inner-column.left-m {
    padding-left: 75px;
    padding-right: 0px;
  }
  .flex-outer-container.right-m .e-con-inner,
  .flex-inner-container.right-m,
  .flex-inner-column.right-m {
    padding-left: 0px;
    padding-right: 75px;
  }
  .flex-outer-container.both-x-m .e-con-inner,
  .flex-inner-container.both-x-m,
  .flex-inner-column.both-x-m {
    padding-left: 75px;
    padding-right: 75px;
  }
  .flex-outer-container.left-s .e-con-inner,
  .flex-inner-container.left-s,
  .flex-inner-column.left-s {
    padding-left: 50px;
    padding-right: 0px;
  }
  .flex-outer-container.right-s .e-con-inner,
  .flex-inner-container.right-s,
  .flex-inner-column.right-s {
    padding-left: 0px;
    padding-right: 50px;
  }
  .flex-outer-container.both-x-s .e-con-inner,
  .flex-inner-container.both-x-s,
  .flex-inner-column.both-x-s {
    padding-left: 50px;
    padding-right: 50px;
  }
  .flex-outer-container.left-xs .e-con-inner,
  .flex-inner-container.left-xs,
  .flex-inner-column.left-xs {
    padding-left: 25px;
    padding-right: 0px;
  }
  .flex-outer-container.right-xs .e-con-inner,
  .flex-inner-container.right-xs,
  .flex-inner-column.right-xs {
    padding-left: 0px;
    padding-right: 25px;
  }
  .flex-outer-container.both-x-xs .e-con-inner,
  .flex-inner-container.both-x-xs,
  .flex-inner-column.both-x-xs {
    padding-left: 25px;
    padding-right: 25px;
  }
  .flex-outer-container.left-xxs .e-con-inner,
  .flex-inner-container.left-xxs,
  .flex-inner-column.left-xxs {
    padding-left: 10px;
    padding-right: 0px;
  }
  .flex-outer-container.right-xxs .e-con-inner,
  .flex-inner-container.right-xxs,
  .flex-inner-column.right-xxs {
    padding-left: 0px;
    padding-right: 10px;
  }
  .flex-outer-container.both-x-xxs .e-con-inner,
  .flex-inner-container.both-x-xxs,
  .flex-inner-column.both-x-xxs {
    padding-left: 10px;
    padding-right: 10px;
  }

}

@media only screen and (max-width: 1200px) and (min-width: 1025px){
  .border-col-2 .col-2.border-width-1{
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
   }

   .border-col-2 .col-2.border-width-1:nth-child(3 of .col-2) {
      border-right-width: 1px;
   }

   .border-col-2 .col-2.border-width-1:nth-child(4 of .col-2) {
      border-top-width: 0px;
   }
   .border-col-2 .col-2.border-width-1:nth-child(5 of .col-2) {
      border-top-width: 0px;
   }


   .border-col-2 .col-2.border-width-1:nth-child(6 of .col-2) {
      border-right-width: 1px;
        border-top-width: 0px;
   }


  .border-col-3 .col-3.border-width-1:nth-child(2 of .col-3) {
     border-right-width: 1px;
  }


  .border-col-3 .col-3.border-width-1:nth-child(3 of .col-3) {
     border-top-width: 0px;

  }

  .border-col-3 .col-3.border-width-1:nth-child(4 of .col-3) {
     border-top-width: 0px;
     border-right-width: 1px;
  }

    .margin-both-xxl {
      margin-top: 100px;
      margin-bottom: 100px;
    }
    .margin-top-xxl {
      margin-top: 100px;
    }
    .margin-bottom-xxl {
      margin-bottom: 100px;
    }
    .margin-both-xl {
      margin-top: 80px;
      margin-bottom: 80px;
    }
    .margin-top-xl {
      margin-top: 80px;
    }
    .margin-bottom-xl {
      margin-bottom: 80px;
    }
    .margin-both-l {
      margin-top: 60px;
      margin-bottom: 60px;
    }
    .margin-top-l {
      margin-top: 60px;
    }
    .margin-bottom-l {
      margin-bottom: 60px;
    }
    .margin-both-m {
      margin-top: 40px;
      margin-bottom: 40px;
    }
    .margin-top-m {
      margin-top: 40px;
    }
    .margin-bottom-m {
      margin-bottom: 40px;
    }
    .margin-both-s {
      margin-top: 30px;
      margin-bottom: 30px;
    }
    .margin-top-s {
      margin-top: 30px;
    }
    .margin-bottom-s {
      margin-bottom: 30px;
    }
    .margin-both-xs {
      margin-top: 25px;
      margin-bottom: 25px;
    }
    .margin-top-xs {
      margin-top: 25px;
    }
    .margin-bottom-xs {
      margin-bottom: 25px;
    }
    .margin-both-xxs {
      margin-top: 10px;
      margin-bottom: 10px;
    }
    .margin-top-xxs {
      margin-top: 10px;
    }
    .margin-bottom-xxs {
      margin-bottom: 10px;
    }
    .flex-outer-container {
    padding-left: 30px;
    padding-right: 30px;
     }
     .hero-container{
       padding-left: 0px;
       padding-right: 0px;
       padding-top: 100px;
       padding-bottom: 20px;
     }
     .flex-outer-container.both-xxl .e-con-inner,
     .flex-outer-container.all-xxl .e-con-inner,
     .flex-inner-container.both-xxl,
     .flex-inner-container.all-xxl,
     .flex-inner-column.both-xxl,
     .flex-inner-column.all-xxl{
      padding-top: 100px;
      padding-bottom: 100px;
    }
    .flex-outer-container.both-xl .e-con-inner,
    .flex-outer-container.all-xl .e-con-inner,
    .flex-inner-container.both-xl,
    .flex-inner-container.all-xl,
    .flex-inner-column.both-xl,
    .flex-inner-column.all-xl {
      padding-top: 80px;
      padding-bottom: 80px;
    }
    .flex-outer-container.both-l .e-con-inner,
    .flex-outer-container.all-l .e-con-inner,
    .flex-inner-container.both-l,
    .flex-inner-container.all-l,
    .flex-inner-column.both-l,
    .flex-inner-column.all-l {
      padding-top: 60px;
      padding-bottom: 60px;
    }
    .flex-outer-container.both-m .e-con-inner,
    .flex-outer-container.all-m .e-con-inner,
    .flex-inner-container.both-m,
    .flex-inner-container.all-m,
    .flex-inner-column.both-m,
    .flex-inner-column.all-m {
      padding-top: 40px;
      padding-bottom: 40px;
    }
    .flex-outer-container.both-s .e-con-inner,
    .flex-outer-container.all-s .e-con-inner,
    .flex-inner-container.both-s,
    .flex-inner-container.all-s,
    .flex-inner-column.both-s,
    .flex-inner-column.all-s {
      padding-top: 30px;
      padding-bottom: 30px;
    }
    .flex-outer-container.both-xs .e-con-inner,
    .flex-outer-container.all-xs .e-con-inner,
    .flex-inner-container.both-xs,
    .flex-inner-container.all-xs,
    .flex-inner-column.both-xs,
    .flex-inner-column.all-xs {
      padding-top: 25px;
      padding-bottom: 25px;
    }
    .flex-outer-container.both-xxs .e-con-inner,
    .flex-outer-container.all-xxs .e-con-inner,
    .flex-inner-container.both-xxs,
    .flex-inner-container.all-xxs,
    .flex-inner-column.both-xxs,
    .flex-inner-column.all-xxs {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .flex-outer-container.top-xxl .e-con-inner,
    .flex-inner-container.top-xxl,
    .flex-inner-column.top-xxl{
     padding-top: 100px;
     padding-bottom: 0px;
    }
    .flex-outer-container.top-xl .e-con-inner,
    .flex-inner-container.top-xl,
    .flex-inner-column.top-xl {
     padding-top: 80px;
     padding-bottom: 0px;
    }
    .flex-outer-container.top-l .e-con-inner,
    .flex-inner-container.top-l,
    .flex-inner-column.top-l {
     padding-top: 60px;
     padding-bottom: 0px;
    }
    .flex-outer-container.top-m .e-con-inner,
    .flex-inner-container.top-m,
    .flex-inner-column.top-m {
     padding-top: 40px;
     padding-bottom: 0px;
    }
    .flex-outer-container.top-s .e-con-inner,
    .flex-inner-container.top-s,
    .flex-inner-column.top-s {
     padding-top: 30px;
     padding-bottom: 0px;
    }
    .flex-outer-container.top-xs .e-con-inner,
    .flex-inner-container.top-xs,
    .flex-inner-column.top-xs {
     padding-top: 25px;
     padding-bottom: 0px;
    }
    .flex-outer-container.top-xxs .e-con-inner,
    .flex-inner-container.top-xxs,
    .flex-inner-column.top-xxs {
     padding-top: 10px;
     padding-bottom: 0px;

}
    .flex-outer-container.bottom-xxl .e-con-inner,
    .flex-inner-container.bottom-xxl,
    .flex-inner-column.bottom-xxl {
     padding-top: 0px;
     padding-bottom: 100px;
    }
    .flex-outer-container.bottom-xl .e-con-inner,
    .flex-inner-container.bottom-xl,
    .flex-inner-column.bottom-xl {
     padding-top: 0px;
     padding-bottom: 80px;
    }
    .flex-outer-container.bottom-l .e-con-inner,
    .flex-inner-container.bottom-l,
    .flex-inner-column.bottom-l {
     padding-top: 0px;
     padding-bottom: 60px;
    }
    .flex-outer-container.bottom-m .e-con-inner,
    .flex-inner-container.bottom-m,
    .flex-inner-column.bottom-m {
     padding-top: 0px;
     padding-bottom: 40px;
    }
    .flex-outer-container.bottom-s .e-con-inner,
    .flex-inner-container.bottom-s,
    .flex-inner-column.bottom-s {
     padding-top: 0px;
     padding-bottom: 30px;
    }
    .flex-outer-container.bottom-xs .e-con-inner,
    .flex-inner-container.bottom-xs,
    .flex-inner-column.bottom-xs {
     padding-top: 0px;
     padding-bottom: 25px;
    }
    .flex-outer-container.bottom-xxs .e-con-inner,
    .flex-inner-container.bottom-xxs,
    .flex-inner-column.bottom-xxs {
     padding-top: 0px;
     padding-bottom: 10px;
    }
    .flex-outer-container.no-spacing-vertical .e-con-inner,
    .flex-inner-container.no-spacing-vertical,
    .flex-inner-column.no-spacing-vertical {
     padding-top: 0px;
     padding-bottom: 0px;
    }
    .flex-outer-container.no-spacing-horizontal .e-con-inner,
    .flex-inner-container.no-spacing-horizontal,
    .flex-inner-column.no-spacing-horizontal {
     padding-left: 0px;
     padding-right: 0px;
    }
    .flex-outer-container.left-xxl .e-con-inner,
    .flex-inner-container.left-xxl,
    .flex-inner-column.left-xxl {
     padding-left: 100px;
     padding-right: 0px;
    }
    .flex-outer-container.right-xxl .e-con-inner,
    .flex-inner-container.right-xxl,
    .flex-inner-column.right-xxl {
     padding-left: 0px;
     padding-right: 100px;
    }
    .flex-outer-container.both-x-xxl .e-con-inner,
    .flex-inner-container.both-x-xxl,
    .flex-inner-column.both-x-xxl {
     padding-left: 100px;
     padding-right: 100px;
    }
    .flex-outer-container.left-xl .e-con-inner,
    .flex-inner-container.left-xl,
    .flex-inner-column.left-xl {
     padding-left: 80px;
     padding-right: 0px;
    }
    .flex-outer-container.right-xl .e-con-inner,
    .flex-inner-container.right-xl,
    .flex-inner-column.right-xl {
     padding-left: 0px;
     padding-right: 80px;
    }
    .flex-outer-container.both-x-xl .e-con-inner,
    .flex-inner-container.both-x-xl,
    .flex-inner-column.both-x-xl {
     padding-left: 80px;
     padding-right: 80px;
    }
    .flex-outer-container.left-l .e-con-inner,
    .flex-inner-container.left-l,
    .flex-inner-column.left-l {
     padding-left: 60px;
     padding-right: 0px;
    }
    .flex-outer-container.right-l .e-con-inner,
    .flex-inner-container.right-l,
    .flex-inner-column.right-l {
     padding-left: 0px;
     padding-right: 60px;
    }
    .flex-outer-container.both-x-l .e-con-inner,
    .flex-inner-container.both-x-l,
    .flex-inner-column.both-x-l {
     padding-left: 60px;
     padding-right: 60px;
    }
    .flex-outer-container.left-m .e-con-inner,
    .flex-inner-container.left-m,
    .flex-inner-column.left-m {
     padding-left: 40px;
     padding-right: 0px;
    }
    .flex-outer-container.right-m .e-con-inner,
    .flex-inner-container.right-m,
    .flex-inner-column.right-m {
     padding-left: 0px;
     padding-right: 40px;
    }
    .flex-outer-container.both-x-m .e-con-inner,
    .flex-inner-container.both-x-m,
    .flex-inner-column.both-x-m {
     padding-left: 40px;
     padding-right: 40px;
    }
    .flex-outer-container.left-s .e-con-inner,
    .flex-inner-container.left-s,
    .flex-inner-column.left-s {
     padding-left: 30px;
     padding-right: 0px;
    }
    .flex-outer-container.right-s .e-con-inner,
    .flex-inner-container.right-s,
    .flex-inner-column.right-s {
     padding-left: 0px;
     padding-right: 30px;
    }
    .flex-outer-container.both-x-s .e-con-inner,
    .flex-inner-container.both-x-s,
    .flex-inner-column.both-x-s {
     padding-left: 30px;
     padding-right: 30px;
    }
    .flex-outer-container.left-xs .e-con-inner,
    .flex-inner-container.left-xs,
    .flex-inner-column.left-xs {
     padding-left: 25px;
     padding-right: 0px;
    }
    .flex-outer-container.right-xs .e-con-inner,
    .flex-inner-container.right-xs,
    .flex-inner-column.right-xs {
     padding-left: 0px;
     padding-right: 25px;
    }
    .flex-outer-container.both-x-xs .e-con-inner,
    .flex-inner-container.both-x-xs,
    .flex-inner-column.both-x-xs {
     padding-left: 25px;
     padding-right: 25px;
    }
    .flex-outer-container.left-xxs .e-con-inner,
    .flex-inner-container.left-xxs,
    .flex-inner-column.left-xxs {
     padding-left: 10px;
     padding-right: 0px;
    }
    .flex-outer-container.right-xxs .e-con-inner,
    .flex-inner-container.right-xxs,
    .flex-inner-column.right-xxs {
     padding-left: 0px;
     padding-right: 10px;
    }
    .flex-outer-container.both-x-xxs .e-con-inner,
    .flex-inner-container.both-x-xxs,
    .flex-inner-column.both-x-xxs {
     padding-left: 10px;
     padding-right: 10px;
    }
}

@media only screen and (max-width: 1024px) {
  .border-col-2 .col-2.border-width-1{
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
   }

   .border-col-2 .col-2.border-width-1:nth-child(2 of .col-2) {
      border-right-width: 1px;
   }


   .border-col-2 .col-2.border-width-1:nth-child(3 of .col-2) {
      border-right-width: 0px;
      border-top-width: 0px;
   }

   .border-col-2 .col-2.border-width-1:nth-child(4 of .col-2) {
      border-top-width: 0px;
      border-right-width: 1px;
   }
   .border-col-2 .col-2.border-width-1:nth-child(5 of .col-2) {
      border-top-width: 0px;
   }


   .border-col-2 .col-2.border-width-1:nth-child(6 of .col-2) {
      border-right-width: 1px;
      border-top-width: 0px;
   }


  .border-col-3 .col-3.border-width-1:nth-child(2 of .col-3) {
     border-right-width: 1px;
  }


  .border-col-3 .col-3.border-width-1:nth-child(3 of .col-3) {
     border-top-width: 0px;

  }

  .border-col-3 .col-3.border-width-1:nth-child(4 of .col-3) {
     border-top-width: 0px;
     border-right-width: 1px;
  }

  .margin-both-xxl {
   margin-top: 60px;
   margin-bottom: 60px;
 }
 .margin-top-xxl {
  margin-top: 60px;
 }
 .margin-bottom-xxl {
  margin-bottom: 60px;
 }
 .margin-both-xl {
  margin-top: 50px;
  margin-bottom: 50px;
 }
 .margin-top-xl {
  margin-top: 50px;
 }
 .margin-bottom-xl {
  margin-bottom: 50px;
 }
 .margin-both-l {
  margin-top: 40px;
  margin-bottom: 40px;
 }
 .margin-top-l {
  margin-top: 40px;
 }
 .margin-bottom-l {
  margin-bottom: 40px;
 }
 .margin-both-m {
  margin-top: 30px;
  margin-bottom: 30px;
 }
 .margin-top-m {
  margin-top: 30px;
 }
 .margin-bottom-m {
  margin-bottom: 30px;
 }
 .margin-both-s {
  margin-top: 20px;
  margin-bottom: 20px;
 }
 .margin-top-s {
  margin-top: 20px;
 }
 .margin-bottom-s {
  margin-bottom: 20px;
 }
 .margin-both-xs {
  margin-top: 15px;
  margin-bottom: 15px;
 }
 .margin-top-xs {
  margin-top: 15px;
 }
 .margin-bottom-xs {
  margin-bottom: 15px;
 }
 .margin-both-xxs {
  margin-top: 10px;
  margin-bottom: 10px;
 }
 .margin-top-xxs {
  margin-top: 10px;
 }
 .margin-bottom-xxs {
  margin-bottom: 10px;
 }
  .flex-outer-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .hero-container{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 80px;
    padding-bottom: 20px;
  }

 .flex-outer-container.both-xxl .e-con-inner,
.flex-outer-container.all-xxl .e-con-inner,
.flex-inner-container.both-xxl,
.flex-inner-container.all-xxl,
.flex-inner-column.both-xxl,
.flex-inner-column.all-xxl{
   padding-top: 60px;
   padding-bottom: 60px;
 }
.flex-outer-container.both-xl .e-con-inner,
.flex-outer-container.all-xl .e-con-inner,
.flex-inner-container.both-xl,
.flex-inner-container.all-xl,
.flex-inner-column.both-xl,
.flex-inner-column.all-xl {
   padding-top: 50px;
   padding-bottom: 50px;
 }
.flex-outer-container.both-l .e-con-inner,
.flex-outer-container.all-l .e-con-inner,
.flex-inner-container.both-l,
.flex-inner-container.all-l,
.flex-inner-column.both-l,
.flex-inner-column.all-l {
   padding-top: 40px;
   padding-bottom: 40px;
 }
.flex-outer-container.both-m .e-con-inner,
.flex-outer-container.all-m .e-con-inner,
.flex-inner-container.both-m,
.flex-inner-container.all-m,
.flex-inner-column.both-m,
.flex-inner-column.all-m {
   padding-top: 30px;
   padding-bottom: 30px;
 }
.flex-outer-container.both-s .e-con-inner,
.flex-outer-container.all-s .e-con-inner,
.flex-inner-container.both-s,
.flex-inner-container.all-s,
.flex-inner-column.both-s,
.flex-inner-column.all-s {
   padding-top: 20px;
   padding-bottom: 20px;
 }
.flex-outer-container.both-xs .e-con-inner,
.flex-outer-container.all-xs .e-con-inner,
.flex-inner-container.both-xs,
.flex-inner-container.all-xs,
.flex-inner-column.both-xs,
.flex-inner-column.all-xs {
   padding-top: 15px;
   padding-bottom: 15px;
 }
.flex-outer-container.both-xxs .e-con-inner,
.flex-outer-container.all-xxs .e-con-inner,
.flex-inner-container.both-xxs,
.flex-inner-container.all-xxs,
.flex-inner-column.both-xxs,
.flex-inner-column.all-xxs {
   padding-top: 10px;
   padding-bottom: 10px;
 }
.flex-outer-container.top-xxl .e-con-inner,
.flex-inner-container.top-xxl,
.flex-inner-column.top-xxl{
  padding-top: 60px;
  padding-bottom: 0px;
 }
.flex-outer-container.top-xl .e-con-inner,
.flex-inner-container.top-xl,
.flex-inner-column.top-xl {
  padding-top: 50px;
  padding-bottom: 0px;
 }
.flex-outer-container.top-l .e-con-inner,
.flex-inner-container.top-l,
.flex-inner-column.top-l {
  padding-top: 40px;
  padding-bottom: 0px;
 }
.flex-outer-container.top-m .e-con-inner,
.flex-inner-container.top-m,
.flex-inner-column.top-m {
  padding-top: 30px;
  padding-bottom: 0px;
 }
.flex-outer-container.top-s .e-con-inner,
.flex-inner-container.top-s,
.flex-inner-column.top-s {
  padding-top: 20px;
  padding-bottom: 0px;
 }
.flex-outer-container.top-xs .e-con-inner,
.flex-inner-container.top-xs,
.flex-inner-column.top-xs {
  padding-top: 15px;
  padding-bottom: 0px;
 }
.flex-outer-container.top-xxs .e-con-inner,
.flex-inner-container.top-xxs,
.flex-inner-column.top-xxs {
  padding-top: 10px;
  padding-bottom: 0px;
 }
.flex-outer-container.bottom-xxl .e-con-inner,
.flex-inner-container.bottom-xxl,
.flex-inner-column.bottom-xxl {
  padding-top: 0px;
  padding-bottom: 60px;
 }
.flex-outer-container.bottom-xl .e-con-inner,
.flex-inner-container.bottom-xl,
.flex-inner-column.bottom-xl {
  padding-top: 0px;
  padding-bottom: 50px;
 }
.flex-outer-container.bottom-l .e-con-inner,
.flex-inner-container.bottom-l,
.flex-inner-column.bottom-l {
  padding-top: 0px;
  padding-bottom: 40px;
 }
.flex-outer-container.bottom-m .e-con-inner,
.flex-inner-container.bottom-m,
.flex-inner-column.bottom-m {
  padding-top: 0px;
  padding-bottom: 30px;
 }
.flex-outer-container.bottom-s .e-con-inner,
.flex-inner-container.bottom-s,
.flex-inner-column.bottom-s {
  padding-top: 0px;
  padding-bottom: 20px;
 }
.flex-outer-container.bottom-xs .e-con-inner,
.flex-inner-container.bottom-xs,
.flex-inner-column.bottom-xs {
  padding-top: 0px;
  padding-bottom: 15px;
 }
.flex-outer-container.bottom-xxs .e-con-inner,
.flex-inner-container.bottom-xxs,
.flex-inner-column.bottom-xxs {
  padding-top: 0px;
  padding-bottom: 10px;
 }
.flex-outer-container.no-spacing-vertical .e-con-inner,
.flex-inner-container.no-spacing-vertical,
.flex-inner-column.no-spacing-vertical {
  padding-top: 0px;
  padding-bottom: 0px;
 }
.flex-outer-container.no-spacing-horizontal .e-con-inner,
.flex-inner-container.no-spacing-horizontal,
.flex-inner-column.no-spacing-horizontal {
  padding-left: 0px;
  padding-right: 0px;
 }
.flex-outer-container.left-xxl .e-con-inner,
.flex-inner-container.left-xxl,
.flex-inner-column.left-xxl {
  padding-left: 60px;
  padding-right: 0px;
 }
.flex-outer-container.right-xxl .e-con-inner,
.flex-inner-container.right-xxl,
.flex-inner-column.right-xxl {
  padding-left: 0px;
  padding-right: 60px;
 }
.flex-outer-container.both-x-xxl .e-con-inner,
.flex-inner-container.both-x-xxl,
.flex-inner-column.both-x-xxl {
  padding-left: 60px;
  padding-right: 60px;
 }
.flex-outer-container.left-xl .e-con-inner,
.flex-inner-container.left-xl,
.flex-inner-column.left-xl {
  padding-left: 50px;
  padding-right: 0px;
 }
.flex-outer-container.right-xl .e-con-inner,
.flex-inner-container.right-xl,
.flex-inner-column.right-xl {
  padding-left: 0px;
  padding-right: 50px;
 }
.flex-outer-container.both-x-xl .e-con-inner,
.flex-inner-container.both-x-xl,
.flex-inner-column.both-x-xl {
  padding-left: 50px;
  padding-right: 50px;
 }
.flex-outer-container.left-l .e-con-inner,
.flex-inner-container.left-l,
.flex-inner-column.left-l {
  padding-left: 40px;
  padding-right: 0px;
 }
.flex-outer-container.right-l .e-con-inner,
.flex-inner-container.right-l,
.flex-inner-column.right-l {
  padding-left: 0px;
  padding-right: 40px;
 }
.flex-outer-container.both-x-l .e-con-inner,
.flex-inner-container.both-x-l,
.flex-inner-column.both-x-l {
  padding-left: 40px;
  padding-right: 40px;
 }
.flex-outer-container.left-m .e-con-inner,
.flex-inner-container.left-m,
.flex-inner-column.left-m {
  padding-left: 30px;
  padding-right: 0px;
 }
.flex-outer-container.right-m .e-con-inner,
.flex-inner-container.right-m,
.flex-inner-column.right-m {
  padding-left: 0px;
  padding-right: 30px;
 }
.flex-outer-container.both-x-m .e-con-inner,
.flex-inner-container.both-x-m,
.flex-inner-column.both-x-m {
  padding-left: 30px;
  padding-right: 30px;
 }
.flex-outer-container.left-s .e-con-inner,
.flex-inner-container.left-s,
.flex-inner-column.left-s {
  padding-left: 20px;
  padding-right: 0px;
 }
.flex-outer-container.right-s .e-con-inner,
.flex-inner-container.right-s,
.flex-inner-column.right-s {
  padding-left: 0px;
  padding-right: 20px;
 }
.flex-outer-container.both-x-s .e-con-inner,
.flex-inner-container.both-x-s,
.flex-inner-column.both-x-s {
  padding-left: 20px;
  padding-right: 20px;
 }
.flex-outer-container.left-xs .e-con-inner,
.flex-inner-container.left-xs,
.flex-inner-column.left-xs {
  padding-left: 15px;
  padding-right: 0px;
 }
.flex-outer-container.right-xs .e-con-inner,
.flex-inner-container.right-xs,
.flex-inner-column.right-xs {
  padding-left: 0px;
  padding-right: 15px;
 }
.flex-outer-container.both-x-xs .e-con-inner,
.flex-inner-container.both-x-xs,
.flex-inner-column.both-x-xs {
  padding-left: 15px;
  padding-right: 15px;
 }
.flex-outer-container.left-xxs .e-con-inner,
.flex-inner-container.left-xxs,
.flex-inner-column.left-xxs {
  padding-left: 10px;
  padding-right: 0px;
 }
.flex-outer-container.right-xxs .e-con-inner,
.flex-inner-container.right-xxs,
.flex-inner-column.right-xxs {
  padding-left: 0px;
  padding-right: 10px;
 }
.flex-outer-container.both-x-xxs .e-con-inner,
.flex-inner-container.both-x-xxs,
.flex-inner-column.both-x-xxs {
  padding-left: 10px;
  padding-right: 10px;
 }
}


@media screen and (max-width: 768px) {

  .border-col-3 .col-3.border-width-1:nth-child(3 of .col-3) {
     border-top-width: 0px;

  }

  .border-col-3 .col-3.border-width-1:nth-child(4 of .col-3) {
     border-top-width: 0px;
     border-right-width: 1px;
  }

  .border-col-4 .col-4.border-width-1{
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
   }
   .border-col-4 .col-4.border-width-1:nth-child(1 of .col-4) {
      border-right-width: 1px;
   }
   .border-col-4 .col-4.border-width-1:nth-child(2 of .col-4) {
      border-right-width: 1px;
      border-top-width: 0px;
   }

  .border-col-4 .col-4.border-width-1:nth-child(3 of .col-4) {
     border-top-width: 0px;
     border-right-width: 1px;
     border-bottom-width: 1px;
     border-left-width: 1px;
  }

}

/* Column widths that account for the parent container gap */
@media only screen and (min-width: 1201px) {
  .e-con-inner > .e-con[class*="col-"] {
    flex-grow: 0 !important;
    flex-shrink: 0;
    min-width: 0;
  }

  .e-con-inner > .e-con.col-1 {
    width: calc((100% - (11 * var(--col-gap, 0px))) / 12);
  }

  .e-con-inner > .e-con.col-2 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 2) + (1 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-3 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 3) + (2 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-4 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 4) + (3 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-5 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 5) + (4 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 5) + (4 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 5) + (4 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-6 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 6) + (5 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-7 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 7) + (6 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 7) + (6 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 7) + (6 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-8 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 8) + (7 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 8) + (7 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 8) + (7 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-9 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 9) + (8 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 9) + (8 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 9) + (8 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-10 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 10) + (9 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 10) + (9 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 10) + (9 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-11 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 11) + (10 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 11) + (10 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 11) + (10 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-12 {
    width: 100%;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 1025px) {
  .e-con-inner > .e-con[class*="col-"] {
    flex-grow: 0 !important;
    flex-shrink: 0;
    min-width: 0;
  }

  .e-con-inner > .e-con.col-2 {
    width: calc((100% - (2 * var(--col-gap, 0px))) / 3);
  }

  .e-con-inner > .e-con.col-3 {
    width: calc((100% - var(--col-gap, 0px)) / 2);
  }

  .e-con-inner > .e-con.col-6 {
    width: calc((100% - var(--col-gap, 0px)) / 2);
  }

  .e-con-inner > .e-con.col-5 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 5) + (4 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 5) + (4 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 5) + (4 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-7 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 7) + (6 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 7) + (6 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 7) + (6 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-4 {
    width: calc((100% - (2 * var(--col-gap, 0px))) / 3);
  }

  .e-con-inner > .e-con.col-8 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 8) + (7 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 8) + (7 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 8) + (7 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-9 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 9) + (8 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 9) + (8 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 9) + (8 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-10 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 10) + (9 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 10) + (9 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 10) + (9 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-11 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 11) + (10 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 11) + (10 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 11) + (10 * var(--col-gap, 0px)));
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .e-con-inner > .e-con[class*="col-"] {
    flex-grow: 0 !important;
    flex-shrink: 0;
    min-width: 0;
  }

  .e-con-inner > .e-con.col-2 {
    width: calc((100% - var(--col-gap, 0px)) / 2);
  }

  .e-con-inner > .e-con.col-3 {
    width: calc((100% - var(--col-gap, 0px)) / 2);
  }

  .e-con-inner > .e-con.col-6 {
    width: calc((100% - var(--col-gap, 0px)) / 2);
  }

  .e-con-inner > .e-con.col-5 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 5) + (4 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 5) + (4 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 5) + (4 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-7 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 7) + (6 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 7) + (6 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 7) + (6 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-4 {
    width: calc((100% - (2 * var(--col-gap, 0px))) / 3);
  }

  .e-con-inner > .e-con.col-8 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 8) + (7 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 8) + (7 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 8) + (7 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-9 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 9) + (8 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 9) + (8 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 9) + (8 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-10 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 10) + (9 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 10) + (9 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 10) + (9 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-11 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 11) + (10 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 11) + (10 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 11) + (10 * var(--col-gap, 0px)));
  }
}

@media only screen and (max-width: 767px) and (min-width: 577px) {


  .e-con-inner > .e-con[class*="col-"] {
    flex-grow: 0 !important;
    flex-shrink: 0;
    min-width: 0;
  }

  .e-con-inner > .e-con.col-2 {
    width: calc((100% - var(--col-gap, 0px)) / 2);
  }

  .e-con-inner > .e-con.col-3 {
    width: calc((100% - var(--col-gap, 0px)) / 2);
  }

  .e-con-inner > .e-con.col-6 {
    width: calc((100% - var(--col-gap, 0px)) / 2);
  }

  .e-con-inner > .e-con.col-5 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 5) + (4 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 5) + (4 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 5) + (4 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-7 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 7) + (6 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 7) + (6 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 7) + (6 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-8 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 8) + (7 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 8) + (7 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 8) + (7 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-9 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 9) + (8 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 9) + (8 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 9) + (8 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-10 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 10) + (9 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 10) + (9 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 10) + (9 * var(--col-gap, 0px)));
  }

  .e-con-inner > .e-con.col-11 {
    width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 11) + (10 * var(--col-gap, 0px)));
    flex-basis: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 11) + (10 * var(--col-gap, 0px)));
    max-width: calc((((100% - (11 * var(--col-gap, 0px))) / 12) * 11) + (10 * var(--col-gap, 0px)));
  }
}

@media only screen and (max-width: 575px) {


  .border-col-2 .col-2.border-width-1{
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 1px;
   }


   .border-col-2 .col-2.border-width-1:nth-child(1 of .col-2) {
      border-right-width: 1px;
   }


   .border-col-2 .col-2.border-width-1:nth-child(2 of .col-2) {
      border-right-width: 1px;
   }


   .border-col-2 .col-2.border-width-1:nth-child(3 of .col-2) {
      border-right-width: 1px;
      border-top-width: 1px;
   }

   .border-col-2 .col-2.border-width-1:nth-child(4 of .col-2) {
      border-top-width: 1px;
      border-right-width: 1px;
   }
   .border-col-2 .col-2.border-width-1:nth-child(5 of .col-2) {
      border-top-width: 1px;
      border-right-width: 1px;
   }


   .border-col-2 .col-2.border-width-1:nth-child(6 of .col-2) {
      border-right-width: 1px;
      border-top-width: 1px;
   }


  .border-col-3 .col-3.border-width-1:nth-child(1 of .col-3) {
     border-right-width: 1px;


  }
  .border-col-3 .col-3.border-width-1:nth-child(2 of .col-3) {
     border-right-width: 1px;
    border-top-width: 0px;

  }


  .border-col-3 .col-3.border-width-1:nth-child(3 of .col-3) {
     border-top-width: 0px;
    border-right-width: 1px;

  }

  .border-col-3 .col-3.border-width-1:nth-child(4 of .col-3) {
     border-top-width: 0px;
     border-right-width: 1px;
  }


  .border-col-6 .col-6.border-width-1:nth-child(2 of .col-6) {
     border-top-width: 0px;
     border-right-width: 1px;
     border-bottom-width: 1px;
     border-left-width: 1px;
  }





  .e-con-inner > .e-con.col-2,
  .e-con-inner > .e-con.col-3,
  .e-con-inner > .e-con.col-6 {
    width: 100%;
  }

  .e-con-inner > .e-con.col-8,
  .e-con-inner > .e-con.col-9,
  .e-con-inner > .e-con.col-10,
  .e-con-inner > .e-con.col-11 {
    width: 100%;
  }
}



.flex-inner-column:not(.not-grow) {
  flex-grow: 1 !important;
}
