.main{display:flex;--s:190px;--m:2px;--f:calc(var(--s)*1.732 + var(--m)*4 - 1px)}@media (max-width:990px){.main{--s:150px;--m:2px;--f:calc(var(--s)*1.732 + var(--m)*4 - 1px)}}@media (max-width:767px){.main{--s:130px;--m:2px;--f:calc(var(--s)*1.732 + var(--m)*4 - 1px)}}@media (max-width:400px){.main{--s:105px;--m:2px;--f:calc(var(--s)*1.732 + var(--m)*4 - 1px)}}.hexagon-grid-module.grid-bg .grid-wrapper{background:url(https://483763.fs1.hubspotusercontent-na1.net/hubfs/483763/raw_assets/public/quattro-2025/images/grid-hex-3.svg);background-position:calc(50% - 48px) 2px;background-repeat:no-repeat;background-size:1835px auto;margin-bottom:50px;padding-bottom:180px;position:relative}@media (max-width:990px){.hexagon-grid-module.grid-bg .grid-wrapper{background-position:calc(50% - 39px) 1px;background-size:1465px auto}}@media (max-width:767px){.hexagon-grid-module.grid-bg .grid-wrapper{background-position:left -184px top 1px;background-size:1273px auto}}@media (max-width:400px){.hexagon-grid-module.grid-bg .grid-wrapper{background-position:left -38px top 1px;background-size:1037px auto}}.hexagon-grid-module .grid-container{font-size:0;--cols:5;margin:0 auto;max-width:calc((var(--s) + 4px)*var(--cols))}.hexagon-grid-module .grid-container.cols_4{--cols:4}.hexagon-grid-module .grid-container.cols_3{--cols:3}.hex-cell-wrapper{display:inline-block;position:relative}.hex-cell{background-color:var(--default-bg,transparent);background-size:cover;clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);font-size:medium;height:calc(var(--s)*1.1547);margin:var(--m);margin-bottom:calc(var(--m) - var(--s)*.2885);overflow:hidden;position:relative;transition:all .3s ease;width:var(--s)}.hex-cell a.overlay{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.hex-cell-wrapper.enable-hover .hex-cell:hover,.hex-cell-wrapper.enable-hover:hover .hex-cell{background-color:var(--hover-bg,var(--default-bg,transparent))!important}.hex-cell-wrapper.enable-hover .hex-cell:hover .text,.hex-cell-wrapper.enable-hover:hover .hex-cell .text{color:#fff}.hex-cell .icon img.hover-icon,.hex-cell-wrapper.enable-hover:hover .hex-cell .icon img.default-icon{display:none}.hex-cell-wrapper.enable-hover:hover .hex-cell .icon img.hover-icon{display:inline-block}.hex-cell-wrapper .hover-panel{background-color:var(--hover-bg,#333);border-radius:0;color:#fff;display:none;font-size:14px;font-weight:var(--semibold);height:65%;left:-298px;padding:12px 24px;position:absolute;top:33.5%;white-space:nowrap;width:300px;z-index:3}.hex-cell-wrapper .hover-text{overflow:hidden;text-wrap:wrap;width:100%}.hex-cell-wrapper:hover .hover-panel{display:block!important}.hex-cell:has(a.overlay:hover){background-color:var(--quattro-green)!important}.hex-cell .cell-content{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;text-align:center;width:100%}.hex-cell .cell-content.icon_below .text{order:1}.hex-cell .cell-content.icon_below .icon{order:2}.hex-cell .cell-content.icon_above .icon{order:1}.hex-cell .cell-content.icon_above .text{order:2}.hex-cell .cell-content .icon img{max-height:70px;max-width:70px}.hex-cell .cell-content .text{color:#231f20;font-size:var(--p-xsmall-size);font-weight:var(--semibold);line-height:100%}.hexagon-grid-module .grid-container{display:flow-root}.hexagon-grid-module .grid-container:after{clear:both;content:"";display:block}.hexagon-grid-module .grid-container:before{content:"";float:left;height:120%;shape-outside:repeating-linear-gradient(#0000 0 calc(var(--f) - 3px),#000 0 var(--f));width:calc(var(--s)/2 + var(--m))}.hexagon-grid-module .grid-container.indent_first:before{shape-outside:repeating-linear-gradient(transparent 0 calc(var(--f)/2 - 3px),#000 calc(var(--f)/2 - 3px) calc(var(--f)/2),transparent calc(var(--f)/2) var(--f))}@media (max-width:767px){.hex-cell .cell-content .icon img{max-height:50px;max-width:50px}.hex-cell .cell-content{gap:4px}}@media (max-width:400px){.hexagon-grid-module .grid-wrapper{background:none transparent;padding-bottom:0}.hex-cell .cell-content .icon img{max-height:32px;max-width:32px}.hex-cell .cell-content{gap:2px}.hex-cell .cell-content .text{font-size:12px!important}}.tippy-box{border:0!important;border-radius:0;padding:12px 16px!important}@media (max-width:400px){.tippy-box{height:auto!important}}