{"id":28,"date":"2026-06-16T16:16:30","date_gmt":"2026-06-16T16:16:30","guid":{"rendered":"https:\/\/flmdm19.in\/mvenkat\/?page_id=28"},"modified":"2026-06-16T16:26:21","modified_gmt":"2026-06-16T16:26:21","slug":"elementor-28","status":"publish","type":"page","link":"https:\/\/flmdm19.in\/mvenkat\/elementor-28\/","title":{"rendered":"Elementor #28"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21887b3 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"21887b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b554ad8 elementor-widget elementor-widget-html\" data-id=\"b554ad8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n  \r\n  \r\n  <title>Venkat \u2014 Premium Children's Fashion<\/title>\r\n  \r\n  \r\n    * { margin: 0; padding: 0; box-sizing: border-box; }\r\n    html { scroll-behavior: smooth; }\r\n    body { font-family: 'Nunito', sans-serif; background: #FFF8F0; color: #4A4A4A; overflow-x: hidden; }\r\n\r\n    :root {\r\n      --primary: #FF7E67;\r\n      --secondary: #5EC4B7;\r\n      --accent: #FFD166;\r\n      --bg: #FFF8F0;\r\n      --dark: #2D4059;\r\n      --text: #4A4A4A;\r\n      --pink: #FFE0E6;\r\n      --soft-blue: #D4F1F9;\r\n      --soft-green: #D4EDDA;\r\n      --shadow: 0 8px 32px rgba(0,0,0,0.08);\r\n      --radius: 20px;\r\n    }\r\n\r\n    a { text-decoration: none; color: inherit; }\r\n    img { max-width: 100%; display: block; }\r\n    .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\r\n\r\n    \/* Scrollbar *\/\r\n    ::-webkit-scrollbar { width: 8px; }\r\n    ::-webkit-scrollbar-track { background: var(--bg); }\r\n    ::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 10px; }\r\n\r\n    \/* Animations *\/\r\n    @keyframes fadeUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }\r\n    @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n    @keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }\r\n    @keyframes pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.05); } }\r\n    @keyframes slideIn { from { transform: translateX(100%); } to { transform: translateX(0); } }\r\n    @keyframes slideOut { from { transform: translateX(0); } to { transform: translateX(100%); } }\r\n    @keyframes scaleIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n    @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }\r\n\r\n    .animate-on-scroll { opacity: 0; transform: translateY(40px); transition: all 0.8s ease; }\r\n    .animate-on-scroll.visible { opacity: 1; transform: translateY(0); }\r\n\r\n    \/* Header *\/\r\n    .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: rgba(255,248,240,0.95); backdrop-filter: blur(20px); border-bottom: 2px solid rgba(255,126,103,0.15); transition: all 0.3s; }\r\n    .header.scrolled { box-shadow: var(--shadow); }\r\n    .header-inner { display: flex; align-items: center; justify-content: space-between; height: 72px; }\r\n    .logo { font-family: 'Fredoka One', cursive; font-size: 28px; color: var(--primary); display: flex; align-items: center; gap: 8px; }\r\n    .logo span { color: var(--dark); }\r\n    .logo-icon { font-size: 32px; }\r\n    .nav { display: flex; align-items: center; gap: 32px; }\r\n    .nav a { font-weight: 600; font-size: 15px; color: var(--text); position: relative; padding: 4px 0; transition: color 0.3s; }\r\n    .nav a::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: var(--primary); transition: width 0.3s; }\r\n    .nav a:hover { color: var(--primary); }\r\n    .nav a:hover::after { width: 100%; }\r\n    .header-actions { display: flex; align-items: center; gap: 16px; }\r\n    .header-actions button { background: none; border: none; cursor: pointer; font-size: 20px; color: var(--dark); position: relative; padding: 8px; border-radius: 50%; transition: background 0.3s; }\r\n    .header-actions button:hover { background: var(--pink); }\r\n    .cart-count { position: absolute; top: 0; right: 0; background: var(--primary); color: #fff; font-size: 10px; font-weight: 700; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }\r\n    .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 8px; }\r\n    .hamburger span { width: 24px; height: 2.5px; background: var(--dark); border-radius: 2px; transition: all 0.3s; }\r\n    .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }\r\n    .hamburger.active span:nth-child(2) { opacity: 0; }\r\n    .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); }\r\n\r\n    .mobile-nav { display: none; position: fixed; top: 72px; left: 0; width: 100%; background: #fff; padding: 24px; box-shadow: var(--shadow); z-index: 999; border-top: 2px solid var(--pink); }\r\n    .mobile-nav.active { display: block; animation: fadeIn 0.3s ease; }\r\n    .mobile-nav a { display: block; padding: 12px 0; font-weight: 600; font-size: 16px; color: var(--text); border-bottom: 1px solid #f0f0f0; }\r\n    .mobile-nav a:last-child { border-bottom: none; }\r\n\r\n    \/* Hero *\/\r\n    .hero { min-height: 100vh; display: flex; align-items: center; padding-top: 72px; background: linear-gradient(135deg, #FFF8F0 0%, #FFE0E6 50%, #D4F1F9 100%); position: relative; overflow: hidden; }\r\n    .hero::before { content: ''; position: absolute; top: -50%; right: -20%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(255,126,103,0.12) 0%, transparent 70%); border-radius: 50%; }\r\n    .hero::after { content: ''; position: absolute; bottom: -30%; left: -10%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(94,196,183,0.1) 0%, transparent 70%); border-radius: 50%; }\r\n    .hero-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; position: relative; z-index: 1; }\r\n    .hero-text h1 { font-family: 'Fredoka One', cursive; font-size: 56px; line-height: 1.15; color: var(--dark); margin-bottom: 16px; }\r\n    .hero-text h1 span { color: var(--primary); position: relative; }\r\n    .hero-text h1 span::after { content: '\u2728'; position: absolute; top: -10px; right: -30px; font-size: 24px; }\r\n    .hero-text p { font-size: 18px; line-height: 1.7; color: #666; margin-bottom: 32px; max-width: 480px; }\r\n    .hero-badges { display: flex; gap: 24px; margin-bottom: 32px; }\r\n    .hero-badge { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--dark); }\r\n    .hero-badge .icon { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; }\r\n    .hero-badge .icon.green { background: var(--soft-green); }\r\n    .hero-badge .icon.pink { background: var(--pink); }\r\n    .hero-badge .icon.blue { background: var(--soft-blue); }\r\n    .btn { display: inline-flex; align-items: center; gap: 8px; padding: 16px 36px; border-radius: 50px; font-weight: 700; font-size: 16px; border: none; cursor: pointer; transition: all 0.3s; }\r\n    .btn-primary { background: var(--primary); color: #fff; box-shadow: 0 4px 20px rgba(255,126,103,0.4); }\r\n    .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(255,126,103,0.5); }\r\n    .btn-secondary { background: #fff; color: var(--dark); border: 2px solid var(--primary); }\r\n    .btn-secondary:hover { background: var(--primary); color: #fff; transform: translateY(-3px); }\r\n    .btn-accent { background: var(--accent); color: var(--dark); box-shadow: 0 4px 20px rgba(255,209,102,0.4); }\r\n    .btn-accent:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(255,209,102,0.5); }\r\n    .hero-visual { position: relative; display: flex; justify-content: center; align-items: center; }\r\n    .hero-circle { width: 420px; height: 420px; border-radius: 50%; background: linear-gradient(135deg, var(--primary), var(--accent)); display: flex; align-items: center; justify-content: center; animation: float 4s ease-in-out infinite; box-shadow: 0 20px 60px rgba(255,126,103,0.3); }\r\n    .hero-circle-inner { width: 340px; height: 340px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 120px; }\r\n    .hero-float-item { position: absolute; width: 64px; height: 64px; border-radius: 16px; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 28px; box-shadow: var(--shadow); animation: float 3s ease-in-out infinite; }\r\n    .hero-float-item:nth-child(2) { top: 30px; right: 40px; animation-delay: 0.5s; background: var(--pink); }\r\n    .hero-float-item:nth-child(3) { bottom: 50px; left: 20px; animation-delay: 1s; background: var(--soft-blue); }\r\n    .hero-float-item:nth-child(4) { bottom: 20px; right: 60px; animation-delay: 1.5s; background: var(--soft-green); }\r\n\r\n    \/* Sections common *\/\r\n    .section { padding: 100px 0; }\r\n    .section-header { text-align: center; margin-bottom: 56px; }\r\n    .section-tag { display: inline-block; background: var(--pink); color: var(--primary); padding: 8px 20px; border-radius: 50px; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; }\r\n    .section-title { font-family: 'Fredoka One', cursive; font-size: 40px; color: var(--dark); margin-bottom: 12px; }\r\n    .section-sub { font-size: 17px; color: #888; max-width: 560px; margin: 0 auto; line-height: 1.6; }\r\n\r\n    \/* About *\/\r\n    .about { background: #fff; }\r\n    .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\r\n    .about-visual { position: relative; }\r\n    .about-image { border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); }\r\n    .about-image img { width: 100%; height: 400px; object-fit: cover; background: linear-gradient(135deg, var(--soft-green), var(--soft-blue)); display: flex; align-items: center; justify-content: center; font-size: 80px; }\r\n    .about-exp { position: absolute; bottom: -24px; right: -24px; background: var(--primary); color: #fff; padding: 20px 28px; border-radius: 16px; text-align: center; box-shadow: 0 8px 30px rgba(255,126,103,0.3); }\r\n    .about-exp .num { font-family: 'Fredoka One', cursive; font-size: 32px; }\r\n    .about-exp .label { font-size: 12px; opacity: 0.9; }\r\n    .about-text h2 { font-family: 'Fredoka One', cursive; font-size: 36px; color: var(--dark); margin-bottom: 20px; }\r\n    .about-text p { font-size: 16px; line-height: 1.8; color: #666; margin-bottom: 24px; }\r\n    .about-features { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\r\n    .about-feature { display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: var(--bg); border-radius: 12px; font-weight: 600; font-size: 14px; }\r\n    .about-feature .icon { font-size: 20px; }\r\n\r\n    \/* Categories *\/\r\n    .categories { background: var(--bg); }\r\n    .cats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }\r\n    .cat-card { background: #fff; border-radius: var(--radius); padding: 40px 24px; text-align: center; transition: all 0.4s; cursor: pointer; box-shadow: var(--shadow); }\r\n    .cat-card:hover { transform: translateY(-8px); box-shadow: 0 16px 48px rgba(0,0,0,0.1); }\r\n    .cat-icon { width: 72px; height: 72px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; font-size: 32px; }\r\n    .cat-card h3 { font-size: 18px; color: var(--dark); margin-bottom: 6px; }\r\n    .cat-card p { font-size: 13px; color: #999; }\r\n\r\n    \/* Products *\/\r\n    .products-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }\r\n    .product-card { background: #fff; border-radius: var(--radius); overflow: hidden; transition: all 0.4s; box-shadow: var(--shadow); position: relative; }\r\n    .product-card:hover { transform: translateY(-8px); box-shadow: 0 16px 48px rgba(0,0,0,0.1); }\r\n    .product-badge { position: absolute; top: 12px; left: 12px; z-index: 2; padding: 4px 14px; border-radius: 50px; font-size: 11px; font-weight: 700; text-transform: uppercase; }\r\n    .product-badge.new { background: var(--secondary); color: #fff; }\r\n    .product-badge.bestseller { background: var(--accent); color: var(--dark); }\r\n    .product-badge.sale { background: var(--primary); color: #fff; }\r\n    .product-image { height: 260px; display: flex; align-items: center; justify-content: center; font-size: 80px; position: relative; overflow: hidden; transition: background 0.3s; }\r\n    .product-card:hover .product-image { background: var(--pink); }\r\n    .product-image .emoji { transition: transform 0.4s; }\r\n    .product-card:hover .product-image .emoji { transform: scale(1.15) rotate(-5deg); }\r\n    .product-quick { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%) translateY(60px); background: var(--dark); color: #fff; padding: 8px 20px; border-radius: 50px; font-size: 12px; font-weight: 700; border: none; cursor: pointer; transition: all 0.3s; opacity: 0; }\r\n    .product-card:hover .product-quick { transform: translateX(-50%) translateY(0); opacity: 1; }\r\n    .product-info { padding: 20px; }\r\n    .product-category { font-size: 11px; text-transform: uppercase; color: #aaa; letter-spacing: 1px; font-weight: 700; margin-bottom: 4px; }\r\n    .product-name { font-size: 16px; font-weight: 700; color: var(--dark); margin-bottom: 8px; }\r\n    .product-rating { display: flex; align-items: center; gap: 4px; margin-bottom: 8px; font-size: 13px; color: var(--accent); }\r\n    .product-rating span { color: #aaa; font-size: 12px; margin-left: 4px; }\r\n    .product-price { display: flex; align-items: center; gap: 8px; }\r\n    .product-price .current { font-size: 20px; font-weight: 800; color: var(--primary); }\r\n    .product-price .old { font-size: 14px; color: #bbb; text-decoration: line-through; }\r\n    .product-add { width: 100%; padding: 10px; border: 2px solid var(--pink); background: transparent; border-radius: 12px; font-weight: 700; font-size: 14px; color: var(--primary); cursor: pointer; transition: all 0.3s; margin-top: 12px; }\r\n    .product-add:hover { background: var(--primary); color: #fff; border-color: var(--primary); }\r\n\r\n    \/* Promo Banner *\/\r\n    .promo { background: linear-gradient(135deg, var(--dark) 0%, #1a2a3a 100%); color: #fff; position: relative; overflow: hidden; }\r\n    .promo::before { content: '\ud83c\udf88'; position: absolute; top: -20px; right: 10%; font-size: 120px; opacity: 0.1; }\r\n    .promo::after { content: '\ud83e\uddf8'; position: absolute; bottom: -20px; left: 10%; font-size: 100px; opacity: 0.1; }\r\n    .promo-content { text-align: center; position: relative; z-index: 1; }\r\n    .promo-content h2 { font-family: 'Fredoka One', cursive; font-size: 42px; margin-bottom: 12px; }\r\n    .promo-content p { font-size: 18px; opacity: 0.8; margin-bottom: 28px; }\r\n\r\n    \/* Reviews *\/\r\n    .reviews { background: #fff; }\r\n    .reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n    .review-card { background: var(--bg); border-radius: var(--radius); padding: 32px; transition: all 0.4s; }\r\n    .review-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }\r\n    .review-stars { color: var(--accent); font-size: 16px; margin-bottom: 12px; }\r\n    .review-text { font-size: 15px; line-height: 1.7; color: #666; margin-bottom: 20px; font-style: italic; }\r\n    .review-author { display: flex; align-items: center; gap: 12px; }\r\n    .review-avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--pink); display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--primary); }\r\n    .review-name { font-weight: 700; font-size: 14px; color: var(--dark); }\r\n    .review-role { font-size: 12px; color: #aaa; }\r\n\r\n    \/* Size Guide *\/\r\n    .size-guide { background: var(--bg); }\r\n    .size-table-wrap { overflow-x: auto; }\r\n    .size-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); }\r\n    .size-table th { background: var(--dark); color: #fff; padding: 16px 20px; font-size: 14px; font-weight: 700; text-align: left; }\r\n    .size-table td { padding: 14px 20px; font-size: 14px; border-bottom: 1px solid #f0f0f0; }\r\n    .size-table tr:hover td { background: var(--pink); }\r\n    .size-tip { display: flex; align-items: center; gap: 12px; background: #fff; padding: 20px 24px; border-radius: 12px; margin-top: 24px; box-shadow: var(--shadow); }\r\n\r\n    \/* FAQs *\/\r\n    .faqs { background: #fff; }\r\n    .faq-list { max-width: 720px; margin: 0 auto; }\r\n    .faq-item { background: var(--bg); border-radius: 16px; margin-bottom: 12px; overflow: hidden; transition: all 0.3s; }\r\n    .faq-item.active { box-shadow: var(--shadow); }\r\n    .faq-question { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; background: none; border: none; cursor: pointer; font-size: 16px; font-weight: 700; color: var(--dark); text-align: left; }\r\n    .faq-question .icon { font-size: 20px; transition: transform 0.3s; }\r\n    .faq-item.active .faq-question .icon { transform: rotate(45deg); }\r\n    .faq-answer { max-height: 0; padding: 0 24px; overflow: hidden; transition: all 0.3s; font-size: 15px; line-height: 1.7; color: #666; }\r\n    .faq-item.active .faq-answer { max-height: 200px; padding: 0 24px 20px; }\r\n\r\n    \/* Contact *\/\r\n    .contact { background: var(--bg); }\r\n    .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; }\r\n    .contact-info h3 { font-family: 'Fredoka One', cursive; font-size: 28px; color: var(--dark); margin-bottom: 16px; }\r\n    .contact-info p { font-size: 16px; line-height: 1.8; color: #666; margin-bottom: 32px; }\r\n    .contact-detail { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; }\r\n    .contact-detail .icon { width: 48px; height: 48px; border-radius: 12px; background: var(--pink); display: flex; align-items: center; justify-content: center; font-size: 20px; }\r\n    .contact-detail .label { font-size: 12px; color: #aaa; text-transform: uppercase; letter-spacing: 1px; }\r\n    .contact-detail .value { font-size: 16px; font-weight: 700; color: var(--dark); }\r\n    .contact-form { background: #fff; padding: 40px; border-radius: var(--radius); box-shadow: var(--shadow); }\r\n    .contact-form h3 { font-size: 22px; margin-bottom: 24px; }\r\n    .form-group { margin-bottom: 16px; }\r\n    .form-group label { display: block; font-weight: 600; font-size: 14px; color: var(--dark); margin-bottom: 6px; }\r\n    .form-group input,.form-group textarea,.form-group select { width: 100%; padding: 12px 16px; border: 2px solid #eee; border-radius: 12px; font-family: 'Nunito', sans-serif; font-size: 15px; transition: border 0.3s; outline: none; }\r\n    .form-group input:focus,.form-group textarea:focus,.form-group select:focus { border-color: var(--primary); }\r\n    .form-group textarea { height: 120px; resize: vertical; }\r\n\r\n    \/* Newsletter *\/\r\n    .newsletter { background: linear-gradient(135deg, var(--secondary) 0%, #4db8ab 100%); color: #fff; text-align: center; position: relative; overflow: hidden; }\r\n    .newsletter::before { content: '\u2709\ufe0f'; position: absolute; top: 50%; left: 5%; font-size: 100px; opacity: 0.1; transform: translateY(-50%); }\r\n    .newsletter::after { content: '\ud83c\udf81'; position: absolute; top: 50%; right: 5%; font-size: 100px; opacity: 0.1; transform: translateY(-50%); }\r\n    .newsletter h2 { font-family: 'Fredoka One', cursive; font-size: 36px; margin-bottom: 12px; }\r\n    .newsletter p { font-size: 17px; opacity: 0.9; margin-bottom: 28px; }\r\n    .newsletter-form { display: flex; max-width: 500px; margin: 0 auto; gap: 12px; }\r\n    .newsletter-form input { flex: 1; padding: 16px 24px; border: none; border-radius: 50px; font-family: 'Nunito', sans-serif; font-size: 15px; outline: none; }\r\n    .newsletter-form button { padding: 16px 32px; background: var(--dark); color: #fff; border: none; border-radius: 50px; font-weight: 700; font-size: 15px; cursor: pointer; transition: all 0.3s; white-space: nowrap; }\r\n    .newsletter-form button:hover { background: #1a2a3a; transform: translateY(-2px); }\r\n\r\n    \/* Footer *\/\r\n    .footer { background: var(--dark); color: rgba(255,255,255,0.8); padding: 60px 0 0; }\r\n    .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; }\r\n    .footer-brand .logo { margin-bottom: 16px; }\r\n    .footer-brand .logo span { color: #fff; }\r\n    .footer-brand p { font-size: 14px; line-height: 1.8; max-width: 300px; }\r\n    .footer h4 { color: #fff; font-size: 16px; margin-bottom: 20px; }\r\n    .footer a { display: block; font-size: 14px; margin-bottom: 10px; transition: color 0.3s; }\r\n    .footer a:hover { color: var(--primary); }\r\n    .footer-social { display: flex; gap: 12px; margin-top: 20px; }\r\n    .footer-social a { width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; font-size: 18px; margin: 0; transition: all 0.3s; }\r\n    .footer-social a:hover { background: var(--primary); }\r\n    .footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); margin-top: 40px; padding: 20px 0; display: flex; justify-content: space-between; align-items: center; font-size: 13px; }\r\n\r\n    \/* Cart Sidebar *\/\r\n    .cart-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 2000; backdrop-filter: blur(4px); }\r\n    .cart-overlay.active { display: block; }\r\n    .cart-sidebar { position: fixed; top: 0; right: 0; width: 420px; max-width: 90vw; height: 100%; background: #fff; z-index: 2001; padding: 28px; display: flex; flex-direction: column; transform: translateX(100%); transition: transform 0.4s ease; box-shadow: -10px 0 40px rgba(0,0,0,0.1); }\r\n    .cart-sidebar.active { transform: translateX(0); }\r\n    .cart-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 2px solid var(--bg); }\r\n    .cart-header h2 { font-family: 'Fredoka One', cursive; font-size: 22px; color: var(--dark); }\r\n    .cart-close { background: none; border: none; font-size: 28px; cursor: pointer; color: #aaa; transition: color 0.3s; }\r\n    .cart-close:hover { color: var(--primary); }\r\n    .cart-items { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 16px; }\r\n    .cart-item { display: flex; gap: 16px; padding: 16px; background: var(--bg); border-radius: 12px; }\r\n    .cart-item-img { width: 64px; height: 64px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; }\r\n    .cart-item-info { flex: 1; }\r\n    .cart-item-name { font-weight: 700; font-size: 14px; color: var(--dark); }\r\n    .cart-item-price { font-size: 14px; color: var(--primary); font-weight: 700; }\r\n    .cart-item-qty { display: flex; align-items: center; gap: 8px; margin-top: 8px; }\r\n    .cart-item-qty button { width: 28px; height: 28px; border-radius: 50%; border: none; background: #fff; font-weight: 700; cursor: pointer; transition: all 0.2s; }\r\n    .cart-item-qty button:hover { background: var(--primary); color: #fff; }\r\n    .cart-item-qty span { font-weight: 700; font-size: 14px; min-width: 20px; text-align: center; }\r\n    .cart-item-remove { background: none; border: none; color: #ccc; cursor: pointer; font-size: 18px; align-self: flex-start; transition: color 0.3s; }\r\n    .cart-item-remove:hover { color: var(--primary); }\r\n    .cart-empty { text-align: center; padding: 40px 0; color: #aaa; }\r\n    .cart-empty .icon { font-size: 56px; margin-bottom: 12px; }\r\n    .cart-footer { border-top: 2px solid var(--bg); padding-top: 16px; margin-top: 16px; }\r\n    .cart-total { display: flex; justify-content: space-between; font-size: 18px; font-weight: 700; color: var(--dark); margin-bottom: 16px; }\r\n    .cart-total .amount { color: var(--primary); }\r\n    .btn-checkout { width: 100%; padding: 16px; background: var(--primary); color: #fff; border: none; border-radius: 12px; font-weight: 700; font-size: 16px; cursor: pointer; transition: all 0.3s; }\r\n    .btn-checkout:hover { background: #e86a54; }\r\n    .btn-checkout:disabled { opacity: 0.5; cursor: not-allowed; }\r\n\r\n    \/* Checkout Modal *\/\r\n    .checkout-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 3000; backdrop-filter: blur(4px); }\r\n    .checkout-overlay.active { display: block; }\r\n    .checkout-modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.8); width: 560px; max-width: 92vw; max-height: 90vh; background: #fff; border-radius: 24px; padding: 40px; z-index: 3001; opacity: 0; transition: all 0.4s; overflow-y: auto; }\r\n    .checkout-overlay.active .checkout-modal { transform: translate(-50%,-50%) scale(1); opacity: 1; }\r\n    .checkout-modal h2 { font-family: 'Fredoka One', cursive; font-size: 26px; color: var(--dark); margin-bottom: 24px; }\r\n    .checkout-modal .close { position: absolute; top: 20px; right: 24px; background: none; border: none; font-size: 28px; color: #aaa; cursor: pointer; }\r\n    .checkout-modal .close:hover { color: var(--primary); }\r\n\r\n    \/* Notification Toast *\/\r\n    .toast { position: fixed; bottom: 24px; right: 24px; background: var(--dark); color: #fff; padding: 16px 24px; border-radius: 12px; font-weight: 700; font-size: 14px; z-index: 5000; transform: translateY(120px); opacity: 0; transition: all 0.4s; box-shadow: 0 8px 30px rgba(0,0,0,0.2); }\r\n    .toast.show { transform: translateY(0); opacity: 1; }\r\n\r\n    \/* Back to top *\/\r\n    .back-top { position: fixed; bottom: 24px; left: 24px; width: 48px; height: 48px; border-radius: 50%; background: var(--primary); color: #fff; border: none; font-size: 20px; cursor: pointer; z-index: 500; opacity: 0; transform: translateY(20px); transition: all 0.3s; box-shadow: 0 4px 20px rgba(255,126,103,0.4); }\r\n    .back-top.show { opacity: 1; transform: translateY(0); }\r\n    .back-top:hover { transform: translateY(-4px); }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 1024px) {\r\n      .hero-content { grid-template-columns: 1fr; gap: 40px; text-align: center; }\r\n      .hero-text p { margin: 0 auto 32px; }\r\n      .hero-badges { justify-content: center; }\r\n      .hero-circle { width: 320px; height: 320px; }\r\n      .hero-circle-inner { width: 260px; height: 260px; font-size: 80px; }\r\n      .hero-text h1 { font-size: 40px; }\r\n      .products-grid { grid-template-columns: repeat(2, 1fr); }\r\n      .cats-grid { grid-template-columns: repeat(2, 1fr); }\r\n      .reviews-grid { grid-template-columns: 1fr; }\r\n      .footer-grid { grid-template-columns: 1fr 1fr; }\r\n      .about-grid { grid-template-columns: 1fr; }\r\n      .contact-grid { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .nav { display: none; }\r\n      .hamburger { display: flex; }\r\n      .section { padding: 60px 0; }\r\n      .section-title { font-size: 30px; }\r\n      .hero-text h1 { font-size: 32px; }\r\n      .hero-circle { width: 240px; height: 240px; }\r\n      .hero-circle-inner { width: 190px; height: 190px; font-size: 60px; }\r\n      .hero-float-item { width: 48px; height: 48px; font-size: 20px; }\r\n      .hero-float-item:nth-child(2) { top: 10px; right: 20px; }\r\n      .products-grid { grid-template-columns: 1fr 1fr; gap: 16px; }\r\n      .cats-grid { grid-template-columns: 1fr 1fr; gap: 16px; }\r\n      .newsletter-form { flex-direction: column; }\r\n      .footer-grid { grid-template-columns: 1fr; }\r\n      .about-features { grid-template-columns: 1fr; }\r\n      .promo-content h2 { font-size: 28px; }\r\n      .cart-sidebar { width: 100%; max-width: 100%; }\r\n      .checkout-modal { padding: 24px; }\r\n      .size-table th,.size-table td { padding: 10px 12px; font-size: 13px; }\r\n      .contact-form { padding: 24px; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .hero-text h1 { font-size: 26px; }\r\n      .products-grid { grid-template-columns: 1fr; }\r\n      .cats-grid { grid-template-columns: 1fr; }\r\n      .btn { padding: 14px 24px; font-size: 14px; }\r\n      .hero-badges { flex-direction: column; align-items: center; gap: 12px; }\r\n    }\r\n  \r\n\r\n\r\n\r\n  <!-- Header -->\r\n  <header class=\"header\" id=\"header\">\r\n    <div class=\"container header-inner\">\r\n      <a href=\"#\" class=\"logo\"><span class=\"logo-icon\">\ud83d\udc57<\/span>Venkat<span>.<\/span><\/a>\r\n      <nav class=\"nav\">\r\n        <a href=\"#home\">Home<\/a>\r\n        <a href=\"#about\">About<\/a>\r\n        <a href=\"#collections\">Collections<\/a>\r\n        <a href=\"#new-arrivals\">New<\/a>\r\n        <a href=\"#categories\">Categories<\/a>\r\n        <a href=\"#faqs\">FAQs<\/a>\r\n        <a href=\"#contact\">Contact<\/a>\r\n      <\/nav>\r\n      <div class=\"header-actions\">\r\n        <button aria-label=\"Cart\">\ud83d\uded2<span class=\"cart-count\" id=\"cartCount\">0<\/span><\/button>\r\n        <div class=\"hamburger\">\r\n          <span><\/span><span><\/span><span><\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"mobile-nav\" id=\"mobileNav\">\r\n      <a href=\"#home\">Home<\/a>\r\n      <a href=\"#about\">About<\/a>\r\n      <a href=\"#collections\">Collections<\/a>\r\n      <a href=\"#new-arrivals\">New Arrivals<\/a>\r\n      <a href=\"#categories\">Categories<\/a>\r\n      <a href=\"#faqs\">FAQs<\/a>\r\n      <a href=\"#contact\">Contact<\/a>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- Hero -->\r\n  <section class=\"hero\" id=\"home\">\r\n    <div class=\"container hero-content\">\r\n      <div class=\"hero-text\">\r\n        <div style=\"display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap\">\r\n          <span class=\"section-tag\" style=\"background:var(--soft-green);color:var(--secondary)\">\u2728 New Collection<\/span>\r\n          <span class=\"section-tag\" style=\"background:var(--accent);color:var(--dark)\">\ud83d\udd25 Free Shipping<\/span>\r\n        <\/div>\r\n        <h1>Where <span>Style<\/span> Meets<br>Childhood Dreams<\/h1>\r\n        <p>Premium children's fashion designed for comfort, durability, and joy. Every piece tells a story \u2014 let your little ones shine.<\/p>\r\n        <div class=\"hero-badges\">\r\n          <div class=\"hero-badge\"><div class=\"icon green\">\u2713<\/div> Organic Fabrics<\/div>\r\n          <div class=\"hero-badge\"><div class=\"icon pink\">\u2713<\/div> 100% Comfort<\/div>\r\n          <div class=\"hero-badge\"><div class=\"icon blue\">\u2713<\/div> Easy Returns<\/div>\r\n        <\/div>\r\n        <div style=\"display:flex;gap:16px;flex-wrap:wrap\">\r\n          <a href=\"#collections\" class=\"btn btn-primary\">Shop Now \u2192<\/a>\r\n          <a href=\"#about\" class=\"btn btn-secondary\">Our Story<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"hero-visual\">\r\n        <div class=\"hero-circle\">\r\n          <div class=\"hero-circle-inner\">\ud83d\udc76<\/div>\r\n        <\/div>\r\n        <div class=\"hero-float-item\">\ud83d\udc55<\/div>\r\n        <div class=\"hero-float-item\">\ud83d\udc57<\/div>\r\n        <div class=\"hero-float-item\">\ud83e\uddf8<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- About Brand -->\r\n  <section class=\"section about\" id=\"about\">\r\n    <div class=\"container\">\r\n      <div class=\"about-grid animate-on-scroll\">\r\n        <div class=\"about-visual\">\r\n          <div class=\"about-image\"><div style=\"width:100%;height:400px;display:flex;align-items:center;justify-content:center;font-size:100px\">\ud83e\uddf5<\/div><\/div>\r\n          <div class=\"about-exp\"><div class=\"num\">10+<\/div><div class=\"label\">Years of Craftsmanship<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"about-text\">\r\n          <span class=\"section-tag\">Our Story<\/span>\r\n          <h2>Designed with Love,<br>Stitched with Care<\/h2>\r\n          <p>At <strong>Venkat<\/strong>, we believe every child deserves clothing that feels as good as it looks. Our journey began with a simple mission \u2014 to create premium children's wear that parents trust and kids love to wear.<\/p>\r\n          <p>From handpicking the softest organic fabrics to ensuring every stitch is perfect, we pour love into every piece we create.<\/p>\r\n          <div class=\"about-features\">\r\n            <div class=\"about-feature\"><span class=\"icon\">\ud83c\udf31<\/span> 100% Organic Cotton<\/div>\r\n            <div class=\"about-feature\"><span class=\"icon\">\u2728<\/span> Hypoallergenic Materials<\/div>\r\n            <div class=\"about-feature\"><span class=\"icon\">\ud83c\udfa8<\/span> Unique Playful Designs<\/div>\r\n            <div class=\"about-feature\"><span class=\"icon\">\u267b\ufe0f<\/span> Eco-Friendly Packaging<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Collections -->\r\n  <section class=\"section\" id=\"collections\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header animate-on-scroll\">\r\n        <span class=\"section-tag\">Our Collections<\/span>\r\n        <h2 class=\"section-title\">Shop by Collection<\/h2>\r\n        <p class=\"section-sub\">Curated styles for every little personality \u2014 from playful prints to elegant essentials.<\/p>\r\n      <\/div>\r\n      <div class=\"products-grid\" id=\"productsGrid\"><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- New Arrivals -->\r\n  <section class=\"section\" id=\"new-arrivals\" style=\"background:#fff\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header animate-on-scroll\">\r\n        <span class=\"section-tag\" style=\"background:var(--soft-blue);color:var(--secondary)\">\u2b50 Fresh Drops<\/span>\r\n        <h2 class=\"section-title\">New Arrivals<\/h2>\r\n        <p class=\"section-sub\">The latest styles your little ones will adore \u2014 fresh, fun, and fashion-forward.<\/p>\r\n      <\/div>\r\n      <div class=\"products-grid\" id=\"newArrivalsGrid\">\r\n        <div class=\"product-card animate-on-scroll\">\r\n          <div class=\"product-badge new\">New<\/div>\r\n          <div class=\"product-image\" style=\"background:#D4F1F9\"><span class=\"emoji\">\ud83e\udde5<\/span><button class=\"product-quick\">Quick Add<\/button><\/div>\r\n          <div class=\"product-info\">\r\n            <div class=\"product-category\">Outerwear<\/div>\r\n            <div class=\"product-name\">Cozy Sherpa Jacket<\/div>\r\n            <div class=\"product-rating\">\u2605\u2605\u2605\u2605\u2605 <span>(24)<\/span><\/div>\r\n            <div class=\"product-price\"><span class=\"current\">\u20b92,499<\/span><\/div>\r\n            <button class=\"product-add\">Add to Cart<\/button>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"product-card animate-on-scroll\">\r\n          <div class=\"product-badge new\">New<\/div>\r\n          <div class=\"product-image\" style=\"background:#FFE0E6\"><span class=\"emoji\">\ud83d\udc57<\/span><button class=\"product-quick\">Quick Add<\/button><\/div>\r\n          <div class=\"product-info\">\r\n            <div class=\"product-category\">Dresses<\/div>\r\n            <div class=\"product-name\">Floral Midi Dress<\/div>\r\n            <div class=\"product-rating\">\u2605\u2605\u2605\u2605\u2605 <span>(18)<\/span><\/div>\r\n            <div class=\"product-price\"><span class=\"current\">\u20b91,899<\/span><\/div>\r\n            <button class=\"product-add\">Add to Cart<\/button>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"product-card animate-on-scroll\">\r\n          <div class=\"product-badge new\">New<\/div>\r\n          <div class=\"product-image\" style=\"background:#D4EDDA\"><span class=\"emoji\">\ud83d\udc55<\/span><button class=\"product-quick\">Quick Add<\/button><\/div>\r\n          <div class=\"product-info\">\r\n            <div class=\"product-category\">Tops<\/div>\r\n            <div class=\"product-name\">Dino Print Tee<\/div>\r\n            <div class=\"product-rating\">\u2605\u2605\u2605\u2605\u2605 <span>(31)<\/span><\/div>\r\n            <div class=\"product-price\"><span class=\"current\">\u20b9999<\/span><\/div>\r\n            <button class=\"product-add\">Add to Cart<\/button>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"product-card animate-on-scroll\">\r\n          <div class=\"product-badge new\">New<\/div>\r\n          <div class=\"product-image\" style=\"background:#FFF3CD\"><span class=\"emoji\">\ud83e\ude73<\/span><button class=\"product-quick\">Quick Add<\/button><\/div>\r\n          <div class=\"product-info\">\r\n            <div class=\"product-category\">Bottoms<\/div>\r\n            <div class=\"product-name\">Cargo Jogger Shorts<\/div>\r\n            <div class=\"product-rating\">\u2605\u2605\u2605\u2605\u2606 <span>(12)<\/span><\/div>\r\n            <div class=\"product-price\"><span class=\"current\">\u20b91,299<\/span><\/div>\r\n            <button class=\"product-add\">Add to Cart<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Promo Banner -->\r\n  <section class=\"section promo\">\r\n    <div class=\"container promo-content animate-on-scroll\">\r\n      <h2>\ud83c\udf89 Summer Sale \u2014 Up to 40% Off<\/h2>\r\n      <p>Bring home the season's brightest styles at the best prices. Offer ends soon!<\/p>\r\n      <a href=\"#collections\" class=\"btn btn-accent\">Shop the Sale \u2192<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Categories -->\r\n  <section class=\"section categories\" id=\"categories\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header animate-on-scroll\">\r\n        <span class=\"section-tag\">Categories<\/span>\r\n        <h2 class=\"section-title\">Shop by Category<\/h2>\r\n        <p class=\"section-sub\">Find the perfect outfit for every moment of your child's day.<\/p>\r\n      <\/div>\r\n      <div class=\"cats-grid\">\r\n        <div class=\"cat-card animate-on-scroll\">\r\n          <div class=\"cat-icon\" style=\"background:var(--pink)\">\ud83d\udc55<\/div>\r\n          <h3>Tops &amp; Tees<\/h3>\r\n          <p>Casual &amp; fun tops for everyday adventures<\/p>\r\n        <\/div>\r\n        <div class=\"cat-card animate-on-scroll\">\r\n          <div class=\"cat-icon\" style=\"background:var(--soft-blue)\">\ud83d\udc57<\/div>\r\n          <h3>Dresses<\/h3>\r\n          <p>Beautiful dresses for every occasion<\/p>\r\n        <\/div>\r\n        <div class=\"cat-card animate-on-scroll\">\r\n          <div class=\"cat-icon\" style=\"background:var(--soft-green)\">\ud83d\udc56<\/div>\r\n          <h3>Bottoms<\/h3>\r\n          <p>Comfortable pants, shorts &amp; leggings<\/p>\r\n        <\/div>\r\n        <div class=\"cat-card animate-on-scroll\">\r\n          <div class=\"cat-icon\" style=\"background:var(--accent)\">\ud83e\udde5<\/div>\r\n          <h3>Outerwear<\/h3>\r\n          <p>Cozy jackets &amp; sweaters for chilly days<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Reviews -->\r\n  <section class=\"section reviews\" id=\"reviews\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header animate-on-scroll\">\r\n        <span class=\"section-tag\">\u2764\ufe0f Happy Parents<\/span>\r\n        <h2 class=\"section-title\">What Parents Say<\/h2>\r\n        <p class=\"section-sub\">Real reviews from real families who trust Venkat for their little ones.<\/p>\r\n      <\/div>\r\n      <div class=\"reviews-grid\">\r\n        <div class=\"review-card animate-on-scroll\">\r\n          <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p class=\"review-text\">\"Absolutely love the quality! The fabric is so soft and my daughter refuses to wear anything else. Worth every penny!\"<\/p>\r\n          <div class=\"review-author\">\r\n            <div class=\"review-avatar\">SP<\/div>\r\n            <div><div class=\"review-name\">Priya Sharma<\/div><div class=\"review-role\">Mother of 3-year-old<\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"review-card animate-on-scroll\">\r\n          <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p class=\"review-text\">\"Finally a brand that understands kids' clothing needs to be durable. My son plays all day and the clothes still look brand new!\"<\/p>\r\n          <div class=\"review-author\">\r\n            <div class=\"review-avatar\">AK<\/div>\r\n            <div><div class=\"review-name\">Anjali Kapoor<\/div><div class=\"review-role\">Mother of 5-year-old<\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"review-card animate-on-scroll\">\r\n          <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p class=\"review-text\">\"The designs are so unique and adorable! My twins love matching outfits from Venkat. Fast delivery and amazing customer service too!\"<\/p>\r\n          <div class=\"review-author\">\r\n            <div class=\"review-avatar\">RM<\/div>\r\n            <div><div class=\"review-name\">Rahul Mehta<\/div><div class=\"review-role\">Father of twins<\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Size Guide -->\r\n  <section class=\"section size-guide\" id=\"size-guide\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header animate-on-scroll\">\r\n        <span class=\"section-tag\">\ud83d\udccf Find Your Fit<\/span>\r\n        <h2 class=\"section-title\">Size Guide<\/h2>\r\n        <p class=\"section-sub\">Our sizes are designed for comfort. Measure your child and find the perfect fit.<\/p>\r\n      <\/div>\r\n      <div class=\"size-table-wrap animate-on-scroll\">\r\n        <table class=\"size-table\">\r\n          <thead>\r\n            <tr><th>Age<\/th><th>Height (cm)<\/th><th>Weight (kg)<\/th><th>Chest (cm)<\/th><th>Waist (cm)<\/th><th>Hip (cm)<\/th><\/tr>\r\n          <\/thead>\r\n          <tbody>\r\n            <tr><td>0-3 M<\/td><td>50-60<\/td><td>3-6<\/td><td>40-43<\/td><td>38-41<\/td><td>41-44<\/td><\/tr>\r\n            <tr><td>3-6 M<\/td><td>60-68<\/td><td>6-8<\/td><td>43-46<\/td><td>41-43<\/td><td>44-47<\/td><\/tr>\r\n            <tr><td>6-12 M<\/td><td>68-76<\/td><td>8-10<\/td><td>46-48<\/td><td>43-45<\/td><td>47-49<\/td><\/tr>\r\n            <tr><td>1-2 Y<\/td><td>76-88<\/td><td>10-13<\/td><td>48-51<\/td><td>45-47<\/td><td>49-52<\/td><\/tr>\r\n            <tr><td>2-3 Y<\/td><td>88-98<\/td><td>13-16<\/td><td>51-54<\/td><td>47-49<\/td><td>52-55<\/td><\/tr>\r\n            <tr><td>3-4 Y<\/td><td>98-105<\/td><td>16-19<\/td><td>54-56<\/td><td>49-51<\/td><td>55-57<\/td><\/tr>\r\n            <tr><td>4-5 Y<\/td><td>105-115<\/td><td>19-22<\/td><td>56-58<\/td><td>51-53<\/td><td>57-60<\/td><\/tr>\r\n            <tr><td>5-6 Y<\/td><td>115-120<\/td><td>22-25<\/td><td>58-61<\/td><td>53-55<\/td><td>60-63<\/td><\/tr>\r\n            <tr><td>6-8 Y<\/td><td>120-130<\/td><td>25-30<\/td><td>61-65<\/td><td>55-58<\/td><td>63-67<\/td><\/tr>\r\n            <tr><td>8-10 Y<\/td><td>130-145<\/td><td>30-38<\/td><td>65-70<\/td><td>58-62<\/td><td>67-72<\/td><\/tr>\r\n          <\/tbody>\r\n        <\/table>\r\n      <\/div>\r\n      <div class=\"size-tip animate-on-scroll\">\r\n        <span style=\"font-size:32px\">\ud83d\udccc<\/span>\r\n        <div><strong>Pro Tip:<\/strong> For the best fit, measure your child's height and compare with the chart. If between sizes, we recommend sizing up for growing room!<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FAQs -->\r\n  <section class=\"section faqs\" id=\"faqs\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header animate-on-scroll\">\r\n        <span class=\"section-tag\">\u2753 Got Questions?<\/span>\r\n        <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n        <p class=\"section-sub\">Everything you need to know before you shop with us.<\/p>\r\n      <\/div>\r\n      <div class=\"faq-list\">\r\n        <div class=\"faq-item animate-on-scroll\">\r\n          <button class=\"faq-question\">What materials do you use? <span class=\"icon\">+<\/span><\/button>\r\n          <div class=\"faq-answer\">We use 100% organic cotton and hypoallergenic materials that are gentle on your child's skin. All our fabrics are certified safe and free from harmful chemicals.<\/div>\r\n        <\/div>\r\n        <div class=\"faq-item animate-on-scroll\">\r\n          <button class=\"faq-question\">What is your return policy? <span class=\"icon\">+<\/span><\/button>\r\n          <div class=\"faq-answer\">We offer free returns within 30 days of delivery. Items must be unworn with tags attached. We'll process your refund within 5-7 business days after we receive the return.<\/div>\r\n        <\/div>\r\n        <div class=\"faq-item animate-on-scroll\">\r\n          <button class=\"faq-question\">How long does shipping take? <span class=\"icon\">+<\/span><\/button>\r\n          <div class=\"faq-answer\">Standard shipping takes 3-5 business days within India. Express shipping is available at checkout for 1-2 day delivery. Free shipping on orders above \u20b9999.<\/div>\r\n        <\/div>\r\n        <div class=\"faq-item animate-on-scroll\">\r\n          <button class=\"faq-question\">How do I choose the right size? <span class=\"icon\">+<\/span><\/button>\r\n          <div class=\"faq-answer\">Refer to our Size Guide above! We recommend measuring your child's height and comparing with our size chart. If in doubt, size up \u2014 your little one will grow into it!<\/div>\r\n        <\/div>\r\n        <div class=\"faq-item animate-on-scroll\">\r\n          <button class=\"faq-question\">Do you have a loyalty program? <span class=\"icon\">+<\/span><\/button>\r\n          <div class=\"faq-answer\">Yes! Join Venkat Rewards to earn points on every purchase. Get exclusive discounts, early access to new collections, and a special birthday surprise for your child!<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Contact -->\r\n  <section class=\"section contact\" id=\"contact\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header animate-on-scroll\">\r\n        <span class=\"section-tag\">\ud83d\udcec Get in Touch<\/span>\r\n        <h2 class=\"section-title\">We'd Love to Hear from You<\/h2>\r\n        <p class=\"section-sub\">Have a question, suggestion, or just want to say hello? Reach out to us!<\/p>\r\n      <\/div>\r\n      <div class=\"contact-grid\">\r\n        <div class=\"contact-info animate-on-scroll\">\r\n          <h3>Let's Connect<\/h3>\r\n          <p>Our team is here to help you with anything you need. We typically respond within 24 hours.<\/p>\r\n          <div class=\"contact-detail\">\r\n            <div class=\"icon\">\ud83d\udce7<\/div>\r\n            <div><div class=\"label\">Email<\/div><div class=\"value\"><a href=\"mailto:abc@gmail.com\">abc@gmail.com<\/a><\/div><\/div>\r\n          <\/div>\r\n          <div class=\"contact-detail\">\r\n            <div class=\"icon\">\ud83d\udcde<\/div>\r\n            <div><div class=\"label\">Phone<\/div><div class=\"value\">+91 98765 43210<\/div><\/div>\r\n          <\/div>\r\n          <div class=\"contact-detail\">\r\n            <div class=\"icon\">\ud83d\udccd<\/div>\r\n            <div><div class=\"label\">Location<\/div><div class=\"value\">Mumbai, India<\/div><\/div>\r\n          <\/div>\r\n          <div class=\"contact-detail\">\r\n            <div class=\"icon\">\u23f0<\/div>\r\n            <div><div class=\"label\">Hours<\/div><div class=\"value\">Mon-Sat, 10:00 AM - 7:00 PM<\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n          <h3>Send Us a Message<\/h3>\r\n          <div class=\"form-group\">\r\n            <label>Your Name<\/label>\r\n            \r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label>Email Address<\/label>\r\n            \r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label>Subject<\/label>\r\n            \r\n              General Inquiry\r\n              Order Support\r\n              Returns &amp; Exchanges\r\n              Bulk Orders\r\n              Other\r\n            \r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label>Message<\/label>\r\n            <textarea><\/textarea>\r\n          <\/div>\r\n          <button type=\"submit\" class=\"btn btn-primary\" style=\"width:100%;justify-content:center\">Send Message \u2192<\/button>\r\n        \r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Newsletter -->\r\n  <section class=\"section newsletter\">\r\n    <div class=\"container\">\r\n      <div class=\"animate-on-scroll\">\r\n        <h2>\ud83c\udf80 Join the Venkat Family<\/h2>\r\n        <p>Subscribe for exclusive deals, new arrivals, styling tips &amp; a special 10% off coupon!<\/p>\r\n        \r\n          \r\n          <button type=\"submit\">Subscribe \u2192<\/button>\r\n        \r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Footer -->\r\n  <footer class=\"footer\">\r\n    <div class=\"container\">\r\n      <div class=\"footer-grid\">\r\n        <div class=\"footer-brand\">\r\n          <div class=\"logo\"><span class=\"logo-icon\">\ud83d\udc57<\/span>Venkat<span style=\"color:var(--primary)\">.<\/span><\/div>\r\n          <p>Crafting premium children's fashion with love and care. Every piece tells a story of comfort, quality, and joy.<\/p>\r\n          <div class=\"footer-social\">\r\n            <a href=\"#\" aria-label=\"Instagram\">\ud83d\udcf8<\/a>\r\n            <a href=\"#\" aria-label=\"Facebook\">\ud83d\udc4d<\/a>\r\n            <a href=\"#\" aria-label=\"Twitter\">\ud83d\udc26<\/a>\r\n            <a href=\"#\" aria-label=\"Pinterest\">\ud83d\udccc<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div>\r\n          <h4>Quick Links<\/h4>\r\n          <a href=\"#collections\">Collections<\/a>\r\n          <a href=\"#new-arrivals\">New Arrivals<\/a>\r\n          <a href=\"#categories\">Categories<\/a>\r\n          <a href=\"#size-guide\">Size Guide<\/a>\r\n        <\/div>\r\n        <div>\r\n          <h4>Support<\/h4>\r\n          <a href=\"#faqs\">FAQs<\/a>\r\n          <a href=\"#contact\">Contact Us<\/a>\r\n          <a href=\"#\">Shipping Policy<\/a>\r\n          <a href=\"#\">Returns &amp; Exchanges<\/a>\r\n        <\/div>\r\n        <div>\r\n          <h4>Company<\/h4>\r\n          <a href=\"#about\">About Us<\/a>\r\n          <a href=\"#reviews\">Reviews<\/a>\r\n          <a href=\"#\">Privacy Policy<\/a>\r\n          <a href=\"#\">Terms of Service<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"footer-bottom\">\r\n        <span>&copy; 2026 Venkat. All rights reserved.<\/span>\r\n        <span>Made with \ud83d\udc9b for little dreamers<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n  <!-- Cart Overlay -->\r\n  <div class=\"cart-overlay\" id=\"cartOverlay\"><\/div>\r\n\r\n  <!-- Cart Sidebar -->\r\n  <div class=\"cart-sidebar\" id=\"cartSidebar\">\r\n    <div class=\"cart-header\">\r\n      <h2>\ud83d\uded2 Your Cart<\/h2>\r\n      <button class=\"cart-close\">\u00d7<\/button>\r\n    <\/div>\r\n    <div class=\"cart-items\" id=\"cartItems\">\r\n      <div class=\"cart-empty\">\r\n        <div class=\"icon\">\ud83d\udecd\ufe0f<\/div>\r\n        <p>Your cart is empty<\/p>\r\n        <p style=\"font-size:13px\">Add some cute outfits for your little one!<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"cart-footer\" id=\"cartFooter\" style=\"display:none\">\r\n      <div class=\"cart-total\">Total: <span class=\"amount\" id=\"cartTotal\">\u20b90<\/span><\/div>\r\n      <button class=\"btn-checkout\">Proceed to Checkout \u2192<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Checkout Modal -->\r\n  <div class=\"checkout-overlay\" id=\"checkoutOverlay\">\r\n    <div class=\"checkout-modal\">\r\n      <button class=\"close\">\u00d7<\/button>\r\n      <h2>\ud83d\ude9a Checkout<\/h2>\r\n      \r\n        <div class=\"form-group\"><label>Full Name<\/label><\/div>\r\n        <div class=\"form-group\"><label>Email Address<\/label><\/div>\r\n        <div class=\"form-group\"><label>Phone Number<\/label><\/div>\r\n        <div class=\"form-group\"><label>Shipping Address<\/label><textarea><\/textarea><\/div>\r\n        <div class=\"form-group\"><label>Order Notes (Optional)<\/label><textarea style=\"height:60px\"><\/textarea><\/div>\r\n        <div style=\"display:flex;gap:12px\">\r\n          <div class=\"form-group\" style=\"flex:1\"><label>City<\/label><\/div>\r\n          <div class=\"form-group\" style=\"flex:1\"><label>Pincode<\/label><\/div>\r\n        <\/div>\r\n        <div style=\"background:var(--soft-green);padding:16px;border-radius:12px;margin-bottom:16px\">\r\n          <div style=\"display:flex;justify-content:space-between;font-weight:700\">\r\n            <span>Order Total:<\/span>\r\n            <span style=\"color:var(--primary);font-size:20px\" id=\"checkoutTotal\">\u20b90<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <button type=\"submit\" class=\"btn btn-primary\" style=\"width:100%;justify-content:center\">Place Order \ud83c\udf89<\/button>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Toast -->\r\n  <div class=\"toast\" id=\"toast\"><\/div>\r\n\r\n  <!-- Back to Top -->\r\n  <button class=\"back-top\" id=\"backTop\">\u2191<\/button>\r\n\r\n  \r\n    \/\/ Product Data\r\n    const products = [\r\n      { id: 'p1', name: 'Cotton Blossom Dress', price: 1599, oldPrice: 2199, emoji: '\ud83d\udc57', category: 'Dresses', tag: 'sale', rating: 5, reviews: 42 },\r\n      { id: 'p2', name: 'Stripe Polo Tee', price: 899, oldPrice: null, emoji: '\ud83d\udc55', category: 'Tops', tag: 'bestseller', rating: 4, reviews: 28 },\r\n      { id: 'p3', name: 'Denim Dungaree Set', price: 2199, oldPrice: null, emoji: '\ud83d\udc56', category: 'Bottoms', tag: 'bestseller', rating: 5, reviews: 36 },\r\n      { id: 'p4', name: 'Cloud Soft Hoodie', price: 1899, oldPrice: 2499, emoji: '\ud83e\udde5', category: 'Outerwear', tag: 'sale', rating: 4, reviews: 19 },\r\n      { id: 'p5', name: 'Rainbow Tutu Skirt', price: 1299, oldPrice: null, emoji: '\ud83d\udc57', category: 'Dresses', tag: 'new', rating: 5, reviews: 15 },\r\n      { id: 'p6', name: 'Animal Print Tee', price: 799, oldPrice: null, emoji: '\ud83d\udc55', category: 'Tops', tag: null, rating: 4, reviews: 22 },\r\n      { id: 'p7', name: 'Cuffed Jogger Pants', price: 1499, oldPrice: null, emoji: '\ud83d\udc56', category: 'Bottoms', tag: 'bestseller', rating: 5, reviews: 44 },\r\n      { id: 'p8', name: 'Knitted Cardigan', price: 2299, oldPrice: 2999, emoji: '\ud83e\udde5', category: 'Outerwear', tag: 'sale', rating: 4, reviews: 11 }\r\n    ];\r\n\r\n    \/\/ Render Products\r\n    function renderProducts() {\r\n      const grid = document.getElementById('productsGrid');\r\n      grid.innerHTML = products.map(p =&gt; {\r\n        const badge = p.tag ? `<div class=\"product-badge ${p.tag}\">${p.tag === 'new' ? 'New' : p.tag === 'sale' ? 'Sale' : 'Best Seller'}<\/div>` : '';\r\n        const stars = '\u2605'.repeat(p.rating) + '\u2606'.repeat(5-p.rating);\r\n        const old = p.oldPrice ? `<span class=\"old\">\u20b9${p.oldPrice}<\/span>` : '';\r\n        return `\r\n          <div class=\"product-card animate-on-scroll\">\r\n            ${badge}\r\n            <div class=\"product-image\"><span class=\"emoji\">${p.emoji}<\/span><button class=\"product-quick\">Quick Add<\/button><\/div>\r\n            <div class=\"product-info\">\r\n              <div class=\"product-category\">${p.category}<\/div>\r\n              <div class=\"product-name\">${p.name}<\/div>\r\n              <div class=\"product-rating\">${stars} <span>(${p.reviews})<\/span><\/div>\r\n              <div class=\"product-price\"><span class=\"current\">\u20b9${p.price}<\/span>${old}<\/div>\r\n              <button class=\"product-add\">Add to Cart<\/button>\r\n            <\/div>\r\n          <\/div>`;\r\n      }).join('');\r\n    }\r\n\r\n    function getBgColor(id) {\r\n      const colors = ['#FFE0E6','#D4F1F9','#D4EDDA','#FFF3CD','#E8DAEF','#F5CBA7','#AED6F1','#FADBD8'];\r\n      const idx = id.split('')[1] - 1;\r\n      return colors[idx % colors.length];\r\n    }\r\n\r\n    \/\/ Cart\r\n    let cart = [];\r\n    function addToCart(product) {\r\n      const existing = cart.find(item =&gt; item.id === product.id);\r\n      if (existing) { existing.qty++; }\r\n      else { cart.push({ ...product, qty: 1 }); }\r\n      updateCart();\r\n      showToast(`${product.name} added to cart! \ud83c\udf89`);\r\n    }\r\n\r\n    function updateCart() {\r\n      const count = cart.reduce((sum, item) =&gt; sum + item.qty, 0);\r\n      document.getElementById('cartCount').textContent = count;\r\n      const container = document.getElementById('cartItems');\r\n      const footer = document.getElementById('cartFooter');\r\n      if (cart.length === 0) {\r\n        container.innerHTML = '<div class=\"cart-empty\"><div class=\"icon\">\ud83d\udecd\ufe0f<\/div><p>Your cart is empty<\/p><p style=\"font-size:13px\">Add some cute outfits for your little one!<\/p><\/div>';\r\n        footer.style.display = 'none';\r\n        return;\r\n      }\r\n      footer.style.display = 'block';\r\n      let total = 0;\r\n      container.innerHTML = cart.map(item =&gt; {\r\n        total += item.price * item.qty;\r\n        return `\r\n          <div class=\"cart-item\">\r\n            <div class=\"cart-item-img\">${item.emoji}<\/div>\r\n            <div class=\"cart-item-info\">\r\n              <div class=\"cart-item-name\">${item.name}<\/div>\r\n              <div class=\"cart-item-price\">\u20b9${item.price}<\/div>\r\n              <div class=\"cart-item-qty\">\r\n                <button>\u2212<\/button>\r\n                <span>${item.qty}<\/span>\r\n                <button>+<\/button>\r\n              <\/div>\r\n            <\/div>\r\n            <button class=\"cart-item-remove\">\u00d7<\/button>\r\n          <\/div>`;\r\n      }).join('');\r\n      document.getElementById('cartTotal').textContent = `\u20b9${total}`;\r\n      document.getElementById('checkoutTotal').textContent = `\u20b9${total}`;\r\n    }\r\n\r\n    function changeQty(id, delta) {\r\n      const item = cart.find(i =&gt; i.id === id);\r\n      if (!item) return;\r\n      item.qty += delta;\r\n      if (item.qty  i.id !== id);\r\n      updateCart();\r\n    }\r\n\r\n    function toggleCart() {\r\n      document.getElementById('cartOverlay').classList.toggle('active');\r\n      document.getElementById('cartSidebar').classList.toggle('active');\r\n      document.body.style.overflow = document.getElementById('cartOverlay').classList.contains('active') ? 'hidden' : '';\r\n    }\r\n\r\n    function openCheckout() {\r\n      if (cart.length === 0) return;\r\n      document.getElementById('checkoutTotal').textContent = `\u20b9${cart.reduce((s,i) =&gt; s + i.price * i.qty, 0)}`;\r\n      document.getElementById('checkoutOverlay').classList.add('active');\r\n    }\r\n\r\n    function closeCheckout() {\r\n      document.getElementById('checkoutOverlay').classList.remove('active');\r\n    }\r\n\r\n    function handleCheckout(e) {\r\n      e.preventDefault();\r\n      closeCheckout();\r\n      toggleCart();\r\n      cart = [];\r\n      updateCart();\r\n      showToast('\ud83c\udf89 Order placed successfully! Thank you for shopping with Venkat!');\r\n    }\r\n\r\n    \/\/ Toast\r\n    function showToast(msg) {\r\n      const t = document.getElementById('toast');\r\n      t.textContent = msg;\r\n      t.classList.add('show');\r\n      clearTimeout(t._timer);\r\n      t._timer = setTimeout(() =&gt; t.classList.remove('show'), 3000);\r\n    }\r\n\r\n    \/\/ FAQs\r\n    function toggleFaq(btn) {\r\n      btn.parentElement.classList.toggle('active');\r\n    }\r\n\r\n    \/\/ Contact form\r\n    function handleContact(e) {\r\n      e.preventDefault();\r\n      showToast('\ud83d\udce7 Message sent! We\\'ll get back to you within 24 hours.');\r\n      e.target.reset();\r\n    }\r\n\r\n    \/\/ Newsletter\r\n    function handleNewsletter(e) {\r\n      e.preventDefault();\r\n      showToast('\ud83c\udf89 Subscribed! Check your inbox for your 10% off coupon!');\r\n      e.target.reset();\r\n    }\r\n\r\n    \/\/ Mobile nav\r\n    function toggleMobileNav() {\r\n      document.getElementById('mobileNav').classList.toggle('active');\r\n      document.querySelector('.hamburger').classList.toggle('active');\r\n    }\r\n\r\n    \/\/ Scroll animations\r\n    function handleScrollAnimations() {\r\n      const els = document.querySelectorAll('.animate-on-scroll');\r\n      els.forEach(el =&gt; {\r\n        const rect = el.getBoundingClientRect();\r\n        if (rect.top  {\r\n      document.getElementById('backTop').classList.toggle('show', window.scrollY &gt; 400);\r\n      document.querySelector('.header').classList.toggle('scrolled', window.scrollY &gt; 50);\r\n      handleScrollAnimations();\r\n    });\r\n\r\n    \/\/ Init\r\n    document.addEventListener('DOMContentLoaded', () =&gt; {\r\n      renderProducts();\r\n      handleScrollAnimations();\r\n    });\r\n\r\n    \/\/ Close cart on escape\r\n    document.addEventListener('keydown', (e) =&gt; {\r\n      if (e.key === 'Escape') {\r\n        if (document.getElementById('cartOverlay').classList.contains('active')) toggleCart();\r\n        if (document.getElementById('checkoutOverlay').classList.contains('active')) closeCheckout();\r\n      }\r\n    });\r\n  \r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Venkat \u2014 Premium Children&#8217;s Fashion * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: &#8216;Nunito&#8217;, sans-serif; background: #FFF8F0; color: #4A4A4A; overflow-x: hidden; } :root { &#8211;primary: #FF7E67; &#8211;secondary: #5EC4B7; &#8211;accent: #FFD166; &#8211;bg: #FFF8F0; &#8211;dark: #2D4059; &#8211;text: #4A4A4A; &#8211;pink: #FFE0E6; &#8211;soft-blue: #D4F1F9; &#8211;soft-green: #D4EDDA; &#8211;shadow: 0 8px 32px rgba(0,0,0,0.08); &#8211;radius: 20px; } a { text-decoration: none; color: inherit; } img { max-width: 100%; display: block; } .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; } \/* Scrollbar *\/ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: var(&#8211;bg); } ::-webkit-scrollbar-thumb { background: var(&#8211;primary); border-radius: 10px; } \/* Animations *\/ @keyframes fadeUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } } @keyframes pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.05); } } @keyframes slideIn { from { transform: translateX(100%); } to { transform: translateX(0); } } @keyframes slideOut { from { transform: translateX(0); } to { transform: translateX(100%); } } @keyframes scaleIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } } @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } .animate-on-scroll { opacity: 0; transform: translateY(40px); transition: all 0.8s ease; } .animate-on-scroll.visible { opacity: 1; transform: translateY(0); } \/* Header *\/ .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: rgba(255,248,240,0.95); backdrop-filter: blur(20px); border-bottom: 2px solid rgba(255,126,103,0.15); transition: all 0.3s; } .header.scrolled { box-shadow: var(&#8211;shadow); } .header-inner { display: flex; align-items: center; justify-content: space-between; height: 72px; } .logo { font-family: &#8216;Fredoka One&#8217;, cursive; font-size: 28px; color: var(&#8211;primary); display: flex; align-items: center; gap: 8px; } .logo span { color: var(&#8211;dark); } .logo-icon { font-size: 32px; } .nav { display: flex; align-items: center; gap: 32px; } .nav a { font-weight: 600; font-size: 15px; color: var(&#8211;text); position: relative; padding: 4px 0; transition: color 0.3s; } .nav a::after { content: &#8221;; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: var(&#8211;primary); transition: width 0.3s; } .nav a:hover { color: var(&#8211;primary); } .nav a:hover::after { width: 100%; } .header-actions { display: flex; align-items: center; gap: 16px; } .header-actions button { background: none; border: none; cursor: pointer; font-size: 20px; color: var(&#8211;dark); position: relative; padding: 8px; border-radius: 50%; transition: background 0.3s; } .header-actions button:hover { background: var(&#8211;pink); } .cart-count { position: absolute; top: 0; right: 0; background: var(&#8211;primary); color: #fff; font-size: 10px; font-weight: 700; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 8px; } .hamburger span { width: 24px; height: 2.5px; background: var(&#8211;dark); border-radius: 2px; transition: all 0.3s; } .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); } .hamburger.active span:nth-child(2) { opacity: 0; } .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); } .mobile-nav { display: none; position: fixed; top: 72px; left: 0; width: 100%; background: #fff; padding: 24px; box-shadow: var(&#8211;shadow); z-index: 999; border-top: 2px solid var(&#8211;pink); } .mobile-nav.active { display: block; animation: fadeIn 0.3s ease; } .mobile-nav a { display: block; padding: 12px 0; font-weight: 600; font-size: 16px; color: var(&#8211;text); border-bottom: 1px solid #f0f0f0; } .mobile-nav a:last-child { border-bottom: none; } \/* Hero *\/ .hero { min-height: 100vh; display: flex; align-items: center; padding-top: 72px; background: linear-gradient(135deg, #FFF8F0 0%, #FFE0E6 50%, #D4F1F9 100%); position: relative; overflow: hidden; } .hero::before { content: &#8221;; position: absolute; top: -50%; right: -20%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(255,126,103,0.12) 0%, transparent 70%); border-radius: 50%; } .hero::after { content: &#8221;; position: absolute; bottom: -30%; left: -10%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(94,196,183,0.1) 0%, transparent 70%); border-radius: 50%; } .hero-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; position: relative; z-index: 1; } .hero-text h1 { font-family: &#8216;Fredoka One&#8217;, cursive; font-size: 56px; line-height: 1.15; color: var(&#8211;dark); margin-bottom: 16px; } .hero-text h1 span { color: var(&#8211;primary); position: relative; } .hero-text h1 span::after { content: &#8216;\u2728&#8217;; position: absolute; top: -10px; right: -30px; font-size: 24px; } .hero-text p { font-size: 18px; line-height: 1.7; color: #666; margin-bottom: 32px; max-width: 480px; } .hero-badges { display: flex; gap: 24px; margin-bottom: 32px; } .hero-badge { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(&#8211;dark); } .hero-badge .icon { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; } .hero-badge .icon.green { background: var(&#8211;soft-green); } .hero-badge .icon.pink { background: var(&#8211;pink); } .hero-badge .icon.blue { background: var(&#8211;soft-blue); } .btn { display: inline-flex; align-items: center; gap: 8px; padding: 16px 36px; border-radius: 50px; font-weight: 700; font-size: 16px; border: none; cursor: pointer; transition: all 0.3s; } .btn-primary { background: var(&#8211;primary); color: #fff; box-shadow: 0 4px 20px rgba(255,126,103,0.4); } .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(255,126,103,0.5); } .btn-secondary { background: #fff; color: var(&#8211;dark); border: 2px solid var(&#8211;primary); } .btn-secondary:hover { background: var(&#8211;primary); color: #fff; transform: translateY(-3px); } .btn-accent { background: var(&#8211;accent); color: var(&#8211;dark); box-shadow: 0 4px 20px rgba(255,209,102,0.4); } .btn-accent:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(255,209,102,0.5); } .hero-visual { position: relative; display: flex; justify-content: center; align-items: center; } .hero-circle { width: 420px; height: 420px; border-radius: 50%; background: linear-gradient(135deg, var(&#8211;primary), var(&#8211;accent)); display: flex; align-items: center; justify-content: center; animation: float 4s ease-in-out infinite; box-shadow: 0 20px 60px rgba(255,126,103,0.3); } .hero-circle-inner { width: 340px; height: 340px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 120px; } .hero-float-item { position: absolute; width: 64px; height: 64px; border-radius: 16px; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 28px; box-shadow: var(&#8211;shadow); animation: float 3s ease-in-out infinite; } .hero-float-item:nth-child(2) { top: 30px; right: 40px; animation-delay: 0.5s; background: var(&#8211;pink); } .hero-float-item:nth-child(3) { bottom: 50px; left: 20px; animation-delay: 1s; background: var(&#8211;soft-blue); } .hero-float-item:nth-child(4) { bottom: 20px; right: 60px; animation-delay: 1.5s; background: var(&#8211;soft-green); } \/* Sections common *\/ .section { padding: 100px 0; } .section-header { text-align: center; margin-bottom: 56px; } .section-tag { display: inline-block; background: var(&#8211;pink); color: var(&#8211;primary); padding: 8px 20px; border-radius: 50px; font-weight: 700; font-size: 13px; text-transform: uppercase;<\/p>\n","protected":false},"author":25,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Elementor #28 - FLM DM Course 19th Batch-M Venkat<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/flmdm19.in\/mvenkat\/elementor-28\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elementor #28 - FLM DM Course 19th Batch-M Venkat\" \/>\n<meta property=\"og:description\" content=\"Venkat \u2014 Premium Children&#8217;s Fashion * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: &#8216;Nunito&#8217;, sans-serif; background: #FFF8F0; color: #4A4A4A; overflow-x: hidden; } :root { &#8211;primary: #FF7E67; &#8211;secondary: #5EC4B7; &#8211;accent: #FFD166; &#8211;bg: #FFF8F0; &#8211;dark: #2D4059; &#8211;text: #4A4A4A; &#8211;pink: #FFE0E6; &#8211;soft-blue: #D4F1F9; &#8211;soft-green: #D4EDDA; &#8211;shadow: 0 8px 32px rgba(0,0,0,0.08); &#8211;radius: 20px; } a { text-decoration: none; color: inherit; } img { max-width: 100%; display: block; } .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; } \/* Scrollbar *\/ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: var(&#8211;bg); } ::-webkit-scrollbar-thumb { background: var(&#8211;primary); border-radius: 10px; } \/* Animations *\/ @keyframes fadeUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } } @keyframes pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.05); } } @keyframes slideIn { from { transform: translateX(100%); } to { transform: translateX(0); } } @keyframes slideOut { from { transform: translateX(0); } to { transform: translateX(100%); } } @keyframes scaleIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } } @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } .animate-on-scroll { opacity: 0; transform: translateY(40px); transition: all 0.8s ease; } .animate-on-scroll.visible { opacity: 1; transform: translateY(0); } \/* Header *\/ .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: rgba(255,248,240,0.95); backdrop-filter: blur(20px); border-bottom: 2px solid rgba(255,126,103,0.15); transition: all 0.3s; } .header.scrolled { box-shadow: var(&#8211;shadow); } .header-inner { display: flex; align-items: center; justify-content: space-between; height: 72px; } .logo { font-family: &#8216;Fredoka One&#8217;, cursive; font-size: 28px; color: var(&#8211;primary); display: flex; align-items: center; gap: 8px; } .logo span { color: var(&#8211;dark); } .logo-icon { font-size: 32px; } .nav { display: flex; align-items: center; gap: 32px; } .nav a { font-weight: 600; font-size: 15px; color: var(&#8211;text); position: relative; padding: 4px 0; transition: color 0.3s; } .nav a::after { content: &#8221;; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: var(&#8211;primary); transition: width 0.3s; } .nav a:hover { color: var(&#8211;primary); } .nav a:hover::after { width: 100%; } .header-actions { display: flex; align-items: center; gap: 16px; } .header-actions button { background: none; border: none; cursor: pointer; font-size: 20px; color: var(&#8211;dark); position: relative; padding: 8px; border-radius: 50%; transition: background 0.3s; } .header-actions button:hover { background: var(&#8211;pink); } .cart-count { position: absolute; top: 0; right: 0; background: var(&#8211;primary); color: #fff; font-size: 10px; font-weight: 700; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 8px; } .hamburger span { width: 24px; height: 2.5px; background: var(&#8211;dark); border-radius: 2px; transition: all 0.3s; } .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); } .hamburger.active span:nth-child(2) { opacity: 0; } .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); } .mobile-nav { display: none; position: fixed; top: 72px; left: 0; width: 100%; background: #fff; padding: 24px; box-shadow: var(&#8211;shadow); z-index: 999; border-top: 2px solid var(&#8211;pink); } .mobile-nav.active { display: block; animation: fadeIn 0.3s ease; } .mobile-nav a { display: block; padding: 12px 0; font-weight: 600; font-size: 16px; color: var(&#8211;text); border-bottom: 1px solid #f0f0f0; } .mobile-nav a:last-child { border-bottom: none; } \/* Hero *\/ .hero { min-height: 100vh; display: flex; align-items: center; padding-top: 72px; background: linear-gradient(135deg, #FFF8F0 0%, #FFE0E6 50%, #D4F1F9 100%); position: relative; overflow: hidden; } .hero::before { content: &#8221;; position: absolute; top: -50%; right: -20%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(255,126,103,0.12) 0%, transparent 70%); border-radius: 50%; } .hero::after { content: &#8221;; position: absolute; bottom: -30%; left: -10%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(94,196,183,0.1) 0%, transparent 70%); border-radius: 50%; } .hero-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; position: relative; z-index: 1; } .hero-text h1 { font-family: &#8216;Fredoka One&#8217;, cursive; font-size: 56px; line-height: 1.15; color: var(&#8211;dark); margin-bottom: 16px; } .hero-text h1 span { color: var(&#8211;primary); position: relative; } .hero-text h1 span::after { content: &#8216;\u2728&#8217;; position: absolute; top: -10px; right: -30px; font-size: 24px; } .hero-text p { font-size: 18px; line-height: 1.7; color: #666; margin-bottom: 32px; max-width: 480px; } .hero-badges { display: flex; gap: 24px; margin-bottom: 32px; } .hero-badge { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(&#8211;dark); } .hero-badge .icon { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; } .hero-badge .icon.green { background: var(&#8211;soft-green); } .hero-badge .icon.pink { background: var(&#8211;pink); } .hero-badge .icon.blue { background: var(&#8211;soft-blue); } .btn { display: inline-flex; align-items: center; gap: 8px; padding: 16px 36px; border-radius: 50px; font-weight: 700; font-size: 16px; border: none; cursor: pointer; transition: all 0.3s; } .btn-primary { background: var(&#8211;primary); color: #fff; box-shadow: 0 4px 20px rgba(255,126,103,0.4); } .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(255,126,103,0.5); } .btn-secondary { background: #fff; color: var(&#8211;dark); border: 2px solid var(&#8211;primary); } .btn-secondary:hover { background: var(&#8211;primary); color: #fff; transform: translateY(-3px); } .btn-accent { background: var(&#8211;accent); color: var(&#8211;dark); box-shadow: 0 4px 20px rgba(255,209,102,0.4); } .btn-accent:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(255,209,102,0.5); } .hero-visual { position: relative; display: flex; justify-content: center; align-items: center; } .hero-circle { width: 420px; height: 420px; border-radius: 50%; background: linear-gradient(135deg, var(&#8211;primary), var(&#8211;accent)); display: flex; align-items: center; justify-content: center; animation: float 4s ease-in-out infinite; box-shadow: 0 20px 60px rgba(255,126,103,0.3); } .hero-circle-inner { width: 340px; height: 340px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 120px; } .hero-float-item { position: absolute; width: 64px; height: 64px; border-radius: 16px; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 28px; box-shadow: var(&#8211;shadow); animation: float 3s ease-in-out infinite; } .hero-float-item:nth-child(2) { top: 30px; right: 40px; animation-delay: 0.5s; background: var(&#8211;pink); } .hero-float-item:nth-child(3) { bottom: 50px; left: 20px; animation-delay: 1s; background: var(&#8211;soft-blue); } .hero-float-item:nth-child(4) { bottom: 20px; right: 60px; animation-delay: 1.5s; background: var(&#8211;soft-green); } \/* Sections common *\/ .section { padding: 100px 0; } .section-header { text-align: center; margin-bottom: 56px; } .section-tag { display: inline-block; background: var(&#8211;pink); color: var(&#8211;primary); padding: 8px 20px; border-radius: 50px; font-weight: 700; font-size: 13px; text-transform: uppercase;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flmdm19.in\/mvenkat\/elementor-28\/\" \/>\n<meta property=\"og:site_name\" content=\"FLM DM Course 19th Batch-M Venkat\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-16T16:26:21+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"21 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/flmdm19.in\\\/mvenkat\\\/elementor-28\\\/\",\"url\":\"https:\\\/\\\/flmdm19.in\\\/mvenkat\\\/elementor-28\\\/\",\"name\":\"Elementor #28 - FLM DM Course 19th Batch-M Venkat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/flmdm19.in\\\/mvenkat\\\/#website\"},\"datePublished\":\"2026-06-16T16:16:30+00:00\",\"dateModified\":\"2026-06-16T16:26:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/flmdm19.in\\\/mvenkat\\\/elementor-28\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/flmdm19.in\\\/mvenkat\\\/elementor-28\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/flmdm19.in\\\/mvenkat\\\/elementor-28\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/flmdm19.in\\\/mvenkat\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor #28\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/flmdm19.in\\\/mvenkat\\\/#website\",\"url\":\"https:\\\/\\\/flmdm19.in\\\/mvenkat\\\/\",\"name\":\"FLM DM Course 19th Batch-M Venkat\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/flmdm19.in\\\/mvenkat\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elementor #28 - FLM DM Course 19th Batch-M Venkat","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/flmdm19.in\/mvenkat\/elementor-28\/","og_locale":"en_US","og_type":"article","og_title":"Elementor #28 - FLM DM Course 19th Batch-M Venkat","og_description":"Venkat \u2014 Premium Children&#8217;s Fashion * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: &#8216;Nunito&#8217;, sans-serif; background: #FFF8F0; color: #4A4A4A; overflow-x: hidden; } :root { &#8211;primary: #FF7E67; &#8211;secondary: #5EC4B7; &#8211;accent: #FFD166; &#8211;bg: #FFF8F0; &#8211;dark: #2D4059; &#8211;text: #4A4A4A; &#8211;pink: #FFE0E6; &#8211;soft-blue: #D4F1F9; &#8211;soft-green: #D4EDDA; &#8211;shadow: 0 8px 32px rgba(0,0,0,0.08); &#8211;radius: 20px; } a { text-decoration: none; color: inherit; } img { max-width: 100%; display: block; } .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; } \/* Scrollbar *\/ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: var(&#8211;bg); } ::-webkit-scrollbar-thumb { background: var(&#8211;primary); border-radius: 10px; } \/* Animations *\/ @keyframes fadeUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } } @keyframes pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.05); } } @keyframes slideIn { from { transform: translateX(100%); } to { transform: translateX(0); } } @keyframes slideOut { from { transform: translateX(0); } to { transform: translateX(100%); } } @keyframes scaleIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } } @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } .animate-on-scroll { opacity: 0; transform: translateY(40px); transition: all 0.8s ease; } .animate-on-scroll.visible { opacity: 1; transform: translateY(0); } \/* Header *\/ .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: rgba(255,248,240,0.95); backdrop-filter: blur(20px); border-bottom: 2px solid rgba(255,126,103,0.15); transition: all 0.3s; } .header.scrolled { box-shadow: var(&#8211;shadow); } .header-inner { display: flex; align-items: center; justify-content: space-between; height: 72px; } .logo { font-family: &#8216;Fredoka One&#8217;, cursive; font-size: 28px; color: var(&#8211;primary); display: flex; align-items: center; gap: 8px; } .logo span { color: var(&#8211;dark); } .logo-icon { font-size: 32px; } .nav { display: flex; align-items: center; gap: 32px; } .nav a { font-weight: 600; font-size: 15px; color: var(&#8211;text); position: relative; padding: 4px 0; transition: color 0.3s; } .nav a::after { content: &#8221;; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: var(&#8211;primary); transition: width 0.3s; } .nav a:hover { color: var(&#8211;primary); } .nav a:hover::after { width: 100%; } .header-actions { display: flex; align-items: center; gap: 16px; } .header-actions button { background: none; border: none; cursor: pointer; font-size: 20px; color: var(&#8211;dark); position: relative; padding: 8px; border-radius: 50%; transition: background 0.3s; } .header-actions button:hover { background: var(&#8211;pink); } .cart-count { position: absolute; top: 0; right: 0; background: var(&#8211;primary); color: #fff; font-size: 10px; font-weight: 700; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 8px; } .hamburger span { width: 24px; height: 2.5px; background: var(&#8211;dark); border-radius: 2px; transition: all 0.3s; } .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); } .hamburger.active span:nth-child(2) { opacity: 0; } .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); } .mobile-nav { display: none; position: fixed; top: 72px; left: 0; width: 100%; background: #fff; padding: 24px; box-shadow: var(&#8211;shadow); z-index: 999; border-top: 2px solid var(&#8211;pink); } .mobile-nav.active { display: block; animation: fadeIn 0.3s ease; } .mobile-nav a { display: block; padding: 12px 0; font-weight: 600; font-size: 16px; color: var(&#8211;text); border-bottom: 1px solid #f0f0f0; } .mobile-nav a:last-child { border-bottom: none; } \/* Hero *\/ .hero { min-height: 100vh; display: flex; align-items: center; padding-top: 72px; background: linear-gradient(135deg, #FFF8F0 0%, #FFE0E6 50%, #D4F1F9 100%); position: relative; overflow: hidden; } .hero::before { content: &#8221;; position: absolute; top: -50%; right: -20%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(255,126,103,0.12) 0%, transparent 70%); border-radius: 50%; } .hero::after { content: &#8221;; position: absolute; bottom: -30%; left: -10%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(94,196,183,0.1) 0%, transparent 70%); border-radius: 50%; } .hero-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; position: relative; z-index: 1; } .hero-text h1 { font-family: &#8216;Fredoka One&#8217;, cursive; font-size: 56px; line-height: 1.15; color: var(&#8211;dark); margin-bottom: 16px; } .hero-text h1 span { color: var(&#8211;primary); position: relative; } .hero-text h1 span::after { content: &#8216;\u2728&#8217;; position: absolute; top: -10px; right: -30px; font-size: 24px; } .hero-text p { font-size: 18px; line-height: 1.7; color: #666; margin-bottom: 32px; max-width: 480px; } .hero-badges { display: flex; gap: 24px; margin-bottom: 32px; } .hero-badge { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(&#8211;dark); } .hero-badge .icon { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; } .hero-badge .icon.green { background: var(&#8211;soft-green); } .hero-badge .icon.pink { background: var(&#8211;pink); } .hero-badge .icon.blue { background: var(&#8211;soft-blue); } .btn { display: inline-flex; align-items: center; gap: 8px; padding: 16px 36px; border-radius: 50px; font-weight: 700; font-size: 16px; border: none; cursor: pointer; transition: all 0.3s; } .btn-primary { background: var(&#8211;primary); color: #fff; box-shadow: 0 4px 20px rgba(255,126,103,0.4); } .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(255,126,103,0.5); } .btn-secondary { background: #fff; color: var(&#8211;dark); border: 2px solid var(&#8211;primary); } .btn-secondary:hover { background: var(&#8211;primary); color: #fff; transform: translateY(-3px); } .btn-accent { background: var(&#8211;accent); color: var(&#8211;dark); box-shadow: 0 4px 20px rgba(255,209,102,0.4); } .btn-accent:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(255,209,102,0.5); } .hero-visual { position: relative; display: flex; justify-content: center; align-items: center; } .hero-circle { width: 420px; height: 420px; border-radius: 50%; background: linear-gradient(135deg, var(&#8211;primary), var(&#8211;accent)); display: flex; align-items: center; justify-content: center; animation: float 4s ease-in-out infinite; box-shadow: 0 20px 60px rgba(255,126,103,0.3); } .hero-circle-inner { width: 340px; height: 340px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 120px; } .hero-float-item { position: absolute; width: 64px; height: 64px; border-radius: 16px; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 28px; box-shadow: var(&#8211;shadow); animation: float 3s ease-in-out infinite; } .hero-float-item:nth-child(2) { top: 30px; right: 40px; animation-delay: 0.5s; background: var(&#8211;pink); } .hero-float-item:nth-child(3) { bottom: 50px; left: 20px; animation-delay: 1s; background: var(&#8211;soft-blue); } .hero-float-item:nth-child(4) { bottom: 20px; right: 60px; animation-delay: 1.5s; background: var(&#8211;soft-green); } \/* Sections common *\/ .section { padding: 100px 0; } .section-header { text-align: center; margin-bottom: 56px; } .section-tag { display: inline-block; background: var(&#8211;pink); color: var(&#8211;primary); padding: 8px 20px; border-radius: 50px; font-weight: 700; font-size: 13px; text-transform: uppercase;","og_url":"https:\/\/flmdm19.in\/mvenkat\/elementor-28\/","og_site_name":"FLM DM Course 19th Batch-M Venkat","article_modified_time":"2026-06-16T16:26:21+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"21 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/flmdm19.in\/mvenkat\/elementor-28\/","url":"https:\/\/flmdm19.in\/mvenkat\/elementor-28\/","name":"Elementor #28 - FLM DM Course 19th Batch-M Venkat","isPartOf":{"@id":"https:\/\/flmdm19.in\/mvenkat\/#website"},"datePublished":"2026-06-16T16:16:30+00:00","dateModified":"2026-06-16T16:26:21+00:00","breadcrumb":{"@id":"https:\/\/flmdm19.in\/mvenkat\/elementor-28\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flmdm19.in\/mvenkat\/elementor-28\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/flmdm19.in\/mvenkat\/elementor-28\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/flmdm19.in\/mvenkat\/"},{"@type":"ListItem","position":2,"name":"Elementor #28"}]},{"@type":"WebSite","@id":"https:\/\/flmdm19.in\/mvenkat\/#website","url":"https:\/\/flmdm19.in\/mvenkat\/","name":"FLM DM Course 19th Batch-M Venkat","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/flmdm19.in\/mvenkat\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/flmdm19.in\/mvenkat\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flmdm19.in\/mvenkat\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flmdm19.in\/mvenkat\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/flmdm19.in\/mvenkat\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/flmdm19.in\/mvenkat\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":10,"href":"https:\/\/flmdm19.in\/mvenkat\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/flmdm19.in\/mvenkat\/wp-json\/wp\/v2\/pages\/28\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/flmdm19.in\/mvenkat\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}