.hex-icon{overflow:hidden;padding-bottom:40px;padding-top:40px;position:relative}.hex-icon p{color:#2b516d;font-weight:500}.hex-icon--grid-item{height:120px;position:relative;width:120px}.hex-icon--dot,.hex-icon--fill{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.hex-icon--dot svg,.hex-icon--fill svg{height:auto;max-height:100%;max-width:100%;width:100%}.hex-icon--fill img{height:70%;left:15%;position:absolute;top:15%;width:70%;z-index:1}.hex-icon--grid-row{position:absolute}.hex-icon--fill{transform:scale(0);transform-origin:center;transition:all .4s ease}.hex-icon--grid.is-active .hex-icon--fill{transform:scale(1)}.hex-icon--grid-row:first-child .hex-icon--grid-item .hex-icon--fill:nth-child(2){transition-delay:.1s}.hex-icon--grid-row:first-child .hex-icon--grid-item .hex-icon--fill:nth-child(3){transition-delay:.2s}.hex-icon--grid-row:first-child .hex-icon--grid-item .hex-icon--fill:nth-child(4){transition-delay:.3s}.hex-icon--grid-row:last-child .hex-icon--grid-item .hex-icon--fill:nth-child(2){transition-delay:275ms}.hex-icon--grid-row:last-child .hex-icon--grid-item .hex-icon--fill:nth-child(3){transition-delay:375ms}@media(min-width:768px){.hex-icon{padding-bottom:100px;padding-top:100px}.hex-icon h2{font-size:37px}.hex-icon--title{width:35%}.hex-icon--grid{flex:1;position:relative;transform:translateX(15%)}.hex-icon--grid-item{height:132px;width:132px}.hex-icon--grid-row:first-child{bottom:0}.hex-icon--grid-row:last-child{left:64px;top:-15px}}@media(max-width:767px){.hex-icon--title{text-align:left}.hex-icon--row{flex-wrap:wrap}.hex-icon--grid{margin-top:30px;position:relative;width:100%}.hex-icon--grid-row{justify-content:center;position:relative;width:100%}.hex-icon--grid-row:last-child{transform:translateY(-14px)}.hex-icon--grid-row:first-child .hex-icon--grid-item:last-child,.hex-icon--grid-row:last-child .hex-icon--grid-item:nth-last-child(-n+2){display:none}.hex-icon--grid-item{height:90px;min-width:90px;width:90px}}