box text
Page: Homepage


Snippet Code
<style>
.gradient4 {
background: linear-gradient(122deg, #f3dab9, #cf9c5a 98%);
background-attachment: fixed;
}
.isolate {
position: relative;
z-index: 0;
}
.page-width4 {
max-width: 1400px;
margin: 0 auto;
}
.multicolumn .title-wrapper-with-link4 {
margin-top: 0;
}
.title-wrapper-with-link4 {
margin-bottom: 20px;
display: flex;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
}
.multicolumn .title {
margin: 0;
}
.inline-richtext {
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 500;
letter-spacing: -0.4px;
color: #a06087;
}
slider-component {
--desktop-margin-left-first-item: max(calc((1920px - 1400px + 100px - 8px) / 2));
position: relative;
display: block;
}
.grid:last-child {
margin-bottom: 0;
}
.multicolumn-list {
margin-top: 0;
padding: 0;
}
.grid {
display: flex;
flex-wrap: wrap;
list-style: none;
}
.grid__item {
flex-grow: 1;
flex-shrink: 0;
}
.multicolumn.background-primary .multicolumn-card1 {
background: #fbead4 linear-gradient(#791a1a0a, #791a1a0a) !important;
}
.multicolumn:not(.background-none) .multicolumn-card1 {
height: 100%;
}
.multicolumn-card1 {
position: relative;
box-sizing: border-box;
}
.content-container {
border-radius: 0px;
border: 0px solid #791a1a1a;
}
.multicolumn-card1__info {
padding: 25px;
}
.multicolumn-list h3 {
margin: 0;
line-height: 1.0;
}
.multicolumn-card1__info>:nth-child(2) {
margin-top: 10px;
}
.rte>*:last-child {
margin-bottom: 0;
}
.rte>*:first-child {
margin-top: 0;
}
strong {
font-weight: bolder;
}
.rte:after {
clear: both;
content: '';
display: block;
}
.content-container:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
border-radius: 0px;
box-shadow: 0px 4px 5px #12121200;
z-index: -1;
}
/* div:empty {
display: none;
} */
.center {
text-align: center;
}
h2.title.inline-richtext.h1 {
font-size: 40px;
}
@media (prefers-reduced-motion: no-preference) {
.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
animation: slideIn 600ms cubic-bezier(0, 0, 0.3, 1) forwards;
animation-delay: calc(var(--animation-order) * 75ms);
}
}
@media screen and (min-width: 990px) {
.title-wrapper-with-link4 {
align-items: center;
margin: 50px 0 30px;
}
.grid--3-col-desktop .grid__item {
width: calc(33.33% - 8px * 2 / 3);
max-width: calc(33.33% - 8px * 2 / 3);
}
}
@media screen and (min-width: 750px) {
.section+.section {
margin-top: 0px;
}
.section-template--18273154826328__multicolumn_jTFqPT-padding {
padding-top: 36px;
padding-bottom: 36px;
}
.page-width4 {
padding: 30px 50px;
}
.title-wrapper--self-padded-mobile {
padding-left: 0;
padding-right: 0;
}
.inline-richtext {
font-size: 18px;
}
.grid {
column-gap: 8px;
row-gap: 8px;
}
.multicolumn-list__item {
padding-bottom: 0;
}
}
@media screen and (max-width: 989px) {
.multicolumn .page-width4 {
padding-left: 0;
padding-right: 0;
}
.grid--1-col-tablet-down .grid__item {
width: 100%;
max-width: 100%;
}
}
@media screen and (max-width: 749px) {
.multicolumn .title-wrapper-with-link4 {
margin-bottom: 30px;
}
.multicolumn-list:not(.slider) {
padding-left: 15px;
padding-right: 15px;
}
.multicolumn-list {
margin: 0;
width: 100%;
}
}
@media (max-width: 768px) {
.grid {
column-gap: 8px;
row-gap: 5px;
}
h2.title.inline-richtext.h1 {
font-size: 30px;
padding-left: 15px;
}
.page-width4 {
padding: 30px 0px;
}
}
</style>
<section id="shopify-section-template--18273154826328__multicolumn_jTFqPT" class="shopify-section section">
<link href="//www.merakiformen.com/cdn/shop/t/6/assets/section-multicolumn.css?v=81420361875458722681752730880"
rel="stylesheet" type="text/css" media="all">
<link href="//www.merakiformen.com/cdn/shop/t/6/assets/component-slider.css?v=14039311878856620671752730880"
rel="stylesheet" type="text/css" media="all">
<div class="multicolumn color-scheme-2 gradient4 background-primary">
<div
class="page-width4 section-template--18273154826328__multicolumn_jTFqPT-padding isolate scroll-trigger animate--slide-in"
data-cascade="">
<div
class="title-wrapper-with-link4 title-wrapper--self-padded-mobile title-wrapper--no-top-margin multicolumn__title">
<h2 class="title inline-richtext h1">
Why Kurta Gallery ?
</h2>
</div><slider-component class="slider-mobile-gutter">
<ul class="multicolumn-list contains-content-container grid grid--1-col-tablet-down grid--3-col-desktop"
id="Slider-template--18273154826328__multicolumn_jTFqPT" role="list">
<li id="Slide-template--18273154826328__multicolumn_jTFqPT-1"
class="multicolumn-list__item grid__item scroll-trigger animate--slide-in" data-cascade=""
style="--animation-order: 1;">
<div class="multicolumn-card1 content-container">
<div class="multicolumn-card1__info">
<h3 class="inline-richtext">Crafted for Men Who Give a Damn</h3>
<div class="rte">
<p><strong>No mass production. No shortcuts.</strong><br><br>Heritage techniques meet contemporary
cuts. We create kurtas that respect tradition without being trapped by it—pieces that work for your
sister's wedding and your friend's cocktail party.
</p>
</div>
</div>
</div>
</li>
<li id="Slide-template--18273154826328__multicolumn_jTFqPT-2"
class="multicolumn-list__item grid__item scroll-trigger animate--slide-in" data-cascade=""
style="--animation-order: 2;">
<div class="multicolumn-card1 content-container">
<div class="multicolumn-card1__info">
<h3 class="inline-richtext">Fits That Actually Fit</h3>
<div class="rte">
<p><strong>Stop settling for "close enough."</strong><br><br>Premium fabrics, precise tailoring, and
proportions designed for real Indian body types. Whether you're 5'6" or 6'2", slim or athletic—our
kurtas are engineered for comfort and confidence.</p>
</div>
</div>
</div>
</li>
<li id="Slide-template--18273154826328__multicolumn_jTFqPT-3"
class="multicolumn-list__item grid__item scroll-trigger animate--slide-in" data-cascade=""
style="--animation-order: 3;">
<div class="multicolumn-card1 content-container">
<div class="multicolumn-card1__info">
<h3 class="inline-richtext">Designs Worth Remembering</h3>
<div class="rte">
<p><strong>Be the guy everyone asks "Where'd you get that?"</strong><br><br>Intricate embroidery.
Unexpected color combinations. Details that reward a second look. These aren't just kurtas—they're
your secret weapon for looking effortlessly put-together.</p>
</div>
</div>
</div>
</li>
</ul>
</slider-component>
<div class="center"></div>
</div>
</div>
</section>