@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1440px) {
    .gdh-text__heading {
        font-size: 76px;
    }
}
@media screen and (min-width: 320px) {
    .gdh-text__heading {
        font-size: 22px;
    }
}
.gdh-text__heading {
    text-align: center;
    font-family: Lora, Georgia, serif;
    font-weight: 700;
    color: #FFF;
    font-size: 3rem;
    line-height: 1.05;
}

@media (min-width: 64em) {
    .gdh-text__subhead {
        font-size: 1.6rem;
    }
}
.gdh-text__subhead {
    font-size: 1.4rem;
    line-height: 1.8;
    text-align: center;
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .45em;
    color: #FFF;
    margin-bottom: 2rem;
}

.gdh-text__inner {
    max-width: 61rem;
    margin: 50px auto;
}

 .quote {
	 text-align: center;
	 font-size: 4rem;
	 white-space: nowrap;
}
 .quote blockquote {
	 position: relative;
	 display: inline-block;
	 margin: 0;
}
 .quote p {
	 line-height: 1.1;
	 font-family: Montserrat, Aria, sans-serif;
	 text-transform: uppercase;
}
 .quote p span {
	 display: block;
}
 .quote .cut-text-container {
	 background-color: #fff;
	 position: relative;
	 z-index: 1;
	 padding: 0px 50px;
	 animation: moveCutClip 4s cubic-bezier(0.85, 0, 0.15, 1) infinite alternate;
}
 .quote .cut-text-container .cut-text {
	 background-image: url(https://picsum.photos/id/190/1920/1080);
	 margin: 0;
}
 .quote .cut-text-container span {
	 color: #000;
	 mix-blend-mode: lighten;
	 background-color: #fff;
}
 .quote .colored-text {
	 color: #fff;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 animation: moveTopColoredClip 4s cubic-bezier(0.85, 0, 0.15, 1) infinite alternate;
}
 .quote .colored-text.second {
	 top: 50%;
	 animation: moveBottomColoredClip 4s cubic-bezier(0.85, 0, 0.15, 1) infinite alternate;
}
 .quote figcaption {
	 line-height: 0.4;
}
 .quote cite {
	 font-style: normal;
	 font-family: 'Nunito', sans-serif;
	 font-size: 0.4em;
	 color: #fff;
	 text-transform: uppercase;
	 letter-spacing: 0.2em;
	 animation: fadeInAuthor 4s cubic-bezier(0.85, 0, 0.15, 1) infinite alternate;
}
 @keyframes moveCutClip {
	 0%, 25% {
		 clip-path: polygon(35px 0%, 100% 0%, calc(100% - 35px) 50%, 0% 50%);
	}
	 75%, 100% {
		 clip-path: polygon(35px 50%, 100% 50%, calc(100% - 35px) 100%, 0% 100%);
	}
}
 @keyframes moveTopColoredClip {
	 0%, 25% {
		 clip-path: polygon(35px -100%, 100% -100%, calc(100% - 35px) 0%, 0% 0%);
	}
	 75%, 100% {
		 clip-path: polygon(35px 0%, 100% 0%, calc(100% - 35px) 100%, 0% 100%);
	}
}
 @keyframes moveBottomColoredClip {
	 0%, 25% {
		 clip-path: polygon(35px 0%, 100% 0%, calc(100% - 35px) 100%, 0% 100%);
	}
	 75%, 100% {
		 clip-path: polygon(35px 100%, 100% 100%, calc(100% - 35px) 200%, 0% 200%);
	}
}
 @keyframes fadeInAuthor {
	 0%, 25% {
		 opacity: 0;
	}
	 75%, 100% {
		 opacity: 1;
	}
}


:root {
  --bg: #7366BD;
  --c1: #FFAE42;
  --c2: #D34E79;
  --c3: #a8dadc;

  /*   
  --bg: #112;
  --c1: blue;
  --c2: white;
  --c3: #eef; 
  */
}

becenter {
  height: 50vh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  background-color: var(--bg);
}

@keyframes showBars {
  0% { opacity: 0; background-position: -400% 7%, 500% 21%, -400% 35%, 500% 49%, -400% 63%, 500% 77%, -400% 91% ; }
  14% { background-position: 0% 7%, 500% 21%, -400% 35%, 500% 49%, -400% 63%, 500% 77%, -400% 91% ; }
  28% { background-position: 0% 7%, 100% 21%, -400% 35%, 500% 49%, -400% 63%, 500% 77%, -400% 91% ; }
  42% { background-position: 0% 7%, 100% 21%,    0% 35%, 500% 49%, -400% 63%, 500% 77%, -400% 91% ; }
  56% { background-position: 0% 7%, 100% 21%,    0% 35%, 100% 49%, -400% 63%, 500% 77%, -400% 91% ; }
  70% { background-position: 0% 7%, 100% 21%,    0% 35%, 100% 49%,    0% 63%, 500% 77%, -400% 91% ; }
  84% { background-position: 0% 7%, 100% 21%,    0% 35%, 100% 49%,    0% 63%, 100% 77%, -400% 91% ; }
  98%, 100% { opacity: 1; background-position: 0% 7%, 100% 21%, 0% 35%, 100% 49%, 0% 63%, 100% 77%, 0% 91%; }
}

becenter::after {
  content: "";
  width: 100%;
  height: 20vh;
  position: absolute;
  top: 0;
  left: 0;
  background-color: inherit;
  background-repeat: no-repeat;
  background-size: 70% 7%;
  background-image:
    linear-gradient(var(--c1),var(--c1)),
    linear-gradient(var(--c2),var(--c2)),
    linear-gradient(var(--c1),var(--c1)),
    linear-gradient(var(--c2),var(--c2)),
    linear-gradient(var(--c1),var(--c1)),
    linear-gradient(var(--c2),var(--c2)),
    linear-gradient(var(--c1),var(--c1));
  background-position: 0% 7%, 100% 21%, 0% 35%, 100% 49%, 0% 63%, 100% 77%, 0% 91%;
  animation: showBars 3.5s;
}

@keyframes showText {
  0% { opacity: 0; transform: translate(0, -100%); }
  20% { opacity: 0; }
  100% { opacity: 1; transform: translate(0, 0); }
}

becenter > div {
  position: relative;
  transform: translate(-100%, 0);
  opacity: 0;
  animation: showText 2s 1;
  animation-fill-mode: forwards;
  animation-delay: 3.5s;
  text-align: center;
}


@media all and (min-width: 768px) {

  @keyframes showBarsBig {
    0% { opacity: 0; background-position: 7% -400%, 21% 500%, 35% -400%, 49% 500%, 63% -400%, 77% 500%, 91% -400%; }
    14% { background-position: 7% 0%, 21% 500%, 35% -400%, 49% 500%, 63% -400%, 77% 500%, 91% -400%; }
    28% { background-position: 7% 0%, 21% 100%, 35% -400%, 49% 500%, 63% -400%, 77% 500%, 91% -400%; }
    42% { background-position: 7% 0%, 21% 100%, 35% 0%, 49% 500%, 63% -400%, 77% 500%, 91% -400%; }
    56% { background-position: 7% 0%, 21% 100%, 35% 0%, 49% 100%, 63% -400%, 77% 500%, 91% -400%; }
    70% { background-position: 7% 0%, 21% 100%, 35% 0%, 49% 100%, 63% 0%, 77% 500%, 91% -400%; }
    84% { background-position: 7% 0%, 21% 100%, 35% 0%, 49% 100%, 63% 0%, 77% 100%, 91% -400%; }
    98%, 100% { opacity: 1; background-position: 7% 0%, 21% 100%, 35% 0%, 49% 100%, 63% 0%, 77% 100%, 91% 0%; }
  }

  @keyframes showTextBig {
    0% { opacity: 0; transform: translate(-100%, 0); }
    20% { opacity: 0; }
    100% { opacity: 1; transform: translate(0vw, 0); }
  }

  becenter {
    height: 60vh;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }

  becenter::after {
    width: 20vw;
    height: 100%;
    background-size: 7% 70%;
    background-position: 
      7% 0%, 21% 100%, 35% 0%, 49% 100%, 63% 0%, 77% 100%, 91% 0%;
    animation-name: showBarsBig;
  }

  becenter > div {
    animation-name: showTextBig;
    margin-left: 22vw;
    text-align: left;
  }



@media (prefers-reduced-motion) {
  becenter::after {
    animation: none !important;
  }
  
  @keyframes showTextReduced {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  
  becenter > div {
    transform: translate(0,0);
    animation-name: showTextReduced;
    animation-delay: 0.5s !important;
  }
}
}
	
	
@media (max-width: 1024px) {
    .hexagon-array-root-component .hexagon-array-root-enable .hexagon-array-root-enable-3b657ff2 {
        --padding-top: 60px;
        --padding-bottom: 60px;
        --padding-left: 20px;
        --padding-right: 20px;
    }
}
	
	
.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-outer-wrapper {
    --display: flex;
    --align-items: flex-start;
    --container-widget-width: calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );
    --background-transition: 0.3s;
    --padding-top: 64px;
    --padding-bottom: 120px;
    --padding-left: 64px;
    --padding-right: 64px;
}

.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-outer-wrapper:not(.hexagon-array-motion-effects-element-type-background), .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-outer-wrapper > .hexagon-array-motion-effects-container > .hexagon-array-motion-effects-layer {
    background-image: url("https://rpii.org/img/rpii-real-assets/hero/hexagon-array-color.svg");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
}

.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-outer-wrapper, .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-outer-wrapper::before {
    --border-transition: 0.3s;
}

.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-wrapper-enable .hex {
    margin-left: -10px;
}

.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-wrapper-enable .hex.hex-powerpack > li {
    margin-left: 10px;
}

.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-wrapper-enable .hex:not(.hex-powerpack) a, .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-wrapper-enable .hex:not(.hex-powerpack) span:not(.separator) {
    margin-left: 10px;
    margin-right: 10px;
}

.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-wrapper-box {
    --display: flex;
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --gap: 24px 24px;
    --background-transition: 0.3s;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
}

.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-3b657ff2 {
    --display: flex;
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --background-transition: 0.3s;
    --padding-top: 64px;
    --padding-bottom: 64px;
    --padding-left: 64px;
    --padding-right: 64px;
}

.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-c8fcec9 {
    --display: flex;
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --gap: 48px 20px;
    --background-transition: 0.3s;
    --padding-top: 64px;
    --padding-bottom: 64px;
    --padding-left: 64px;
    --padding-right: 64px;
}


.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-c8fcec9, .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-c8fcec9::before {
    --border-transition: 0.3s;
}

.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-285e5db {
    --display: flex;
    --flex-direction: row;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap;
    --gap: 24px 24px;
    --background-transition: 0.3s;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
}

.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-55b41cc {
    --display: flex;
    --flex-direction: row;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap;
    --gap: 24px 24px;
    --background-transition: 0.3s;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
}

.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-9ce612b {
    --display: flex;
    --flex-direction: row;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap;
    --gap: 24px 24px;
    --background-transition: 0.3s;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
}

.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-734e4ac6 {
    --display: flex;
    --flex-direction: column;
    --container-widget-width: calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --align-items: center;
    --gap: 24px 24px;
    --background-transition: 0.3s;
    --padding-top: 112px;
    --padding-bottom: 112px;
    --padding-left: 64px;
    --padding-right: 64px;
}

.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-734e4ac6:not(.hexagon-array-motion-effects-element-type-background), .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-734e4ac6 > .hexagon-array-motion-effects-container > .hexagon-array-motion-effects-layer {
    background-color: #0E2F58;
}

.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-734e4ac6, .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-734e4ac6::before {
    --border-transition: 0.3s;
}

.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-5b746bd8 {
    text-align: center;
}
	
	.hexagon-array-heading-title {
		font-family: Montserrat, Arial, sans-serif;
		font-weight: 500;
	}

.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-5b746bd8 .hexagon-array-heading-title {
    color: #86C5C7;
}

.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-4a299cc4 {
    text-align: center;
    color: #C9E1E2;
}

.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-64b488fe > .hexagon-array-text-wrapper {
    margin: 16px 0px 0px 0px;
}

@media(min-width: 768px) {
    .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-3b657ff2 {
        --content-width:865px;
    }

    .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-734e4ac6 {
        --content-width: 844px;
    }
}

@media(max-width: 1024px) {
    .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-outer-wrapper {
        --flex-direction:column;
        --container-widget-width: 100%;
        --container-widget-height: initial;
        --container-widget-flex-grow: 0;
        --container-widget-align-self: initial;
        --flex-wrap-mobile: wrap;
        --padding-top: 60px;
        --padding-bottom: 60px;
        --padding-left: 20px;
        --padding-right: 20px;
    }

    .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-outer-wrapper:not(.hexagon-array-motion-effects-element-type-background), .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-outer-wrapper > .hexagon-array-motion-effects-container > .hexagon-array-motion-effects-layer {
        background-position: center left;
    }

    .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-wrapper-box {
        --gap: 20px 20px;
    }

    .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-3b657ff2 {
        --padding-top: 60px;
        --padding-bottom: 60px;
        --padding-left: 20px;
        --padding-right: 20px;
    }

    .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-c8fcec9:not(.hexagon-array-motion-effects-element-type-background), .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-c8fcec9 > .hexagon-array-motion-effects-container > .hexagon-array-motion-effects-layer {
        background-size: cover;
    }

    .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-285e5db {
        --flex-direction: column;
        --container-widget-width: 100%;
        --container-widget-height: initial;
        --container-widget-flex-grow: 0;
        --container-widget-align-self: initial;
        --flex-wrap-mobile: wrap;
    }

    .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-55b41cc {
        --flex-direction: column;
        --container-widget-width: 100%;
        --container-widget-height: initial;
        --container-widget-flex-grow: 0;
        --container-widget-align-self: initial;
        --flex-wrap-mobile: wrap;
    }

    .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-9ce612b {
        --flex-direction: column;
        --container-widget-width: 100%;
        --container-widget-height: initial;
        --container-widget-flex-grow: 0;
        --container-widget-align-self: initial;
        --flex-wrap-mobile: wrap;
    }

    .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-734e4ac6 {
        --padding-top: 60px;
        --padding-bottom: 60px;
        --padding-left: 20px;
        --padding-right: 20px;
    }
}

@media(max-width: 767px) {
    .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-outer-wrapper:not(.hexagon-array-motion-effects-element-type-background), .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-outer-wrapper > .hexagon-array-motion-effects-container > .hexagon-array-motion-effects-layer {
        background-position:64% 0px;
        background-size: cover;
    }

    .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-c8fcec9 {
        --gap: 20px 20px;
        --padding-top: 32px;
        --padding-bottom: 32px;
        --padding-left: 20px;
        --padding-right: 20px;
    }

    .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-734e4ac6 {
        --gap: 16px 16px;
    }

    .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-root-enable-64b488fe > .hexagon-array-text-wrapper {
        margin: 0px 0px 0px 0px;
    }
}

/* Start custom CSS for container, class: .hexagon-array-wrapper-box */
@media (min-width: 1024px) {
    .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-wrapper-box {
        max-width: 768px;
    }
}

/* End custom CSS */

	
.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,10px);
    --padding-right: var(--container-default-padding-right,10px);
    --padding-bottom: var(--container-default-padding-bottom,10px);
    --padding-left: var(--container-default-padding-left,10px);
    --position: relative;
    --z-index: revert;
    --overflow: visible;
    --gap: var(--widgets-spacing,20px);
    --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);
    position: var(--position);
    width: var(--width);
    min-width: 0;
    min-height: var(--min-height);
    height: var(--height);
    border-radius: var(--border-radius);
    z-index: var(--z-index);
    overflow: var(--overflow);
    transition: background var(--background-transition,.3s),border var(--border-transition,.3s),box-shadow var(--border-transition,.3s),transform var(--e-con-transform-transition-duration,.4s);
    --flex-wrap-mobile: wrap;
    margin-block-start:var(--margin-block-start);margin-inline-end: var(--margin-inline-end);
    margin-block-end:var(--margin-block-end);margin-inline-start: var(--margin-inline-start);
    padding-inline-start:var(--padding-inline-start);padding-inline-end: var(--padding-inline-end);
    --margin-block-start: var(--margin-top);
    --margin-block-end: var(--margin-bottom);
    --margin-inline-start: var(--margin-left);
    --margin-inline-end: var(--margin-right);
    --padding-inline-start: var(--padding-left);
    --padding-inline-end: var(--padding-right);
    --padding-block-start: var(--padding-top);
    --padding-block-end: var(--padding-bottom);
    --border-block-start-width: var(--border-top-width);
    --border-block-end-width: var(--border-bottom-width);
    --border-inline-start-width: var(--border-left-width);
    --border-inline-end-width: var(--border-right-width)
}

