USP
Page: Homepage


Snippet Code
<style>
.trustbadges-section {
width: 100%;
background: linear-gradient(135deg, #fff8f7 0%, #fcf0ee 100%);
padding: 55px 25px;
box-sizing: border-box;
}
.trustbadges-grid {
width: 100%;
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
.trustbadge-card {
position: relative;
min-height: 210px;
padding: 30px 22px 26px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 16px;
background: #ffffff;
border: 1px solid rgba(225, 115, 96, 0.18);
box-shadow: 0 8px 24px rgba(113, 47, 37, 0.08);
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.trustbadge-card::before {
content: "";
position: absolute;
width: 130px;
height: 130px;
top: -75px;
right: -55px;
border-radius: 50%;
background: rgba(225, 115, 96, 0.1);
}
.trustbadge-card::after {
content: "";
position: absolute;
width: 90px;
height: 90px;
bottom: -50px;
left: -35px;
border-radius: 50%;
background: rgba(225, 115, 96, 0.07);
}
.trustbadge-card:hover {
transform: translateY(-7px);
box-shadow: 0 15px 35px rgba(113, 47, 37, 0.16);
}
.trustbadge-icon-wrap {
width: 68px;
height: 68px;
border-radius: 50%;
background: #e17360;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
position: relative;
z-index: 1;
box-shadow: 0 8px 18px rgba(225, 115, 96, 0.25);
}
.trustbadge-icon-wrap img {
width: 34px;
height: 34px;
object-fit: contain;
display: block;
}
.trustbadge-title {
position: relative;
z-index: 1;
margin: 0 0 8px;
font-size: 16px;
line-height: 1.3;
font-weight: 700;
color: #4a1e18;
font-family: inherit;
}
.trustbadge-description {
position: relative;
z-index: 1;
margin: 0;
font-size: 13px;
line-height: 1.55;
color: #775a55;
font-family: inherit;
}
@media screen and (max-width: 990px) {
.trustbadges-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.trustbadge-card {
min-height: 190px;
}
}
@media screen and (max-width: 749px) {
.trustbadges-section {
padding: 32px 14px;
}
.trustbadges-grid {
gap: 10px;
}
.trustbadge-card {
min-height: 172px;
padding: 20px 12px 18px;
border-radius: 12px;
}
.trustbadge-icon-wrap {
width: 48px;
height: 48px;
margin-bottom: 11px;
}
.trustbadge-icon-wrap img {
width: 25px;
height: 25px;
}
.trustbadge-title {
font-size: 13px;
margin-bottom: 6px;
}
.trustbadge-description {
font-size: 10px;
line-height: 1.45;
}
.trustbadge-card::before {
width: 80px;
height: 80px;
top: -48px;
right: -38px;
}
.trustbadge-card::after {
width: 65px;
height: 65px;
bottom: -38px;
left: -30px;
}
}
</style>
<section class="trustbadges-section">
<div class="trustbadges-grid">
<div class="trustbadge-card">
<div class="trustbadge-icon-wrap">
<img src="https://cdn.shopify.com/s/files/1/0812/3141/3500/files/1_2.png?v=1783588041" alt="Free Shipping">
</div>
<h3 class="trustbadge-title">Free Shipping</h3>
<p class="trustbadge-description">Free shipping available on all orders across India.</p>
</div>
<div class="trustbadge-card">
<div class="trustbadge-icon-wrap">
<img src="https://cdn.shopify.com/s/files/1/0812/3141/3500/files/2_3.png?v=1783588041" alt="Customer Support">
</div>
<h3 class="trustbadge-title">Support 24/6</h3>
<p class="trustbadge-description">Contact us from 10 AM to 6 PM, Monday to Saturday.</p>
</div>
<div class="trustbadge-card">
<div class="trustbadge-icon-wrap">
<img src="https://cdn.shopify.com/s/files/1/0812/3141/3500/files/3_2.png?v=1783588041" alt="Assured Quality">
</div>
<h3 class="trustbadge-title">Assured Quality</h3>
<p class="trustbadge-description">Premium fabrics and detailed finishing in every piece.</p>
</div>
<div class="trustbadge-card">
<div class="trustbadge-icon-wrap">
<img src="https://cdn.shopify.com/s/files/1/0812/3141/3500/files/4.png?v=1783588041" alt="Secure Payment">
</div>
<h3 class="trustbadge-title">100% Secure Payment</h3>
<p class="trustbadge-description">Your payments are protected with secure checkout.</p>
</div>
</div>
</section>