diff --git a/theme_anelusia/__manifest__.py b/theme_anelusia/__manifest__.py
index b707be2e7..011d67193 100644
--- a/theme_anelusia/__manifest__.py
+++ b/theme_anelusia/__manifest__.py
@@ -21,6 +21,7 @@
         'views/snippets/s_image_gallery.xml',
         'views/snippets/s_carousel.xml',
         'views/snippets/s_carousel_intro.xml',
+        'views/snippets/s_comparisons_horizontal.xml',
         'views/snippets/s_media_list.xml',
         'views/snippets/s_image_title.xml',
         'views/snippets/s_text_cover.xml',
diff --git a/theme_anelusia/views/snippets/s_comparisons_horizontal.xml b/theme_anelusia/views/snippets/s_comparisons_horizontal.xml
new file mode 100644
index 000000000..6754bc758
--- /dev/null
+++ b/theme_anelusia/views/snippets/s_comparisons_horizontal.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_comparisons_horizontal" inherit_id="website.s_comparisons_horizontal">
+    <xpath expr="//h2" position="replace" mode="inner">
+        <font style="background-image: linear-gradient(135deg, var(--o-color-1) 0%, var(--o-color-2) 100%);" class="text-gradient">Our Style Plans</font>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_artists/__manifest__.py b/theme_artists/__manifest__.py
index f6e9f18bd..62f75dd05 100644
--- a/theme_artists/__manifest__.py
+++ b/theme_artists/__manifest__.py
@@ -20,6 +20,7 @@
         'views/snippets/s_text_image.xml',
         'views/snippets/s_framed_intro.xml',
         'views/snippets/s_card_offset.xml',
+        'views/snippets/s_comparisons_horizontal.xml',
         'views/snippets/s_three_columns.xml',
         'views/snippets/s_call_to_action.xml',
         'views/snippets/s_cards_grid.xml',
diff --git a/theme_artists/views/snippets/s_comparisons_horizontal.xml b/theme_artists/views/snippets/s_comparisons_horizontal.xml
new file mode 100644
index 000000000..5937f90ee
--- /dev/null
+++ b/theme_artists/views/snippets/s_comparisons_horizontal.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+    <template id="s_comparisons_horizontal" inherit_id="website.s_comparisons_horizontal">
+        <!-- Section -->
+        <xpath expr="//section" position="attributes">
+            <attribute name="class" add="o_cc o_cc5" separator=" "/>
+        </xpath>
+    </template>
+
+</odoo>
diff --git a/theme_avantgarde/views/customizations.xml b/theme_avantgarde/views/customizations.xml
index 94cc8f4f5..5da3fb26d 100644
--- a/theme_avantgarde/views/customizations.xml
+++ b/theme_avantgarde/views/customizations.xml
@@ -801,4 +801,12 @@
     </xpath>
 </template>
 
+<!-- ======== COMPARISONS HORIZONTAL ======== -->
+<template id="s_comparisons_horizontal" inherit_id="website.s_comparisons_horizontal">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc3" separator=" "/>
+    </xpath>
+</template>
+
 </odoo>
diff --git a/theme_aviato/__manifest__.py b/theme_aviato/__manifest__.py
index c8414b920..ced0a9ad6 100644
--- a/theme_aviato/__manifest__.py
+++ b/theme_aviato/__manifest__.py
@@ -17,6 +17,7 @@
         'views/snippets/s_cta_box.xml',
         'views/snippets/s_cover.xml',
         'views/snippets/s_company_team.xml',
+        'views/snippets/s_comparisons_horizontal.xml',
         'views/snippets/s_striped_top.xml',
         'views/snippets/s_features.xml',
         'views/snippets/s_sidegrid.xml',
diff --git a/theme_aviato/views/snippets/s_comparisons_horizontal.xml b/theme_aviato/views/snippets/s_comparisons_horizontal.xml
new file mode 100644
index 000000000..6e1283f9c
--- /dev/null
+++ b/theme_aviato/views/snippets/s_comparisons_horizontal.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_comparisons_horizontal" inherit_id="website.s_comparisons_horizontal">
+    <!-- Card 1 -->
+    <xpath expr="//div[hasclass('s_card')]" position="attributes">
+        <attribute name="class" add="o_cc2" remove="o_cc1" separator=" "/>
+    </xpath>
+    <!-- Card 2 -->
+    <xpath expr="(//div[hasclass('s_card')])[2]" position="attributes">
+        <attribute name="class" add="o_cc2" remove="o_cc1" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_beauty/__manifest__.py b/theme_beauty/__manifest__.py
index 68a56b82b..6c7849284 100644
--- a/theme_beauty/__manifest__.py
+++ b/theme_beauty/__manifest__.py
@@ -38,6 +38,7 @@
         'views/snippets/s_company_team_detail.xml',
         'views/snippets/s_media_list.xml',
         'views/snippets/s_comparisons.xml',