body.rtl .e-con {
    --padding-inline-start: var(--padding-right);
    --padding-inline-end: var(--padding-left);
    --margin-inline-start: var(--margin-right);
    --margin-inline-end: var(--margin-left);
    --border-inline-start-width: var(--border-right-width);
    --border-inline-end-width: var(--border-left-width)
}

.e-con.e-flex {
    --flex-direction: column;
    --flex-basis: auto;
    --flex-grow: 0;
    --flex-shrink: 1;
    flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis)
}

.e-con-full,.e-con>.hexagon-array-inner {
    text-align: var(--text-align);
    padding-block-start:var(--padding-block-start);padding-block-end: var(--padding-block-end)
}

.e-con-full.e-flex,.e-con.e-flex>.hexagon-array-inner {
    flex-direction: var(--flex-direction);
}

.e-con,.e-con>.hexagon-array-inner {
    display: var(--display)
}

.e-con.e-grid {
    --grid-justify-content: start;
    --grid-align-content: start;
    --grid-auto-flow: row
}

.e-con.e-grid,.e-con.e-grid>.hexagon-array-inner {
    grid-template-columns: var(--e-con-grid-template-columns);
    grid-template-rows: var(--e-con-grid-template-rows);
    justify-content: var(--grid-justify-content);
    align-content: var(--grid-align-content);
    grid-auto-flow: var(--grid-auto-flow);
    justify-items: var(--justify-items);
    align-items: var(--align-items)
}

