removed some unnecessary ui elements

features/cart/components/OrderSummary.tsx

@@ -189,47 +189,12 @@ export default function OrderSummary({
               }`}
             />
             {showValidation && !isPhoneValid && (
-              <p className="text-xs text-red-500 mt-1">
-                {t("requiredField")}
-              </p>
+              <p className="text-xs text-red-500 mt-1">{t("requiredField")}</p>
             )}
           </div>
         </div>
       </div>
 
-      {/* Payment Type */}
-      <div className="mb-6">
-        <h3 className="text-lg font-semibold mb-3">{t("payment_type")}</h3>
-        <div className="flex gap-2">
-          {paymentTypes.map((type) => (
-            <Card
-              key={type.id}
-              className={`flex-1 cursor-pointer transition-all ${
-                paymentType?.id === type.id
-                  ? "border-2 border-[#005bff] bg-blue-50"
-                  : showValidation && !paymentType
-                  ? "border-2 border-red-500"
-                  : "border-2 border-gray-200"
-              }`}
-              onClick={() => onPaymentTypeChange(type)}
-            >
-              <div className="flex flex-col items-center justify-center p-4 gap-2">
-                <span
-                  className={`text-xs font-medium ${
-                    paymentType?.id === type.id ? "text-[#005bff]" : ""
-                  }`}
-                >
-                  {type.name}
-                </span>
-              </div>
-            </Card>
-          ))}
-        </div>
-        {showValidation && !paymentType && (
-          <p className="text-xs text-red-500 mt-1">{t("requiredField")}</p>
-        )}
-      </div>
-
       {/* Region Selection */}
       <div className="mb-6">
         <Label className="text-lg font-semibold mb-3 block">