fixed font issue and btn style

src/assets/css/default.css

@@ -970,7 +970,7 @@ a {
 	color: #222;
 }
 .color-blue {
-	color: #2b70fa;
+	color: #5086BA;
 }
 .color-purple {
 	color: purple;
@@ -981,6 +981,9 @@ a {
 .border-purple {
 	border-color: purple;
 }
+.border-skyblue {
+	border-color: #5086BA;
+}
 /* black overlay */
 
 [data-overlay] {

src/assets/css/main.css

@@ -172,11 +172,6 @@ p {
   border-color: #2b70fa;
   color: #fff;
 }
-.btn-get-started:hover {
-  color: purple;
-  opacity: .9;
-  transition: all .3s;
-}
 
 .appie-section-title {
   padding-bottom: 25px;
@@ -3255,7 +3250,7 @@ p {
 /* .modern_ui_section{
   margin-top: 100px;
 } */
-.modern_ui_section .section_sub_title{
+.modern_ui_section .section_sub_title, .title .section_sub_title{
   font-size: 30px;
   color: purple;
 }

src/components/News/Blogs.js

@@ -48,7 +48,7 @@ function Blogs({ pathname }) {
             data-wow-delay="200ms"
           >
             <Link to={`/blog/blogdetail/${blog?.id}`} className="thumb">
-              <img src={blgImg} alt={blog.post_title} style={{cursor: "pointer"}} width={370} height={278} loading="lazy" />
+              <img src={blgImg} alt={blog.post_title} width={370} height={'auto'} loading="lazy" />
             </Link>
             <div className="content">
               <div className="blog-meta">

src/components/lnd/LndParts/Design/Right.js

@@ -6,16 +6,16 @@ export default function Right() {
         <div className="appie-traffic-title section_title mb-0" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100" style={{padding: '0'}}>
             <h3 className='title text-center'>Assign Faster with</h3>
             <h3 className='title text-center d-flex justify-content-center flex-nowrap'>
-                <div className='color-blue'>Wrench</div><div className='color-purple'>Agent</div>
+                <div className='color-blue italic'>Wrench</div><div className='color-purple'>Agent</div>
             </h3>
         </div>
         <div className='p-2 w-100 bg-white my-2'> 
             <div className='color-purple text-center'>
                 <h3 className='color-purple font-25 mb-10'>Ask our "WrenchAgent" Generative AI to assist</h3>
-                <h3 className='color-purple font-20 mb-10'>Recommend  4 summer chores for a 12 years old</h3>
+                <h3 className='font_black font-20 mb-10'>"Recommend  4 summer chores for a 12 years old"</h3>
             </div>
         </div>
-        <div className="p-2 bg-white custom-w-90 mx-auto border-thin border-r-10 border-purple">
+        <div className="p-2 bg-white custom-w-90 mx-auto border-thin border-r-10 border-skyblue">
         {list?.map((item, idx) => (
             <div className="col-12 mb-20" key={idx}>
                 <div
@@ -29,7 +29,7 @@ export default function Right() {
             </div>
         ))}
         <div className='w-100 d-flex justify-content-end'>
-            <button className='btn btn-get-started px-1 py-2 border-r-5 border-purple border-normal color-purple'>Get Started</button>
+            <button className='main-btn'>Get Started</button>
         </div>
         </div>
     </div>