Happy 80th Independence Day 🇮🇳

USP

USP

Tags: Liquid Codes, USP · 12 Aug 2026

Page: Product Pages (Optimized for Conversions)

Snippet Code

<style>
.product__block{
    padding-bottom:0;
    font-family:Poppins,sans-serif;
}

.nov_policy_sec{
    margin:25px 0;
}

.nov_policy_sec .row{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:18px;
}

.nov-policy-item{
    flex:1 1 calc(20% - 18px);
    max-width:210px;
    min-width:180px;
}

.block_content{
    height:100%;
}

.content-policy{
    background:#ffffff;
    border:1px solid #ececec;
    border-radius:20px;
    padding:22px 15px;
    text-align:center;
    transition:.35s;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
    height:100%;
    position:relative;
    overflow:hidden;
}

.content-policy:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#ff6b6b,#ffb347);
}

.content-policy:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 35px rgba(0,0,0,.12);
}

.policy-icon{
    width:78px;
    height:78px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff7f7;
    border-radius:50%;
    transition:.4s;
}

.policy-icon img{
    width:54px;
    transition:.4s;
}

.content-policy:hover .policy-icon{
    background:#ffeaea;
    transform:rotate(8deg) scale(1.08);
}

.content-policy:hover .policy-icon img{
    transform:scale(1.12);
}

.title-policy{
    margin-top:16px;
    font-size:15px;
    font-weight:600;
    color:#222;
    line-height:1.4;
    letter-spacing:.2px;
}

@media(max-width:1024px){

.nov-policy-item{
    flex:1 1 calc(33.33% - 18px);
    max-width:none;
}

}

@media(max-width:767px){

.product__block{
    padding-bottom:8px;
}

.nov_policy_sec .row{
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:14px;
    justify-content:flex-start;
    scroll-snap-type:x mandatory;
    padding-bottom:10px;
    -webkit-overflow-scrolling:touch;
}

.nov_policy_sec .row::-webkit-scrollbar{
    height:5px;
}

.nov_policy_sec .row::-webkit-scrollbar-thumb{
    background:#d9d9d9;
    border-radius:20px;
}

.nov-policy-item{
    flex:0 0 180px;
    min-width:180px;
    max-width:180px;
    scroll-snap-align:start;
}

.content-policy{
    padding:18px 14px;
}

.policy-icon{
    width:68px;
    height:68px;
}

.policy-icon img{
    width:46px;
}

.title-policy{
    font-size:14px;
}

}

@media(max-width:480px){

.nov-policy-item{
    flex:0 0 165px;
    min-width:165px;
}

.policy-icon{
    width:62px;
    height:62px;
}

.policy-icon img{
    width:42px;
}

.title-policy{
    font-size:13px;
}

}
</style>

<div class="product__block">
    <div class="nov_policy_sec">
        <div class="row">

            <div class="nov-policy-item">
                <div class="block_content">
                    <div class="content-policy">
                        <div class="policy-icon">
                            <img src="https://cdn.shopify.com/s/files/1/0876/4325/9193/files/1_dbf1eb8c-3358-4189-b3cc-78525b5f6a8b.png?v=1760519374">
                        </div>
                        <div class="title-policy">Tailored-to-Fit</div>
                    </div>
                </div>
            </div>

            <div class="nov-policy-item">
                <div class="block_content">
                    <div class="content-policy">
                        <div class="policy-icon">
                            <img src="https://cdn.shopify.com/s/files/1/0876/4325/9193/files/2_84896cb3-092f-4684-8a9b-ee9b053b1d7e.png?v=1760519374">
                        </div>
                        <div class="title-policy">Seasonal Collections</div>
                    </div>
                </div>
            </div>

            <div class="nov-policy-item">
                <div class="block_content">
                    <div class="content-policy">
                        <div class="policy-icon">
                            <img src="https://cdn.shopify.com/s/files/1/0876/4325/9193/files/3_9c02727e-55ca-44b0-868d-35ccdb11f601.png?v=1760519374">
                        </div>
                        <div class="title-policy">Experience Retail</div>
                    </div>
                </div>
            </div>

            <div class="nov-policy-item">
                <div class="block_content">
                    <div class="content-policy">
                        <div class="policy-icon">
                            <img src="https://cdn.shopify.com/s/files/1/0876/4325/9193/files/4_ad78414f-e309-4c41-bd50-c4544622ba2b.png?v=1760519374">
                        </div>
                        <div class="title-policy">Premium Fabrics</div>
                    </div>
                </div>
            </div>

            <div class="nov-policy-item">
                <div class="block_content">
                    <div class="content-policy">
                        <div class="policy-icon">
                            <img src="https://cdn.shopify.com/s/files/1/0876/4325/9193/files/5_4b294fe9-a512-4401-af5b-9371d6a5b062.png?v=1760519374">
                        </div>
                        <div class="title-policy">Bespoke Tailoring</div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

Instructions

Heyy Guys 👋
Watch the video below to learn how to Import these Codes into your Shopify Ecommerce Store!

Complete Video Tutorial: