diff --git a/integration-libs/opf/base/root/config/default-opf-config.ts b/integration-libs/opf/base/root/config/default-opf-config.ts
index 892fa7fc041..fea91606294 100644
--- a/integration-libs/opf/base/root/config/default-opf-config.ts
+++ b/integration-libs/opf/base/root/config/default-opf-config.ts
@@ -9,5 +9,8 @@ import { OpfConfig } from './opf-config';
 export const defaultOpfConfig: OpfConfig = {
   opf: {
     opfBaseUrl: '',
+    paymentOption: {
+      enableInfoMessage: true,
+    },
   },
 };
diff --git a/integration-libs/opf/base/root/config/opf-config.ts b/integration-libs/opf/base/root/config/opf-config.ts
index 5fcde7c4cc4..b28fb557587 100644
--- a/integration-libs/opf/base/root/config/opf-config.ts
+++ b/integration-libs/opf/base/root/config/opf-config.ts
@@ -15,6 +15,26 @@ export abstract class OpfConfig {
   opf?: {
     opfBaseUrl?: string;
     commerceCloudPublicKey?: string;
+    paymentOption?: {
+      /**
+       * The map of info message translation keys for specific payment configuration IDs
+       * @example
+       * ```ts
+       * const opfConfig = {
+       *   opf: {
+       *     paymentInfoMessagesMap: {
+       *       213: 'opfCheckout.payPalPaymentInfoMessage' // Message key for payment method ID 213
+       *     }
+       *   }
+       * };
+       * ```
+       */
+      paymentInfoMessagesMap?: Record<number, string>;
+      /**
+       * Enables the payment info message section within the payment options
+       */
+      enableInfoMessage?: boolean;
+    };
   };
 }
 
diff --git a/integration-libs/opf/checkout/assets/translations/en/opfCheckout.json b/integration-libs/opf/checkout/assets/translations/en/opfCheckout.json
index 2d276cfd15a..780c43ca5bf 100644
--- a/integration-libs/opf/checkout/assets/translations/en/opfCheckout.json
+++ b/integration-libs/opf/checkout/assets/translations/en/opfCheckout.json
@@ -9,8 +9,11 @@
     "billingAddress": "Billing Address",
     "paymentOption": "Payment option",
     "termsAndConditions": "Terms & Conditions",
+    "closeTermsAndConditionsAlert": "Close alert",
     "itemsToBeShipped": "Items to be shipped",
     "proceedPayment": "Place Order",
+    "defaultPaymentInfoMessage": "You are about to make a payment. Depending on the option selected, you will either be redirected to a secure external page or complete the process directly within this page",
+    "proceedPaymentButtonLabel": "Place Order, opens external page",
     "retryPayment": "Retry to Continue",
     "checkTermsAndConditionsExplicit": "You must agree Terms & Conditions to see available payment options.",
     "checkTermsAndConditionsImplicit": "By submitting the order, you are agreeing to our Terms & Conditions.",
diff --git a/integration-libs/opf/checkout/components/opf-checkout-billing-address-form/opf-checkout-billing-address-form.component.html b/integration-libs/opf/checkout/components/opf-checkout-billing-address-form/opf-checkout-billing-address-form.component.html
index 4cce8a8fb21..92504a6cac0 100644
--- a/integration-libs/opf/checkout/components/opf-checkout-billing-address-form/opf-checkout-billing-address-form.component.html
+++ b/integration-libs/opf/checkout/components/opf-checkout-billing-address-form/opf-checkout-billing-address-form.component.html
@@ -1,62 +1,66 @@
-<h3>{{ 'opfCheckout.billingAddress' | cxTranslate }}</h3>
-<ng-container *ngIf="!(isLoadingAddress$ | async); else loading">
-  <ng-container
-    *ngIf="{
-      billingAddress: billingAddress$ | async,
-      isSameAsDelivery: isSameAsDelivery$ | async,
-    } as addressData"
-  >
-    <div class="form-group">
-      <div class="form-check">
-        <label>
-          <input
-            type="checkbox"
-            class="form-check-input"
-            [checked]="addressData.isSameAsDelivery"
-            (change)="toggleSameAsDeliveryAddress($event)"
-            [attr.aria-label]="
-              'paymentForm.billingAddressSameAsShipping' | cxTranslate
-            "
-          />
-          <span class="form-check-label">{{
-            'paymentForm.sameAsDeliveryAddress' | cxTranslate
-          }}</span>
-        </label>
+<section [attr.aria-label]="'opfCheckout.billingAddress' | cxTranslate">
+  <h3>{{ 'opfCheckout.billingAddress' | cxTranslate }}</h3>
+  <ng-container *ngIf="!(isLoadingAddress$ | async); else loading">
+    <ng-container
+      *ngIf="{
+        billingAddress: billingAddress$ | async,
+        isSameAsDelivery: isSameAsDelivery$ | async,
+      } as addressData"
+    >
+      <div class="form-group">
+        <div class="form-check">
+          <label>
+            <input
+              type="checkbox"
+              class="form-check-input"
+              [checked]="addressData.isSameAsDelivery"
+              (change)="toggleSameAsDeliveryAddress($event)"
+              [attr.aria-label]="
+                'paymentForm.billingAddressSameAsShipping' | cxTranslate
+              "
+            />
+            <span class="form-check-label">{{
+              'paymentForm.sameAsDeliveryAddress' | cxTranslate
+            }}</span>
+          </label>
+        </div>
       </div>
