From f602799e64714e9e91d7d7ad333cd8388daeb02a Mon Sep 17 00:00:00 2001
From: jaaaaavier <javipiagui13@gmail.com>
Date: Tue, 24 Dec 2024 11:40:49 +0100
Subject: [PATCH] updates

---
 src/components/sustainability/HeroSection.tsx | 14 +++++++-------
 src/pages/green-cloud-computing.tsx           |  4 ++--
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/sustainability/HeroSection.tsx b/src/components/sustainability/HeroSection.tsx
index a5eaf8bcb..8d5196183 100644
--- a/src/components/sustainability/HeroSection.tsx
+++ b/src/components/sustainability/HeroSection.tsx
@@ -12,7 +12,7 @@ const FeatureSection = ({ textContent }: HeroSectionsProps) => {
       title: textContent.goals.element1,
       icon: Sun,
       bgColor: 'bg-green-40',
-      size: 60,
+
       position: 'mt-8',
       zIndex: 'z-0',
       lgDisplay: true,
@@ -21,7 +21,7 @@ const FeatureSection = ({ textContent }: HeroSectionsProps) => {
       title: textContent.goals.element2,
       icon: Leaf,
       bgColor: 'bg-green-25',
-      size: 60,
+
       position: '',
       zIndex: 'z-20',
       lgDisplay: true,
@@ -30,7 +30,7 @@ const FeatureSection = ({ textContent }: HeroSectionsProps) => {
       title: textContent.goals.element3,
       icon: Database,
       bgColor: 'bg-green-40',
-      size: 60,
+
       position: 'mt-8',
       zIndex: 'z-0',
       lgDisplay: true,
@@ -39,7 +39,7 @@ const FeatureSection = ({ textContent }: HeroSectionsProps) => {
       title: textContent.goals.element4,
       icon: GlobeHemisphereWest,
       bgColor: 'bg-green-55',
-      size: 60,
+
       position: ' mr-[-50px]',
       zIndex: 'z-10',
       lgDisplay: false,
@@ -48,7 +48,7 @@ const FeatureSection = ({ textContent }: HeroSectionsProps) => {
       title: textContent.goals.element5,
       icon: Heart,
       bgColor: 'bg-green-40',
-      size: 60,
+
       position: '',
       zIndex: 'z-5',
       lgDisplay: false,
@@ -78,7 +78,7 @@ const FeatureSection = ({ textContent }: HeroSectionsProps) => {
                   key={index}
                   className={`flex h-[300px] w-[300px] transform flex-col items-center justify-center rounded-full ${goal.bgColor} border-4 border-white text-center ${goal.position} ${goal.zIndex}`}
                 >
-                  <goal.icon size={goal.size} className="mb-2 text-gray-100" />
+                  <goal.icon size={60} className="mb-2 text-gray-100" />
                   <p className="max-w-[200px] text-2xl font-medium text-gray-100">{goal.title}</p>
                 </div>
               ),
@@ -92,7 +92,7 @@ const FeatureSection = ({ textContent }: HeroSectionsProps) => {
                     key={index}
                     className={`flex h-[300px] w-[300px] transform flex-col items-center justify-center rounded-full ${goal.bgColor} border-4 border-white text-center ${goal.position} ${goal.zIndex}`}
                   >
-                    <goal.icon size={goal.size} className="mb-2 text-gray-100" />
+                    <goal.icon size={60} className="mb-2 text-gray-100" />
                     <p className="max-w-[200px] text-2xl font-medium text-gray-100">{goal.title}</p>
                   </div>
                 ),
diff --git a/src/pages/green-cloud-computing.tsx b/src/pages/green-cloud-computing.tsx
index e96c7f5d5..af565f561 100644
--- a/src/pages/green-cloud-computing.tsx
+++ b/src/pages/green-cloud-computing.tsx
@@ -66,8 +66,8 @@ const Sustainability = ({
         FirstComponent={
           <div className="flex w-full flex-col items-center gap-9">
             <div className="flex max-w-[850px] flex-col items-center gap-6 text-center">
-              <h2 className="text-5xl font-semibold text-gray-100">{langJson.FeatureSection.title}</h2>
-              <p className="font-regular text-xl text-gray-80">{langJson.FeatureSection.description}</p>
+              <h2 className="text-3xl font-semibold text-gray-100 sm:text-5xl">{langJson.FeatureSection.title}</h2>
+              <p className="font-regular text-gray-80 sm:text-xl">{langJson.FeatureSection.description}</p>
             </div>
           </div>
         }