<![CDATA[<div id="shopify-section-template--17389125894327__pdp_how_to_use" class="shopify-section"><style>/* General styling */
.section_holder_wrapper {
padding: 0 5vw;
max-width: 1360px;
margin: auto;
}
.section_title {
color: #2d2d2d;
font-size: 30px;
font-weight: 600;
line-height: 1.2;
text-align: center;
margin-bottom: 48px;
}
.section_items {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 15px;
}
.section_item {
display: flex;
flex-direction: column;
align-items: center;
/* transition: transform 0.3s ease-in-out; */
}
/* .section_item:hover {
transform: translateY(-10px);
} */
.item_image {
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: 7px;
/* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s; */
}
.item_image img {
width: 100%;
height: 100%;
object-fit: cover;
/* transition: transform 0.3s ease-in-out; */
}
/* .section_item:hover .item_image img {
transform: scale(1.1);
} */
.\!leading-\[20px\] {
line-height: 20px !important;
}
.Fw400Fs14HexA0A2A1 {
font-family: var(--font-lato);
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(111 113 112 / var(--tw-text-opacity));
text-align: center !important;
}
h2.section_title {
margin-bottom: 5px !important;
}
p.Fw400Fs14HexA0A2A1.\!leading-\[20px\].desktop\:\!text-\[16px\] {
margin-bottom: 25px !important;
}
/* Responsive Design */
@media (max-width: 1024px) {
.section_holder_wrapper {
padding: 0 4vw;
}
.section_title {
font-size: 26px;
margin-bottom: 32px;
}
.desktop\:\!text-\[16px\] {
font-size: 16px !important;
}
}
@media (max-width: 768px) {
.section_items {
gap: 6px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.section_title {
font-size: 24px;
}
}
@media (max-width: 480px) {
.section_title {
font-size: 20px;
}
}</style><div class="section_holder">
<div class="section_holder_wrapper">
<h2 class="section_title">Follow us on Instagram</h2>
<p class="Fw400Fs14HexA0A2A1 !leading-[20px] desktop:!text-[16px]">@DWARKESH S.</p>
<div class="section_items">
<div class="section_item" data-flavor="Coffee">
<div class="item_image">
<img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzODQiIGhlaWdodD0iNDgwIiB2aWV3Qm94PSIwIDAgMzg0IDQ4MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/web_1.png?v=1744259932"
alt="How to use step 1" width="384" height="480" />
</div>
</div>
<div class="section_item" data-flavor="Coffee">
<div class="item_image">
<img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzODQiIGhlaWdodD0iNDgwIiB2aWV3Qm94PSIwIDAgMzg0IDQ4MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/web_2.png?v=1744260016"
alt="How to use step 2" width="384" height="480" />
</div>
</div>
<div class="section_item" data-flavor="Coffee">
<div class="item_image">
<img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzODQiIGhlaWdodD0iNDgwIiB2aWV3Qm94PSIwIDAgMzg0IDQ4MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/web_3.png?v=1744260183"
alt="How to use step 3" width="384" height="480" />
</div>
</div>
<div class="section_item" data-flavor="Coffee">
<div class="item_image">
<img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzODQiIGhlaWdodD0iNDgwIiB2aWV3Qm94PSIwIDAgMzg0IDQ4MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/web_4.png?v=1744260183"
alt="How to use step 4" width="384" height="480" />
</div>
</div>
<div class="section_item" data-flavor="Coffee">
<div class="item_image">
<img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzODQiIGhlaWdodD0iNDgwIiB2aWV3Qm94PSIwIDAgMzg0IDQ4MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/web_5.png?v=1744260454"
alt="How to use step 1" width="384" height="480" />
</div>
</div>
<div class="section_item" data-flavor="Coffee">
<div class="item_image">
<img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzODQiIGhlaWdodD0iNDgwIiB2aWV3Qm94PSIwIDAgMzg0IDQ4MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/web_6.png?v=1744260453"
alt="How to use step 2" width="384" height="480" />
</div>
</div>
<div class="section_item" data-flavor="Coffee">
<div class="item_image">
<img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzODQiIGhlaWdodD0iNDgwIiB2aWV3Qm94PSIwIDAgMzg0IDQ4MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/web_7.png?v=1744260454"
alt="How to use step 3" width="384" height="480" />
</div>
</div>
<div class="section_item" data-flavor="Coffee">
<div class="item_image">
<img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzODQiIGhlaWdodD0iNDgwIiB2aWV3Qm94PSIwIDAgMzg0IDQ4MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/web_8.png?v=1744260454"
alt="How to use step 4" width="384" height="480" />
</div>
</div>
<div class="section_item" data-flavor="Coffee">
<div class="item_image">
<img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzODQiIGhlaWdodD0iNDgwIiB2aWV3Qm94PSIwIDAgMzg0IDQ4MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/web_9.png?v=1744260738"
alt="How to use step 1" width="384" height="480" />
</div>
</div>
<div class="section_item" data-flavor="Coffee">
<div class="item_image">
<img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzODQiIGhlaWdodD0iNDgwIiB2aWV3Qm94PSIwIDAgMzg0IDQ4MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/web_10.png?v=1744260739"
alt="How to use step 2" width="384" height="480" />
</div>
</div>
<div class="section_item" data-flavor="Coffee">
<div class="item_image">
<img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzODQiIGhlaWdodD0iNDgwIiB2aWV3Qm94PSIwIDAgMzg0IDQ4MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/web_11.png?v=1744260738"
alt="How to use step 3" width="384" height="480" />
</div>
</div>
<div class="section_item" data-flavor="Coffee">
<div class="item_image">
<img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzODQiIGhlaWdodD0iNDgwIiB2aWV3Qm94PSIwIDAgMzg0IDQ4MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/web_12_970b39cd-594b-440d-b145-df3defbbe33d.png?v=1744260739"
alt="How to use step 4" width="384" height="480" />
</div>
</div>
</div>
</div>
</div>
</div>]]>