-    </div>
 
-    <ng-container *ngIf="!isEditBillingAddress && addressData.billingAddress">
-      <div class="cx-custom-address-info">
-        <cx-card
-          [content]="addressData.billingAddress | cxGetAddressCardContent"
-        ></cx-card>
+      <ng-container *ngIf="!isEditBillingAddress && addressData.billingAddress">
+        <div class="cx-custom-address-info">
+          <cx-card
+            [content]="addressData.billingAddress | cxGetAddressCardContent"
+          ></cx-card>
 
-        <button
-          *ngIf="!addressData.isSameAsDelivery"
-          (click)="editCustomBillingAddress()"
-        >
-          <cx-icon [type]="iconTypes.PENCIL"></cx-icon>
-        </button>
-      </div>
-    </ng-container>
+          <button
+            *ngIf="!addressData.isSameAsDelivery"
+            [attr.aria-label]="'paymentForm.editBillingAddress' | cxTranslate"
+            [attr.title]="'paymentForm.editBillingAddress' | cxTranslate"
+            (click)="editCustomBillingAddress()"
+          >
+            <cx-icon [type]="iconTypes.PENCIL"></cx-icon>
+          </button>
+        </div>
+      </ng-container>
 
-    <ng-container *ngIf="isEditBillingAddress">
-      <cx-address-form
-        [addressData]="getAddressData(addressData.billingAddress)"
-        class="cx-form"
-        [showTitleCode]="true"
-        [showCancelBtn]="true"
-        actionBtnLabel="{{ 'common.save' | cxTranslate }}"
-        cancelBtnLabel="{{ 'common.cancel' | cxTranslate }}"
-        (submitAddress)="onSubmitAddress($event)"
-        (backToAddress)="cancelAndHideForm()"
-        [setAsDefaultField]="false"
-        [countries]="countries$"
-      ></cx-address-form>
+      <ng-container *ngIf="isEditBillingAddress">
+        <cx-address-form
+          [addressData]="getAddressData(addressData.billingAddress)"
+          class="cx-form"
+          [showTitleCode]="true"
+          [showCancelBtn]="true"
+          actionBtnLabel="{{ 'common.save' | cxTranslate }}"
+          cancelBtnLabel="{{ 'common.cancel' | cxTranslate }}"
+          (submitAddress)="onSubmitAddress($event)"
+          (backToAddress)="cancelAndHideForm()"
+          [setAsDefaultField]="false"
+          [countries]="countries$"
+        ></cx-address-form>
+      </ng-container>
     </ng-container>
   </ng-container>
-</ng-container>
 
-<ng-template #loading>
-  <cx-spinner></cx-spinner>
-</ng-template>
+  <ng-template #loading>
+    <cx-spinner></cx-spinner>
+  </ng-template>
+</section>
diff --git a/integration-libs/opf/checkout/components/opf-checkout-payment-and-review/opf-checkout-payment-and-review.component.html b/integration-libs/opf/checkout/components/opf-checkout-payment-and-review/opf-checkout-payment-and-review.component.html
index b123c0e4bb7..edcfe9c39b4 100644
--- a/integration-libs/opf/checkout/components/opf-checkout-payment-and-review/opf-checkout-payment-and-review.component.html
+++ b/integration-libs/opf/checkout/components/opf-checkout-payment-and-review/opf-checkout-payment-and-review.component.html
@@ -1,132 +1,163 @@
 <!-- For B2B Account payment, OPF should not be displayed -->
-<ng-container *ngIf="(paymentType$ | async)?.code !== 'ACCOUNT'">
-  <div
-    class="cx-opf-terms-and-conditions"
-    *ngIf="explicitTermsAndConditions$ | async"
+<ng-container
+  *ngIf="{
+    value: explicitTermsAndConditions$ | async,
+  } as explicitTermsAndConditions"
+>
+  <section
+    *ngIf="(paymentType$ | async)?.code !== 'ACCOUNT'"
+    [attr.aria-label]="'opfCheckout.tabs.paymentAndReview' | cxTranslate"
   >
