fix: in person study visits

Author: Aydawka

src/pages/index.tsx

@@ -262,13 +262,13 @@ const HomePage: React.FC<EventItem> = ({ slug, frontMatter }) => {
 
                     <motion.div
                       variants={WidthFramerItem}
-                      className='absolute inset-0 max-w-[78%] rounded-full bg-blue-600'
+                      className='absolute inset-0 max-w-[84%] rounded-full bg-blue-600'
                     />
                     <motion.div
                       variants={FadeFramerItem}
                       className='completed-study-text'
                     >
-                      <span className='block text-xl font-bold'>3,140+</span>
+                      <span className='block text-xl font-bold'>3,345+</span>
                       <span className='max-w-[180px] text-[16px] font-normal max-md:max-w-[140px]'>
                         participants completed in-person study visit
                       </span>

src/styles/globals.css

@@ -162,7 +162,7 @@
   bottom: 85px;
   left: calc(99% - 12px);
   z-index: 4;
-  width: 240px;
+  width: 150px;
 }
 
 .completed-consent-text > span {
@@ -187,9 +187,9 @@
 
 .completed-study-text {
   position: absolute;
-  left: calc(78% - 12px);
+  left: calc(84% - 12px);
   z-index: 4;
-  width: 240px;
+  width: 150px;
   bottom: 85px;
 }