.virsec-graphic-element{margin-left:auto;margin-right:auto;max-width:1225px;padding-bottom:250px;padding-top:110px;position:relative;scroll-behavior:smooth}@media only screen and (max-width:1309px){.virsec-graphic-element{overflow-x:auto;padding-bottom:330px}}@media only screen and (max-width:480px){.virsec-graphic-element{max-width:1185px;padding-bottom:350px}}.virsec-graphic-element::-webkit-scrollbar{height:8px}.virsec-graphic-element::-webkit-scrollbar-track{background:hsla(0,0%,100%,.26);-webkit-border-radius:10px;border-radius:10px}.virsec-graphic-element::-webkit-scrollbar-thumb{background:#fff;-webkit-border-radius:10px;border-radius:10px}.virsec-graphic-element::-webkit-scrollbar-thumb:window-inactive{background:hsla(0,0%,100%,.5)}.virsec-graphic-element .before-grid-content{display:flex;flex-direction:row;height:110px;justify-content:center;left:0;position:absolute;top:0;transform:translateY(-100%);width:100%}.virsec-graphic-element .before-grid-content p{margin:0;text-align:center}.virsec-graphic-element .before-grid-content p:not(:last-child){margin-bottom:.25em}.virsec-graphic-element .before-grid-content .before-grid-content-left{padding:0 5px;position:relative;transform:translateX(-42px);width:220px}.virsec-graphic-element .before-grid-content .before-grid-content-left:after,.virsec-graphic-element .before-grid-content .before-grid-content-left:before{border-top:1px solid #fff;bottom:2px;content:"";height:66px;position:absolute;width:170px}.virsec-graphic-element .before-grid-content .before-grid-content-left:before{border-left:1px solid #fff;left:0;transform:translateX(-100%)}.virsec-graphic-element .before-grid-content .before-grid-content-left:after{border-right:1px solid #fff;right:0;transform:translateX(100%)}.virsec-graphic-element .before-grid-content .before-grid-content-right{transform:translateX(300px);width:220px}.virsec-graphic-element .punch-item-grid{align-items:center;display:flex;flex-wrap:wrap;height:309px;justify-content:space-between;padding:0 50px;position:relative;width:1225px}@media only screen and (max-width:480px){.virsec-graphic-element .punch-item-grid{padding:0 30px;width:1185px}}.virsec-graphic-element .punch-item-grid:before{background-image:url(https://www.virsec.com/hubfs/Theme%20Assets/Virsec-Graphic-Element-Background-img.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.virsec-graphic-element .punch-item-grid .punch-grid-item{align-items:center;border-radius:100%;cursor:pointer;display:flex;height:258px;justify-content:center;width:258px}.virsec-graphic-element .punch-item-grid .punch-grid-item:before{background-color:#5bc3bf;border-radius:100%;box-shadow:20px 20px 20px rgba(0,0,0,.17);content:"";height:100%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:opacity .2s ease-in-out;width:100%;z-index:-1}.virsec-graphic-element .punch-item-grid .punch-grid-item .punch-grid-item-inner{width:100%}.virsec-graphic-element .punch-item-grid .punch-grid-item .punch-grid-item-media-wrapper{align-items:center;display:flex;height:55px;justify-content:center;margin-bottom:5px;width:100%}.virsec-graphic-element .punch-item-grid .punch-grid-item .punch-grid-item-media-wrapper img{height:auto;max-width:55px}.virsec-graphic-element .punch-item-grid .punch-grid-item .punch-grid-content-wrapper{position:relative}.virsec-graphic-element .punch-item-grid .punch-grid-item .punch-grid-item-title{align-items:center;display:flex;flex-direction:column;margin-bottom:0}.virsec-graphic-element .punch-item-grid .punch-grid-item .punch-grid-item-title:after{content:"\e809";font-family:virsec-icons;font-size:10px;font-weight:700;line-height:1;margin-top:5px;transition:transform .2s ease-in-out}.virsec-graphic-element .punch-item-grid .punch-grid-item .punch-grid-item-tooltip{background-color:rgba(26,43,69,.31);border-radius:8px;bottom:-105px;box-shadow:20px 20px 20px rgba(0,0,0,.17);left:50%;opacity:0;padding:20px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%) translateY(100%);transition:opacity .2s ease-in-out,bottom .3s ease-in-out;width:450px}@media only screen and (max-width:1309px){.virsec-graphic-element .punch-item-grid .punch-grid-item .punch-grid-item-tooltip{width:380px}}@media only screen and (max-width:480px){.virsec-graphic-element .punch-item-grid .punch-grid-item .punch-grid-item-tooltip{width:320px}}@media only screen and (max-width:370px){.virsec-graphic-element .punch-item-grid .punch-grid-item .punch-grid-item-tooltip{width:280px}}.virsec-graphic-element .punch-item-grid .punch-grid-item .punch-grid-item-tooltip-title{margin-bottom:5px}.virsec-graphic-element .punch-item-grid .punch-grid-item .punch-grid-item-tooltip-subtitle{font-size:16px;font-weight:800;margin-bottom:5px}.virsec-graphic-element .punch-item-grid .punch-grid-item .punch-grid-item-tooltip-content{font-size:16px;letter-spacing:.032px}.virsec-graphic-element .punch-item-grid .punch-grid-item.punch-item-1{transform:translateX(2px)}.virsec-graphic-element .punch-item-grid .punch-grid-item.punch-item-1:before{height:90%;width:90%}@media only screen and (max-width:1309px){.virsec-graphic-element .punch-item-grid .punch-grid-item.punch-item-1 .punch-grid-item-tooltip{left:0;transform:translateY(100%)}}.virsec-graphic-element .punch-item-grid .punch-grid-item.punch-item-2{transform:translateX(-7px)}.virsec-graphic-element .punch-item-grid .punch-grid-item.punch-item-3{transform:translateX(-14.5px)}.virsec-graphic-element .punch-item-grid .punch-grid-item.punch-item-3:before{height:90%;width:90%}.virsec-graphic-element .punch-item-grid .punch-grid-item.punch-item-4{transform:translateX(-24px)}@media only screen and (max-width:1309px){.virsec-graphic-element .punch-item-grid .punch-grid-item.punch-item-4 .punch-grid-item-tooltip{left:auto;right:0;transform:translateY(100%)}}.virsec-graphic-element .punch-item-grid .punch-grid-item.is-active:before{opacity:.53}.virsec-graphic-element .punch-item-grid .punch-grid-item.is-active .punch-grid-item-title:after{transform:rotate(45deg)}.virsec-graphic-element .punch-item-grid .punch-grid-item.is-active .punch-grid-item-tooltip{bottom:-120px;opacity:1}