+        'views/snippets/s_comparisons_horizontal.xml',
         'views/snippets/s_product_catalog.xml',
         'views/snippets/s_quadrant.xml',
         'views/snippets/s_unveil.xml',
diff --git a/theme_beauty/views/snippets/s_comparisons_horizontal.xml b/theme_beauty/views/snippets/s_comparisons_horizontal.xml
new file mode 100644
index 000000000..fa8d6ea16
--- /dev/null
+++ b/theme_beauty/views/snippets/s_comparisons_horizontal.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_comparisons_horizontal" inherit_id="website.s_comparisons_horizontal">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_bistro/__manifest__.py b/theme_bistro/__manifest__.py
index f6d6858e0..e1b232fcc 100644
--- a/theme_bistro/__manifest__.py
+++ b/theme_bistro/__manifest__.py
@@ -19,6 +19,7 @@
         'views/snippets/s_cards_grid.xml',
         'views/snippets/s_cover.xml',
         'views/snippets/s_card_offset.xml',
+        'views/snippets/s_comparisons_horizontal.xml',
         'views/snippets/s_features.xml',
         'views/snippets/s_image_text.xml',
         'views/snippets/s_freegrid.xml',
diff --git a/theme_bistro/views/snippets/s_comparisons_horizontal.xml b/theme_bistro/views/snippets/s_comparisons_horizontal.xml
new file mode 100644
index 000000000..2d93162ce
--- /dev/null
+++ b/theme_bistro/views/snippets/s_comparisons_horizontal.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_comparisons_horizontal" inherit_id="website.s_comparisons_horizontal">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc4" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_enark/__manifest__.py b/theme_enark/__manifest__.py
index 1efcbdb38..74d2f5ed4 100644
--- a/theme_enark/__manifest__.py
+++ b/theme_enark/__manifest__.py
@@ -17,6 +17,7 @@
         'views/snippets/s_banner.xml',
         'views/snippets/s_striped_top.xml',
         'views/snippets/s_cards_grid.xml',
+        'views/snippets/s_comparisons_horizontal.xml',
         'views/snippets/s_cover.xml',
         'views/snippets/s_card_offset.xml',
         'views/snippets/s_company_team_detail.xml',
diff --git a/theme_enark/views/snippets/s_comparisons_horizontal.xml b/theme_enark/views/snippets/s_comparisons_horizontal.xml
new file mode 100644
index 000000000..fa8d6ea16
--- /dev/null
+++ b/theme_enark/views/snippets/s_comparisons_horizontal.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_comparisons_horizontal" inherit_id="website.s_comparisons_horizontal">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_kea/__manifest__.py b/theme_kea/__manifest__.py
index 0489e4d8c..ff33d0ee5 100644
--- a/theme_kea/__manifest__.py
+++ b/theme_kea/__manifest__.py
@@ -16,6 +16,7 @@
         'views/snippets/s_cover.xml',
         'views/snippets/s_striped_top.xml',
         'views/snippets/s_card_offset.xml',
+        'views/snippets/s_comparisons_horizontal.xml',
         'views/snippets/s_image_text.xml',
         'views/snippets/s_images_mosaic.xml',
         'views/snippets/s_text_image.xml',
diff --git a/theme_kea/views/snippets/s_comparisons_horizontal.xml b/theme_kea/views/snippets/s_comparisons_horizontal.xml
new file mode 100644
index 000000000..1ca4c758d
--- /dev/null
+++ b/theme_kea/views/snippets/s_comparisons_horizontal.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_comparisons_horizontal" inherit_id="website.s_comparisons_horizontal">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc2" separator=" "/>
+        <attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/04","flip":[]}</attribute>
+    </xpath>
+    <!-- Shape -->
+    <xpath expr="//div[hasclass('container')]" position="before">
+        <div class="o_we_shape o_web_editor_Floats_04"/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_loftspace/__manifest__.py b/theme_loftspace/__manifest__.py
index e2c0c29dd..ac69f26c2 100644
--- a/theme_loftspace/__manifest__.py
+++ b/theme_loftspace/__manifest__.py
@@ -19,6 +19,7 @@
         'views/snippets/s_title.xml',
         'views/snippets/s_three_columns.xml',
         'views/snippets/s_call_to_action.xml',
+        'views/snippets/s_comparisons_horizontal.xml',
         'views/snippets/s_sidegrid.xml',
         'views/snippets/s_image_gallery.xml',
         'views/snippets/s_freegrid.xml',