-    <h3>{{ 'opfCheckout.termsAndConditions' | cxTranslate }}</h3>
+    <h2 class="cx-checkout-title d-none d-lg-block d-xl-block">
+      {{ 'opfCheckout.tabs.paymentAndReview' | cxTranslate }}
+    </h2>
 
-    <form
-      class="cx-place-order-form form-check"
-      [formGroup]="checkoutSubmitForm"
+    <div
+      *ngIf="explicitTermsAndConditions.value"
+      class="cx-opf-terms-and-conditions"
+      [attr.aria-label]="'opfCheckout.termsAndConditions' | cxTranslate"
     >
-      <div class="form-group">
-        <label>
-          <input
-            formControlName="termsAndConditions"
-            class="scaled-input form-check-input"
-            type="checkbox"
-            (change)="toggleTermsAndConditions()"
-          />
-          <span class="form-check-label">
-            {{ 'checkoutReview.confirmThatRead' | cxTranslate }}
-            <a
-              [routerLink]="{ cxRoute: 'termsAndConditions' } | cxUrl"
-              class="cx-tc-link"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              {{ 'checkoutReview.termsAndConditions' | cxTranslate }}
-            </a>
-          </span>
-        </label>
-      </div>
-    </form>
-  </div>
+      <h3>{{ 'opfCheckout.termsAndConditions' | cxTranslate }}</h3>
+
+      <cx-opf-checkout-terms-and-conditions-alert
+        [isVisible]="termsAndConditionInvalid"
+        [isExplicit]="explicitTermsAndConditions.value"
+        [isDismissible]="false"
+      ></cx-opf-checkout-terms-and-conditions-alert>
 
-  <cx-opf-checkout-billing-address-form></cx-opf-checkout-billing-address-form>
+      <form
+        class="cx-place-order-form form-check"
+        [formGroup]="checkoutSubmitForm"
+      >
+        <div class="form-group">
+          <label>
+            <input
+              formControlName="termsAndConditions"
+              class="scaled-input form-check-input"
+              type="checkbox"
+              (change)="toggleTermsAndConditions()"
+            />
+            <span class="form-check-label">
+              {{ 'checkoutReview.confirmThatRead' | cxTranslate }}
+              <a
+                [routerLink]="{ cxRoute: 'termsAndConditions' } | cxUrl"
+                class="cx-tc-link"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                {{ 'checkoutReview.termsAndConditions' | cxTranslate }}
+              </a>
+            </span>
+          </label>
+        </div>
+      </form>
+    </div>
 
-  <cx-opf-checkout-terms-and-conditions-alert
-    [isVisible]="termsAndConditionInvalid"
-    [isExplicit]="explicitTermsAndConditions$ | async"
-  ></cx-opf-checkout-terms-and-conditions-alert>
+    <cx-opf-checkout-billing-address-form></cx-opf-checkout-billing-address-form>
 
-  <cx-opf-checkout-payments
-    [elementsPerPage]="10"
-    [explicitTermsAndConditions]="explicitTermsAndConditions$ | async"
-    [disabled]="termsAndConditionInvalid"
-  ></cx-opf-checkout-payments>
+    <cx-opf-checkout-terms-and-conditions-alert
+      *ngIf="!explicitTermsAndConditions.value"
+      [isDismissible]="true"
+      [isVisible]="termsAndConditionInvalid"
+      [isExplicit]="explicitTermsAndConditions.value"
+    ></cx-opf-checkout-terms-and-conditions-alert>
 
-  <!-- CART ITEM SECTION -->
-  <ng-container *ngIf="cart$ | async as cart">
-    <div class="cx-review-cart-total d-none d-lg-block d-xl-block">
-      {{
-        'cartItems.cartTotal'
-          | cxTranslate: { count: cart.deliveryItemsQuantity }
-      }}:
-      {{ cart.totalPrice?.formattedValue }}
-    </div>
-    <div
-      class="cx-review-cart-item col-md-12"
-      *ngIf="entries$ | async as entries"
+    <cx-opf-checkout-payments
+      [elementsPerPage]="10"
+      [explicitTermsAndConditions]="explicitTermsAndConditions.value"
+      [disabled]="termsAndConditionInvalid"
     >
-      <cx-promotions
-        [promotions]="
-          (cart.appliedOrderPromotions || []).concat(
-            cart.potentialOrderPromotions || []
-          )
-        "
-      ></cx-promotions>
+      <cx-opf-checkout-terms-and-conditions-alert
+        *ngIf="!explicitTermsAndConditions.value"
+        [isDismissible]="true"
+        [isVisible]="termsAndConditionInvalid"
+        [isExplicit]="explicitTermsAndConditions.value"
+      ></cx-opf-checkout-terms-and-conditions-alert>
+    </cx-opf-checkout-payments>
 
