tailwindd css update

components/pages/home/ourService.tsx

@@ -12,7 +12,7 @@ export function OurService() {
             <DotAnimatsiya />
             OUR SERVICES
           </div>
-          <h1 className="text-2xl sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl tracking-wider lg:tracking-[5px] font-bold bg-gradient-to-br from-white via-white to-gray-400 text-transparent bg-clip-text text-center w-full">
+          <h1 className="text-2xl sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl tracking-wider lg:tracking-[5px] font-bold bg-linear-to-br from-white via-white to-gray-400 text-transparent bg-clip-text text-center w-full">
             FIREFIGHTER RESPONSIBILITIES
           </h1>
           <p className="text-center text-sm sm:text-base md:text-lg text-gray-400 max-w-3xl mx-auto px-4">
@@ -24,8 +24,8 @@ export function OurService() {
         {/* Cards Section 1 - Top Two Cards */}
         <div className="max-w-6xl w-full mx-auto grid grid-cols-1 md:grid-cols-2 gap-5 lg:gap-6 my-10 md:my-14 lg:my-16">
           {/* Card 1 - Larger Card */}
-          <div className="relative space-y-4 md:space-y-5 p-6 sm:p-8 lg:p-10 rounded-xl md:col-span-1 lg:col-span-1 bg-gradient-to-br from-black via-black to-[#d2610a] min-h-[280px] sm:min-h-[320px] md:min-h-[350px] overflow-hidden">
+          <div className="relative space-y-4 md:space-y-5 p-6 sm:p-8 lg:p-10 rounded-xl md:col-span-1 lg:col-span-1 bg-linear-to-br from-black via-black to-[#d2610a] min-h-70 sm:min-h-80 md:min-h-87.5 overflow-hidden">
-            <h3 className="font-bold text-lg sm:text-xl md:text-2xl bg-gradient-to-br from-white via-white to-gray-400 text-transparent bg-clip-text">
+            <h3 className="font-bold text-lg sm:text-xl md:text-2xl bg-linear-to-br from-white via-white to-gray-400 text-transparent bg-clip-text">
               Operation Force
             </h3>
             <p className="text-gray-400 text-sm sm:text-base max-w-xs">
@@ -46,8 +46,8 @@ export function OurService() {
           </div>
 
           {/* Card 2 */}
-          <div className="relative overflow-hidden space-y-4 md:space-y-5 p-6 sm:p-8 lg:p-10 rounded-xl bg-gradient-to-br from-black via-black to-[#d2610a] min-h-[280px] sm:min-h-[320px] md:min-h-[350px]">
+          <div className="relative overflow-hidden space-y-4 md:space-y-5 p-6 sm:p-8 lg:p-10 rounded-xl bg-linear-to-br from-black via-black to-[#d2610a] min-h-70 sm:min-h-80 md:min-h-87.5">
-            <h3 className="font-bold text-lg sm:text-xl md:text-2xl bg-gradient-to-br from-white via-white to-gray-400 text-transparent bg-clip-text">
+            <h3 className="font-bold text-lg sm:text-xl md:text-2xl bg-linear-to-br from-white via-white to-gray-400 text-transparent bg-clip-text">
               Operation Force
             </h3>
             <p className="text-gray-400 text-sm sm:text-base max-w-xs">
@@ -71,7 +71,7 @@ export function OurService() {
         {/* Cards Section 2 - Bottom Row */}
         <div className="max-w-6xl w-full mx-auto grid grid-cols-1 lg:grid-cols-5 gap-5 lg:gap-6">
           {/* Card 3 - Ambulance */}
-          <div className="relative rounded-xl lg:col-span-2 bg-gradient-to-br from-[#d2610a] via-black to-black overflow-hidden">
+          <div className="relative rounded-xl lg:col-span-2 bg-linear-to-br from-[#d2610a] via-black to-black overflow-hidden">
             <div className="w-full flex justify-center pt-5 px-4">
               <Image
                 src="/images/home/ambulance.png"
@@ -82,7 +82,7 @@ export function OurService() {
               />
             </div>
             <div className="space-y-4 md:space-y-5 p-6 sm:p-8">
-              <h3 className="font-bold text-lg sm:text-xl md:text-2xl bg-gradient-to-br from-white via-white to-gray-400 text-transparent bg-clip-text">
+              <h3 className="font-bold text-lg sm:text-xl md:text-2xl bg-linear-to-br from-white via-white to-gray-400 text-transparent bg-clip-text">
                 Operation Force
               </h3>
               <p className="text-gray-400 text-sm sm:text-base max-w-xs">
@@ -97,8 +97,8 @@ export function OurService() {
           {/* Right Column */}
           <div className="lg:col-span-3 space-y-5 lg:space-y-6">
             {/* Card 4 - Balloon */}
-            <div className="relative overflow-hidden space-y-4 md:space-y-5 p-6 sm:p-8 lg:p-10 rounded-xl bg-gradient-to-br from-black via-black to-[#d2610a] min-h-[280px] sm:min-h-[300px]">
+            <div className="relative overflow-hidden space-y-4 md:space-y-5 p-6 sm:p-8 lg:p-10 rounded-xl bg-linear-to-br from-black via-black to-[#d2610a] min-h-70 sm:min-h-75">
-              <h3 className="font-bold text-lg sm:text-xl md:text-2xl bg-gradient-to-br from-white via-white to-gray-400 text-transparent bg-clip-text">
+              <h3 className="font-bold text-lg sm:text-xl md:text-2xl bg-linear-to-br from-white via-white to-gray-400 text-transparent bg-clip-text">
                 Operation Force
               </h3>
               <p className="text-gray-400 text-sm sm:text-base max-w-xs lg:max-w-sm">
@@ -119,7 +119,7 @@ export function OurService() {
             </div>
 
             {/* CTA Card */}
-            <div className="p-6 sm:p-8 lg:p-10 rounded-xl bg-gradient-to-tr from-black via-black to-[#d2610a] flex flex-col sm:flex-row items-center justify-between gap-6">
+            <div className="p-6 sm:p-8 lg:p-10 rounded-xl bg-linear-to-tr from-black via-black to-[#d2610a] flex flex-col sm:flex-row items-center justify-between gap-6">
               <h2 className="text-2xl sm:text-3xl lg:text-4xl font-semibold font-armanai text-white text-center sm:text-left">
                 View more service
               </h2>