{"id":9,"date":"2026-09-09T18:11:31","date_gmt":"2026-09-09T12:41:31","guid":{"rendered":"https:\/\/digital.mahavirnaagar.com\/?page_id=9"},"modified":"2026-10-04T17:34:11","modified_gmt":"2026-10-04T12:04:11","slug":"home","status":"publish","type":"page","link":"https:\/\/digital.mahavirnaagar.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80ebfc0 e-flex e-con-boxed e-con e-parent\" data-id=\"80ebfc0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f68138 elementor-widget elementor-widget-html\" data-id=\"0f68138\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"demo\"> ... <\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3fb908e e-flex e-con-boxed e-con e-parent\" data-id=\"3fb908e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55c1248 elementor-widget elementor-widget-html\" data-id=\"55c1248\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Smooth scroll + header ke neeche section na chhupe *\/\r\n  html { scroll-behavior: smooth; }\r\n  section[id], div[id] { scroll-margin-top: 90px; }\r\n\r\n  \/* Color Variables based on Uma Classes Branding *\/\r\n  :root {\r\n    --bg-dark-section: #0B132B;\r\n    --card-bg: #1C2541;\r\n    --card-border: #2A365C;\r\n    --accent-red: #E30613;\r\n    --accent-yellow: #FFB400;\r\n    --text-white: #FFFFFF;\r\n    --text-muted: #CBD5E1;\r\n  }\r\n\r\n  .features-section {\r\n    background-color: var(--bg-dark-section);\r\n    color: var(--text-white);\r\n    padding: 70px 20px;\r\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .features-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .features-header { margin-bottom: 50px; }\r\n\r\n  .features-title {\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    margin: 0 0 12px 0;\r\n    color: var(--text-white);\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .features-subtitle {\r\n    font-size: 17px;\r\n    color: var(--text-muted);\r\n    margin: 0;\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* Cards Grid Layout *\/\r\n  .features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 24px;\r\n  }\r\n\r\n  \/* Feature Card Styling *\/\r\n  .feature-card {\r\n    background-color: var(--card-bg);\r\n    border: 1px solid var(--card-border);\r\n    border-radius: 16px;\r\n    padding: 35px 24px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\r\n  }\r\n\r\n  .feature-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: var(--accent-yellow);\r\n    box-shadow: 0 10px 25px rgba(255, 180, 0, 0.15);\r\n  }\r\n\r\n  \/* Card Icon Container *\/\r\n  .card-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    margin-bottom: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .card-icon svg { width: 100%; height: 100%; }\r\n\r\n  \/* Card Title & Text *\/\r\n  .card-title {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    margin: 0 0 14px 0;\r\n    color: var(--text-white);\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .card-description {\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color: var(--text-muted);\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Tablet & Mobile *\/\r\n  @media (max-width: 1024px) {\r\n    .features-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }\r\n    .features-title { font-size: 32px; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .features-section { padding: 50px 16px; }\r\n    .features-grid { grid-template-columns: 1fr; gap: 16px; }\r\n    .features-title { font-size: 26px; }\r\n    .features-subtitle { font-size: 15px; }\r\n    .feature-card { padding: 28px 20px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- id=\"why-us\" : header aur footer ke \"Why Us\" link yahin aayenge -->\r\n<section class=\"features-section\" id=\"why-us\">\r\n  <div class=\"features-container\">\r\n\r\n    <!-- Section Header -->\r\n    <div class=\"features-header\">\r\n      <h2 class=\"features-title\">Why Choose Uma Classes?<\/h2>\r\n      <p class=\"features-subtitle\">Everything a student needs to learn well and score well.<\/p>\r\n    <\/div>\r\n\r\n    <!-- 4 Feature Cards Grid -->\r\n    <div class=\"features-grid\">\r\n\r\n      <!-- Card 1: Experienced Faculty -->\r\n      <div class=\"feature-card\">\r\n        <div class=\"card-icon\">\r\n          <svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <rect x=\"8\" y=\"12\" width=\"48\" height=\"32\" rx=\"4\" fill=\"#003366\" stroke=\"#FFB400\" stroke-width=\"2\"\/>\r\n            <path d=\"M22 28C22 24.6863 24.6863 22 28 22C31.3137 22 34 24.6863 34 28\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"28\" cy=\"18\" r=\"4\" fill=\"#E30613\"\/>\r\n            <path d=\"M40 22H46M40 28H46M40 34H44\" stroke=\"#FFB400\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M20 52L28 44L36 52\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"card-title\">Experienced Faculty<\/h3>\r\n        <p class=\"card-description\">\r\n          Learn from qualified teachers with years of proven teaching experience.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Small Batches -->\r\n      <div class=\"feature-card\">\r\n        <div class=\"card-icon\">\r\n          <svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <circle cx=\"24\" cy=\"22\" r=\"7\" fill=\"#FFB400\"\/>\r\n            <path d=\"M12 42C12 35.3726 17.3726 30 24 30C30.6274 30 36 35.3726 36 42\" stroke=\"#FFFFFF\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"42\" cy=\"24\" r=\"5\" fill=\"#E30613\"\/>\r\n            <path d=\"M33 42C33 36.5 37 32 42 32C47 32 51 36.5 51 42\" stroke=\"#FFB400\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"card-title\">Small Batches<\/h3>\r\n        <p class=\"card-description\">\r\n          Limited students per batch for personal attention to every child.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 3: Weekly Tests -->\r\n      <div class=\"feature-card\">\r\n        <div class=\"card-icon\">\r\n          <svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <rect x=\"16\" y=\"10\" width=\"32\" height=\"44\" rx=\"4\" fill=\"#003366\" stroke=\"#FFFFFF\" stroke-width=\"2\"\/>\r\n            <line x1=\"24\" y1=\"20\" x2=\"40\" y2=\"20\" stroke=\"#FFB400\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <line x1=\"24\" y1=\"28\" x2=\"36\" y2=\"28\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <line x1=\"24\" y1=\"36\" x2=\"40\" y2=\"36\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"42\" cy=\"42\" r=\"8\" fill=\"#E30613\"\/>\r\n            <path d=\"M39 42L41 44L45 40\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"card-title\">Weekly Tests<\/h3>\r\n        <p class=\"card-description\">\r\n          Regular tests and detailed feedback to track your progress.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 4: Doubt Classes -->\r\n      <div class=\"feature-card\">\r\n        <div class=\"card-icon\">\r\n          <svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M32 10C22.0589 10 14 18.0589 14 28C14 34.3431 17.29 39.914 22 43.111V48C22 49.1046 22.8954 50 24 50H40C41.1046 50 42 49.1046 42 48V43.111C46.71 39.914 50 34.3431 50 28C50 18.0589 41.9411 10 32 10Z\" fill=\"#FFB400\"\/>\r\n            <rect x=\"25\" y=\"52\" width=\"14\" height=\"4\" rx=\"2\" fill=\"#E30613\"\/>\r\n            <path d=\"M32 20V28M32 34H32.02\" stroke=\"#003366\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"card-title\">Doubt Classes<\/h3>\r\n        <p class=\"card-description\">\r\n          Extra sessions to clear every doubt before it becomes a problem.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c8b8dda e-flex e-con-boxed e-con e-parent\" data-id=\"c8b8dda\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb18343 elementor-widget elementor-widget-html\" data-id=\"bb18343\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Color Variables based on Uma Classes Branding *\/\r\n  :root {\r\n    --bg-dark-about: #0A1128;      \/* Deep Dark Blue Background *\/\r\n    --card-gradient: linear-gradient(135deg, #003366 0%, #1e40af 100%); \/* Brand Blue Gradient *\/\r\n    --accent-red: #E30613;         \/* Red from Logo *\/\r\n    --accent-yellow: #FFB400;      \/* Yellow from Logo *\/\r\n    --text-white: #FFFFFF;\r\n    --text-light: #D1D5DB;\r\n  }\r\n\r\n  .about-section {\r\n    background-color: var(--bg-dark-about);\r\n    color: var(--text-white);\r\n    padding: 70px 20px;\r\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .about-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 50px;\r\n  }\r\n\r\n  \/* Left Media \/ Image Box Area *\/\r\n  .about-media {\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 100%;\r\n  }\r\n\r\n  .about-card-box {\r\n    width: 100%;\r\n    max-width: 520px;\r\n    height: 320px;\r\n    background: var(--card-gradient);\r\n    border-radius: 20px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .about-card-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .school-icon {\r\n    width: 90px;\r\n    height: 90px;\r\n  }\r\n\r\n  \/* Right Text Content Area *\/\r\n  .about-content {\r\n    flex: 1;\r\n  }\r\n\r\n  .about-title {\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    margin: 0 0 20px 0;\r\n    color: var(--text-white);\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .about-description {\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n    color: var(--text-light);\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  \/* Button Styling *\/\r\n  .btn-about {\r\n    background-color: var(--accent-red);\r\n    color: #FFFFFF;\r\n    padding: 14px 32px;\r\n    border-radius: 8px;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    display: inline-block;\r\n    transition: all 0.3s ease;\r\n    border: 2px solid var(--accent-red);\r\n    box-shadow: 0 4px 15px rgba(227, 6, 19, 0.3);\r\n  }\r\n\r\n  .btn-about:hover {\r\n    background-color: #c4040f;\r\n    border-color: #c4040f;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(227, 6, 19, 0.4);\r\n  }\r\n\r\n  \/* Responsive Design (Tablet & Mobile) *\/\r\n  @media (max-width: 992px) {\r\n    .about-container {\r\n      flex-direction: column;\r\n      text-align: center;\r\n      gap: 35px;\r\n    }\r\n\r\n    .about-title {\r\n      font-size: 32px;\r\n    }\r\n\r\n    .about-card-box {\r\n      height: 280px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 576px) {\r\n    .about-section {\r\n      padding: 45px 16px;\r\n    }\r\n\r\n    .about-title {\r\n      font-size: 26px;\r\n    }\r\n\r\n    .about-description {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .about-card-box {\r\n      height: 220px;\r\n    }\r\n\r\n    .btn-about {\r\n      width: 100%;\r\n      text-align: center;\r\n      box-sizing: border-box;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"about-section\">\r\n  <div class=\"about-container\">\r\n    \r\n    <!-- Left Media Box -->\r\n    <div class=\"about-media\">\r\n      <div class=\"about-card-box\">\r\n        <!-- School Building SVG Icon -->\r\n        <svg class=\"school-icon\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <!-- Roof -->\r\n          <path d=\"M32 10L10 24V28H54V24L32 10Z\" fill=\"#FFB400\"\/>\r\n          <!-- Flag -->\r\n          <path d=\"M32 4V10M32 4H38L35 7L38 10H32\" stroke=\"#E30613\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <!-- Building Base -->\r\n          <rect x=\"14\" y=\"28\" width=\"36\" height=\"26\" fill=\"#FFFFFF\" rx=\"2\"\/>\r\n          <!-- Door -->\r\n          <path d=\"M28 42H36V54H28V42Z\" fill=\"#003366\"\/>\r\n          <!-- Windows -->\r\n          <rect x=\"18\" y=\"32\" width=\"6\" height=\"6\" fill=\"#FFB400\" rx=\"1\"\/>\r\n          <rect x=\"40\" y=\"32\" width=\"6\" height=\"6\" fill=\"#FFB400\" rx=\"1\"\/>\r\n          <rect x=\"18\" y=\"42\" width=\"6\" height=\"6\" fill=\"#FFB400\" rx=\"1\"\/>\r\n          <rect x=\"40\" y=\"42\" width=\"6\" height=\"6\" fill=\"#FFB400\" rx=\"1\"\/>\r\n          <!-- Clock -->\r\n          <circle cx=\"32\" cy=\"21\" r=\"3\" fill=\"#003366\"\/>\r\n        <\/svg>\r\n        \r\n        <!-- Note: Agar aapke paas institute\/school ki photo ho toh <img> tag ka use karein: -->\r\n        <!-- <img decoding=\"async\" src=\"YOUR_IMAGE_URL.jpg\" alt=\"Uma Classes Building\"> -->\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Content -->\r\n    <div class=\"about-content\">\r\n      <h2 class=\"about-title\">\r\n        Building Strong Foundations Since [2011]\r\n      <\/h2>\r\n      <p class=\"about-description\">\r\n        At Uma Classes, we believe every student can succeed with the right guidance. Our teaching focuses on concept clarity, regular practice and confidence building. We don't just help students score marks, we help them understand and love learning.\r\n      <\/p>\r\n      <a href=\"#about-us\" class=\"btn-about\">Know More About Us<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e1aed6f e-flex e-con-boxed e-con e-parent\" data-id=\"e1aed6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7017b8d elementor-widget elementor-widget-html\" data-id=\"7017b8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Smooth scroll + header ke neeche section na chhupe *\/\r\n  html { scroll-behavior: smooth; }\r\n  section[id], div[id] { scroll-margin-top: 90px; }\r\n\r\n  \/* Color Variables based on Uma Classes Branding *\/\r\n  :root {\r\n    --bg-dark-courses: #0A1128;\r\n    --card-bg: #1C2541;\r\n    --card-border: #2A365C;\r\n    --accent-red: #E30613;\r\n    --accent-yellow: #FFB400;\r\n    --text-white: #FFFFFF;\r\n    --text-muted: #CBD5E1;\r\n  }\r\n\r\n  .courses-section {\r\n    background-color: var(--bg-dark-courses);\r\n    color: var(--text-white);\r\n    padding: 70px 20px;\r\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .courses-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .courses-header { margin-bottom: 50px; }\r\n\r\n  .courses-title {\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    margin: 0 0 12px 0;\r\n    color: var(--text-white);\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .courses-subtitle {\r\n    font-size: 17px;\r\n    color: var(--text-muted);\r\n    margin: 0;\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* Cards Grid Layout (3 Columns) *\/\r\n  .courses-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n  }\r\n\r\n  \/* Course Card Styling *\/\r\n  .course-card {\r\n    background-color: var(--card-bg);\r\n    border: 1px solid var(--card-border);\r\n    border-radius: 16px;\r\n    padding: 40px 25px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);\r\n  }\r\n\r\n  .course-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: var(--accent-yellow);\r\n    box-shadow: 0 10px 30px rgba(255, 180, 0, 0.15);\r\n  }\r\n\r\n  \/* Icon Container *\/\r\n  .course-icon {\r\n    width: 64px;\r\n    height: 64px;\r\n    margin-bottom: 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .course-icon svg { width: 100%; height: 100%; }\r\n\r\n  \/* Card Content *\/\r\n  .course-card-title {\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    margin: 0 0 16px 0;\r\n    color: var(--text-white);\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .course-card-desc {\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    color: var(--text-muted);\r\n    margin: 0 0 30px 0;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  \/* View Details Button *\/\r\n  .btn-details {\r\n    background-color: transparent;\r\n    color: var(--text-white);\r\n    padding: 12px 28px;\r\n    border-radius: 8px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    border: 2px solid rgba(255, 255, 255, 0.2);\r\n    transition: all 0.3s ease;\r\n    display: inline-block;\r\n    width: 100%;\r\n    max-width: 180px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .btn-details:hover {\r\n    background-color: var(--accent-red);\r\n    border-color: var(--accent-red);\r\n    color: #FFFFFF;\r\n    box-shadow: 0 4px 15px rgba(227, 6, 19, 0.3);\r\n  }\r\n\r\n  \/* Tablet & Mobile *\/\r\n  @media (max-width: 992px) {\r\n    .courses-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }\r\n    .courses-title { font-size: 32px; }\r\n  }\r\n\r\n  @media (max-width: 650px) {\r\n    .courses-section { padding: 50px 16px; }\r\n    .courses-grid { grid-template-columns: 1fr; gap: 20px; }\r\n    .courses-title { font-size: 26px; }\r\n    .courses-subtitle { font-size: 15px; }\r\n    .course-card { padding: 30px 20px; }\r\n    .btn-details { max-width: 100%; }\r\n  }\r\n<\/style>\r\n\r\n<!-- id=\"courses\" : header aur footer ke \"Courses\" link yahin aayenge -->\r\n<section class=\"courses-section\" id=\"courses\">\r\n  <div class=\"courses-container\">\r\n\r\n    <!-- Section Header -->\r\n    <div class=\"courses-header\">\r\n      <h2 class=\"courses-title\">Our Courses<\/h2>\r\n      <p class=\"courses-subtitle\">Programs designed for every stage of your academic journey.<\/p>\r\n    <\/div>\r\n\r\n    <!-- 3 Course Cards Grid -->\r\n    <div class=\"courses-grid\">\r\n\r\n      <!-- Card 1: Class 6-8 Foundation -->\r\n      <div class=\"course-card\">\r\n        <div class=\"course-icon\">\r\n          <svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M32 50V30\" stroke=\"#FFB400\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M32 36C22 36 14 26 14 16C24 16 32 24 32 36Z\" fill=\"#4ADE80\"\/>\r\n            <path d=\"M32 30C42 30 50 20 50 10C40 10 32 18 32 30Z\" fill=\"#22C55E\"\/>\r\n            <ellipse cx=\"32\" cy=\"52\" rx=\"14\" ry=\"4\" fill=\"#003366\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"course-card-title\">Class 6\u20138 Foundation<\/h3>\r\n        <p class=\"course-card-desc\">\r\n          Build strong basics in Maths, Science and English for future success.\r\n        <\/p>\r\n        <!-- Is link ko apne page ke asli URL (slug) se match karein -->\r\n        <a href=\"\/class-6-8\/\" class=\"btn-details\">View Details<\/a>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Class 9-10 Boards -->\r\n      <div class=\"course-card\">\r\n        <div class=\"course-icon\">\r\n          <svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <rect x=\"14\" y=\"22\" width=\"28\" height=\"34\" rx=\"3\" fill=\"#003366\" stroke=\"#FFFFFF\" stroke-width=\"2\"\/>\r\n            <rect x=\"22\" y=\"16\" width=\"28\" height=\"34\" rx=\"3\" fill=\"#E30613\"\/>\r\n            <rect x=\"30\" y=\"10\" width=\"26\" height=\"34\" rx=\"3\" fill=\"#FFB400\"\/>\r\n            <line x1=\"36\" y1=\"18\" x2=\"48\" y2=\"18\" stroke=\"#003366\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <line x1=\"36\" y1=\"24\" x2=\"44\" y2=\"24\" stroke=\"#003366\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"course-card-title\">Class 9\u201310 Boards<\/h3>\r\n        <p class=\"course-card-desc\">\r\n          Complete syllabus coverage with notes, practice papers and mock tests.\r\n        <\/p>\r\n        <a href=\"\/class-9-10\/\" class=\"btn-details\">View Details<\/a>\r\n      <\/div>\r\n\r\n      <!-- Card 3: Class 11-12 Science\/Commerce -->\r\n      <div class=\"course-card\">\r\n        <div class=\"course-icon\">\r\n          <svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M32 10C32 10 46 18 46 38L32 48L18 38C18 18 32 10 32 10Z\" fill=\"#E30613\"\/>\r\n            <circle cx=\"32\" cy=\"26\" r=\"6\" fill=\"#FFFFFF\"\/>\r\n            <path d=\"M18 38L10 44V50L18 46V38Z\" fill=\"#FFB400\"\/>\r\n            <path d=\"M46 38L54 44V50L46 46V38Z\" fill=\"#FFB400\"\/>\r\n            <path d=\"M28 48L32 58L36 48H28Z\" fill=\"#FFB400\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"course-card-title\">Class 11\u201312<br>Science\/Commerce<\/h3>\r\n        <p class=\"course-card-desc\">\r\n          Expert coaching for Boards and competitive exams like NEET and JEE.\r\n        <\/p>\r\n        <a href=\"\/class-11-12\/\" class=\"btn-details\">View Details<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a19815 e-flex e-con-boxed e-con e-parent\" data-id=\"2a19815\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2ee5ac elementor-widget elementor-widget-html\" data-id=\"b2ee5ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Smooth scroll + header ke neeche section na chhupe *\/\r\n  html { scroll-behavior: smooth; }\r\n  section[id], div[id] { scroll-margin-top: 90px; }\r\n\r\n  \/* Color Variables based on Uma Classes Branding *\/\r\n  :root {\r\n    --bg-dark-teachers: #0A1128;\r\n    --card-bg: #1C2541;\r\n    --card-border: #2A365C;\r\n    --avatar-bg: #003366;\r\n    --accent-red: #E30613;\r\n    --accent-yellow: #FFB400;\r\n    --text-white: #FFFFFF;\r\n    --text-muted: #CBD5E1;\r\n  }\r\n\r\n  .teachers-section {\r\n    background-color: var(--bg-dark-teachers);\r\n    color: var(--text-white);\r\n    padding: 70px 20px;\r\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .teachers-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .teachers-header { margin-bottom: 50px; }\r\n\r\n  .teachers-title {\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    margin: 0 0 12px 0;\r\n    color: var(--text-white);\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .teachers-subtitle {\r\n    font-size: 17px;\r\n    color: var(--text-muted);\r\n    margin: 0;\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* Cards Grid Layout (4 Columns) *\/\r\n  .teachers-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 24px;\r\n  }\r\n\r\n  \/* Teacher Card Styling *\/\r\n  .teacher-card {\r\n    background-color: var(--card-bg);\r\n    border: 1px solid var(--card-border);\r\n    border-radius: 16px;\r\n    padding: 35px 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);\r\n  }\r\n\r\n  .teacher-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: var(--accent-yellow);\r\n    box-shadow: 0 10px 25px rgba(255, 180, 0, 0.15);\r\n  }\r\n\r\n  \/* Teacher Circular Avatar Container *\/\r\n  .teacher-avatar {\r\n    width: 90px;\r\n    height: 90px;\r\n    border-radius: 50%;\r\n    background-color: var(--avatar-bg);\r\n    border: 2px solid var(--accent-yellow);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 24px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .teacher-avatar svg { width: 50px; height: 50px; }\r\n\r\n  .teacher-avatar img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  \/* Teacher Info Text *\/\r\n  .teacher-name {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    margin: 0 0 12px 0;\r\n    color: var(--text-white);\r\n  }\r\n\r\n  .teacher-subject {\r\n    font-size: 15px;\r\n    color: var(--text-muted);\r\n    margin: 0 0 6px 0;\r\n  }\r\n\r\n  .teacher-exp {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: var(--accent-yellow);\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Tablet & Mobile *\/\r\n  @media (max-width: 1024px) {\r\n    .teachers-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }\r\n    .teachers-title { font-size: 32px; }\r\n  }\r\n\r\n  @media (max-width: 576px) {\r\n    .teachers-section { padding: 50px 16px; }\r\n    .teachers-grid { grid-template-columns: 1fr; gap: 16px; }\r\n    .teachers-title { font-size: 26px; }\r\n    .teachers-subtitle { font-size: 15px; }\r\n    .teacher-card { padding: 28px 16px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- id=\"faculty\" : header aur footer ke \"Faculty\" link yahin aayenge -->\r\n<section class=\"teachers-section\" id=\"faculty\">\r\n  <div class=\"teachers-container\">\r\n\r\n    <!-- Section Header -->\r\n    <div class=\"teachers-header\">\r\n      <h2 class=\"teachers-title\">Meet Our Expert Teachers<\/h2>\r\n      <p class=\"teachers-subtitle\">Passionate educators dedicated to your success.<\/p>\r\n    <\/div>\r\n\r\n    <!-- 4 Teacher Cards Grid -->\r\n    <div class=\"teachers-grid\">\r\n\r\n      <!-- Teacher 1 -->\r\n      <div class=\"teacher-card\">\r\n        <div class=\"teacher-avatar\">\r\n          <svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <rect x=\"12\" y=\"14\" width=\"40\" height=\"26\" rx=\"3\" fill=\"#0A1128\" stroke=\"#FFB400\" stroke-width=\"2\"\/>\r\n            <circle cx=\"32\" cy=\"24\" r=\"5\" fill=\"#E30613\"\/>\r\n            <path d=\"M22 36C22 31 26 28 32 28C38 28 42 31 42 36\" stroke=\"#FFFFFF\" stroke-width=\"2\"\/>\r\n            <path d=\"M24 48L32 42L40 48\" stroke=\"#FFB400\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n          <!-- Photo lagane ke liye <img> use karein: -->\r\n          <!-- <img decoding=\"async\" src=\"TEACHER_IMAGE_1.jpg\" alt=\"Mrs. Uma Rani\"> -->\r\n        <\/div>\r\n        <h3 class=\"teacher-name\">Mrs. Uma Rani M.A.,B.Ed. (Founder)<\/h3>\r\n        <p class=\"teacher-subject\">Hindi\/Sankrit<\/p>\r\n        <p class=\"teacher-exp\">8+ Years<\/p>\r\n      <\/div>\r\n\r\n      <!-- Teacher 2 -->\r\n      <div class=\"teacher-card\">\r\n        <div class=\"teacher-avatar\">\r\n          <svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <rect x=\"12\" y=\"14\" width=\"40\" height=\"26\" rx=\"3\" fill=\"#0A1128\" stroke=\"#FFB400\" stroke-width=\"2\"\/>\r\n            <circle cx=\"32\" cy=\"24\" r=\"5\" fill=\"#E30613\"\/>\r\n            <path d=\"M22 36C22 31 26 28 32 28C38 28 42 31 42 36\" stroke=\"#FFFFFF\" stroke-width=\"2\"\/>\r\n            <path d=\"M24 48L32 42L40 48\" stroke=\"#FFB400\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n          <!-- <img decoding=\"async\" src=\"TEACHER_IMAGE_2.jpg\" alt=\"Mr. Mohan Lal Naggar\"> -->\r\n        <\/div>\r\n        <h3 class=\"teacher-name\">Mr. Mohan Lal Naggar (Co-Founder)<\/h3>\r\n        <p class=\"teacher-subject\">Mathematics<\/p>\r\n        <p class=\"teacher-exp\">10+ Years<\/p>\r\n      <\/div>\r\n\r\n      <!-- Teacher 3 -->\r\n      <div class=\"teacher-card\">\r\n        <div class=\"teacher-avatar\">\r\n          <svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <rect x=\"12\" y=\"14\" width=\"40\" height=\"26\" rx=\"3\" fill=\"#0A1128\" stroke=\"#FFB400\" stroke-width=\"2\"\/>\r\n            <circle cx=\"32\" cy=\"24\" r=\"5\" fill=\"#E30613\"\/>\r\n            <path d=\"M22 36C22 31 26 28 32 28C38 28 42 31 42 36\" stroke=\"#FFFFFF\" stroke-width=\"2\"\/>\r\n            <path d=\"M24 48L32 42L40 48\" stroke=\"#FFB400\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n          <!-- <img decoding=\"async\" src=\"TEACHER_IMAGE_3.jpg\" alt=\"Ms. Anita\"> -->\r\n        <\/div>\r\n        <h3 class=\"teacher-name\">Ms. Anita<\/h3>\r\n        <p class=\"teacher-subject\">Physics\/Chemistry<\/p>\r\n        <p class=\"teacher-exp\">12+ Years<\/p>\r\n      <\/div>\r\n\r\n      <!-- Teacher 4 -->\r\n      <div class=\"teacher-card\">\r\n        <div class=\"teacher-avatar\">\r\n          <svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <rect x=\"12\" y=\"14\" width=\"40\" height=\"26\" rx=\"3\" fill=\"#0A1128\" stroke=\"#FFB400\" stroke-width=\"2\"\/>\r\n            <circle cx=\"32\" cy=\"24\" r=\"5\" fill=\"#E30613\"\/>\r\n            <path d=\"M22 36C22 31 26 28 32 28C38 28 42 31 42 36\" stroke=\"#FFFFFF\" stroke-width=\"2\"\/>\r\n            <path d=\"M24 48L32 42L40 48\" stroke=\"#FFB400\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n          <!-- <img decoding=\"async\" src=\"TEACHER_IMAGE_4.jpg\" alt=\"Mr. Raman\"> -->\r\n        <\/div>\r\n        <h3 class=\"teacher-name\">Mr. Raman<\/h3>\r\n        <p class=\"teacher-subject\">Biology<\/p>\r\n        <p class=\"teacher-exp\">7+ Years<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17a3e0e e-flex e-con-boxed e-con e-parent\" data-id=\"17a3e0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a59802 elementor-widget elementor-widget-html\" data-id=\"0a59802\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Smooth scroll + header ke neeche section na chhupe *\/\r\n  html { scroll-behavior: smooth; }\r\n  section[id], div[id] { scroll-margin-top: 90px; }\r\n\r\n  \/* Color Variables based on Uma Classes Branding *\/\r\n  :root {\r\n    --bg-dark-testimonials: #0A1128;\r\n    --card-bg: #1C2541;\r\n    --card-border: #2A365C;\r\n    --accent-red: #E30613;\r\n    --accent-yellow: #FFB400;\r\n    --text-white: #FFFFFF;\r\n    --text-muted: #CBD5E1;\r\n  }\r\n\r\n  .testimonials-section {\r\n    background-color: var(--bg-dark-testimonials);\r\n    color: var(--text-white);\r\n    padding: 70px 20px;\r\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .testimonials-container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Section Title *\/\r\n  .testimonials-title {\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    margin: 0 0 50px 0;\r\n    color: var(--text-white);\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  \/* Grid Layout (2 Columns) *\/\r\n  .testimonials-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 30px;\r\n  }\r\n\r\n  \/* Testimonial Card Styling *\/\r\n  .testimonial-card {\r\n    background-color: var(--card-bg);\r\n    border: 1px solid var(--card-border);\r\n    border-radius: 16px;\r\n    padding: 40px 30px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    text-align: center;\r\n    position: relative;\r\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);\r\n  }\r\n\r\n  .testimonial-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: var(--accent-yellow);\r\n    box-shadow: 0 10px 25px rgba(255, 180, 0, 0.15);\r\n  }\r\n\r\n  \/* Decorative Quote Mark *\/\r\n  .quote-icon {\r\n    font-size: 40px;\r\n    color: var(--accent-yellow);\r\n    line-height: 1;\r\n    margin-bottom: 10px;\r\n    font-family: Georgia, serif;\r\n  }\r\n\r\n  \/* Testimonial Text *\/\r\n  .testimonial-quote {\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n    font-style: italic;\r\n    color: var(--text-muted);\r\n    margin: 0 0 25px 0;\r\n  }\r\n\r\n  \/* Author Name \/ Role *\/\r\n  .testimonial-author {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: var(--text-white);\r\n    margin: 0;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\r\n    padding-top: 15px;\r\n  }\r\n\r\n  \/* Tablet & Mobile *\/\r\n  @media (max-width: 850px) {\r\n    .testimonials-grid { grid-template-columns: 1fr; gap: 20px; }\r\n    .testimonials-title { font-size: 30px; margin-bottom: 35px; }\r\n    .testimonial-card { padding: 30px 20px; }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .testimonials-section { padding: 50px 16px; }\r\n    .testimonials-title { font-size: 26px; }\r\n    .testimonial-quote { font-size: 15px; }\r\n    .testimonial-author { font-size: 15px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- id=\"review\" : header aur footer ke \"Review\" link yahin aayenge -->\r\n<section class=\"testimonials-section\" id=\"review\">\r\n  <div class=\"testimonials-container\">\r\n\r\n    <!-- Section Title -->\r\n    <h2 class=\"testimonials-title\">What Parents and Students Say<\/h2>\r\n\r\n    <!-- 2 Testimonial Cards Grid -->\r\n    <div class=\"testimonials-grid\">\r\n\r\n      <!-- Card 1 -->\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"quote-icon\">\u201c<\/div>\r\n        <p class=\"testimonial-quote\">\r\n          \"My son's confidence in Maths has improved a lot since joining Uma Classes. The teachers are very supportive.\"\r\n        <\/p>\r\n        <h4 class=\"testimonial-author\">Parent of Class 10 Student<\/h4>\r\n      <\/div>\r\n\r\n      <!-- Card 2 -->\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"quote-icon\">\u201c<\/div>\r\n        <p class=\"testimonial-quote\">\r\n          \"Weekly tests and doubt classes helped me score 92% in my boards.\"\r\n        <\/p>\r\n        <h4 class=\"testimonial-author\">Student, Class 12<\/h4>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b726825 e-flex e-con-boxed e-con e-parent\" data-id=\"b726825\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8716a9 elementor-widget elementor-widget-html\" data-id=\"e8716a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Smooth scroll + header ke neeche section na chhupe *\/\r\n  html { scroll-behavior: smooth; }\r\n  section[id], div[id] { scroll-margin-top: 90px; }\r\n\r\n  \/* Color Variables based on Uma Classes Branding *\/\r\n  :root {\r\n    --bg-dark-demo: #0A1128;\r\n    --input-bg: #1C2541;\r\n    --input-border: #2A365C;\r\n    --accent-red: #E30613;\r\n    --accent-yellow: #FFB400;\r\n    --text-white: #FFFFFF;\r\n    --text-muted: #9CA3AF;\r\n  }\r\n\r\n  .demo-section {\r\n    background-color: var(--bg-dark-demo);\r\n    color: var(--text-white);\r\n    padding: 70px 20px;\r\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .demo-container {\r\n    max-width: 650px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .demo-title {\r\n    font-size: 36px;\r\n    font-weight: 800;\r\n    margin: 0 0 12px 0;\r\n    color: var(--text-white);\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .demo-subtitle {\r\n    font-size: 16px;\r\n    color: #CBD5E1;\r\n    margin: 0 0 40px 0;\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* Form Styling *\/\r\n  .demo-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n  }\r\n\r\n  .form-control {\r\n    width: 100%;\r\n    background-color: var(--input-bg);\r\n    border: 1px solid var(--input-border);\r\n    border-radius: 8px;\r\n    padding: 14px 18px;\r\n    font-size: 15px;\r\n    color: var(--text-white);\r\n    outline: none;\r\n    transition: all 0.3s ease;\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .form-control::placeholder { color: var(--text-muted); }\r\n\r\n  .form-control:focus {\r\n    border-color: var(--accent-yellow);\r\n    box-shadow: 0 0 10px rgba(255, 180, 0, 0.2);\r\n  }\r\n\r\n  \/* Select Dropdown Styling *\/\r\n  select.form-control {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    -moz-appearance: none;\r\n    background-image: url(\"data:image\/svg+xml;utf8,<svg fill='%239CA3AF' height='24' viewBox='0 0 24 24' width='24' xmlns='http:\/\/www.w3.org\/2000\/svg'><path d='M7 10l5 5 5-5z'\/><\/svg>\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 14px center;\r\n    cursor: pointer;\r\n    \/* Dropdown ka text na kate, isliye height aur line-height di gayi hai *\/\r\n    min-height: 50px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  select.form-control option {\r\n    background-color: var(--input-bg);\r\n    color: var(--text-white);\r\n  }\r\n\r\n  textarea.form-control {\r\n    resize: vertical;\r\n    min-height: 110px;\r\n  }\r\n\r\n  \/* Submit Button *\/\r\n  .btn-submit {\r\n    background-color: var(--accent-red);\r\n    color: #FFFFFF;\r\n    border: none;\r\n    border-radius: 8px;\r\n    padding: 16px;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 15px rgba(227, 6, 19, 0.3);\r\n    margin-top: 5px;\r\n  }\r\n\r\n  .btn-submit:hover {\r\n    background-color: #c4040f;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(227, 6, 19, 0.4);\r\n  }\r\n\r\n  \/* Contact Details *\/\r\n  .contact-info {\r\n    margin-top: 40px;\r\n    font-size: 14px;\r\n    color: #CBD5E1;\r\n  }\r\n\r\n  .contact-line-1 {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 15px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .contact-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n\r\n  .contact-item span.icon { color: var(--accent-yellow); }\r\n\r\n  .contact-item a {\r\n    color: #CBD5E1;\r\n    text-decoration: none;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .contact-item a:hover { color: var(--text-white); }\r\n\r\n  .contact-divider { color: var(--input-border); }\r\n\r\n  .contact-timing {\r\n    font-size: 13px;\r\n    color: var(--text-muted);\r\n  }\r\n\r\n  \/* Tablet & Mobile *\/\r\n  @media (max-width: 600px) {\r\n    .demo-section { padding: 50px 16px; }\r\n    .demo-title { font-size: 26px; }\r\n    .demo-subtitle { font-size: 14px; margin-bottom: 30px; }\r\n    .contact-line-1 { flex-direction: column; gap: 10px; }\r\n    .contact-divider { display: none; }\r\n  }\r\n<\/style>\r\n\r\n<!-- id=\"demo\"    : Hero ka \"Book a Free Demo Class\" button yahan aayega -->\r\n<div id=\"demo\"><\/div>\r\n\r\n<!-- id=\"contact\" : header aur footer ke \"Contact Us\" link yahan aayenge -->\r\n<section class=\"demo-section\" id=\"contact\">\r\n  <div class=\"demo-container\">\r\n\r\n    <!-- Section Header -->\r\n    <h2 class=\"demo-title\">Book Your Free Demo Class Today<\/h2>\r\n    <p class=\"demo-subtitle\">Fill in your details and our team will call you within 24 hours.<\/p>\r\n\r\n    <!-- Demo Booking Form -->\r\n    <form class=\"demo-form\" action=\"#\" method=\"POST\">\r\n      <input type=\"text\" class=\"form-control\" name=\"student_name\" placeholder=\"Student Name\" required>\r\n      <input type=\"tel\" class=\"form-control\" name=\"phone_number\" placeholder=\"Parent's Phone Number\" required>\r\n\r\n      <select class=\"form-control\" name=\"class_select\" required>\r\n        <option value=\"\" disabled selected>Select Class<\/option>\r\n        <option value=\"Class 6-8\">Class 6\u20138 Foundation<\/option>\r\n        <option value=\"Class 9-10\">Class 9\u201310 Boards<\/option>\r\n        <option value=\"Class 11-12\">Class 11\u201312 Science\/Commerce<\/option>\r\n        <option value=\"NEET\/JEE\">NEET \/ JEE Prep<\/option>\r\n      <\/select>\r\n\r\n      <textarea class=\"form-control\" name=\"message\" placeholder=\"Message\"><\/textarea>\r\n\r\n      <button type=\"submit\" class=\"btn-submit\">Request a Callback<\/button>\r\n    <\/form>\r\n\r\n    <!-- Bottom Contact Info -->\r\n    <div class=\"contact-info\">\r\n      <div class=\"contact-line-1\">\r\n        <div class=\"contact-item\">\r\n          <span class=\"icon\">\ud83d\udccd<\/span> #37, Anand Niketan, Raipur Road,Hisar\r\n        <\/div>\r\n        <span class=\"contact-divider\">|<\/span>\r\n        <div class=\"contact-item\">\r\n          <!-- Phone link theek kiya: pehle +919XXXXXXXXX tha -->\r\n          <span class=\"icon\">\ud83d\udcde<\/span> <a href=\"tel:+919813939839\">+91 9813939839<\/a>\r\n        <\/div>\r\n        <span class=\"contact-divider\">|<\/span>\r\n        <div class=\"contact-item\">\r\n          <span class=\"icon\">\u2709\ufe0f<\/span> <a href=\"mailto:info@umaclasses.in\">info@umaclasses.in<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"contact-timing\">Mon\u2013Sat, 7 AM \u2013 8 PM<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\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>&#8230; Why Choose Uma Classes? Everything a student needs to learn well and score well. Experienced Faculty Learn from qualified [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/digital.mahavirnaagar.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digital.mahavirnaagar.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digital.mahavirnaagar.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digital.mahavirnaagar.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digital.mahavirnaagar.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":72,"href":"https:\/\/digital.mahavirnaagar.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":292,"href":"https:\/\/digital.mahavirnaagar.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/292"}],"wp:attachment":[{"href":"https:\/\/digital.mahavirnaagar.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}