Fix: match original hero font sizes (title 40px, body 25px)

Original revslider used s:40 for titles and s:25 for body text.
Also updated mobile breakpoint sizes proportionally.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: Anil Kommareddi

index.html

@@ -281,8 +281,8 @@ <h2 class="ore-slide-title">ORE is Always Evolving</h2>
   position:relative; z-index:2; max-width:820px; margin-left:120px;
   color:#fff; font-family:'Open Sans',sans-serif; padding:20px 20px 20px 0;
 }
-.ore-slide-title { font-size:38px; font-weight:300; line-height:1.15; margin:0 0 14px; color:#fff !important; }
-.ore-slide-body  { font-size:18px; font-weight:300; line-height:1.6;  margin:0 0 28px; color:#fff !important; }
+.ore-slide-title { font-size:40px; font-weight:300; line-height:1.15; margin:0 0 14px; color:#fff !important; }
+.ore-slide-body  { font-size:25px; font-weight:300; line-height:1.6;  margin:0 0 28px; color:#fff !important; }
 .ore-slide-btn {
   display:inline-block; background:rgba(0,110,165,0.80); color:#fff !important;
   padding:12px 32px; border-radius:30px; font-family:'Roboto',sans-serif;
@@ -293,8 +293,8 @@ <h2 class="ore-slide-title">ORE is Always Evolving</h2>
 .swiper-pagination-bullet-active { background:#fff; }
 @media(max-width:768px){
   .ore-slide-content { margin-left:20px; margin-right:20px; }
-  .ore-slide-title { font-size:24px; }
-  .ore-slide-body  { font-size:15px; }
+  .ore-slide-title { font-size:28px; }
+  .ore-slide-body  { font-size:18px; }
 }
 </style>
 <script>