印度支付，多种语言

sikey-hmd-business/sikey-hmd-business-biz/src/main/resources/templates/razorpayEnglishIndex.html

@@ -618,7 +618,7 @@
             align-items: center;
             width: 85px;
             margin-top: 50px;
-            margin-left: 125px;
+            margin-left: 105px;
         }
 
         .benefit-item3 {
@@ -628,19 +628,19 @@
             align-items: center;
             width: 85px;
             margin-top: 50px;
-            margin-left: 220px;
+            margin-left: 202px;
         }
 
         /* 文字样式 */
         .benefit-main {
-            font-size: 12px;
+            font-size: 10px;
             font-weight: 700;
             color: #2c3e50;
             margin-bottom: 8px;
         }
 
         .benefit-sub {
-            font-size: 14px; /* 缩小副标题文字 */
+            font-size: 8px; /* 缩小副标题文字 */
             color: #7f8c8d;
             line-height: 1.5;
         }
@@ -650,6 +650,10 @@
             height: 36px; /* 缩小图片尺寸 */
             object-fit: contain;
         }
+
+        .benefit-content{
+            margin-left: 10px;
+        }
     </style>
 </head>
 <script src="/js/axios/axios.min.js"></script>
@@ -662,7 +666,7 @@
     <div style="width: 220px;margin-top: 30px;margin-left: 23px;color: #699DF8;font-size: 20px;font-weight: bold;background: linear-gradient(90deg, #00aaff, #0066ff, #00aaff);-webkit-background-clip: text;background-clip: text;text-shadow: 0 0 5px rgba(0, 150, 255, 0.3);"
          th:text="${serviceInfo.get('siqi_smart_ai_assistant')}"></div>
     <div style="width: 250px;
-    margin-left: 23px;
+    margin-left: 8px;
     color: #699DF8;
     font-size: 16px;
     font-weight: bold;"
@@ -680,7 +684,7 @@
     padding: 20px;
     z-index: 50;
     margin-top: -120px;
-    margin-left: -168px;
+    margin-left: -175px;
     display: block;
     "></div>
 <div style="
@@ -722,9 +726,9 @@
     " th:src="@{/images/rectangle20.png}" alt=""/>
         <img style="
     position: absolute;
-    width: 152px;
+    width: 270px;
     height: 32px;
-    margin-left: 70px;" th:src="@{/images/rectangle18.png}" alt=""/>
+    margin-left: 30px;" th:src="@{/images/rectangle18.png}" alt=""/>
     </div>
     <div style="
     position: absolute;
@@ -734,7 +738,7 @@
     font-weight: bold;
     z-index: 100;
     margin-top: 5px;
-    margin-left: 100px;
+    margin-left: 70px;
     " th:text="${serviceInfo.get('enjoy_three_premium_benefits')}">
     </div>
     <!-- 语音调用 -->
@@ -763,7 +767,7 @@
             <img th:src="@{/images/group3.png}" alt=""/>
         </div>
         <div class="benefit-content">
-            <div class="benefit-main" th:text="${serviceInfo.get('ai_session')}"></div>
+            <div style="margin-left:15px;" class="benefit-main" th:text="${serviceInfo.get('ai_session')}"></div>
             <div style="width: 111px;" class="benefit-sub"
                  th:text="${serviceInfo.get('powerful_computing_support')}"></div>
         </div>