-      <div class="cx-items-to-ship-label">
-        {{ 'opfCheckout.itemsToBeShipped' | cxTranslate }}
+    <!-- CART ITEM SECTION -->
+    <ng-container *ngIf="cart$ | async as cart">
+      <div class="cx-review-cart-total d-none d-lg-block d-xl-block">
+        {{
+          'cartItems.cartTotal'
+            | cxTranslate: { count: cart.deliveryItemsQuantity }
+        }}:
+        {{ cart.totalPrice?.formattedValue }}
       </div>
+      <div
+        class="cx-review-cart-item col-md-12"
+        *ngIf="entries$ | async as entries"
+      >
+        <cx-promotions
+          [promotions]="
+            (cart.appliedOrderPromotions || []).concat(
+              cart.potentialOrderPromotions || []
+            )
+          "
+        ></cx-promotions>
 
-      <div class="cx-shipping-and-delivery-info-cards">
-        <div
-          *ngIf="deliveryAddress$ | async as deliveryAddress"
-          class="cx-review-summary-card cx-review-card-address"
-        >
-          <cx-card
-            [content]="getDeliveryAddressCard(deliveryAddress) | async"
-          ></cx-card>
-          <div class="cx-review-summary-edit-step">
-            <a
-              [attr.aria-label]="
-                'checkoutReview.editDeliveryAddressDetails' | cxTranslate
-              "
-              [routerLink]="
-                {
-                  cxRoute: getCheckoutStepUrl(checkoutStepTypeDeliveryAddress),
-                } | cxUrl
-              "
-              ><cx-icon aria-hidden="true" [type]="iconTypes.PENCIL"></cx-icon
-            ></a>
-          </div>
+        <div class="cx-items-to-ship-label">
+          {{ 'opfCheckout.itemsToBeShipped' | cxTranslate }}
         </div>
 
-        <div
-          *ngIf="deliveryMode$ | async as deliveryMode"
-          class="cx-review-summary-card cx-review-delivery-method"
-        >
-          <cx-card
-            [content]="getDeliveryModeCard(deliveryMode) | async"
-          ></cx-card>
-          <div class="cx-review-summary-edit-step">
-            <a
-              [attr.aria-label]="
-                'checkoutReview.editDeliveryMode' | cxTranslate
-              "
-              [routerLink]="
-                {
-                  cxRoute: getCheckoutStepUrl(checkoutStepTypeDeliveryMode),
-                } | cxUrl
-              "
-              ><cx-icon aria-hidden="true" [type]="iconTypes.PENCIL"></cx-icon
-            ></a>
+        <div class="cx-shipping-and-delivery-info-cards">
+          <div
+            *ngIf="deliveryAddress$ | async as deliveryAddress"
+            class="cx-review-summary-card cx-review-card-address"
+          >
+            <cx-card
+              [content]="getDeliveryAddressCard(deliveryAddress) | async"
+            ></cx-card>
+            <div class="cx-review-summary-edit-step">
+              <a
+                [attr.aria-label]="
+                  'checkoutReview.editDeliveryAddressDetails' | cxTranslate
+                "
+                [routerLink]="
+                  {
+                    cxRoute: getCheckoutStepUrl(
+                      checkoutStepTypeDeliveryAddress
+                    ),
+                  } | cxUrl
+                "
+                ><cx-icon aria-hidden="true" [type]="iconTypes.PENCIL"></cx-icon
+              ></a>
+            </div>
+          </div>
+
+          <div
+            *ngIf="deliveryMode$ | async as deliveryMode"
+            class="cx-review-summary-card cx-review-delivery-method"
+          >
+            <cx-card
+              [content]="getDeliveryModeCard(deliveryMode) | async"
+            ></cx-card>
+            <div class="cx-review-summary-edit-step">
+              <a
+                [attr.aria-label]="
+                  'checkoutReview.editDeliveryMode' | cxTranslate
+                "
+                [routerLink]="
+                  {
+                    cxRoute: getCheckoutStepUrl(checkoutStepTypeDeliveryMode),
+                  } | cxUrl
+                "
+                ><cx-icon aria-hidden="true" [type]="iconTypes.PENCIL"></cx-icon
+              ></a>
+            </div>
           </div>
         </div>
-      </div>
 
