/** Shopify CDN: Minification failed

Line 71:0 Unexpected "}"
Line 312:8 Expected identifier but found whitespace
Line 312:9 Unexpected ".18"

**/
/* =================================
   AROZIAN WHY SECTION
================================= */

.arozian-why{

position:relative;
overflow:hidden;
padding:120px 0;

background:linear-gradient(
180deg,
#17120d 0%,
#21170f 50%,
#17120d 100%
);


}
.arozian-why::before{

content:"";

position:absolute;

top:-180px;
left:0;

width:100%;
height:250px;

background:
linear-gradient(
180deg,
transparent,
rgba(18,14,10,.25),
#17120d
);

pointer-events:none;

}
.arozian-why::after{

content:"";

position:absolute;

inset:0;

background-image:

radial-gradient(#D4B16A 1px, transparent 1px);

background-size:140px 140px;

opacity:.22;

pointer-events:none;

}


}

.arozian-why .page-width{
    max-width:1400px;
    margin:auto;
    padding:0 40px;
}

.arozian-why__heading{
    text-align:center;
    max-width:760px;
    margin:0 auto 80px;
}

.arozian-why__heading span{
    display:block;
    color:#C7A25A;
    font-size:13px;
    letter-spacing:5px;
    text-transform:uppercase;
    margin-bottom:20px;
}

.arozian-why__heading h2{
    color:#fff;
    font-size:58px;
    line-height:1.1;
    font-family:"Cormorant Garamond", serif;
    font-weight:500;
    margin:0 0 20px;
}

.arozian-why__heading p{
    color:#bdbdbd;
    font-size:18px;
    line-height:1.8;
}

.arozian-why__grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.why-card{
    background:#0d0d0d;
    border:1px solid rgba(199,162,90,.15);
    border-radius:20px;
    padding:45px 30px;
    text-align:center;
    transition:.4s ease;
}

.why-card:hover{
    transform:translateY(-10px);
    border-color:#C7A25A;
    box-shadow:0 25px 50px rgba(199,162,90,.12);
}

.why-icon{
    font-size:42px;
    color:#C7A25A;
    margin-bottom:25px;
}

.why-card h3{
    color:#fff;
    font-size:24px;
    margin-bottom:15px;
    font-family:"Cormorant Garamond", serif;
}

.why-card p{
    color:#bdbdbd;
    line-height:1.8;
    font-size:15px;
}

/* ==========================
   MOBILE
========================== */

@media(max-width:768px){

.arozian-why{
    padding:80px 0;
}

.arozian-why .page-width{
    padding:0 20px;
}

.arozian-why__heading{
    margin-bottom:50px;
}

.arozian-why__heading h2{
    font-size:38px;
}

.arozian-why__heading p{
    font-size:15px;
}

.arozian-why__grid{
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.why-card{
    padding:30px 18px;
}

.why-icon{
    font-size:32px;
}

.why-card h3{
    font-size:20px;
}

.why-card p{
    font-size:14px;
}

}
.icon-circle{
    width:70px;
    height:70px;
    border:1px solid rgba(199,162,90,.25);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    font-size:28px;
    color:#C7A25A;
    transition:.4s ease;
}

.why-card:hover .icon-circle{
    transform:rotate(10deg) scale(1.08);
    background:rgba(199,162,90,.08);
    border-color:#C7A25A;
}
.why-bg-overlay{
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at top,
    rgba(212,177,106,.12),
    transparent 45%);
    pointer-events:none;
}

.why-light-beam{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:220px;
    height:100%;
    background:linear-gradient(
    90deg,
    transparent,
    rgba(212,177,106,.12),
    transparent);
    filter:blur(20px);
    animation:beamMove 9s ease-in-out infinite;
}

@keyframes beamMove{
    0%{
        transform:translateX(-50%);
    }
    50%{
        transform:translateX(-47%);
    }
    100%{
        transform:translateX(-50%);
    }
}

.why-particles{
    position:absolute;
    inset:0;
    background-image:
    radial-gradient(#D4B16A 1px,transparent 1px);
    background-size:130px 130px;
    opacity:.18;
    pointer-events:none;
}
.why-left-bottle,
.why-right-bottle{
    position:absolute;
    top:15%;
    transform:translateY(-50%);
    width:530px;
    height:760px;

    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
        
}

.why-left-bottle{
    left:-350px;
}

.why-right-bottle{
    right:-340px;
}
.arozian-why{
    position: relative;
}

.why-left-bottle,
.why-right-bottle{
    position: absolute;
    z-index: 1;   /* Bottle neeche */
}

.page-width{
    position: relative;
    z-index: 5;
}

.arozian-why__grid{
    position: relative;
    z-index: 10;
}

.why-card{
    position: relative;
    z-index: 20;  /* Cards sab se upar */
}
.arozian-why__heading{
    position: relative;
    z-index: 20;
}
opacity: .18;
.why-card{
    position: relative;
    z-index: 20;
}