.e-con-boxed.e-flex {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: normal;
    align-items: normal;
    align-content: normal
}

.e-con-boxed.e-grid {
    justify-items: legacy;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr
}

.e-con-boxed {
    text-align: initial;
    gap: initial
}

.e-con.e-flex>.hexagon-array-inner {
    flex-wrap: var(--flex-wrap);
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    align-content: var(--align-content);
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    align-self: auto
}

.e-con.e-grid>.hexagon-array-inner {
    justify-items: var(--justify-items);
    align-items: var(--align-items)
}

.e-con>.hexagon-array-inner {
    gap: var(--gap);
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto;
    padding-inline-start:0;padding-inline-end:0;height: 100%
}

:is(.hexagon-array-section-wrap,[data-hexagon-array-id])>.e-con {
    --margin-left: auto;
    --margin-right: auto;
    max-width: min(100%,var(--width))
}

.e-con .hexagon-array-text-enable.hexagon-array-text-enable {
    margin-block-end:0}

.e-con:before,.e-con>.hexagon-array-background-slideshow:before,.e-con>.hexagon-array-motion-effects-container>.hexagon-array-motion-effects-layer:before,:is(.e-con,.e-con>.hexagon-array-inner)>.hexagon-array-background-video-container:before {
    content: var(--background-overlay);
    display: block;
    position: absolute;
    mix-blend-mode: var(--overlay-mix-blend-mode);
    opacity: var(--overlay-opacity);
    transition: var(--overlay-transition,.3s);
    border-radius: var(--border-radius);
    border-style: var(--border-style);
    border-color: var(--border-color);
    border-block-start-width:var(--border-block-start-width);border-inline-end-width: var(--border-inline-end-width);
    border-block-end-width:var(--border-block-end-width);border-inline-start-width: var(--border-inline-start-width);
    top: calc(0px - var(--border-top-width));
    left: calc(0px - var(--border-left-width));
    width: max(100% + var(--border-left-width) + var(--border-right-width),100%);
    height: max(100% + var(--border-top-width) + var(--border-bottom-width),100%)
}

