<![CDATA[<style>#home-brand {
position: relative;
margin: 0 0 32px;
}
#home-brand h2 {
font-family: sans-serif;
font-size: 24px;
line-height: 32px;
margin: 0 0 24px;
color: #0b1219;
padding: 0;
letter-spacing: 0.25px;
display: block;
font-weight: 500;
}
#home-brand .home-brand-swipe {
margin: 0 16px 32px;
}
.swiper-container {
position: relative;
overflow: hidden;
z-index: 1;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
#home-brand .home-brand-swipe .swiper-slide {
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
box-shadow: 0 6px 12px -4px #0b12191a;
float: left;
overflow: hidden;
margin: 0 16px 0 0;
padding: 0 0 12px;
width: 100%;
max-width: 310px;
box-sizing: border-box;
}
.swiper-slide {
flex-shrink: 0;
height: 100%;
position: relative;
}
#home-brand .home-brand-swipe .swiper-slide a {
padding: 8px 0;
text-align: center;
display: block;
}
a {
text-decoration: none;
outline: 0;
}
#home-brand .home-brand-swipe .swiper-slide a .cat-img {
display: flex;
margin: 0 auto 8px;
padding: 0 8px;
height: 208px;
text-align: center;
align-items: center;
justify-content: center;
}
img {
vertical-align: middle;
border-style: none;
max-width: 100%;
height: auto;
object-fit: contain;
}
.clearfix {
height: 0px;
clear: both;
display: flex;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
#home-brand .home-brand-swipe .swiper-slide a .cat_title {
font-size: 16px;
text-align: center;
line-height: 22px;
padding: 0 8px;
display: block;
color: #0b1219;
font-family: sans-serif;
margin: 0;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 44px;
min-height: 44px;
text-transform: capitalize;
}
#home-brand .home-brand-swipe .swiper-slide a .save {
font-size: 14px;
text-align: center;
line-height: 20px;
display: block;
padding: 8px 8px 0;
color: #5ba41c;
font-family: sans-serif;
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
#home-brand .swiper-home-brand-next {
background: url(https://www.netmeds.com/assets/version1741756829/gloryweb/images/icons/white_next.svg) center no-repeat !important;
width: 42px;
height: 42px;
background-size: 42px !important;
right: 0 !important;
margin: 0 !important;
}
.swiper-button-next.swiper-button-disabled {
opacity: .35;
cursor: auto;
}
.swiper-button-next {
text-align: right !important;
left: auto;
position: absolute;
top: 50%;
z-index: 10;
}
#home-brand .swiper-home-brand-prev {
background: url(https://www.netmeds.com/assets/version1741756829/gloryweb/images/icons/white_prev.svg) center no-repeat !important;
width: 42px;
height: 42px;
background-size: 42px !important;
left: 0 !important;
margin: 0 !important;
}
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
}
.swiper-button-prev {
right: auto;
position: absolute;
top: 50%;
z-index: 10;
}
/* === Responsive Adjustments === */
@media screen and (max-width: 1024px) {
#home-brand .home-brand-swipe .swiper-slide {
max-width: 250px;
}
}
@media screen and (max-width: 768px) {
#home-brand h2 {
font-size: 20px;
line-height: 28px;
}
#home-brand .home-brand-swipe .swiper-slide {
max-width: 220px;
margin-right: 12px;
}
#home-brand .home-brand-swipe {
margin: 0 8px 24px;
}
#home-brand .home-brand-swipe .swiper-slide a .cat-img {
height: 180px;
}
#home-brand .swiper-home-brand-next,
#home-brand .swiper-home-brand-prev {
width: 32px;
height: 32px;
background-size: 32px !important;
}
}
@media screen and (max-width: 480px) {
#home-brand .home-brand-swipe .swiper-slide {
max-width: 48%;
margin: 0 1% 16px;
display: inline-block;
}
#home-brand .home-brand-swipe .swiper-wrapper {
flex-wrap: wrap;
justify-content: center;
}
#home-brand .home-brand-swipe .swiper-slide a .cat-img {
height: 160px;
}
#home-brand .swiper-home-brand-next,
#home-brand .swiper-home-brand-prev {
display: none !important;
}
}</style><section id="home-brand" class="brand_section" data-id="section_403">
<h2> Brands in Focus </h2>
<div class="swiper-container home-brand-swipe swiper-container-initialized swiper-container-horizontal">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="https://www.netmeds.com/non-prescriptions/brands/himalaya">
<span class="cat-img">
<img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" onerror="this.src='/assets/icons/img_placeholder.svg'" data-src="https://cdn.shopify.com/s/files/1/0646/4169/5809/files/himalaya.jpg?v=1746424092"
class="img-responsive category_image" alt="himalaya" width="200" height="200" />
</span>
<div class="clearfix"></div>
<span class="cat_title">himalaya</span>
<span class="save"> Up to 35% off </span>
</a>
</div>
<div class="swiper-slide">
<a href="https://www.netmeds.com/non-prescriptions/brands/cetaphil">
<span class="cat-img">
<img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSI5MCIgdmlld0JveD0iMCAwIDkwIDkwIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" decoding="async" onerror="this.src='/assets/icons/img_placeholder.svg'" data-src="https://cdn.shopify.com/s/files/1/0646/4169/5809/files/cetaphil.jpg?v=1746424092"
class="img-responsive category_image" alt="cetaphil" width="90" height="90" />
</span>
<div class="clearfix"></div>
<span class="cat_title">cetaphil</span>
<span class="save"> Up to 30% off </span>
</a>
</div>
<div class="swiper-slide">
<a href="https://www.netmeds.com/non-prescriptions/brands/volini">
<span class="cat-img">
<img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" onerror="this.src='/assets/icons/img_placeholder.svg'" data-src="https://cdn.shopify.com/s/files/1/0646/4169/5809/files/volini.jpg?v=1746424091"
class="img-responsive category_image" alt="volini" style="width: 90px; height: 90px;" width="200" height="200" />
</span>
<div class="clearfix"></div>
<span class="cat_title">volini</span>
<span class="save"> Up to 15% off </span>
</a>
</div>
<div class="swiper-slide">
<a href="https://www.netmeds.com/non-prescriptions/brands/digene">
<span class="cat-img">
<img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" decoding="async" onerror="this.src='/assets/icons/img_placeholder.svg'" data-src="https://cdn.shopify.com/s/files/1/0646/4169/5809/files/digene.jpg?v=1746424092"
class="img-responsive category_image" alt="digene" style="width: 90px; height: 90px;" width="200" height="200" />
</span>
<div class="clearfix"></div>
<span class="cat_title">digene</span>
<span class="save"> Up to 15% off </span>
</a>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
<div class="swiper-button-next swiper-home-brand-next swiper-button-disabled" tabindex="0" role="button"
aria-label="Next slide" aria-disabled="true"></div>
<div class="swiper-button-prev swiper-home-brand-prev swiper-button-disabled" tabindex="0" role="button"
aria-label="Previous slide" aria-disabled="true"></div>
<hr>
</section>]]>