-      <ng-template
-        [cxOutlet]="cartOutlets.CART_ITEM_LIST"
-        [cxOutletContext]="{
-          items: entries,
-          readonly: true,
-          promotionLocation: promotionLocation,
-        }"
-      >
-      </ng-template>
-    </div>
-  </ng-container>
+        <ng-template
+          [cxOutlet]="cartOutlets.CART_ITEM_LIST"
+          [cxOutletContext]="{
+            items: entries,
+            readonly: true,
+            promotionLocation: promotionLocation,
+          }"
+        >
+        </ng-template>
+      </div>
+    </ng-container>
+  </section>
 </ng-container>
diff --git a/integration-libs/opf/checkout/components/opf-checkout-payment-wrapper/opf-checkout-payment-wrapper.component.html b/integration-libs/opf/checkout/components/opf-checkout-payment-wrapper/opf-checkout-payment-wrapper.component.html
index e3f6616b68b..8476c9865f6 100644
--- a/integration-libs/opf/checkout/components/opf-checkout-payment-wrapper/opf-checkout-payment-wrapper.component.html
+++ b/integration-libs/opf/checkout/components/opf-checkout-payment-wrapper/opf-checkout-payment-wrapper.component.html
@@ -21,9 +21,15 @@
         "
         class="cx-payment-link"
       >
-        <a class="btn btn-primary" [href]="paymentLink.destination.url">{{
-          'opfCheckout.proceedPayment' | cxTranslate
-        }}</a>
+        <a
+          class="btn btn-primary"
+          [href]="paymentLink.destination.url"
+          [attr.title]="'opfCheckout.proceedPayment' | cxTranslate"
+          [attr.aria-label]="
+            'opfCheckout.proceedPaymentButtonLabel' | cxTranslate
+          "
+          >{{ 'opfCheckout.proceedPayment' | cxTranslate }}</a
+        >
       </div>
       <ng-container
         *ngIf="
@@ -71,7 +77,13 @@
   <ng-container *ngIf="paymentLink?.isError; else loading">
     <div class="cx-payment-option-container">
       <div class="cx-payment-link">
-        <button [ngClass]="'btn btn-primary'" (click)="retryInitiatePayment()">
+        <button
+          [ngClass]="'btn btn-primary'"
+          type="button"
+          (click)="retryInitiatePayment()"
+          [attr.title]="'opfCheckout.retryPayment' | cxTranslate"
+          [attr.aria-label]="'opfCheckout.retryPayment' | cxTranslate"
+        >
           {{ 'opfCheckout.retryPayment' | cxTranslate }}
         </button>
       </div>
diff --git a/integration-libs/opf/checkout/components/opf-checkout-payments/opf-checkout-payments.component.html b/integration-libs/opf/checkout/components/opf-checkout-payments/opf-checkout-payments.component.html
index 54387ce2451..b17253ff81b 100644
--- a/integration-libs/opf/checkout/components/opf-checkout-payments/opf-checkout-payments.component.html
+++ b/integration-libs/opf/checkout/components/opf-checkout-payments/opf-checkout-payments.component.html
@@ -1,59 +1,87 @@
-<h3>
-  {{ 'opfCheckout.paymentOption' | cxTranslate }}
-</h3>
-<ng-container
-  *ngIf="activeConfigurations$ | async as activeConfigurationsState"
->
-  <ng-container *ngIf="!activeConfigurationsState?.loading; else loading">
-    <div class="cx-payment-options-list">
-      <cx-opf-checkout-terms-and-conditions-alert
-        [isVisible]="disabled"
-        [isExplicit]="explicitTermsAndConditions"
-      ></cx-opf-checkout-terms-and-conditions-alert>
-      <div
-        class="form-check"
-        *ngFor="let configuration of activeConfigurationsState?.data?.value"
-      >
-        <input
-          id="paymentId-{{ configuration.id }}"
-          class="form-check-input"
-          role="radio"
-          type="radio"
-          aria-checked="true"
-          (change)="changePayment(configuration)"
-          [value]="configuration.id"
-          [checked]="configuration.id === selectedPaymentId"
-          formControlName="paymentId"
-          [disabled]="disabled && explicitTermsAndConditions"
-        />
-        <label
-          class="cx-payment-type-label form-check-label form-radio-label"
-          for="paymentId-{{ configuration.id }}"
+<section [attr.aria-label]="'opfCheckout.paymentOption' | cxTranslate">
+  <h3>
+    {{ 'opfCheckout.paymentOption' | cxTranslate }}
+  </h3>
+  <ng-container
+    *ngIf="activeConfigurations$ | async as activeConfigurationsState"
+  >
+    <ng-container *ngIf="!activeConfigurationsState?.loading; else loading">
+      <div class="cx-payment-options-list">
+        <ng-content></ng-content>
+        <div
+          class="form-check"
+          *ngFor="let configuration of activeConfigurationsState?.data?.value"
         >
