.elementor-1814 .elementor-element.elementor-element-b7fbf61{--display:flex;}.elementor-1814 .elementor-element.elementor-element-562415c{--display:flex;}@media(min-width:768px){.elementor-1814 .elementor-element.elementor-element-b7fbf61{--content-width:1234px;}.elementor-1814 .elementor-element.elementor-element-562415c{--content-width:1234px;}}/* Start custom CSS for html, class: .elementor-element-e6c7244 *//* --- GAURI PREMIUM HERO V99 --- */
:root {
    --brand-green: #2a783a;
    --brand-light: #e1eedb;
    --brand-text: #1e3a24;
}

.v99-premium-hero {
    background: #ffffff !important;
    padding: 160px 0 100px !important;
    position: relative;
    overflow: hidden;
    color: var(--brand-text) !important;
}

.v99-container { max-width: 1240px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 10; }

/* --- GLASS TICKER --- */
.v99-ticker-glass {
    position: absolute; top: 80px; left: 0; width: 100%;
    background: rgba(225, 238, 219, 0.4); 
    backdrop-filter: blur(12px);
    padding: 12px 0; border-y: 1px solid rgba(42, 120, 58, 0.1);
    z-index: 50; overflow: hidden; white-space: nowrap;
}
.v99-ticker-track { display: inline-block; animation: v99Scroll 25s linear infinite; }
.v99-ticker-track span { font-size: 13px; font-weight: 800; color: var(--brand-green); padding: 0 40px; text-transform: uppercase; letter-spacing: 1px; }
@keyframes v99Scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* --- BACKGROUND BLOBS --- */
.v99-hero-blobs { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.v99-blob { position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.4; animation: v99BlobMove 15s infinite alternate ease-in-out; }
.b1 { width: 600px; height: 600px; background: var(--brand-light); top: -15%; left: -10%; }
.b2 { width: 500px; height: 500px; background: #f4f8f2; bottom: -10%; right: -5%; }
@keyframes v99BlobMove { 0% { transform: translate(0,0) scale(1); } 100% { transform: translate(60px, 80px) scale(1.1); } }

/* --- TEXT CONTENT --- */
.v99-hero-flex { display: flex; align-items: center; gap: 60px; flex-wrap: wrap; }
.v99-text-content { flex: 1.4; min-width: 350px; }
.v99-label-tag { background: white; padding: 7px 18px; border-radius: 50px; border: 1px solid #eee; font-size: 10px; font-weight: 800; letter-spacing: 2px; color: var(--brand-green); display: inline-block; margin-bottom: 25px; }
.v99-main-title { font-size: clamp(40px, 6vw, 72px) !important; font-weight: 800; line-height: 1.05; margin-bottom: 25px; letter-spacing: -1px; }
.v99-main-title span { color: var(--brand-green) !important; }
.v99-desc { font-size: 19px; line-height: 1.8; color: #555; margin-bottom: 45px; }

/* Buttons & Pills */
.v99-btn-wa { background: #2ecc71; color: white !important; padding: 18px 45px; border-radius: 50px; text-decoration: none; font-weight: 700; display: inline-flex; align-items: center; gap: 12px; box-shadow: 0 10px 30px rgba(46, 204, 113, 0.25); transition: 0.3s; }
.v99-btn-wa:hover { transform: translateY(-4px); box-shadow: 0 15px 40px rgba(46, 204, 113, 0.35); }
.v99-service-pills { display: flex; gap: 15px; flex-wrap: wrap; margin-top: 40px; }
.v99-pill { background: white; padding: 11px 25px; border-radius: 50px; border: 1px solid #eee; font-size: 14px; font-weight: 700; box-shadow: 0 5px 15px rgba(0,0,0,0.02); }

/* --- VISUAL ORBIT SYSTEM --- */
.v99-visual-wrap { flex: 1; display: flex; justify-content: center; position: relative; }
.v99-orbit-system { width: 450px; height: 450px; position: relative; display: flex; align-items: center; justify-content: center; }

.v99-service-badge {
    width: 250px; height: 250px; background: white; border-radius: 50%; 
    border: 2px solid var(--brand-light); box-shadow: 0 30px 60px rgba(0,0,0,0.06);
    position: relative; z-index: 50; overflow: hidden; /* COW LOCK */
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    animation: v99Bounce 6s infinite ease-in-out;
}
@keyframes v99Bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-18px); } }

.v99-cow-container { width: 100%; height: 60%; display: flex; align-items: center; justify-content: center; }
.v99-cow-icon { font-size: 95px; }
.v99-iso-text { font-size: 11px; font-weight: 900; letter-spacing: 2px; color: var(--brand-green); margin-top: 5px; }

.v99-scan-bar { position: absolute; width: 100%; height: 2px; background: #a3e635; box-shadow: 0 0 12px #a3e635; top: 0; animation: v99Scan 4s infinite linear; }
@keyframes v99Scan { 0% { top: 10%; opacity: 0; } 100% { top: 90%; opacity: 0; } }

.v99-outer-ring { position: absolute; inset: 0; border: 2px dashed var(--brand-green); border-radius: 50%; opacity: 0.3; animation: v99Spin 40s linear infinite; }
@keyframes v99Spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/* Orbiting Interactive Tags */
.v99-orbit-tag {
    position: absolute; background: white; padding: 12px 25px; border-radius: 50px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05); border: 1.5px solid var(--brand-light); 
    font-size: 13px; font-weight: 800; color: var(--brand-green); z-index: 60; transition: 0.3s;
}
.ot-1 { top: 0; left: 50%; transform: translateX(-50%); } 
.ot-2 { bottom: 15%; left: -25px; } 
.ot-3 { bottom: 15%; right: -25px; } 

/* Responsive */
@media (max-width: 1000px) {
    .v99-hero-flex { flex-direction: column-reverse; text-align: center; }
    .v99-hero-btns, .v99-service-pills { justify-content: center; }
    .v99-orbit-system { width: 320px; height: 320px; margin-top: 50px; }
    .v99-service-badge { width: 200px; height: 200px; }
    .v99-cow-icon { font-size: 70px; }
}

.reveal-up { opacity: 0; transform: translateY(40px); animation: v99FadeUp 1s forwards; }
@keyframes v99FadeUp { to { opacity: 1; transform: translateY(0); } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d37d87 *//* --- GAURI SERVICE PAGE v98 --- */
:root { --gauri-green: #2a783a; --gauri-light: #e1eedb; --gauri-text: #1e3a24; }

.v98-service-hero, .v98-content-area {
    background: #ffffff !important; overflow: hidden;
    color: var(--gauri-text) !important; font-family: inherit; position: relative;
}

.v98-container { max-width: 1200px !important; margin: 0 auto !important; padding: 0 20px !important; position: relative; z-index: 10; }

/* TICKER */
.v98-ticker {
    position: absolute; top: 80px; left: 0; width: 100%; background: rgba(225, 238, 219, 0.4);
    padding: 12px 0; z-index: 50; overflow: hidden; white-space: nowrap; border-y: 1px solid rgba(42, 120, 58, 0.1);
}
.v98-ticker-content { display: inline-block; animation: v98Ticker 25s linear infinite; }
.v98-ticker-content span { font-size: 13px; font-weight: 800; color: var(--gauri-green); padding: 0 40px; text-transform: uppercase; }
@keyframes v98Ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* HERO TEXT */
.v98-service-hero { padding: 160px 0 100px; }
.v98-hero-flex { display: flex; align-items: center; gap: 60px; flex-wrap: wrap; }
.v98-mini-tag { border: 1px solid #eee; padding: 6px 15px; border-radius: 50px; font-size: 10px; font-weight: 800; color: var(--gauri-green); display: inline-block; margin-bottom: 25px; }
.v98-hero-text h1 { font-size: clamp(38px, 6vw, 65px) !important; font-weight: 800; line-height: 1.1; margin-bottom: 25px; }
.v98-hero-text h1 span { color: var(--gauri-green); }
.v98-btn-wa { background: #2ecc71; color: white !important; padding: 18px 40px; border-radius: 50px; text-decoration: none; font-weight: 700; display: inline-flex; align-items: center; gap: 10px; }
.v98-usp-row { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 40px; }
.v98-pill { background: white; padding: 10px 20px; border-radius: 50px; border: 1px solid #eee; font-size: 13px; font-weight: 700; }

/* VISUAL: COW LOCK */
.v98-hero-visual { flex: 1; display: flex; justify-content: center; position: relative; }
.v98-orbit-box { width: 450px; height: 450px; position: relative; display: flex; align-items: center; justify-content: center; }
.v98-cow-badge {
    width: 250px; height: 250px; background: white; border-radius: 50%; border: 2px solid var(--gauri-light); 
    box-shadow: 0 30px 60px rgba(0,0,0,0.05); position: relative; z-index: 50; overflow: hidden;
    display: flex; flex-direction: column; align-items: center; justify-content: center; animation: v98Bounce 6s infinite ease-in-out;
}
@keyframes v98Bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
.v98-cow-emoji { font-size: 90px; margin-bottom: 10px; }
.v98-iso { font-size: 11px; font-weight: 900; color: var(--gauri-green); letter-spacing: 2px; }
.v98-scan-line { position: absolute; width: 100%; height: 2px; background: #a3e635; top: 0; animation: v98Scan 4s infinite linear; }
@keyframes v98Scan { 0% { top: 10%; opacity: 0; } 100% { top: 90%; opacity: 0; } }
.v98-ring { position: absolute; inset: 0; border: 1.5px dashed var(--gauri-green); border-radius: 50%; opacity: 0.3; animation: v98Spin 40s linear infinite; }
@keyframes v98Spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.v98-tag { position: absolute; background: white; padding: 8px 18px; border-radius: 50px; border: 1.5px solid var(--gauri-light); font-size: 11px; font-weight: 800; color: var(--gauri-green); z-index: 60; }
.t1 { top: 0; left: 50%; transform: translateX(-50%); } .t2 { bottom: 15%; left: -20px; } .t3 { bottom: 15%; right: -20px; }

/* CONTENT SECTION */
.v98-content-area { padding-bottom: 120px; }
.v98-wholesale-card { background: white; padding: 45px; border-radius: 40px; border-left: 10px solid var(--gauri-green); display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap; box-shadow: 0 15px 40px rgba(0,0,0,0.03); margin-bottom: 100px; }
.v98-num { color: var(--gauri-green); font-weight: 900; font-size: 11px; letter-spacing: 2px; display: block; margin-bottom: 10px; }
.v98-pulse-btn { background: var(--gauri-green); color: white !important; padding: 16px 40px; border-radius: 50px; text-decoration: none; font-weight: 800; animation: v98Pulse 2s infinite; }
@keyframes v98Pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }

/* GRID */
.v98-grid-head { text-align: center; margin-bottom: 80px; }
.v98-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; }
.v98-card { height: 400px; perspective: 1500px; }
.v98-inner { position: relative; width: 100%; height: 100%; transition: transform 0.8s; transform-style: preserve-3d; cursor: pointer; }
.v98-card:hover .v98-inner { transform: rotateY(180deg); }
.v98-front, .v98-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; border-radius: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; text-align: center; }
.v98-front { background: white; border: 1.5px solid #eee; }
.v98-back { background: var(--gauri-green); color: white; transform: rotateY(180deg); }
.v98-icon { font-size: 60px; margin-bottom: 20px; }
.v98-wa-small { background: #2ecc71; color: white !important; padding: 10px 25px; border-radius: 50px; text-decoration: none; font-weight: 700; margin-top: 20px; }

/* MOBILE */
@media (max-width: 900px) {
    .v98-hero-flex, .v98-grid, .v98-wholesale-card { flex-direction: column-reverse; text-align: center; }
    .v98-hero-btns, .v98-usp-row { justify-content: center; }
    .v98-cow-badge { width: 180px; height: 180px; }
}/* End custom CSS */