https://www.forcepoint.com/_next/static/chunks/1485.483b7d4d87c387ac.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1485],{81485:function(e,t,a){a.r(t),a.d(t,{default:function(){return i}});var n=a(85893),l=a(50692),s=a(34337),c=a(5707),o=a(67294);function i(e){let{title:t,description:a,tiers:i}=e,r=i.length,x=(0,o.useRef)(null),[d,m]=(0,o.useState)(!1);(0,o.useEffect)(()=>{let e=x.current;if(!e)return;let t=new IntersectionObserver(e=>{let[a]=e;a.isIntersecting&&(m(!0),t.disconnect())},{threshold:0,rootMargin:"0px 0px -146px 0px"});return t.observe(e),()=>t.disconnect()},[]);let p=(0,n.jsxs)("div",{className:(0,c.cn)("flex flex-col gap-4 transition-all duration-700 ease-out md:max-w-[480px]",d?"translate-x-0 opacity-100":"-translate-x-10 opacity-0"),children:[(0,n.jsx)(s.Z,{component:"h2",className:"text-[26px] font-medium leading-[1.2] text-navy md:text-[52px]",children:t}),a&&(0,n.jsx)(s.Z,{component:"p",className:"text-[20px] font-normal leading-normal text-black md:text-[26px]",children:a})]}),u=(0,n.jsx)("div",{className:"relative flex max-h-[480px] w-full translate-y-[29px] flex-col gap-[2px] md:absolute md:right-0 md:w-[520px]",children:i.map((e,t)=>{var a;return(0,n.jsxs)("div",{className:(0,c.cn)("relative mb-2 h-[59px] w-full transition-all duration-500 ease-out",d?"translate-y-0 opacity-100":"translate-y-4 opacity-0"),style:{transitionDelay:d?"".concat((r-1-t)*120,"ms"):"0ms"},children:[(0,n.jsx)("div",{className:"absolute inset-0",style:{backgroundImage:"linear-gradient(to bottom, #28B5A2, #083E62)",backgroundSize:"100% ".concat(100*i.length,"%"),backgroundPosition:"0 ".concat(i.length>1?t/(i.length-1)*100:0,"%"),clipPath:"polygon(".concat(((r-t)/(2*r)*100).toFixed(2),"% 0%, ").concat(((r+t)/(2*r)*100).toFixed(2),"% 0%, ").concat(Math.min(100,(r+t+1)/(2*r)*100).toFixed(2),"% 100%, ").concat(Math.max(0,(r-t-1)/(2*r)*100).toFixed(2),"% 100%)")}}

1),e.icon&&(0,n.jsx)("div",{className:"absolute top-1/2 -translate-y-1/2",style:{left:"calc(50% - ".concat(t>0?"12px":"9px",")")},children:(0,n.jsx)(l.Z,{src:e.icon,alt:null!==(a=e.label)&&void 0!==a?a:"",width:t>0?24:18,height:t>0?24:18,className:"object-contain"})}),(null==e?void 0:e.label)&&(0,n.jsx)("div",{className:"absolute top-1/2 z-30 -translate-y-1/2 overflow-hidden text-center",style:{left:"".concat((((r-t)/(2*r)*100+Math.max(0,(r-t-1)/(2*r)*100))/2).toFixed(2),"%"),right:"".concat((100-((r+t)/(2*r)*100+Math.min(100,(r+t+1)/(2*r)*100))/2).toFixed(2),"%")},children:(0,n.jsx)(s.Z,{variant:"body-3",className:"break-words text-[12px] text-white md:text-body-3",children:e.label})})]},t)})});return(0,n.jsx)("section",{ref:x,className:(0,c.cn)("my-20 ml-auto min-h-[410px] w-full max-w-[1042px] rounded-md bg-gradient-to-b from-[#E0EBF9] to-white py-12 md:py-16"),children:(0,n.jsx)("div",{className:"relative mx-auto max-w-screen-lg px-md",children:(0,n.jsxs)("div",{className:"flex flex-col items-center gap-10 md:flex-row md:gap-12",children:[p,u]})})})}}}]);