.elementor-22951 .elementor-element.elementor-element-aa6af40:not(.elementor-motion-effects-element-type-background), .elementor-22951 .elementor-element.elementor-element-aa6af40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#f9f8f8;}.elementor-22951 .elementor-element.elementor-element-aa6af40{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-22951 .elementor-element.elementor-element-aa6af40 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22951 .elementor-element.elementor-element-aa6af40 > .elementor-shape-top svg{height:220px;transform:translateX(-50%) rotateY(180deg);}.elementor-22951 .elementor-element.elementor-element-a3233df > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-22951 .elementor-element.elementor-element-a3233df > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22951 .elementor-element.elementor-element-7c1f370 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-22951 .elementor-element.elementor-element-7c1f370{padding:10px 0px 10px 0px;}.elementor-22951 .elementor-element.elementor-element-5115fb4 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-22951 .elementor-element.elementor-element-5115fb4 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22951 .elementor-element.elementor-element-e41c1e9{margin-top:30px;margin-bottom:30px;padding:0px 0px 0px 0px;}.elementor-22951 .elementor-element.elementor-element-9143820{color:#000000;}.elementor-22951 .elementor-element.elementor-element-9143820 a{color:#5C8018;}.elementor-22951 .elementor-element.elementor-element-a0c3b1f > .elementor-shape-top svg{height:220px;transform:translateX(-50%) rotateY(180deg);}.elementor-22951 .elementor-element.elementor-element-a0c3b1f{padding:0px 0px 0px 0px;}.elementor-22951 .elementor-element.elementor-element-937e715 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-22951 .elementor-element.elementor-element-937e715{padding:10px 0px 10px 0px;}@media(max-width:767px){.elementor-22951 .elementor-element.elementor-element-6f67cae > .elementor-element-populated{margin:0px 0px 20px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-22951 .elementor-element.elementor-element-5115fb4{width:100%;}.elementor-22951 .elementor-element.elementor-element-6f67cae{width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-22951 .elementor-element.elementor-element-6f67cae{width:100%;}}/* Start custom CSS for html, class: .elementor-element-1795b2c */:root {
    --edu-navy: #1B3F5B;   /* Professional Navy from palette */
    --edu-gold: #F5B82E;   /* Energetic Gold from palette */
    --edu-green: #2D4F1E;  /* Sophisticated Green from palette */
    --edu-white: #FFFFFF;
    --edu-light: #F1F5F9;
  }

  .edutech-premium-hero {
    position: relative;
    background: var(--edu-navy);
    color: var(--edu-white);
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 120px 0;
    padding-bottom: 50px;
  }

  /* Blueprint Graphic Background */
  .blueprint-overlay {
    position: absolute;
    inset: 0;
    background-image: 
      linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size: 50px 50px;
    mask-image: radial-gradient(circle at 70% 50%, black, transparent 80%);
  }

  .glow-accent {
    position: absolute;
    top: 50%; left: 10%;
    width: 400px; height: 400px;
    background: var(--edu-green);
    filter: blur(150px);
    opacity: 0.3;
    z-index: 1;
  }

  .hero-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0px 40px;
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 40px;
    position: relative;
    z-index: 10;
  }

  /* Badge */
  .tech-badge {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.05);
    border-left: 4px solid var(--edu-gold);
    padding: 10px 20px;
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.5px;
  }

  .badge-icon { color: var(--edu-gold); margin-right: 12px; }

  .hero-headline {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 25px;
    margin-top: 0px;
    color: #FFFFFF;
  }

  .highlight-gold {
    color: var(--edu-gold);
    text-transform: uppercase;
  }

  .hero-subtext {
    font-size: 1.2rem;
    line-height: 1.6;
    color: rgba(255,255,255,1);
    max-width: 650px;
    margin-bottom: 40px;
  }

  /* Subject Tags */
  .subject-cloud { margin-bottom: 50px; }
  .tag-label { 
    display: block; 
    font-size: 0.8rem; 
    color: var(--edu-gold); 
    font-weight: 800; 
    margin-bottom: 15px; 
    text-transform: uppercase;
  }
  .tags-wrapper { display: flex; flex-wrap: wrap; gap: 10px; }
  .tag-item {
    background: var(--edu-green);
    color: white;
    padding: 6px 16px;
    border-radius: 4px;
    font-size: 0.9rem;
    font-weight: 600;
    border: 1px solid rgba(255,255,255,0.1);
    transition: 0.3s;
  }
  .tag-item:hover { background: var(--edu-gold); color: var(--edu-navy); transform: translateY(-3px); }

  /* Buttons */
  .action-row { display: flex; align-items: center; gap: 30px; }
  .btn-main-gold {
    background: var(--edu-gold);
    color: var(--edu-navy);
    padding: 18px 36px;
    text-decoration: none;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 4px;
    transition: 0.3s;
  }
  .btn-main-gold:hover { background: var(--edu-white); transform: translateX(5px);
   color: var(--edu-navy);}
  
  .resource-check {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #4ade80;
    font-weight: 600;
    font-size: 0.95rem;
  }

  /* Visual Element */
  .hero-visual-box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .tech-cube {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.1);
    padding: 40px;
    width: 320px;
    border-radius: 20px;
    backdrop-filter: blur(10px);
    position: relative;
  }

  .cube-face {
    width: 60px; height: 60px;
    background: var(--edu-gold);
    color: var(--edu-navy);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 10px 20px rgba(245, 184, 46, 0.3);
  }

  .cube-info strong { display: block; font-size: 1.4rem; margin-bottom: 5px; }
  .cube-info span { color: rgba(255,255,255,0.5); font-size: 0.9rem; }

  @media (max-width: 992px) {
    .hero-container { grid-template-columns: 1fr; text-align: center; }
    .hero-main-content { display: flex; flex-direction: column; align-items: center; }
    .tags-wrapper { justify-content: center; }
    .action-row { flex-direction: column; }
    .hero-visual-box { display: none; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2794af2 */:root {
    --navy-pro: #1B3F5B;
    --gold-pro: #F5B82E;
    --green-pro: #2D4F1E;
    --bg-light: #f8fafc;
    --text-dark: #1e293b;
    --text-slate: #64748b;
  }

  .edutech-content {
    color: var(--text-dark);
  }

  .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
  }

  /* Specializations Styling */
  .et-specializations {
    padding: 50px 0;
    background: var(--bg-light);
  }

  .section-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 60px;
  }

  .section-header h2 {
    font-size: 2.8rem;
    font-weight: 800;
    margin-bottom: 20px;
    color: var(--navy-pro);
  }

  .text-gold { color: var(--gold-pro); }
  .section-lead { font-size: 1.1rem; color: var(--text-slate); line-height: 1.6; }

  .spec-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
  }

  .spec-card {
    background: #ffffff;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);
    border-bottom: 4px solid var(--navy-pro);
    transition: 0.3s;
  }

