USP
Page: Homepage


Snippet Code
<style>
.premium-trust-section {
width: 100%;
padding: 60px 20px;
background: #171311;
box-sizing: border-box;
}
.premium-trust-container {
width: 100%;
max-width: 1320px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
border-top: 1px solid rgba(215, 181, 109, 0.35);
border-bottom: 1px solid rgba(215, 181, 109, 0.35);
}
.premium-trust-item {
position: relative;
min-height: 210px;
padding: 32px 24px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
transition: background 0.35s ease;
}
.premium-trust-item:not(:last-child) {
border-right: 1px solid rgba(215, 181, 109, 0.35);
}
.premium-trust-item:hover {
background: #231d19;
}
.premium-trust-icon {
width: 62px;
height: 62px;
margin-bottom: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.premium-trust-icon img {
width: 58px;
height: 58px;
display: block;
object-fit: contain;
filter: brightness(0) invert(1);
}
.premium-trust-title {
margin: 0 0 8px;
color: #d7b56d;
font-size: 16px;
line-height: 1.35;
font-weight: 700;
letter-spacing: 0.7px;
text-transform: uppercase;
font-family: inherit;
}
.premium-trust-description {
max-width: 220px;
margin: 0;
color: #e7dfd7;
font-size: 13px;
line-height: 1.6;
font-family: inherit;
}
@media screen and (max-width: 990px) {
.premium-trust-container {
grid-template-columns: repeat(2, 1fr);
}
.premium-trust-item:nth-child(2) {
border-right: none;
}
.premium-trust-item:nth-child(-n+2) {
border-bottom: 1px solid rgba(215, 181, 109, 0.35);
}
}
@media screen and (max-width: 749px) {
.premium-trust-section {
padding: 38px 15px;
}
.premium-trust-container {
grid-template-columns: repeat(2, 1fr);
}
.premium-trust-item {
min-height: 170px;
padding: 22px 10px;
}
.premium-trust-icon {
width: 44px;
height: 44px;
margin-bottom: 13px;
}
.premium-trust-icon img {
width: 42px;
height: 42px;
}
.premium-trust-title {
font-size: 11px;
letter-spacing: 0.4px;
margin-bottom: 6px;
}
.premium-trust-description {
font-size: 10px;
line-height: 1.45;
}
}
</style>
<section class="premium-trust-section">
<div class="premium-trust-container">
<div class="premium-trust-item">
<div class="premium-trust-icon">
<img src="https://cdn.shopify.com/s/files/1/0812/3141/3500/files/1_2.png?v=1783588041" alt="Free Shipping">
</div>
<h3 class="premium-trust-title">Free Shipping</h3>
<p class="premium-trust-description">Free shipping on all orders across India.</p>
</div>
<div class="premium-trust-item">
<div class="premium-trust-icon">
<img src="https://cdn.shopify.com/s/files/1/0812/3141/3500/files/2_3.png?v=1783588041" alt="Customer Support">
</div>
<h3 class="premium-trust-title">Support 24/6</h3>
<p class="premium-trust-description">Available from 10 AM to 6 PM, Monday to Saturday.</p>
</div>
<div class="premium-trust-item">
<div class="premium-trust-icon">
<img src="https://cdn.shopify.com/s/files/1/0812/3141/3500/files/3_2.png?v=1783588041" alt="Assured Quality">
</div>
<h3 class="premium-trust-title">Assured Quality</h3>
<p class="premium-trust-description">Premium fabric, detailed stitching and elegant finishing.</p>
</div>
<div class="premium-trust-item">
<div class="premium-trust-icon">
<img src="https://cdn.shopify.com/s/files/1/0812/3141/3500/files/4.png?v=1783588041" alt="Secure Payment">
</div>
<h3 class="premium-trust-title">Secure Payment</h3>
<p class="premium-trust-description">Safe and protected checkout for every order.</p>
</div>
</div>
</section>