diff --git a/theme_loftspace/views/snippets/s_comparisons_horizontal.xml b/theme_loftspace/views/snippets/s_comparisons_horizontal.xml
new file mode 100644
index 000000000..fa8d6ea16
--- /dev/null
+++ b/theme_loftspace/views/snippets/s_comparisons_horizontal.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_comparisons_horizontal" inherit_id="website.s_comparisons_horizontal">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_monglia/views/customizations.xml b/theme_monglia/views/customizations.xml
index 8ed95e639..eac8a9b2b 100644
--- a/theme_monglia/views/customizations.xml
+++ b/theme_monglia/views/customizations.xml
@@ -1028,4 +1028,20 @@
     <xpath expr="//p" position="replace"/>
 </template>
 
+<!-- ======== COMPARISONS HORIZONTAL ======== -->
+<template id="s_comparisons_horizontal" inherit_id="website.s_comparisons_horizontal">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc4" separator=" "/>
+    </xpath>
+    <!-- Card 1 -->
+    <xpath expr="//div[hasclass('s_card')]" position="attributes">
+        <attribute name="class" add="o_cc5" remove="o_cc1" separator=" "/>
+    </xpath>
+    <!-- Card 2 -->
+    <xpath expr="(//div[hasclass('s_card')])[2]" position="attributes">
+        <attribute name="class" add="o_cc5" remove="o_cc1" separator=" "/>
+    </xpath>
+</template>
+
 </odoo>
diff --git a/theme_nano/__manifest__.py b/theme_nano/__manifest__.py
index b93ed2c4c..768c72b65 100644
--- a/theme_nano/__manifest__.py
+++ b/theme_nano/__manifest__.py
@@ -16,6 +16,7 @@
         'views/snippets/s_cta_box.xml',
         'views/snippets/s_banner.xml',
         'views/snippets/s_carousel.xml',
+        'views/snippets/s_comparisons_horizontal.xml',
         'views/snippets/s_cover.xml',
         'views/snippets/s_motto.xml',
         'views/snippets/s_card_offset.xml',
diff --git a/theme_nano/views/snippets/s_comparisons_horizontal.xml b/theme_nano/views/snippets/s_comparisons_horizontal.xml
new file mode 100644
index 000000000..5937f90ee
--- /dev/null
+++ b/theme_nano/views/snippets/s_comparisons_horizontal.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+    <template id="s_comparisons_horizontal" inherit_id="website.s_comparisons_horizontal">
+        <!-- Section -->
+        <xpath expr="//section" position="attributes">
+            <attribute name="class" add="o_cc o_cc5" separator=" "/>
+        </xpath>
+    </template>
+
+</odoo>
diff --git a/theme_notes/__manifest__.py b/theme_notes/__manifest__.py
index e604dd53b..26480addb 100644
--- a/theme_notes/__manifest__.py
+++ b/theme_notes/__manifest__.py
@@ -17,6 +17,7 @@
         'views/snippets/s_striped_top.xml',
         'views/snippets/s_cards_grid.xml',
         'views/snippets/s_carousel_intro.xml',
+        'views/snippets/s_comparisons_horizontal.xml',
         'views/snippets/s_image_text.xml',
         'views/snippets/s_images_mosaic.xml',
         'views/snippets/s_media_list.xml',
diff --git a/theme_notes/views/snippets/s_comparisons_horizontal.xml b/theme_notes/views/snippets/s_comparisons_horizontal.xml
new file mode 100644
index 000000000..a79c07150
--- /dev/null
+++ b/theme_notes/views/snippets/s_comparisons_horizontal.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+    <template id="s_comparisons_horizontal" inherit_id="website.s_comparisons_horizontal">
+        <!-- Section -->
+        <xpath expr="//section" position="attributes">
+            <attribute name="class" add="o_cc o_cc3" separator=" "/>
+        </xpath>
+    </template>
+
+</odoo>
diff --git a/theme_orchid/__manifest__.py b/theme_orchid/__manifest__.py
index 9b23f2288..199b73333 100644
--- a/theme_orchid/__manifest__.py
+++ b/theme_orchid/__manifest__.py
@@ -28,6 +28,7 @@
         'views/snippets/s_image_text_overlap.xml',
         'views/snippets/s_quotes_carousel.xml',
         'views/snippets/s_carousel_intro.xml',
+        'views/snippets/s_comparisons_horizontal.xml',
         'views/snippets/s_quotes_carousel_minimal.xml',
         'views/snippets/s_features_wall.xml',
         'views/snippets/s_call_to_action.xml',
