.elementor-3213 .elementor-element.elementor-element-2354cc15{--display:flex;--min-height:90vh;--margin-top:0rem;--margin-bottom:10rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;--z-index:0;}.elementor-3213 .elementor-element.elementor-element-2354cc15:not(.elementor-motion-effects-element-type-background), .elementor-3213 .elementor-element.elementor-element-2354cc15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3213 .elementor-element.elementor-element-5a004c0d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3213 .elementor-element.elementor-element-5a004c0d img{width:100%;}.elementor-3213 .elementor-element.elementor-element-9a0feba > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3213 .elementor-element.elementor-element-e1a3823 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3213 .elementor-element.elementor-element-e1a3823 img{width:90%;}@media(max-width:767px){.elementor-3213 .elementor-element.elementor-element-2354cc15{--width:100%;--min-height:100vh;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}}/* Start custom CSS for container, class: .elementor-element-2354cc15 */.hex-section {
  position: relative;
  height: 100vh;
  overflow: hidden;
  background: white;
}

.blue-hex,
.yellow-hex {
  position: absolute;
  top: 0;
  transform-origin: center center;
  will-change: transform;
}

.blue-hex {
  left: 0;
  width: 375px;
  z-index: 2;
}

.yellow-hex {
  right: 0;
  width: 375px;
  z-index: 1;
}

.logo-d {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 220px);
  width: 200px;
  opacity: 0;
  pointer-events: none;
  z-index: 5;
  transition: opacity 0.3s ease;
  transition-delay: 0.1s;
}

@media only screen and (max-width: 1025px){
.blue-hex {
  width: 165px;
}

.yellow-hex {
  width: 155px;
}
.logo-d {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 180px);
  width: 120px;
}}/* End custom CSS */