.buy-now-wrapper{margin-top:-20px;display:flex;justify-content:flex-end;width:100%;position:relative;z-index:10;padding-right:140px} .buy-now-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);color:white !important;padding:7px 16px;border-radius:12px;text-decoration:none !important;font-weight:800;font-size:0.9rem;box-shadow:0 6px 10px -3px rgba(217,119,6,0.2);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);border:2px solid rgba(255,255,255,0.2);width:auto;min-width:150px} .buy-now-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 15px -3px rgba(217,119,6,0.3);background:linear-gradient(135deg,#fcd34d 0%,#ea580c 100%)} .buy-now-btn i{font-size:1.2rem;animation:bounce 2s infinite} @keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)} 40%{transform:translateY(-3px)} 60%{transform:translateY(-2px)} } @media (max-width:992px){.buy-now-wrapper{justify-content:center;margin-top:-7px;padding-bottom:20px;padding-right:0} } @media (max-width:480px){.buy-now-btn{width:auto;min-width:100px;padding:4px 10px;font-size:0.8rem;border-radius:9px} } .hero{min-height:70vh;display:flex;align-items:center;padding-top:clamp(30px,4vw,40px);padding-bottom:clamp(30px,4vw,40px)} .hero-content{display:flex;align-items:center;justify-content:space-between;gap:5px;flex-wrap:wrap;position:relative;z-index:2;margin:0 auto;width:100%} .hero-text{flex:1;min-width:min(300px,90vw)} .hero-text h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#ffffff;margin-bottom:clamp(15px,2vw,20px);line-height:1.2;transition:color 0.3s ease} .hero-text h1 span{background:linear-gradient(135deg,#d18f01 0%,#9303f3 50%,#06d6a0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block;font-weight:900;letter-spacing:-0.5px} .hero-text h1 span::after{content:'';position:absolute;bottom:3px;left:0;width:100%;height:6px;background:linear-gradient(90deg,rgba(67,97,238,0.3) 0%,rgba(114,9,183,0.3) 50%,rgba(6,214,160,0.3) 100%);z-index:-1;border-radius:3px;transition:all 0.15s ease;opacity:0.6} .hero-text h1 span:hover::after{opacity:0.8;height:8px} .hero-text p{font-size:clamp(1rem,2vw,1.2rem);color:rgba(255,255,255,0.8);margin-bottom:clamp(25px,3vw,35px);max-width:90%;transition:color 0.3s ease} .hero-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,2vw,16px);margin:1px auto 29px 0px;max-width:92%} .hero-button{display:flex;align-items:center;gap:clamp(6px,1vw,10px);padding:clamp(3px,0.4vw,4px);background:white;border-radius:var(--radius-md);border:2px solid var(--medium-gray-dark);box-shadow:0 2px 6px rgba(0,0,0,0.03);text-decoration:none;color:var(--text-primary);transition:all 0.3s ease;position:relative;overflow:hidden;backdrop-filter:blur(10px)} .hero-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s ease} .hero-button:hover::before{left:100%} .hero-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.05);border-color:#3b82f6} .hero-button[href*="flipkart"]:hover{border-color:var(--flipkart-color);box-shadow:0 4px 12px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.05),0 0 20px rgba(57,127,241,0.2)} .hero-button[href*="meesho"]:hover{border-color:var(--meesho-color);box-shadow:0 4px 12px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.05),0 0 20px rgba(244,51,151,0.2)} .hero-button[href*="amazon"]:hover{border-color:var(--amazon-color);box-shadow:0 4px 12px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.05),0 0 20px rgba(255,153,0,0.2)} .hero-button[href*="merge-pdf"]:hover{border-color:var(--mergepdf-color);box-shadow:0 4px 12px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.05),0 0 20px rgba(217,15,20,0.2)} .hero-button[href*="low-shipping"]:hover{border-color:#0e7490;box-shadow:0 4px 12px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.05),0 0 20px rgba(14,116,144,0.2)} .lowship-btn-icon{background:linear-gradient(135deg,#0e7490 0%,#155e75 100%);color:#fff;width:85%;height:85%;border-radius:15%;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,2.5vw,26px);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275)} .hero-button:hover .lowship-btn-icon{transform:scale(1.1)} .hero-button-icon{width:clamp(45px,5.5vw,55px);height:clamp(45px,5.5vw,55px);background:transparent;border-radius:15%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;overflow:hidden;transition:all 0.3s ease} .hero-button-icon img{width:85%;height:85%;object-fit:contain;display:block;z-index:2;position:relative;transition:all 0.3s ease} .hero-button:hover .hero-button-icon{transform:scale(1.05)} .hero-button:hover .hero-button-icon img{transform:scale(1.1);opacity:1} .hero-button-content{display:flex;flex-direction:column;justify-content:center;height:clamp(45px,5.5vw,55px)} .hero-button-content div:first-child{font-size:clamp(14px,1.8vw,16px);position:relative;z-index:1;margin-bottom:0px} .hero-button-content div:last-child{font-size:clamp(11px,1.4vw,13px);color:var(--text-secondary);position:relative;z-index:1;transition:color 0.3s ease} .hero-image{flex:0.7;text-align:right;min-width:min(300px,90vw);position:relative} .hero-image-container{position:relative;display:inline-block} .hero-image-container img{width:100%;max-width:min(450px,40vw);border-radius:var(--radius-lg);transform:scale(0.98);transition:var(--transition);position:relative;z-index:2;filter:drop-shadow(0 0 15px rgba(0,243,255,0.3))} .hero-image-container img:hover{opacity:0.95} .hero-image-container::after{content:'';position:absolute;bottom:-20px;left:10%;width:80%;height:30px;background:radial-gradient(ellipse at center,rgba(0,243,255,0.3) 0%,transparent 70%);filter:blur(15px);z-index:1;opacity:0.7} .floating-icon{position:absolute;width:70px;height:70px;border-radius:50%;background:var(--icon-bg);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(0,243,255,0.2);z-index:3;border:1px solid var(--icon-border);overflow:hidden;backdrop-filter:blur(5px);animation:float-icon 6s ease-in-out infinite,icon-glow 3s ease-in-out infinite;transition:all 0.3s ease;text-decoration:none;cursor:pointer} .floating-icon::before{content:'';position:absolute;width:100%;height:100%;background:var(--gradient-neon-light);opacity:0;transition:all 0.3s ease;border-radius:50%} .floating-icon:hover{transform:scale(1.15) translateY(-5px);box-shadow:0 0 30px rgba(0,243,255,0.4),0 5px 15px rgba(0,243,255,0.2);border-color:rgba(0,243,255,0.6)} .floating-icon:hover::before{opacity:0.3} .floating-icon img{width:60%;height:auto;object-fit:contain;z-index:2;position:relative;transition:all 0.3s ease} .floating-icon:hover img{transform:scale(1.1) rotate(5deg)} .icon-1{top:10%;right:15%;animation-delay:0s} .icon-2{top:5%;left:10%;animation-delay:1s} .icon-3{bottom:15%;left:15%;animation-delay:2s} .icon-4{bottom:5%;right:5%;animation-delay:3s} @keyframes float-icon{0%{transform:translateY(0) rotate(0deg)} 50%{transform:translateY(-15px) rotate(5deg)} 100%{transform:translateY(0) rotate(0deg)} } @keyframes icon-glow{0%,100%{box-shadow:0 0 20px rgba(0,243,255,0.2)} 50%{box-shadow:0 0 25px rgba(0,243,255,0.3),0 0 40px rgba(0,243,255,0.15)} } @media (max-width:992px){.hero-content{flex-direction:column;text-align:center;max-width:99%;padding:0;width:99%;display:flex} .hero-text{min-width:100%;width:100%;display:contents} .hero-text h1{order:1;font-size:clamp(1.8rem,6vw,3rem);margin-bottom:clamp(15px,3vw,20px)} .hero-text p{order:2} .hero-image{order:3} .hero-buttons{order:4} .hero-text p{max-width:100%;font-size:clamp(0.9rem,2.5vw,1.1rem);margin-bottom:clamp(25px,4vw,35px)} .hero-buttons{grid-template-columns:repeat(2,1fr);gap:clamp(6px,1.5vw,12px);margin:0 auto clamp(30px,4vw,40px);width:99%;max-width:99%;padding:0} .hero-button{width:100%;padding:clamp(6px,1.5vw,10px);gap:clamp(8px,1.8vw,12px);justify-content:flex-start;text-align:left} .hero-button-icon img{width:100%;height:100%} .hero-button-content{height:auto;justify-content:center;flex:1} .hero-button-content div:first-child{font-size:clamp(15px,2.8vw,17px);margin-bottom:0px} .hero-button-content div:last-child{font-size:clamp(11.5px,2.1vw,13.5px);line-height:1.4} .hero-image{width:70%;min-width:70%;text-align:center;order:3} .hero-text{order:1} .hero-image-container img{max-width:min(350px,80vw);margin-top:-35px} .floating-icon{display:none} } @media (max-width:768px){.hero-buttons{grid-template-columns:repeat(2,1fr)} } @media (max-width:480px){.hero-button{padding:0.4rem 0.3rem 0.4rem 0.25rem;height:44px;gap:0.3rem;border-radius:10px} .hero-button-icon{width:30px;height:30px} .hero-button-icon img{width:100%;height:100%} .lowship-btn-icon{width:100% !important;height:100% !important;font-size:18px !important} .hero-button-content div:first-child{font-size:0.7rem;margin-bottom:0px} .hero-button-content div:last-child{font-size:0.62rem} } @media (max-width:356px){.hero-button{padding:0.3rem 0.2rem 0.3rem 0.2rem;height:40px;gap:0.25rem;border-radius:10px} .hero-button-icon{width:25px;height:25px} .hero-button-icon img{width:100%;height:100%} .lowship-btn-icon{font-size:15px !important} .hero-button-content div:first-child{font-size:0.65rem;margin-bottom:0px} .hero-button-content div:last-child{font-size:0.57rem} .hero-buttons{gap:0.4rem} } @media (max-width:317px){.hero-button{padding:0.25rem 0.15rem 0.25rem 0.15rem;height:38px;gap:0.2rem;border-radius:10px} .hero-button-icon{width:22px;height:22px} .hero-button-icon img{width:100%;height:100%} .lowship-btn-icon{font-size:13px !important} .hero-button-content div:first-child{font-size:0.6rem;margin-bottom:0px} .hero-button-content div:last-child{font-size:0.52rem} .hero-buttons{gap:0.3rem} } @media (max-width:288px){.hero-button{padding:0.2rem 0.1rem 0.2rem 0.1rem;height:35px;gap:0.15rem;border-radius:10px} .hero-button-icon{width:20px;height:20px} .hero-button-icon img{width:100%;height:100%} .lowship-btn-icon{font-size:11px !important} .hero-button-content div:first-child{font-size:0.55rem;margin-bottom:0px} .hero-button-content div:last-child{font-size:0.47rem} .hero-buttons{gap:0.3rem} .hero-image-container img{max-width:min(280px,85vw);margin-top:-35px} } .meesho-ai-tools-section{padding:clamp(32px,4vw,48px) 0;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 50%,#e9eff5 100%);position:relative;overflow:hidden} .meesho-ai-tools-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(59,130,246,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,0.015) 1px,transparent 1px);background-size:55px 55px;pointer-events:none;z-index:0;opacity:0.4} .meesho-ai-tools-section::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 30%,rgba(59,130,246,0.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(37,99,235,0.04) 0%,transparent 50%);pointer-events:none;z-index:0} .meesho-ai-tools-section .container{position:relative;z-index:1} .meesho-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(20px,2.5vw,28px);max-width:1200px;margin:0 auto;position:relative;z-index:2} .meesho-tool-card{background:#ffffff;border-radius:12px;padding:clamp(24px,3vw,27px);text-decoration:none;color:var(--text-primary);border:2px solid #d9dce0;transition:all 0.15s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,0.06)} .meesho-tool-card:hover{box-shadow:0 4px 16px rgba(59,130,246,0.15);border-color:#3b82f6} .meesho-tool-icon{width:clamp(56px,6vw,68px);height:clamp(56px,6vw,68px);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto clamp(16px,2vw,20px);transition:all 0.15s ease;border:1px solid #e5e7eb;position:relative} .meesho-tool-card:hover .meesho-tool-icon{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#bfdbfe} .meesho-tool-icon img{width:70%;height:70%;object-fit:contain} .meesho-tool-icon i{font-size:clamp(26px,3.5vw,34px)} .meesho-tool-card h3{font-size:clamp(1.1rem,1.6vw,1.3rem);font-weight:600;margin-bottom:clamp(8px,1vw,12px);color:#1e293b;text-align:center;letter-spacing:-0.01em;line-height:1.3} .meesho-tool-card p{font-size:clamp(0.8rem,1.1vw,0.9rem);color:#334155;margin-bottom:clamp(14px,1.8vw,18px);line-height:1.5;text-align:center;flex:1} .meesho-tool-features{display:flex;justify-content:center;gap:clamp(6px,0.8vw,8px);margin-bottom:clamp(12px,1.5vw,16px);flex-wrap:wrap} .meesho-tool-card .tool-badge{margin-top:clamp(8px,1vw,10px);margin-bottom:0;align-self:stretch;transition:all 0.15s ease;padding:clamp(8px,1vw,10px) clamp(20px,2.5vw,24px);font-size:clamp(0.7rem,0.9vw,0.8rem);border-radius:8px;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.1);width:100%;display:block} .meesho-tool-card:hover .tool-badge{opacity:0.9} .meesho-tool-icon.quality-score-icon-tool{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%) !important;border:1px solid #e5e7eb !important;padding:8px;width:clamp(56px,6vw,68px) !important;height:clamp(56px,6vw,68px) !important} .meesho-tool-icon.meesho-listing-icon-tool,.meesho-tool-icon.rating-score-icon-tool{width:clamp(56px,6vw,68px) !important;height:clamp(56px,6vw,68px) !important;padding:8px !important} .meesho-tool-icon.meesho-listing-icon-tool i,.meesho-tool-icon.rating-score-icon-tool i{font-size:clamp(34px,4.2vw,42px)} .meesho-tool-card:hover .meesho-tool-icon.quality-score-icon-tool{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%) !important;border-color:#bfdbfe !important} .meesho-tool-icon.meesho-listing-icon-tool i{color:#3b82f6} .meesho-tool-icon.rating-score-icon-tool i{color:#f59e0b} @media (max-width:768px){.meesho-ai-tools-section{padding:clamp(20px,4vw,32px) 0} .meesho-ai-tools-section .section-header{margin-bottom:clamp(20px,3vw,24px)} .meesho-ai-tools-section .section-header h2{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:clamp(8px,1.5vw,12px)} .meesho-ai-tools-section .section-header p{font-size:clamp(0.8rem,2.5vw,0.9rem);padding:0 15px} .meesho-tools-grid{grid-template-columns:1fr;gap:clamp(16px,3vw,20px);padding:0 15px} .meesho-tool-card{padding:clamp(20px,4vw,24px)} .meesho-tool-icon{width:clamp(52px,8vw,60px) !important;height:clamp(52px,8vw,60px) !important;margin-bottom:clamp(14px,2.5vw,18px)} .meesho-tool-icon.quality-score-icon-tool{width:clamp(52px,8vw,60px) !important;height:clamp(52px,8vw,60px) !important;padding:7px !important} .meesho-tool-icon.meesho-listing-icon-tool,.meesho-tool-icon.rating-score-icon-tool{width:clamp(52px,8vw,60px) !important;height:clamp(52px,8vw,60px) !important;padding:7px !important} .meesho-tool-icon i{font-size:clamp(24px,5vw,30px)} .meesho-tool-card h3{font-size:clamp(1rem,3vw,1.2rem);margin-bottom:clamp(6px,1.5vw,10px)} .meesho-tool-card p{font-size:clamp(0.75rem,2.2vw,0.85rem);margin-bottom:clamp(12px,2vw,16px)} .meesho-tool-features{gap:clamp(5px,1.2vw,7px);margin-bottom:clamp(10px,2vw,14px)} .feature-tag{padding:4px 10px;font-size:clamp(0.65rem,2vw,0.75rem)} .meesho-tool-card .tool-badge{margin-top:clamp(6px,1.5vw,10px);padding:clamp(10px,1.5vw,14px) clamp(10px,2.5vw,14px);font-size:clamp(0.75rem,2.2vw,0.85rem)} } @media (max-width:480px){.meesho-ai-tools-section{padding:clamp(16px,3vw,24px) 0} .meesho-ai-tools-section .section-header p{padding:0 10px} .meesho-tools-grid{gap:clamp(12px,2.5vw,16px);padding:0 10px} .meesho-tool-card{padding:clamp(18px,3.5vw,22px)} .meesho-tool-icon{width:clamp(48px,7vw,56px) !important;height:clamp(48px,7vw,56px) !important} .meesho-tool-icon.quality-score-icon-tool{width:clamp(48px,7vw,56px) !important;height:clamp(48px,7vw,56px) !important;padding:6px !important} .meesho-tool-icon.meesho-listing-icon-tool,.meesho-tool-icon.rating-score-icon-tool{width:clamp(48px,7vw,56px) !important;height:clamp(48px,7vw,56px) !important;padding:6px !important} .meesho-tool-card h3{font-size:clamp(1.1rem,2.8vw,1.15rem)} .meesho-tool-card p{font-size:clamp(0.7rem,2vw,0.8rem)} .meesho-tool-card .tool-badge{padding:clamp(12px,2vw,16px) clamp(10px,2.5vw,14px);font-size:clamp(0.8rem,2.5vw,0.9rem)} } .what-is-ailabelcrop-section{padding:clamp(40px,6vw,70px) 0 clamp(30px,4vw,50px) 0;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 50%,#ffffff 100%);position:relative;overflow:hidden} .what-is-ailabelcrop-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(59,130,246,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,0.015) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;opacity:0.4} .what-is-ailabelcrop-section::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 30%,rgba(59,130,246,0.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(16,185,129,0.04) 0%,transparent 50%);pointer-events:none;z-index:0} @keyframes float{0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(-30px,-30px) scale(1.1)} } .what-is-ailabelcrop-section .container{position:relative;z-index:1} .what-is-content{display:grid;grid-template-columns:minmax(0,0.35fr) minmax(0,0.65fr);gap:clamp(16px,2vw,32px);align-items:start;margin-bottom:clamp(30px,4vw,50px);position:relative;max-width:100%;box-sizing:border-box;width:100%;overflow:visible} .what-is-content>*{min-width:0;max-width:100%;box-sizing:border-box} .what-is-video{position:sticky;top:120px;display:flex;justify-content:center;align-items:flex-start} .video-container{position:relative;border-radius:24px;overflow:visible;box-shadow:0 32px 80px rgba(0,0,0,0.12),0 16px 40px rgba(59,130,246,0.08),inset 0 1px 0 rgba(255,255,255,0.1);background:#000;width:100%;aspect-ratio:16 / 11;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,0.1);transform:perspective(1000px) rotateY(-2deg);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)} .video-container::before{content:'';position:absolute;inset:-8px;border-radius:28px;background:linear-gradient(135deg,rgba(59,130,246,0.2),rgba(16,185,129,0.2));opacity:0;transition:opacity 0.4s ease;z-index:-1;filter:blur(20px)} .video-container::after{content:'';position:absolute;inset:-4px;border-radius:26px;background:linear-gradient(135deg,rgba(59,130,246,0.1),rgba(16,185,129,0.1));opacity:0;transition:opacity 0.4s ease;z-index:-1;filter:blur(10px)} .video-container:hover{opacity:0.95} .video-container>*{border-radius:21px;overflow:hidden} .video-placeholder{width:100%;height:100%;display:block;object-fit:cover;background:#000} #ailabelcrop-video{width:100%;height:100%;display:block;object-fit:cover} .what-is-details{padding:clamp(20px,3vw,40px) 0 0;position:relative;max-width:100%;width:100%;box-sizing:border-box;overflow:visible} .what-is-details::before{content:'';position:absolute;left:-30px;top:0;width:4px;height:60px;background:linear-gradient(180deg,#3b82f6 0%,#10b981 100%);border-radius:2px;z-index:1} .what-is-details h2{font-size:clamp(2rem,4.5vw,3rem);font-weight:900;margin-bottom:clamp(32px,4vw,48px);color:#0f172a;line-height:1.1;letter-spacing:-0.04em;position:relative} .what-is-details h2::after{content:'';position:absolute;bottom:-12px;left:0;width:80px;height:5px;background:linear-gradient(90deg,#3b82f6 0%,#10b981 100%);border-radius:3px;animation:none} @keyframes expandLine{from{width:0;opacity:0} to{width:80px;opacity:1} } .highlight-brand{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 40%,#10b981 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;display:inline-block;position:relative;background-size:200% 200%;animation:none} @keyframes gradientShift{0%,100%{background-position:0% 50%} 50%{background-position:100% 50%} } .details-content{position:relative;padding-left:clamp(20px,2.5vw,30px);padding-right:0;max-width:100%;width:100%;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word;overflow:hidden} .details-content::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(59,130,246,0.2) 0%,rgba(16,185,129,0.2) 100%);border-radius:1px;animation:none} @keyframes pulseLine{0%,100%{opacity:0.3;transform:scaleY(1)} 50%{opacity:0.6;transform:scaleY(1.05)} } .details-content p{font-size:clamp(1rem,1.4vw,1.15rem);color:#334155;line-height:1.9;margin-bottom:0;letter-spacing:0.02em;position:relative;text-align:justify;max-width:100%;width:100%;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word;overflow:hidden} .details-content p strong{color:#0f172a;font-weight:700;position:relative;background:linear-gradient(120deg,rgba(59,130,246,0.1) 0%,rgba(16,185,129,0.1) 100%);padding:2px 4px;border-radius:3px} .closing-text-wrapper{margin-top:0;padding:clamp(15px,2vw,30px) 0;background:transparent;border-radius:0;text-align:left;max-width:100%;border:none;box-shadow:none;position:relative;overflow:visible} .closing-text-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#e2e8f0} .closing-text{font-size:clamp(1rem,1.4vw,1.15rem);color:#334155;line-height:1.9;margin:0;padding:0;letter-spacing:0.02em;position:relative;z-index:1;text-align:justify;max-width:100%;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word} .closing-text strong{color:#0f172a;font-weight:800;background:linear-gradient(135deg,#3b82f6 0%,#10b981 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} @media (max-width:992px){.what-is-ailabelcrop-section{padding:clamp(40px,6vw,70px) 0 clamp(30px,4vw,50px) 0} .what-is-content{grid-template-columns:1fr;gap:clamp(30px,4vw,50px);margin-bottom:clamp(30px,4vw,50px)} .what-is-video{position:relative;top:0;order:1} .video-container{transform:none} .video-container:hover{transform:translateY(-4px)} .what-is-details{order:2;text-align:center;padding:clamp(30px,4vw,50px) 0 0} .what-is-details::before{display:none} .what-is-details h2{text-align:center} .what-is-details h2::after{left:50%;transform:translateX(-50%)} .details-content{padding-left:0} .details-content::before{display:none} .closing-text-wrapper{padding:clamp(15px,2vw,30px) 0} } @media (max-width:768px){.what-is-ailabelcrop-section{padding:clamp(40px,6vw,70px) 0 clamp(30px,4vw,50px) 0} .what-is-content{gap:clamp(24px,3vw,40px);margin-bottom:clamp(30px,4vw,50px)} .what-is-details{display:contents} .what-is-details h2{order:1;margin-bottom:clamp(24px,3vw,32px);font-size:clamp(2rem,4.5vw,2.8rem);padding:clamp(20px,3vw,40px) 8px 0} .what-is-video{order:2} .details-content{order:3;padding-left:8px;padding-right:8px;padding-top:clamp(20px,3vw,40px)} .details-content p{font-size:clamp(0.9rem,1.2vw,1rem)} .closing-text-wrapper{padding:clamp(15px,2vw,30px) 8px} .closing-text{font-size:clamp(0.9rem,1.2vw,1rem)} } .trusted-by-section{padding:clamp(20px,2.5vw,35px) 0;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 50%,#ffffff 100%);text-align:center;position:relative;overflow:hidden} .trusted-by-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(59,130,246,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,0.015) 1px,transparent 1px);background-size:65px 65px;pointer-events:none;z-index:0;opacity:0.4} .trusted-by-section::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 30%,rgba(59,130,246,0.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(16,185,129,0.04) 0%,transparent 50%);pointer-events:none;z-index:0} .trusted-by-section .container{position:relative;z-index:1} .trusted-by-header{margin-bottom:clamp(16px,2vw,24px);position:relative;z-index:2} .trusted-by-header h2{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;margin-bottom:clamp(8px,1.2vw,14px);background:linear-gradient(135deg,#3b82f6 0%,#2563eb 50%,#1d4ed8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.02em;position:relative;display:inline-block} .trusted-by-header h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:2px} .trusted-by-header p{font-size:clamp(1rem,1.8vw,1.2rem);color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6} .trusted-by-header .highlight-text{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 50%,#10b981 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;position:relative} .trusted-by-header .highlight-text::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:3px;background:linear-gradient(90deg,rgba(59,130,246,0.3) 0%,rgba(16,185,129,0.3) 100%);border-radius:2px;opacity:0.6} .stats-container{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.5vw,20px);max-width:100%;margin:0 auto;padding:0;position:relative;z-index:2} .stat-item{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1vw,12px);padding:clamp(12px,1.8vw,24px) clamp(12px,1.5vw,20px);position:relative;text-align:center} .stat-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;opacity:0;z-index:0} .stat-item-1::before{background:linear-gradient(135deg,rgba(59,130,246,0.08) 0%,rgba(37,99,235,0.04) 100%)} .stat-item-2::before{background:linear-gradient(135deg,rgba(16,185,129,0.08) 0%,rgba(5,150,105,0.04) 100%)} .stat-item-3::before{background:linear-gradient(135deg,rgba(251,191,36,0.08) 0%,rgba(245,158,11,0.04) 100%)} .stat-item-4::before{background:linear-gradient(135deg,rgba(139,92,246,0.08) 0%,rgba(124,58,237,0.04) 100%)} .stat-icon-wrapper{width:clamp(50px,6vw,70px);height:clamp(50px,6vw,70px);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;margin-bottom:clamp(4px,0.6vw,8px)} .stat-item-1 .stat-icon-wrapper{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 8px 24px rgba(59,130,246,0.25)} .stat-item-2 .stat-icon-wrapper{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 8px 24px rgba(16,185,129,0.25)} .stat-item-3 .stat-icon-wrapper{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);box-shadow:0 8px 24px rgba(251,191,36,0.25)} .stat-item-4 .stat-icon-wrapper{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);box-shadow:0 8px 24px rgba(139,92,246,0.25)} .stat-icon-wrapper i{font-size:clamp(20px,2.5vw,28px);color:white} .stat-content{position:relative;z-index:1} .stat-number{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;margin-bottom:clamp(4px,0.6vw,8px);line-height:1.1;letter-spacing:-0.03em} .stat-item-1 .stat-number{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .stat-item-2 .stat-number{background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .stat-item-3 .stat-number{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .stat-item-4 .stat-number{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .stat-label{font-size:clamp(0.95rem,1.4vw,1.15rem);color:var(--text-secondary);font-weight:600;letter-spacing:0.01em} @media (max-width:992px){.stats-container{grid-template-columns:repeat(2,1fr);gap:clamp(12px,1.5vw,20px)} .stat-item{padding:clamp(12px,1.8vw,24px) clamp(12px,1.5vw,20px)} } @media (max-width:768px){.trusted-by-section{padding:clamp(20px,2.5vw,35px) 0} .trusted-by-header{margin-bottom:clamp(12px,1.5vw,20px)} .stats-container{grid-template-columns:repeat(2,1fr);gap:clamp(10px,1.5vw,16px)} .stat-item{padding:clamp(10px,1.5vw,20px) clamp(10px,1.2vw,16px)} .stat-icon-wrapper{width:clamp(45px,5vw,60px);height:clamp(45px,5vw,60px)} .stat-icon-wrapper i{font-size:clamp(18px,2vw,24px)} } @media (max-width:480px){.stats-container{grid-template-columns:repeat(2,1fr);gap:clamp(10px,1.5vw,16px)} .stat-item{padding:clamp(12px,1.5vw,20px) clamp(10px,1.2vw,16px)} .stat-icon-wrapper{width:clamp(45px,5vw,60px);height:clamp(45px,5vw,60px)} .stat-icon-wrapper i{font-size:clamp(18px,2vw,24px)} } .section-header{text-align:center;margin-bottom:clamp(24px,3vw,32px)} .meesho-ai-tools-section .section-header h2{margin-bottom:clamp(10px,1.2vw,14px);background:linear-gradient(135deg,#3b82f6 0%,#2563eb 50%,#1d4ed8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;font-size:clamp(1.4rem,4.5vw,2.5rem);position:relative;display:inline-block;letter-spacing:-0.02em} .meesho-ai-tools-section .section-header h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:2px} .meesho-ai-tools-section .section-header{position:relative;z-index:2} .meesho-ai-tools-section .section-header p{font-size:clamp(0.85rem,1.2vw,0.95rem);margin-bottom:0;color:#334155;line-height:1.6;max-width:900px;margin-left:auto;margin-right:auto} .section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--text-primary);margin-bottom:clamp(12px,2vw,20px);background:linear-gradient(135deg,#1e293b 0%,#475569 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block} .section-header h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:2px} .how-it-works-section .section-header{text-align:center;margin-bottom:clamp(24px,3vw,32px);position:relative;z-index:2} .how-it-works-section .section-header h2{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;margin-bottom:clamp(8px,1.2vw,14px);background:linear-gradient(135deg,#1e293b 0%,#3b82f6 50%,#10b981 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.02em;display:inline-block;position:relative} .how-it-works-section .section-header h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:2px} .how-it-works-section .section-header p{color:#334155} .section-header p{font-size:clamp(1rem,1.8vw,1.2rem);color:var(--text-secondary);max-width:700px;margin:0 auto} .all-tools-section{padding:clamp(36px,5vw,56px) 0;background:#f8fafc;position:relative;overflow:hidden} .all-tools-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(59,130,246,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,0.015) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;opacity:0.4} .all-tools-section::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 30%,rgba(59,130,246,0.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(16,185,129,0.04) 0%,transparent 50%);pointer-events:none;z-index:0} .all-tools-section .container{position:relative;z-index:1} .all-tools-section .section-header{text-align:center;margin-bottom:clamp(24px,3vw,32px);position:relative;z-index:2} .all-tools-section .section-header h2{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;margin-bottom:clamp(8px,1.2vw,14px);background:linear-gradient(135deg,#3b82f6 0%,#2563eb 50%,#1d4ed8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.02em;position:relative;display:inline-block} .all-tools-section .section-header h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:2px} .all-tools-section .section-header p{max-width:860px;margin:0 auto;color:#334155;line-height:1.6} .tools-showcase-row{display:flex;gap:clamp(16px,3vw,28px);align-items:center;justify-content:space-between;background:#ffffff;border:2px solid #e2e8f0;border-radius:18px;padding:clamp(18px,3vw,26px);box-shadow:0 2px 8px rgba(0,0,0,0.06);margin:0 auto clamp(18px,2.5vw,26px);max-width:1040px;position:relative;z-index:2;overflow:hidden;transition:transform 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease} .tools-showcase-row:last-child{margin-bottom:0} .tools-showcase-row:hover{opacity:0.95} .tools-showcase-row:nth-of-type(odd){transform:translateY(-2px)} .tools-showcase-row:nth-of-type(even){transform:translateY(2px)} .tools-text{display:flex;flex-direction:column;gap:clamp(2px,0.7vw,6px);max-width:760px;flex:1} .tools-text h3{font-size:clamp(1.5rem,2.8vw,2rem);color:#0f172a;margin:0;font-weight:700} .tools-text p{margin:0;color:#334155;line-height:1.6;font-size:clamp(0.9rem,1.1vw,1rem)} .tools-text p a{color:#3b82f6;text-decoration:none;font-weight:500;transition:color 0.2s ease;border-bottom:1px solid rgba(59,130,246,0.3)} .tools-text p a:hover{color:#2563eb;border-bottom-color:#2563eb} .tools-media{display:flex;justify-content:center;align-items:center;flex:0 0 220px} .tools-collage{display:grid;grid-template-columns:1fr;gap:12px;padding:clamp(12px,2vw,16px);background:white;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,0.06);max-width:260px;width:100%} .collage-card{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);border:1px solid #e2e8f0;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:12px;min-height:110px} .collage-card a{display:flex;align-items:center;justify-content:center;width:100%;height:100%} .collage-card a:hover{text-decoration:none} .collage-card img{max-width:70px;max-height:46px;object-fit:contain} .tools-media-large{position:relative;background:white;border:1px solid #e2e8f0;border-radius:14px;padding:16px;box-shadow:none;width:220px;height:200px;min-width:220px;min-height:200px;max-width:220px;max-height:200px;display:flex;align-items:center;justify-content:center;box-sizing:border-box} .tools-media-large img{width:80%;height:auto;max-width:80%;display:block;object-fit:contain;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:bicubic} .tools-media-large i{font-size:9rem;color:#3b82f6;display:block} .tools-showcase-row.flipkart-row .tools-media-large{border-color:#2563eb;box-shadow:none} .tools-showcase-row.meesho-row .tools-media-large{border-color:#db2777;box-shadow:none} .tools-showcase-row.amazon-row .tools-media-large{border-color:#f59e0b;box-shadow:none} .tools-showcase-row.merge-row .tools-media-large{border-color:#ef4444;box-shadow:none} .tools-media-large .chip{position:absolute;top:12px;right:12px;background:#2563eb;color:white;padding:6px 10px;border-radius:999px;font-size:0.8rem;font-weight:600;box-shadow:none} .tools-showcase-row.meesho-row .tools-media-large .chip{background:#db2777;box-shadow:none} .tools-showcase-row.amazon-row .tools-media-large .chip{background:#f59e0b;box-shadow:none} .tools-showcase-row.merge-row .tools-media-large .chip{background:#ef4444;box-shadow:none} .tools-showcase-row.cropper-row .tools-media-large{border-color:#3455db;box-shadow:none} .tools-showcase-row.cropper-row .tools-media-large .chip{background:#3455db;box-shadow:none} .tools-showcase-row.lowship-row .tools-media-large{border-color:#155e75;box-shadow:none} .tools-showcase-row.lowship-row .tools-media-large .chip{background:#155e75;box-shadow:none} .tools-showcase-row.snapdeal-row .tools-media-large{border-color:#e40046;box-shadow:none} .tools-showcase-row.snapdeal-row .tools-media-large .chip{background:#2563eb;box-shadow:none} .tools-showcase-row.listing-row .tools-media-large{border-color:#3b82f6;box-shadow:none} .tools-showcase-row.listing-row .tools-media-large .chip{background:#3b82f6;box-shadow:none} .tools-showcase-row.listing-row .tools-media-large i{font-size:10rem} .tools-showcase-row.quality-row .tools-media-large{border-color:#10b981;box-shadow:none} .tools-showcase-row.quality-row .tools-media-large .chip{background:#10b981;box-shadow:none} .tools-showcase-row.quality-row .tools-media-large a{display:block;width:100%;height:100%} .tools-showcase-row.rating-row .tools-media-large{border-color:#f59e0b;box-shadow:none} .tools-showcase-row.rating-row .tools-media-large .chip{background:#f59e0b;box-shadow:none} .tools-showcase-row.rating-row .tools-media-large a{text-decoration:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%} .tools-showcase-row.rating-row .tools-media-large i{font-size:10rem;color:#f59e0b;display:block} .tools-media-large .score-bars{display:flex;align-items:flex-end;justify-content:space-between;width:calc(100% - 16px);height:calc(100% - 16px);gap:6px;padding:8px;position:absolute;bottom:8px;left:8px;right:8px;box-sizing:border-box} .tools-media-large .score-bar{flex:1;border-radius:4px 4px 0 0;min-width:10px;min-height:20px} .tools-media-large .score-bar.bar-1{height:30%;background:#ef4444} .tools-media-large .score-bar.bar-2{height:50%;background:#f59e0b} .tools-media-large .score-bar.bar-3{height:70%;background:#f1c40f} .tools-media-large .score-bar.bar-4{height:85%;background:#84cc16} .tools-media-large .score-bar.bar-5{height:100%;background:#2ecc71} @media (min-width:481px) and (max-width:1024px){.all-tools-section{padding:clamp(32px,5vw,40px) 0} .tools-showcase-row{flex-direction:column;align-items:center;padding:clamp(18px,4vw,24px);gap:clamp(16px,3vw,20px);max-width:100%;margin:0 auto clamp(20px,4vw,28px) auto} .tools-media{width:100%;display:flex;justify-content:center;order:1} .tools-text{width:100%;max-width:100%;order:2;text-align:center} .tools-media-large{width:200px;height:185px;min-width:200px;min-height:185px;max-width:200px;max-height:185px;display:flex;align-items:center;justify-content:center;padding:16px} .tools-media-large img{width:80%;height:auto;max-width:80%;object-fit:contain} .tools-showcase-row.listing-row .tools-media-large i{font-size:9.5rem} .tools-showcase-row.rating-row .tools-media-large i{font-size:9.5rem;color:#f59e0b} .tools-showcase-row.quality-row .tools-media-large{position:relative;overflow:visible} .tools-showcase-row.quality-row .tools-media-large a{display:block;width:100%;height:100%} .tools-media-large .score-bars{display:flex;align-items:flex-end;justify-content:space-between;width:calc(100% - 16px);height:calc(100% - 16px);padding:8px;gap:6px;position:absolute;bottom:8px;left:8px;right:8px;box-sizing:border-box} .tools-media-large .score-bar{flex:1;min-width:10px;min-height:20px;border-radius:4px 4px 0 0} .tools-media-large .score-bar.bar-1{height:30%;background:#ef4444} .tools-media-large .score-bar.bar-2{height:50%;background:#f59e0b} .tools-media-large .score-bar.bar-3{height:70%;background:#f1c40f} .tools-media-large .score-bar.bar-4{height:85%;background:#84cc16} .tools-media-large .score-bar.bar-5{height:100%;background:#2ecc71} } @media (max-width:480px){.all-tools-section .section-header h2,.trusted-by-header h2,.how-it-works-section .section-header h2,.use-cases-section .section-header h2,.faq-section .section-header h2,.testimonials-section .section-header h2{font-size:clamp(1.4rem,5vw,1.8rem) !important} .all-tools-section{padding:clamp(24px,5vw,32px) 0} .tools-showcase-row{flex-direction:column;align-items:center;padding:clamp(16px,4vw,20px);gap:clamp(14px,3vw,18px);max-width:100%;margin:0 auto clamp(18px,4vw,24px) auto} .tools-media{width:100%;display:flex;justify-content:center;order:1} .tools-text{width:100%;max-width:100%;order:2;text-align:center} .tools-media-large{width:180px;height:165px;min-width:180px;min-height:165px;max-width:180px;max-height:165px;display:flex;align-items:center;justify-content:center;padding:12px} .tools-media-large img{width:85%;height:auto;max-width:85%;object-fit:contain} .tools-showcase-row.listing-row .tools-media-large i{font-size:8.5rem} .tools-showcase-row.rating-row .tools-media-large i{font-size:8.5rem;color:#f59e0b} .tools-showcase-row.quality-row .tools-media-large{position:relative;overflow:visible} .tools-showcase-row.quality-row .tools-media-large a{display:block;width:100%;height:100%} .tools-media-large .score-bars{display:flex;align-items:flex-end;justify-content:space-between;width:calc(100% - 12px);height:calc(100% - 12px);padding:6px;gap:5px;position:absolute;bottom:6px;left:6px;right:6px;box-sizing:border-box} .tools-media-large .score-bar{flex:1;min-width:8px;min-height:18px;border-radius:3px 3px 0 0} .tools-media-large .score-bar.bar-1{height:30%;background:#ef4444} .tools-media-large .score-bar.bar-2{height:50%;background:#f59e0b} .tools-media-large .score-bar.bar-3{height:70%;background:#f1c40f} .tools-media-large .score-bar.bar-4{height:85%;background:#84cc16} .tools-media-large .score-bar.bar-5{height:100%;background:#2ecc71} } .how-it-works-section{padding:clamp(50px,6vw,50px) 0;position:relative;overflow:hidden} .how-it-works-section .container{position:relative;background:#f8fafc;border-radius:24px;padding:clamp(30px,4vw,50px) clamp(20px,3vw,40px);overflow:hidden;z-index:1} .how-it-works-section .container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(59,130,246,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,0.015) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;opacity:0.4} .how-it-works-section .container::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 30%,rgba(59,130,246,0.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(16,185,129,0.04) 0%,transparent 50%);pointer-events:none;z-index:0} .steps-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(20px,3vw,32px);max-width:1000px;margin:0 auto;padding:0 clamp(20px,3vw,40px);position:relative;z-index:1} .step-card{flex:1;min-width:200px;max-width:280px;position:relative;background:transparent;padding:0;text-align:center;border:none;transition:all 0.15s ease;display:flex;flex-direction:column;align-items:center} .step-number{display:inline-block;font-size:clamp(5rem,7vw,7rem);font-weight:900;line-height:1;color:#ffffff;margin-bottom:clamp(20px,2.5vw,24px);transition:all 0.15s ease;font-family:'Inter',sans-serif;letter-spacing:-0.08em;position:relative;-webkit-text-stroke:4px #94a3b8;-webkit-text-fill-color:#ffffff;opacity:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.15));text-shadow:0 2px 4px rgba(0,0,0,0.1)} .step-card:hover .step-number{-webkit-text-stroke:2px #3b82f6;-webkit-text-fill-color:#3b82f6;transform:scale(1.05);filter:drop-shadow(0 4px 12px rgba(59,130,246,0.3))} .step-card h3{transition:color 0.3s ease} .step-card:hover h3{color:#3b82f6} .step-icon{display:none} .step-content{width:100%;display:flex;flex-direction:column;align-items:center;flex:1;min-width:250px} .step-card h3{font-size:clamp(1.15rem,1.8vw,1.35rem);font-weight:600;margin:0 0 clamp(10px,1.2vw,12px) 0;color:#0f172a;line-height:1.4} .step-card p{font-size:clamp(0.875rem,1.2vw,0.95rem);color:#334155;line-height:1.6;margin:0} .step-arrow{flex-shrink:0;align-self:center;margin-top:clamp(2.5rem,3.5vw,3rem);position:relative;width:clamp(30px,4vw,40px);height:2px;display:block} .step-arrow::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:2px;background:#e2e8f0;transition:all 0.15s ease} .step-arrow::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid #e2e8f0;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:all 0.15s ease} .step-card:nth-child(1):hover+.step-arrow::before,.step-card:nth-child(1):hover~.step-arrow::before{background:#3b82f6} .step-card:nth-child(1):hover+.step-arrow::after,.step-card:nth-child(1):hover~.step-arrow::after{border-left-color:#3b82f6} .step-card:nth-child(3):hover+.step-arrow::before{background:#3b82f6} .step-card:nth-child(3):hover+.step-arrow::after{border-left-color:#3b82f6} .steps-container::before{content:'';position:absolute;top:clamp(2.5rem,3.5vw,3.5rem);left:calc(33.33% - 4px);width:8px;height:8px;background:#e2e8f0;border-radius:50%;z-index:1} .steps-container::after{content:'';position:absolute;top:clamp(2.5rem,3.5vw,3.5rem);right:calc(33.33% - 4px);width:8px;height:8px;background:#e2e8f0;border-radius:50%;z-index:1} @media (max-width:768px){.how-it-works-section{padding:clamp(12px,3vw,22px) 0} .steps-container{flex-direction:column;gap:clamp(24px,3vw,32px)} .steps-container::before,.steps-container::after{display:none} .step-card{min-width:100%;max-width:100%} .step-arrow{transform:rotate(90deg);width:2px;height:clamp(30px,4vw,40px);margin-top:0;margin-left:0;margin-right:0;margin-bottom:clamp(8px,1vw,12px);align-self:center} .step-arrow::before{left:50%;top:0;transform:translateX(-50%);width:2px;height:100%} .step-arrow::after{top:100%;right:50%;transform:translateX(50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #e2e8f0;border-bottom:none} .step-card:nth-child(1):hover+.step-arrow::after,.step-card:nth-child(1):hover~.step-arrow::after{border-top-color:#3b82f6} .step-card:nth-child(3):hover+.step-arrow::after{border-top-color:#3b82f6} .step-number{font-size:clamp(4rem,9vw,6rem)} } .faq-section{padding:clamp(40px,5vw,60px) 0;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 50%,#ffffff 100%);position:relative;overflow:hidden} .faq-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(59,130,246,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,0.015) 1px,transparent 1px);background-size:55px 55px;pointer-events:none;z-index:0;opacity:0.4} .faq-section::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 30%,rgba(59,130,246,0.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(16,185,129,0.04) 0%,transparent 50%);pointer-events:none;z-index:0} .faq-section .container{position:relative;z-index:1} .faq-section .section-header{text-align:center;margin-bottom:clamp(24px,3vw,32px);position:relative;z-index:2} .faq-section .section-header h2{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;margin-bottom:clamp(8px,1.2vw,14px);background:linear-gradient(135deg,#3b82f6 0%,#2563eb 50%,#1d4ed8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.02em;position:relative;display:inline-block} .faq-section .section-header h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:2px} .faq-container{max-width:800px;margin:0 auto;position:relative;z-index:2} .faq-item{background:white;border:2px solid var(--medium-gray-dark);border-radius:var(--radius-md);margin-bottom:clamp(16px,2vw,20px);overflow:hidden;transition:all 0.15s ease} .faq-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px rgba(0,0,0,0.05)} .faq-question{padding:clamp(20px,2.5vw,24px);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background 0.3s ease} .faq-question:hover{background:#f8fafc} .faq-question h3{font-size:clamp(1rem,1.5vw,1.2rem);font-weight:600;color:var(--text-primary);margin:0} .faq-question i{color:#3b82f6;transition:transform 0.3s ease} .faq-item.active .faq-question i{transform:rotate(180deg)} .faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease} .faq-item.active .faq-answer{max-height:500px} .faq-answer p{padding:0 clamp(20px,2.5vw,24px) clamp(20px,2.5vw,24px);font-size:clamp(0.9rem,1.3vw,1rem);color:var(--text-secondary);line-height:1.7} .use-cases-section{padding:clamp(50px,6vw,80px) 0;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 50%,#ffffff 100%);position:relative;overflow:hidden} .use-cases-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(59,130,246,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,0.015) 1px,transparent 1px);background-size:70px 70px;pointer-events:none;z-index:0;opacity:0.4} .use-cases-section::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 30%,rgba(59,130,246,0.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(16,185,129,0.04) 0%,transparent 50%);pointer-events:none;z-index:0} .use-cases-section .container{position:relative;z-index:1} .use-cases-section .section-header{text-align:center;margin-bottom:clamp(32px,4vw,48px);position:relative;z-index:2} .use-cases-section .section-header h2{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;margin-bottom:clamp(8px,1.2vw,14px);background:linear-gradient(135deg,#3b82f6 0%,#2563eb 50%,#1d4ed8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.02em;position:relative;display:inline-block} .use-cases-section .section-header h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:2px} .use-cases-section .section-header p{font-size:clamp(1rem,1.8vw,1.2rem);color:#334155;max-width:700px;margin:0 auto;line-height:1.6} .use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(28px,3.5vw,36px);max-width:1050px;margin:0 auto;padding:0 clamp(20px,3vw,40px);position:relative;z-index:2} .use-case-card{background:#ffffff;border-radius:0;padding:clamp(36px,4.5vw,48px);text-align:left;border:none;border-left:5px solid #e2e8f0;box-shadow:0 1px 3px rgba(15,23,42,0.08);position:relative;background-clip:padding-box} .use-case-card::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#3b82f6,#10b981,#f59e0b);opacity:0} .use-case-card:nth-child(1){border-left-color:#3b82f6;border-top:3px solid #3b82f6;margin-top:40px} .use-case-card:nth-child(1)::before{opacity:1;background:#3b82f6} .use-case-card:nth-child(2){border-left-color:#10b981;border-top:3px solid #10b981;margin-top:20px} .use-case-card:nth-child(2)::before{opacity:1;background:#10b981} .use-case-card:nth-child(3){border-left-color:#f59e0b;border-top:3px solid #f59e0b;margin-top:0} .use-case-card:nth-child(3)::before{opacity:1;background:#f59e0b} .use-case-icon{width:64px;height:64px;background:#ffffff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 0 clamp(20px,2.5vw,24px) 0;color:#3b82f6;font-size:1.8rem;border:2px solid #e2e8f0;position:relative} .use-case-card:nth-child(1) .use-case-icon{color:#3b82f6;border-color:#3b82f6;background:linear-gradient(135deg,rgba(59,130,246,0.1),rgba(59,130,246,0.05))} .use-case-card:nth-child(2) .use-case-icon{color:#10b981;border-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,0.1),rgba(16,185,129,0.05))} .use-case-card:nth-child(3) .use-case-icon{color:#f59e0b;border-color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,0.1),rgba(245,158,11,0.05))} .use-case-card h3{font-size:clamp(1.4rem,2.4vw,1.7rem);font-weight:800;margin-bottom:clamp(12px,1.5vw,16px);color:#0f172a;letter-spacing:-0.02em} .use-case-card p{font-size:clamp(0.95rem,1.3vw,1.05rem);color:#334155;line-height:1.75;margin:0} .testimonials-section{padding:clamp(40px,5vw,60px) 0;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 50%,#ffffff 100%);position:relative;overflow:hidden} .testimonials-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(59,130,246,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,0.015) 1px,transparent 1px);background-size:65px 65px;pointer-events:none;z-index:0;opacity:0.4} .testimonials-section::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 30%,rgba(59,130,246,0.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(16,185,129,0.04) 0%,transparent 50%);pointer-events:none;z-index:0} .testimonials-section .container{position:relative;z-index:1} .testimonials-section .section-header{text-align:center;margin-bottom:clamp(24px,3vw,32px);position:relative;z-index:2} .testimonials-section .section-header h2{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;margin-bottom:clamp(8px,1.2vw,14px);background:linear-gradient(135deg,#3b82f6 0%,#2563eb 50%,#1d4ed8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.02em;position:relative;display:inline-block} .testimonials-section .section-header h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:2px} .testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(24px,3vw,32px);max-width:1200px;margin:0 auto;padding:0 clamp(20px,3vw,40px);position:relative;z-index:2;align-items:stretch} .testimonial-card{background:white;border-radius:var(--radius-lg);padding:clamp(28px,3.5vw,36px);border:2px solid var(--medium-gray-dark);transition:all 0.15s ease;position:relative;display:flex;flex-direction:column;height:100%} .testimonial-card::before{content:'"';position:absolute;top:20px;left:20px;font-size:4rem;color:#3b82f6;opacity:0.1;font-family:serif;line-height:1} .testimonial-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,0.1);border-color:#3b82f6} .testimonial-rating{color:#fbbf24;font-size:clamp(1rem,1.3vw,1.2rem);margin-bottom:clamp(16px,2vw,20px)} .testimonial-text{font-size:clamp(0.95rem,1.3vw,1.05rem);color:var(--text-secondary);line-height:1.7;margin-bottom:clamp(20px,2.5vw,24px);font-style:italic;flex-grow:1} .testimonial-author{display:flex;align-items:center;gap:clamp(12px,1.5vw,16px);padding-top:clamp(16px,2vw,20px);border-top:1px solid #e2e8f0} .author-avatar{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:1.1rem;flex-shrink:0} .author-name{font-weight:600;color:var(--text-primary);font-size:clamp(0.95rem,1.2vw,1.05rem);margin-bottom:4px} .author-role{font-size:clamp(0.85rem,1.1vw,0.95rem);color:var(--text-secondary)} @media (max-width:768px){.stats-grid,.use-cases-grid,.testimonials-grid{grid-template-columns:1fr} .testimonials-grid{padding:0 !important;gap:16px} .testimonial-card{border-radius:0;border-left:none;border-right:none;width:100%;padding:24px 16px} .steps-container{flex-direction:column} .step-arrow{display:none} .all-tools-section .section-header h2,.trusted-by-header h2,.how-it-works-section .section-header h2,.use-cases-section .section-header h2,.faq-section .section-header h2,.testimonials-section .section-header h2{font-size:clamp(1.5rem,4vw,1.9rem) !important} .faq-container{max-width:100% !important;width:100% !important} .faq-item{border:1px solid #e2e8f0;margin-bottom:12px;border-radius:12px;background:#ffffff} .faq-item.active{border-color:#3b82f6;box-shadow:0 4px 15px rgba(59,130,246,0.1)} .faq-question{padding:16px 0px;gap:10px} .faq-question h3{font-size:15px;line-height:1.4} .faq-answer p{padding:0 0px 16px;font-size:14px;color:#475569} } @media (min-width:1025px){.container{max-width:1050px !important;width:min(90%,1050px) !important} .meesho-tools-grid{max-width:1050px !important;gap:clamp(18px,2.2vw,24px) !important} .stats-container{max-width:1050px !important;gap:clamp(10px,1.3vw,16px) !important} .tools-showcase-row{max-width:1050px !important;padding:clamp(16px,2.5vw,22px) !important;gap:clamp(14px,2.5vw,24px) !important;margin-bottom:clamp(16px,2.2vw,22px) !important} .tools-text h3{font-size:clamp(1.3rem,2.3vw,1.7rem) !important} .tools-text p{font-size:clamp(0.85rem,1vw,0.9rem) !important} .tools-media{flex:0 0 200px !important} .tools-media-large{width:200px !important;height:180px !important;min-width:200px !important;min-height:180px !important;max-width:200px !important;max-height:180px !important;padding:14px !important} .tools-media-large i{font-size:8rem !important} .tools-showcase-row.listing-row .tools-media-large i{font-size:8.5rem !important} .tools-showcase-row.rating-row .tools-media-large i{font-size:8.5rem !important} .testimonials-grid{max-width:1050px !important;gap:clamp(18px,2.5vw,26px) !important} .all-tools-section .section-header h2{font-size:clamp(1.8rem,3.8vw,2.4rem) !important} .trusted-by-header h2{font-size:clamp(1.8rem,3.8vw,2.4rem) !important} .how-it-works-section .section-header h2{font-size:clamp(1.8rem,3.8vw,2.4rem) !important} .use-cases-section .section-header h2{font-size:clamp(1.8rem,3.8vw,2.4rem) !important} .faq-section .section-header h2{font-size:clamp(1.8rem,3.8vw,2.4rem) !important} .testimonials-section .section-header h2{font-size:clamp(1.8rem,3.8vw,2.4rem) !important} .section-header{margin-bottom:clamp(20px,2.5vw,28px) !important} .section-header p{font-size:clamp(0.9rem,1.6vw,1.05rem) !important} .stat-item{padding:clamp(10px,1.5vw,14px) !important;gap:clamp(8px,1.2vw,12px) !important} .stat-number{font-size:clamp(1.6rem,2.8vw,2rem) !important} .stat-label{font-size:clamp(0.7rem,1vw,0.85rem) !important} .meesho-tool-card{padding:clamp(18px,2.2vw,22px) !important} .meesho-tool-card h3{font-size:clamp(0.95rem,1.3vw,1.05rem) !important} .meesho-tool-card p{font-size:clamp(0.7rem,0.95vw,0.8rem) !important} .step-card{padding:clamp(16px,2vw,20px) !important} .step-number{font-size:clamp(3.5rem,5vw,4.5rem) !important} .step-card h3{font-size:clamp(1rem,1.3vw,1.15rem) !important} .step-card p{font-size:clamp(0.8rem,1vw,0.9rem) !important} .hero-text h1{font-size:clamp(1.8rem,4.5vw,3.1rem) !important;margin-top:2px !important} .hero-text p{font-size:clamp(0.9rem,1.8vw,1.05rem) !important} .what-is-details h2{font-size:clamp(1.5rem,3.3vw,2.2rem) !important} .what-is-details p{font-size:clamp(0.85rem,1.2vw,0.95rem) !important} .closing-text{font-size:clamp(0.9rem,1.25vw,1rem) !important} .testimonial-card{padding:clamp(18px,2.2vw,22px) !important} .testimonial-card p{font-size:clamp(0.85rem,1.1vw,0.95rem) !important} .use-cases-grid{max-width:1050px !important;gap:clamp(18px,2.2vw,24px) !important} .use-case-card{padding:clamp(24px,3vw,32px) !important} .use-case-card h3{font-size:clamp(1.1rem,1.7vw,1.35rem) !important} .use-case-card p{font-size:clamp(0.85rem,1.1vw,0.95rem) !important} .use-case-icon{width:64px !important;height:64px !important;font-size:1.75rem !important} } .whatsapp-support-section{padding:clamp(40px,5vw,60px) 0;background:linear-gradient(135deg,#f8fff8 0%,#ffffff 50%,#f8fff8 100%);position:relative} .whatsapp-support-box{background:white;border-radius:16px;padding:clamp(24px,3vw,32px);box-shadow:0 4px 20px rgba(37,211,102,0.1);border:2px solid rgba(37,211,102,0.08);display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,3vw,30px);max-width:1100px;margin:0 auto;position:relative} .whatsapp-support-icon{width:clamp(60px,6vw,80px);height:clamp(60px,6vw,80px);background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,0.25);flex-shrink:0} .whatsapp-support-icon img{width:45%;height:45%;object-fit:contain;filter:brightness(0) invert(1)} .whatsapp-support-content{flex:1} .whatsapp-support-content h3{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:700;color:#0f172a;margin-bottom:clamp(8px,1vw,12px);display:flex;align-items:center;gap:8px} .whatsapp-support-content h3::before{content:'💬';font-size:1.2em} .whatsapp-support-content p{font-size:clamp(0.95rem,1.3vw,1.1rem);color:#374151;line-height:1.6;margin-bottom:clamp(16px,2vw,20px)} .whatsapp-support-features{display:flex;gap:clamp(16px,2vw,24px);flex-wrap:wrap} .support-feature{display:flex;align-items:center;gap:6px;font-size:clamp(0.85rem,1.1vw,0.95rem);font-weight:600;color:#059669;background:rgba(37,211,102,0.08);padding:6px 10px;border-radius:12px;border:1px solid rgba(37,211,102,0.15)} .support-feature i{font-size:0.9rem;color:#25d366} .whatsapp-support-action{flex-shrink:0} .whatsapp-support-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);color:white;padding:clamp(12px,1.5vw,16px) clamp(20px,2.5vw,24px);border-radius:25px;text-decoration:none;font-weight:600;font-size:clamp(0.95rem,1.3vw,1rem);box-shadow:0 4px 16px rgba(37,211,102,0.3);transition:all 0.25s ease;border:1px solid rgba(37,211,102,0.2)} .whatsapp-support-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,211,102,0.4);background:linear-gradient(135deg,#128c7e 0%,#075e54 100%)} .whatsapp-support-btn i{font-size:1rem} @media (max-width:768px){.whatsapp-support-section{padding:clamp(30px,4vw,50px) 0} .whatsapp-support-box{flex-direction:column;text-align:center;gap:clamp(20px,2.5vw,25px);padding:clamp(20px,2.5vw,28px);margin:0 0.1rem} .whatsapp-support-icon{margin:0 auto} .whatsapp-support-action{width:100%} .whatsapp-support-btn{width:100%;justify-content:center;padding:clamp(14px,2vw,18px)} .whatsapp-support-features{justify-content:center} .support-feature{font-size:0.85rem;padding:5px 8px} } @media (max-width:480px){.whatsapp-support-box{padding:clamp(18px,2vw,24px)} .whatsapp-support-content h3{font-size:clamp(1.3rem,3vw,1.6rem)} .whatsapp-support-content p{font-size:clamp(0.9rem,1.6vw,1rem);margin-bottom:12px} .whatsapp-support-features{gap:10px} .support-feature{font-size:0.8rem;padding:4px 6px} } .gst-btn-icon { background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); color: white; width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 24px; box-shadow: 0 8px 15px -4px rgba(59, 130, 246, 0.4); flex-shrink: 0; margin-left: 4px; } .gst-btn-text { font-size: 16.5px !important; font-weight: 800 !important; } .hero-button[href="gst-calculator"] .hero-button-content { margin-left: 4px; } .hero-button:hover .gst-btn-icon { transform: scale(1.1); transition: 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275); } @media (max-width: 480px) { .gst-btn-icon { width: 30px; height: 30px; font-size: 16px; border-radius: 8px; } .gst-btn-text { font-size: 0.72rem !important; } }