:root{--backdrop:hsla(0,0%,60%,.12);--radius:14;--border:3;--backup-border:var(--backdrop);--size:200}.state-blocks .state-outer .state-box:first-child data-glow{--base:80;--spread:500;--outer:1}.state-blocks .state-outer .state-box:last-child data-glow{--outer:1;--base:220;--spread:200}[data-glow]{--border-size:calc(var(--border, 2)*1px);--spotlight-size:calc(var(--size, 150)*1px);--hue:calc(var(--base) + var(--xp, 0)*var(--spread, 0));background-image:radial-gradient(var(--spotlight-size) var(--spotlight-size) at calc(var(--x, 0)*1px) calc(var(--y, 0)*1px),hsl(var(--hue,210) calc(var(--saturation, 100)*1%) calc(var(--lightness, 70)*1%)/var(--bg-spot-opacity,.2)),transparent);border:var(--border-size) solid var(--backup-border);height:100%;left:0;position:relative;top:0;touch-action:none;width:100%;z-index:-9}[data-glow],[data-glow]:after,[data-glow]:before{background-attachment:fixed;background-position:50% 50%;background-size:calc(100% + var(--border-size)*2) calc(100% + var(--border-size)*2);position:absolute}[data-glow]:after,[data-glow]:before{background-repeat:no-repeat;border:var(--border-size) solid transparent;border-radius:calc(var(--radius)*1px);content:"";inset:calc(var(--border-size)*-1);mask:linear-gradient(transparent,transparent),linear-gradient(#fff,#fff);mask-clip:padding-box,border-box;mask-composite:intersect;pointer-events:none}[data-glow]:before{background-image:radial-gradient(calc(var(--spotlight-size)*.75) calc(var(--spotlight-size)*.75) at calc(var(--x, 0)*1px) calc(var(--y, 0)*1px),hsl(var(--hue,380) calc(var(--saturation, 110)*1%) calc(var(--lightness, 140)*-4%)/var(--border-spot-opacity,1)),transparent 100%);filter:brightness(2)}[data-glow]:after{background-image:radial-gradient(calc(var(--spotlight-size)*.5) calc(var(--spotlight-size)*.5) at calc(var(--x, 0)*1px) calc(var(--y, 0)*1px),hsl(0 100% 100%/var(--border-light-opacity,1)),transparent 100%)}[data-glow] [data-glow]{inset:0;opacity:var(--outer,1);position:absolute;will-change:filter}[data-glow]>[data-glow]{background:none;border-radius:calc(var(--radius)*1px);border-width:calc(var(--border-size)*20);filter:blur(calc(var(--border-size)*10));pointer-events:none}[data-glow]>[data-glow]:before{border-width:10px;inset:-10px}[data-glow] [data-glow]{border:none}[data-glow] :is(a,button){border:var(--border-size) solid transparent;border-radius:calc(var(--radius)*1px)}[data-glow] :is(a,button) [data-glow]{background:none}[data-glow] :is(a,button) [data-glow]:before{border-width:calc(var(--border-size)*1);inset:calc(var(--border-size)*-1)}.state-blocks{backdrop-filter:blur(300px);background-color:#000;color:#fff;display:inline-block;padding:158px 0;width:100%}.state-blocks:before{left:0}.state-blocks:after,.state-blocks:before{background:#f0f;border-radius:100%;bottom:0;content:"";filter:blur(95px);height:50%;opacity:.2;position:absolute;width:50%;z-index:-9}.state-blocks:after{right:0}.state-blocks h1,.state-blocks h2,.state-blocks h3,.state-blocks h4,.state-blocks h5,.state-blocks h6{color:#fff}.state-blocks .state-outer{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 -16px;padding-top:80px}.state-blocks .state-outer .state-box{background-color:hsla(0,0%,100%,.1);background-image:url(https://3067823.fs1.hubspotusercontent-na1.net/hubfs/3067823/Awwal_website_2024/light_effect.png);background-repeat:no-repeat;background-size:cover;border-radius:16px;box-shadow:0 6px 13px rgba(0,0,0,.1),inset 0 4px 10px hsla(0,0%,100%,.1);display:flex;margin:16px;overflow:hidden;padding:72px 36px;position:relative;width:calc(25% - 32px)}.state-blocks .state-outer .state-box:last-child{width:100%}.state-blocks .state-outer .state-box .number{font-size:56px;font-weight:600}.state-blocks .state-outer .state-box .content{font-size:18px;line-height:normal}.state-blocks .state-outer .state-box:last-child .content{font-size:18px}.state-blocks .state-outer .state-box .content p{margin:0}@media (max-width:767px){.state-blocks{padding:64px 0}.state-blocks .state-outer{margin:0;padding-top:40px}.state-blocks .state-outer .state-box{margin:16px 0;width:100%}}@media (min-width:640px) and (max-width:767px){.state-blocks .state-outer .state-box{width:calc(50% - 16px)}}@media (min-width:768px) and (max-width:1023px){.state-blocks{padding:80px 0}.state-blocks .state-outer{margin:0 -16px;padding-top:10px}.state-blocks .state-outer .state-box{width:calc(50% - 32px)}}@media (min-width:1024px) and (max-width:1360px){.state-blocks{padding:120px 0}.state-blocks .state-outer{margin:0 -16px;padding-top:40px}.state-blocks .state-outer .state-box{width:calc(50% - 32px)}.certificates .certificate-outer .certificate-box{padding:24px}}