.middle{
    border-top: 4px solid var(--navy-pro);
    border-bottom: none !important;
}

  .spec-card:hover { transform: translateY(-8px); }
  .highlight-green { background: #f1f5f1; border-bottom-color: var(--green-pro); }

  .card-icon {
    font-size: 2.5rem;
    color: var(--navy-pro);
    margin-bottom: 25px;
  }

  .spec-card h3 { font-size: 1.5rem; font-weight: 700; margin-bottom: 15px; color: var(--navy-pro); }
  .spec-card p { font-size: 0.95rem; color: var(--text-slate); margin-bottom: 25px; line-height: 1.5; }

  .subject-list { list-style: none; padding: 0; }
  .subject-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    border-top: 1px solid #f1f5f9;
    font-weight: 600;
    font-size: 0.9rem;
  }

  .dot { width: 6px; height: 6px; background: var(--gold-pro); border-radius: 50%; }

  .badge-verified {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--green-pro);
    color: white;
    padding: 8px 16px;
    border-radius: 100px;
    font-size: 0.8rem;
    font-weight: 700;
  }

  /* History Section Styling */
  .et-history {
    padding: 50px 0;
    background: var(--navy-pro);
    color: #ffffff;
    position: relative;
    overflow: hidden;
  }

  .history-flex {
    display: flex;
    align-items: center;
    gap: 80px;
    flex-wrap: wrap;
  }

  .history-content { flex: 1; min-width: 320px; }
  .sub-label { color: var(--gold-pro); text-transform: uppercase; font-weight: 800; font-size: 0.85rem; letter-spacing: 2px; }
  .history-content h2 { font-size: 3rem; margin: 15px 0 30px; font-weight: 800; color: #FFFFFF; }
  .text-green { color: #4ade80; }
  .history-content p { font-size: 1.15rem; line-height: 1.8; opacity: 1; margin-bottom: 40px; }

  .milestone {
    display: flex;
    gap: 25px;
    background: rgba(255,255,255,0.05);
    padding: 30px;
    border-radius: 12px;
    border-left: 4px solid var(--gold-pro);
  }

  .m-marker { font-size: 1.2rem; font-weight: 900; color: var(--gold-pro); }
  .m-info strong { display: block; font-size: 1.1rem; margin-bottom: 5px; }
  .m-info p { margin: 0; font-size: 0.95rem; opacity: 1; }

  .stat-sidebar { display: flex; flex-direction: column; gap: 20px; flex: 0 0 280px; }
  .stat-pill { padding: 40px 20px; text-align: center; border-radius: 20px; }
  .navy-pill { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); }
  .gold-pill { background: var(--green-pro); }
  
  .stat-pill .num { font-size: 3.5rem; font-weight: 700; color: var(--gold-pro); display: block; line-height: 1; }
  .stat-pill .lbl { font-size: 0.9rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-top: 10px; display: block; }

  /* CTA Section Styling */
  .et-cta {
    padding: 60px 0 100px;
    background: var(--bg-light);
  }

  .cta-wrapper {
    background: linear-gradient(135deg, var(--green-pro) 0%, #1e3a14 100%);
    border-radius: 30px;
    padding: 60px;
    color: white;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
  }

  .cta-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
  }

  .cta-text h3 { font-size: 2.2rem; font-weight: 800; margin-bottom: 15px; }
  .cta-text p { max-width: 550px; font-size: 1.1rem; opacity: 0.85; line-height: 1.6; }

  .cta-actions { display: flex; gap: 20px; flex-wrap: wrap; }

  .btn-gold-bold {
    background: var(--gold-pro);
    color: var(--navy-pro);
    padding: 18px 35px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 800;
    transition: 0.3s;
  }

  .btn-outline-white {
    background: transparent;
    border: 2px solid rgba(255,255,255,0.3);
    color: white;
    padding: 16px 35px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 700;
    transition: 0.3s;
  }

  .btn-gold-bold:hover { background: white; transform: translateY(-3px); }
  .btn-outline-white:hover { border-color: white; background: rgba(255,255,255,0.05); }

  @media (max-width: 992px) {
    .history-flex { text-align: center; justify-content: center; }
    .stat-sidebar { flex-direction: row; flex: 1; width: 100%; }
    .stat-pill { flex: 1; }
    .cta-inner { text-align: center; justify-content: center; }
    .cta-actions { justify-content: center; }
  }/* End custom CSS */