[Resolved] String Translation in CSS sinppets

Hello,

I used the following code to insert "Phone" and "Email Address" in the Shipping Address area of my Checkout page of WooCommerce:

/**
* @snippet Shipping Phone & Email - WooCommerce
* @how-to Get CustomizeWoo.com FREE
* @author Rodolfo Melogli
* @compatible WooCommerce 6
* @community hidden link
*/

// Add custom fields to checkout
add_filter( 'woocommerce_checkout_fields', 'bbloomer_shipping_phone_email_checkout' );

function bbloomer_shipping_phone_email_checkout( $fields ) {
$fields['shipping']['shipping_phone'] = array(
'label' => 'Phone',
'type' => 'tel',
'required' => true,
'class' => array( 'form-row-wide' ),
'validate' => array( 'phone' ),
'autocomplete'=> 'tel',
'priority' => 25,
);

$fields['shipping']['shipping_email'] = array(
'label' => 'Email Address',
'type' => 'email',
'required' => true,
'class' => array( 'form-row-wide' ),
'validate' => array( 'email' ),
'autocomplete'=> 'email',
'priority' => 26,
);

return $fields;
}

// Display custom fields in admin order data
add_action( 'woocommerce_admin_order_data_after_shipping_address', 'bbloomer_shipping_phone_email_checkout_display' );

function bbloomer_shipping_phone_email_checkout_display( $order ) {
echo '<p><b>Shipping Phone:</b> ' . get_post_meta( $order->get_id(), '_shipping_phone', true ) . '</p>';
echo '<p><b>Shipping Email:</b> ' . get_post_meta( $order->get_id(), '_shipping_email', true ) . '</p>';
}

I have tried everything I know about WPML to translate "Phone" and "Email Address" but they all failed.

I found this article and tried to apply its instructions but still I failed to translate the required texts. Maybe I applied the instructions wrongly:

https://wpml.org/forums/topic/translate-text-given-in-snippets-to-other-language/#post-11166303

Please help me to translate "Phone" and "Email Address" in the Checkout form. They are the only two strings that still not translated into Arabic as shown in the screenshot attached.

Thanks in advance.