diff --git a/theme_orchid/views/snippets/s_comparisons_horizontal.xml b/theme_orchid/views/snippets/s_comparisons_horizontal.xml
new file mode 100644
index 000000000..5937f90ee
--- /dev/null
+++ b/theme_orchid/views/snippets/s_comparisons_horizontal.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+    <template id="s_comparisons_horizontal" inherit_id="website.s_comparisons_horizontal">
+        <!-- Section -->
+        <xpath expr="//section" position="attributes">
+            <attribute name="class" add="o_cc o_cc5" separator=" "/>
+        </xpath>
+    </template>
+
+</odoo>
diff --git a/theme_treehouse/__manifest__.py b/theme_treehouse/__manifest__.py
index f71d0e521..7f77c9c5d 100644
--- a/theme_treehouse/__manifest__.py
+++ b/theme_treehouse/__manifest__.py
@@ -19,6 +19,7 @@
         'views/snippets/s_carousel_intro.xml',
         'views/snippets/s_color_blocks_2.xml',
         'views/snippets/s_comparisons.xml',
+        'views/snippets/s_comparisons_horizontal.xml',
         'views/snippets/s_company_team_detail.xml',
         'views/snippets/s_cover.xml',
         'views/snippets/s_card_offset.xml',
diff --git a/theme_treehouse/views/snippets/s_comparisons_horizontal.xml b/theme_treehouse/views/snippets/s_comparisons_horizontal.xml
new file mode 100644
index 000000000..a715449dc
--- /dev/null
+++ b/theme_treehouse/views/snippets/s_comparisons_horizontal.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_comparisons_horizontal" inherit_id="website.s_comparisons_horizontal">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc3" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_vehicle/views/customizations.xml b/theme_vehicle/views/customizations.xml
index 9e03e6418..fd4a71c5e 100644
--- a/theme_vehicle/views/customizations.xml
+++ b/theme_vehicle/views/customizations.xml
@@ -929,4 +929,12 @@
     </xpath>
 </template>
 
+<!-- ======== COMPARISONS HORIZONTAL ======== -->
+<template id="s_comparisons_horizontal" inherit_id="website.s_comparisons_horizontal">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc o_cc5" separator=" "/>
+    </xpath>
+</template>
+
 </odoo>
diff --git a/theme_yes/__manifest__.py b/theme_yes/__manifest__.py
index 18b900209..4b4c8f7a1 100644
--- a/theme_yes/__manifest__.py
+++ b/theme_yes/__manifest__.py
@@ -22,6 +22,7 @@
         'views/snippets/s_company_team.xml',
         'views/snippets/s_company_team_detail.xml',
         'views/snippets/s_company_team_basic.xml',
+        'views/snippets/s_comparisons_horizontal.xml',
         'views/snippets/s_cover.xml',
         'views/snippets/s_card_offset.xml',
         'views/snippets/s_image_text.xml',
diff --git a/theme_yes/views/snippets/s_comparisons_horizontal.xml b/theme_yes/views/snippets/s_comparisons_horizontal.xml
new file mode 100644
index 000000000..706c778a8
--- /dev/null
+++ b/theme_yes/views/snippets/s_comparisons_horizontal.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+    <template id="s_comparisons_horizontal" inherit_id="website.s_comparisons_horizontal">
+        <!-- Section -->
+        <xpath expr="//section" position="attributes">
+            <attribute name="class" add="o_cc o_cc2" separator=" "/>
+        </xpath>
+    </template>
+
+</odoo>
diff --git a/theme_zap/__manifest__.py b/theme_zap/__manifest__.py
index 34d85cc44..cd1177977 100644
--- a/theme_zap/__manifest__.py
+++ b/theme_zap/__manifest__.py
@@ -15,6 +15,7 @@
         'views/snippets/s_banner.xml',
         'views/snippets/s_discovery.xml',
         'views/snippets/s_comparisons.xml',
+        'views/snippets/s_comparisons_horizontal.xml',
         'views/snippets/s_showcase.xml',
         'views/snippets/s_cta_card.xml',
         'views/snippets/s_striped_top.xml',
diff --git a/theme_zap/views/snippets/s_comparisons_horizontal.xml b/theme_zap/views/snippets/s_comparisons_horizontal.xml
new file mode 100644
index 000000000..6e1283f9c
--- /dev/null
+++ b/theme_zap/views/snippets/s_comparisons_horizontal.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_comparisons_horizontal" inherit_id="website.s_comparisons_horizontal">
+    <!-- Card 1 -->
+    <xpath expr="//div[hasclass('s_card')]" position="attributes">
+        <attribute name="class" add="o_cc2" remove="o_cc1" separator=" "/>
+    </xpath>
+    <!-- Card 2 -->
+    <xpath expr="(//div[hasclass('s_card')])[2]" position="attributes">
+        <attribute name="class" add="o_cc2" remove="o_cc1" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>