.e-con:before {
    transition: background var(--overlay-transition,.3s),border-radius var(--border-transition,.3s),opacity var(--overlay-transition,.3s)
}

.e-con>.hexagon-array-background-slideshow,:is(.e-con,.e-con>.hexagon-array-inner)>.hexagon-array-background-video-container {
    border-radius: var(--border-radius);
    border-style: var(--border-style);
    border-color: var(--border-color);
    border-block-start-width:var(--border-block-start-width);border-inline-end-width: var(--border-inline-end-width);
    border-block-end-width:var(--border-block-end-width);border-inline-start-width: var(--border-inline-start-width);
    top: calc(0px - var(--border-top-width));
    left: calc(0px - var(--border-left-width));
    width: max(100% + var(--border-left-width) + var(--border-right-width),100%);
    height: max(100% + var(--border-top-width) + var(--border-bottom-width),100%)
}
	
	@media (max-width: 1024px) {
    .hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-wrapper-box {
        --gap: 20px 20px;
    }
}
.hexagon-array-root-component .hexagon-array-root-enable.hexagon-array-wrapper-box {
    --display: flex;
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --gap: 24px 24px;
    --background-transition: 0.3s;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
}
	
@media (max-width: 767px) {
    .e-con.e-flex {
        --width: 100%;
        --flex-wrap: var(--flex-wrap-mobile);
    }
}
	
.e-con.e-flex {
    --flex-direction: column;
    --flex-basis: auto;
    --flex-grow: 0;
    --flex-shrink: 1;
    flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis);
}
	
@media (max-width: 767px) {
    .e-con {
        --container-max-width: 767px;
    }
}
	
@media (max-width: 1024px) {
    .e-con {
        --container-max-width: 1024px;
    }
}
.hexagon-array-root-enable {
    --widgets-spacing: 20px 20px;
}
.e-con {
    --container-max-width: 1312px;
}