-          <div class="cx-payment-type">
-            {{ configuration.displayName }}
-            <img
-              *ngIf="configuration?.logoUrl"
-              [src]="configuration.logoUrl"
-              [alt]="configuration.displayName"
-              class="cx-payment-logo"
-            />
-          </div>
-        </label>
-        <cx-opf-checkout-payment-wrapper
-          *ngIf="selectedPaymentId && configuration.id === selectedPaymentId"
-          [selectedPaymentId]="selectedPaymentId"
-        ></cx-opf-checkout-payment-wrapper>
-      </div>
+          <input
+            id="paymentId-{{ configuration.id }}"
+            class="form-check-input"
+            role="radio"
+            type="radio"
+            [attr.aria-checked]="configuration.id === selectedPaymentId"
+            (change)="changePayment(configuration)"
+            [value]="configuration.id"
+            [checked]="configuration.id === selectedPaymentId"
+            formControlName="paymentId"
+            [disabled]="disabled && explicitTermsAndConditions"
+          />
+          <label
+            class="cx-payment-type-label form-check-label form-radio-label"
+            for="paymentId-{{ configuration.id }}"
+          >
+            <div class="cx-payment-type">
+              {{ configuration.displayName }}
+              <img
+                *ngIf="configuration?.logoUrl"
+                [src]="configuration.logoUrl"
+                [alt]="configuration.displayName"
+                class="cx-payment-logo"
+              />
+            </div>
+          </label>
 
-      <cx-pagination
-        class="cx-payment-options-list-pagination"
-        [pagination]="getPaginationModel(activeConfigurationsState?.data?.page)"
-        (viewPageEvent)="pageChange($event)"
-      ></cx-pagination></div
-  ></ng-container>
-</ng-container>
+          <ng-container *ngIf="isPaymentInfoMessageVisible">
+            <ng-container
+              *ngIf="
+                getPaymentInfoMessage(configuration.id)
+                  | async as paymentInfoMessage
+              "
+            >
+              <div
+                *ngIf="configuration.id === selectedPaymentId"
+                class="cx-payment-info-box"
+              >
+                <span class="alert-icon" aria-hidden="true">
+                  <cx-icon [type]="iconTypes.INFO"></cx-icon>
+                </span>
+                <p
+                  class="cx-payment-info-box-message"
+                  tabindex="0"
+                  role="alert"
+                  aria-live="polite"
+                >
+                  {{ paymentInfoMessage }}
+                </p>
+              </div>
+            </ng-container>
+          </ng-container>
 
-<ng-template #loading>
-  <cx-spinner></cx-spinner>
-</ng-template>
+          <cx-opf-checkout-payment-wrapper
+            *ngIf="selectedPaymentId && configuration.id === selectedPaymentId"
+            [selectedPaymentId]="selectedPaymentId"
+          ></cx-opf-checkout-payment-wrapper>
+        </div>
+
+        <cx-pagination
+          class="cx-payment-options-list-pagination"
+          [pagination]="
+            getPaginationModel(activeConfigurationsState?.data?.page)
+          "
+          (viewPageEvent)="pageChange($event)"
+        ></cx-pagination></div
+    ></ng-container>
+  </ng-container>
+
+  <ng-template #loading>
+    <cx-spinner></cx-spinner>
+  </ng-template>
+</section>
diff --git a/integration-libs/opf/checkout/components/opf-checkout-payments/opf-checkout-payments.component.ts b/integration-libs/opf/checkout/components/opf-checkout-payments/opf-checkout-payments.component.ts
index 4498a06077a..f67a5be9f9b 100644
--- a/integration-libs/opf/checkout/components/opf-checkout-payments/opf-checkout-payments.component.ts
+++ b/integration-libs/opf/checkout/components/opf-checkout-payments/opf-checkout-payments.component.ts
@@ -17,15 +17,18 @@ import {
   GlobalMessageType,
   PaginationModel,
   QueryState,
+  TranslationService,
 } from '@spartacus/core';
 import {
   OpfActiveConfiguration,
   OpfActiveConfigurationsPagination,
   OpfActiveConfigurationsResponse,
   OpfBaseFacade,
+  OpfConfig,
   OpfMetadataModel,
   OpfMetadataStoreService,
 } from '@spartacus/opf/base/root';
+import { ICON_TYPE } from '@spartacus/storefront';
 import { Observable, Subscription } from 'rxjs';
 import { tap } from 'rxjs/operators';
 
@@ -36,6 +39,8 @@ import { tap } from 'rxjs/operators';
 })
 export class OpfCheckoutPaymentsComponent implements OnInit, OnDestroy {
   protected opfBaseService = inject(OpfBaseFacade);
+  protected opfConfig = inject(OpfConfig);
+  protected translation = inject(TranslationService);
   protected opfMetadataStoreService = inject(OpfMetadataStoreService);
   protected globalMessageService = inject(GlobalMessageService);
 
@@ -58,6 +63,8 @@ export class OpfCheckoutPaymentsComponent implements OnInit, OnDestroy {
     QueryState<OpfActiveConfigurationsResponse | undefined>
   >;
 
+  iconTypes = ICON_TYPE;
+
   getActiveConfigurations(): Observable<
     QueryState<OpfActiveConfigurationsResponse | undefined>
   > {
@@ -89,6 +96,21 @@ export class OpfCheckoutPaymentsComponent implements OnInit, OnDestroy {
     this.activeConfigurations$ = this.getActiveConfigurations();
   }
 
+  getPaymentInfoMessage(paymentId: number | undefined): Observable<string> {
+    const defaultMessage = 'opfCheckout.defaultPaymentInfoMessage';
+    const translationKey =
+      paymentId && this.opfConfig?.opf?.paymentOption?.paymentInfoMessagesMap
+        ? (this.opfConfig.opf.paymentOption.paymentInfoMessagesMap[paymentId] ??
+          defaultMessage)
+        : defaultMessage;
+
+    return this.translation.translate(translationKey);
+  }
+
+  get isPaymentInfoMessageVisible(): boolean {
+    return Boolean(this.opfConfig?.opf?.paymentOption?.enableInfoMessage);
+  }
+
   /**
    * Method pre-selects (based on terms and conditions state)
    * previously selected payment option ID by customer.
diff --git a/integration-libs/opf/checkout/components/opf-checkout-payments/opf-checkout-payments.module.ts b/integration-libs/opf/checkout/components/opf-checkout-payments/opf-checkout-payments.module.ts
index 35373c7cd1c..98d625e6e48 100644
--- a/integration-libs/opf/checkout/components/opf-checkout-payments/opf-checkout-payments.module.ts
+++ b/integration-libs/opf/checkout/components/opf-checkout-payments/opf-checkout-payments.module.ts
@@ -7,7 +7,11 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { I18nModule } from '@spartacus/core';
-import { PaginationModule, SpinnerModule } from '@spartacus/storefront';
+import {
+  IconModule,
+  PaginationModule,
+  SpinnerModule,
+} from '@spartacus/storefront';
 import { OpfCheckoutPaymentWrapperModule } from '../opf-checkout-payment-wrapper';
 import { OpfCheckoutTermsAndConditionsAlertModule } from '../opf-checkout-terms-and-conditions-alert/opf-checkout-terms-and-conditions-alert.module';
 import { OpfCheckoutPaymentsComponent } from './opf-checkout-payments.component';
@@ -22,6 +26,7 @@ import { OpfCheckoutPaymentsComponent } from './opf-checkout-payments.component'
     PaginationModule,
     OpfCheckoutPaymentWrapperModule,
     OpfCheckoutTermsAndConditionsAlertModule,
+    IconModule,
   ],
 })
 export class OpfCheckoutPaymentsModule {}
diff --git a/integration-libs/opf/checkout/components/opf-checkout-terms-and-conditions-alert/opf-checkout-terms-and-conditions-alert.component.html b/integration-libs/opf/checkout/components/opf-checkout-terms-and-conditions-alert/opf-checkout-terms-and-conditions-alert.component.html
index 290b1728a86..5981e725a6c 100644
--- a/integration-libs/opf/checkout/components/opf-checkout-terms-and-conditions-alert/opf-checkout-terms-and-conditions-alert.component.html
+++ b/integration-libs/opf/checkout/components/opf-checkout-terms-and-conditions-alert/opf-checkout-terms-and-conditions-alert.component.html
@@ -1,17 +1,26 @@
 <div *ngIf="isVisible" class="cx-opf-checkout-terms-and-conditions-alert">
   <div class="alert alert-info">
-    <span class="alert-icon">
+    <span class="alert-icon" aria-hidden="true">
       <cx-icon [type]="iconTypes.INFO"></cx-icon>
     </span>
-    <span class="message">
+    <p class="message" tabindex="0" role="alert" aria-live="polite">
       {{
         (isExplicit
           ? 'opfCheckout.checkTermsAndConditionsExplicit'
           : 'opfCheckout.checkTermsAndConditionsImplicit'
         ) | cxTranslate
-      }}</span
+      }}
+    </p>
+    <button
+      *ngIf="isDismissible"
+      class="close"
+      type="button"
+      (click)="close()"
+      [attr.aria-label]="
+        'opfCheckout.closeTermsAndConditionsAlert' | cxTranslate
+      "
+      [attr.title]="'opfCheckout.closeTermsAndConditionsAlert' | cxTranslate"
     >
-    <button class="close" type="button" (click)="close()">
       <cx-icon [type]="iconTypes.CLOSE"></cx-icon>
     </button>
   </div>
diff --git a/integration-libs/opf/checkout/components/opf-checkout-terms-and-conditions-alert/opf-checkout-terms-and-conditions-alert.component.ts b/integration-libs/opf/checkout/components/opf-checkout-terms-and-conditions-alert/opf-checkout-terms-and-conditions-alert.component.ts
index 43c9f16dd33..fa921532f1f 100644
--- a/integration-libs/opf/checkout/components/opf-checkout-terms-and-conditions-alert/opf-checkout-terms-and-conditions-alert.component.ts
+++ b/integration-libs/opf/checkout/components/opf-checkout-terms-and-conditions-alert/opf-checkout-terms-and-conditions-alert.component.ts
@@ -25,6 +25,11 @@ export class OpfCheckoutTermsAndConditionsAlertComponent implements OnInit {
 
   iconTypes = ICON_TYPE;
 
+  /**
+   * Defines if alert could be dismissed or not
+   */
+  @Input() isDismissible: boolean;
+
   @Input() isVisible: boolean;
   /**
    * Explicit Terms and Conditions (isExplicit true) requires user to accept T&C to see and select payments options.
diff --git a/integration-libs/opf/checkout/styles/components/_opf-checkout-payment-and-review.scss b/integration-libs/opf/checkout/styles/components/_opf-checkout-payment-and-review.scss
index ce650d038b6..1cc1cad8c54 100644
--- a/integration-libs/opf/checkout/styles/components/_opf-checkout-payment-and-review.scss
+++ b/integration-libs/opf/checkout/styles/components/_opf-checkout-payment-and-review.scss
@@ -87,7 +87,7 @@
     }
   }
 
-  > cx-opf-checkout-terms-and-conditions-alert {
+  > section > cx-opf-checkout-terms-and-conditions-alert {
     display: none;
     @include media-breakpoint-down(md) {
       display: block;
diff --git a/integration-libs/opf/checkout/styles/components/_opf-checkout-payments.scss b/integration-libs/opf/checkout/styles/components/_opf-checkout-payments.scss
index eeb1d2bc6d0..6986ad15dd8 100644
--- a/integration-libs/opf/checkout/styles/components/_opf-checkout-payments.scss
+++ b/integration-libs/opf/checkout/styles/components/_opf-checkout-payments.scss
@@ -45,4 +45,23 @@
   .cx-payment-options-list-pagination {
     justify-content: flex-end;
   }
+
+  .cx-payment-info-box {
+    display: flex;
+    margin: 12px 0;
+    padding: 16px;
+    border: 1px solid #d3d6db;
+    border-radius: 10px;
+    background-color: #f1f1f1f1;
+
+    cx-icon {
+      color: var(--cx-color-info);
+    }
+  }
+
+  .cx-payment-info-box-message {
+    text-transform: none;
+    margin: 0;
+    font-weight: 600;
+  }
 }
diff --git a/integration-libs/opf/checkout/styles/components/_opf-checkout-terms-and-conditions-alert.scss b/integration-libs/opf/checkout/styles/components/_opf-checkout-terms-and-conditions-alert.scss
index 4f042640d4a..1569f1ccaf4 100644
--- a/integration-libs/opf/checkout/styles/components/_opf-checkout-terms-and-conditions-alert.scss
+++ b/integration-libs/opf/checkout/styles/components/_opf-checkout-terms-and-conditions-alert.scss
@@ -1,5 +1,6 @@
 %cx-opf-checkout-terms-and-conditions-alert {
   .alert {
+    padding-inline-end: 3rem;
     .close {
       top: var(--cx-top, 50%);
       right: 1.5rem;
@@ -10,6 +11,8 @@
     }
     .message {
       padding: 10px 0;
+      margin: 0;
+      text-align: left;
     }
   }
 }
diff --git a/projects/assets/src/translations/en/payment.json b/projects/assets/src/translations/en/payment.json
index 6316898b222..33dc21c5d6e 100644
--- a/projects/assets/src/translations/en/payment.json
+++ b/projects/assets/src/translations/en/payment.json
@@ -14,6 +14,7 @@
     "saveAsDefault": "Save as default",
     "setAsDefault": "Set as default payment method",
     "billingAddress": "Billing address",
+    "editBillingAddress": "Edit billing Address",
     "sameAsDeliveryAddress": "Same as delivery address",
     "billingAddressSameAsShipping": "Billing address is the same as delivery address",
     "selectOne": "Select One...",