/*
 * Color Theme Override — Light Blue & White
 * Primary:    #1565c0  (Material Blue 800)
 * Dark:       #0d47a1  (Material Blue 900)
 * Light:      #1976d2  (Material Blue 700)
 * Background: #ffffff
 *
 * Loaded LAST — overrides everything.
 * Only colors change; layout, font-size, spacing unchanged.
 */

/* ============================================================
   1. ROOT VARIABLES
   ============================================================ */
:root {
    --color-primary:       #1565c0 !important;
    --color-primary-dark:  #0d47a1 !important;
    --color-primary-light: #1976d2 !important;
    --color-primary-bg:    #e3f2fd !important;
    --site-color:          #374151 !important;
    --accent:              #1565c0 !important;
    --color-black:         #000000 !important;
    --color-white:         #ffffff !important;
}

/* ============================================================
   2. BODY — white background, dark text
   ============================================================ */
body {
    background: #ffffff !important;
    color: #1a1a2a !important;
}

/* ============================================================
   3. LINKS
   ============================================================ */
a { color: #1565c0 !important; }
a:hover, a:active, a:focus { color: #0d47a1 !important; text-decoration: none !important; }
::selection      { background-color: #bbdefb; }
::-moz-selection { background-color: #bbdefb; }

/* ============================================================
   4. GLOBAL HEADINGS
   ============================================================ */
h1, h2, h3, h4, h5, h6 { color: #1a237e; }

/* ============================================================
   5. SECTION TITLE & SUB-TITLE GRADIENTS
      (old versions used white in gradient — invisible on white bg)
   ============================================================ */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    color: #fff !important;
}

.section-title {
    color: #1a237e !important;
    background-image: linear-gradient(0deg, #0a4f9e 0%, #000324 60%, #043379 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

footer .section-title{background-image: linear-gradient(0deg, #0a4f9e 0%, #fff 60%, #043379 100%) !important;}
.social-icon-footer .social-list li span{ background: #caddf7;}
.sub-title {
    color: #f5892a !important;
    background-image: linear-gradient(90deg, #f5892a, #e8c000 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
/* Section-title inside intentionally-dark blue sections stays white */
.class9-matters .section-title,
.class9-matters h2.section-title,
.monthly-quiz-sec .section-title,
.newsletter-section .section-title {
    color: #ffffff !important;
    background-image: linear-gradient(0deg, #bbdefb 0%, #e3f2fd 60%, #ffffff 100%) !important;
    -webkit-text-fill-color: transparent !important;
}

/* ============================================================
   6. HEADER & NAVIGATION
   ============================================================ */
.site-header,
header#masthead,
.home header#masthead {
    background: #0d47a1 !important;
}
.top-header {
    background: #0a3d8f !important;
    border-bottom-color: #1565c0 !important;
}
/* Nav links on dark header */
.main-navigation .main-menu > li > a,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    color: #e3efff !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:focus,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover {
    color: #ffffff !important;
    background: transparent !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.highlight > a.mega-menu-link {
    color: #ffd54f !important;
}
/* Dropdown sub-menus on white */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > ul.mega-sub-menu {
    background: #ffffff !important;
    border-color: #bbdefb !important;
}
/* Mobile hamburger icon lines */
#mega-menu-wrap-menu-1 .mega-toggle-animated-inner,
#mega-menu-wrap-menu-1 .mega-toggle-animated-inner::before,
#mega-menu-wrap-menu-1 .mega-toggle-animated-inner::after {
    background-color: #ffffff !important;
}
/* colophon footer nav */
#colophon .site-info a,
#colophon .site-info .foot-left a { color: #bbdefb !important; }
#colophon .site-info a:hover { color: #e3f2fd !important; border-color: #e3f2fd !important; }

/* ============================================================
   7. HERO / CUSTOM HEADER
   ============================================================ */
.custom-header {
    background-color: #1565c0 !important;
    background-image: none !important;
}

/* ============================================================
   8. COUNTERS
   ============================================================ */
.counter-box   { color: #1a237e !important; }
.counter-box p { color: #4b5563 !important; }

/* ============================================================
   9. BOARDS BOX
   ============================================================ */
.boards-content-box {
    background: linear-gradient(0deg, #dbeafe 0%, #e3f2fd 60%) !important;
    border-color: #1565c0 !important;
}
.boards-box {
    background: linear-gradient(0deg, #1565c0 0%, #0d47a1 100%) !important;
}
.boards-box span { background: #e3f2fd !important; color: #1a237e !important; }
.boards-name a {
    background: #0d47a1 !important;
    border-color: #1976d2 !important;
    color: #ffffff !important;
}
.boards-name a:hover { background: #1565c0 !important; }

.quiz-banner-web img{border: 1px solid #2196F3 !important;}

/* ============================================================
  10. CLASS 9 / CLASS 10 MATTERS (kept dark-blue — intentional)
   ============================================================ */

.class9-matters { background: linear-gradient(0deg, #011D6A 0%, #1565C0 100%) !important; border-color: #1976D2 !important; }
.class9-matters h4 {
    color: #ffffff !important;
    background: linear-gradient(90deg, #0d47a1 0%, #1565c0 50%, #1976d2 100%) !important;
}
.class9-matters h4 span { background: #0a3d8f !important; }
.class9-matters p,
.class9-matters p a     { color: #dbeafe !important; }
.class9-matters .free-txt   { color: #ffffff !important; }
.class9-matters .start-early { color: #bbdefb !important; }

.why-choose-ts .number{    border: 1px solid #03A9F4 !important;
    box-shadow: 2px 10px #ff990000, 8px 0px 20px 0px #98c3ffb8, 0 0 0px 0px rgb(140 188 255 / 70%) !important;}
.why-choose-ts .number::after{background: #3175d2 !important;
    box-shadow: 2px 3px 10px 3px #3073d16e, 0 0 20px 10px rgb(49 116 210 / 22%) !important;}
.why-choose-ts .divider{    border: 1px solid !important;
    border-image: linear-gradient(0deg, rgb(25 62 145) 0%, rgb(49 116 210) 100%) 1 !important;}




.features-section {
  width: 100%;
  padding: 80px 0px;
 
}

.features-grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px 30px;
}

.feature-card,
.quiz-card {
  position: relative;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(33, 120, 255, 0.18);
  border-radius: 26px;
  box-shadow: 0 18px 40px rgba(13, 57, 130, 0.12);
  text-align: center;
  overflow: visible;
}

.feature-card {
    min-height: 200px;
    padding: 50px 30px 30px;
}

.feature-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 100%;
  background: linear-gradient(180deg, #1f7bff, #0641a8);
  border-radius: 26px 0 0 26px;
}

.feature-card::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 0;
  width: 35px;
  height: 100%;
  background: #ffffff;
  border-radius: 18px 0 0 18px;
}

.feature-card h3,
.quiz-card h3 {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #062b78;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.4px;
}

.feature-card p,
.quiz-card p {
  position: relative;
  z-index: 2;
  max-width: 430px;
  margin: 15px auto 0;
  color: #09256a;
  font-size: 16px;
  line-height: 1.55;
  font-weight: 400;
}

.feature-icon,
.quiz-icon {
  position: absolute;
  left: 50%;
  top: -25px;
  transform: translateX(-50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(145deg, #0b3a92, #001e60);
  color: #ffffff;
  display: grid;
  place-items: center;
  z-index: 5;
  box-shadow: 0 14px 25px rgba(0, 38, 118, 0.28);
}

.feature-icon::before,
.quiz-icon::before {
  content: "";
  position: absolute;
  inset: -12px -12px auto -12px;
  height: 55px;
  border-top: 8px solid #ffb52e;
  border-radius: 100px 100px 0 0;
}

.feature-icon span,
.quiz-icon span {
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}

.dots {
  position: absolute;
  right: 28px;
  top: 28px;
  width: 54px;
  height: 54px;
  background-image: radial-gradient(#2a7cff 2px, transparent 2px);
  background-size: 14px 14px;
  opacity: 0.55;
  z-index: 2;
}

.quiz-card {
  min-height: 200px;
    margin: 70px auto 0;
    padding: 50px 30px 30px;
    border-radius: 28px;
}

.quiz-card::before,
.quiz-card::after {
  content: "";
  position: absolute;
  top: 48px;
  width: 42px;
  height: 105px;
  background: linear-gradient(180deg, #063f9e, #002b80);
}

.quiz-card::before {
  left: 0;
  border-radius: 0 50px 50px 0;
}

.quiz-card::after {
  right: 0;
  border-radius: 50px 0 0 50px;
}

.quiz-icon {
  top: -25px;
  width: 56px;
  height: 56px;
}

.feature-card,
.quiz-card {
  transition: 0.35s ease;
}

.feature-card:hover,
.quiz-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 50px rgba(13, 57, 130, 0.18);
}

@media (max-width: 900px) {
  .features-grid {
    grid-template-columns: 1fr;
    gap: 60px;
  }

  .features-section {
    padding: 60px 16px;
  }

  .feature-card h3,
  .quiz-card h3 {
    font-size: 18px;
  }

  .feature-card p,
  .quiz-card p {
    font-size: 16px;
  }

}

@media (max-width: 480px) {
  .feature-card h3,
  .quiz-card h3 {
    font-size: 18px;
  }


  .quiz-card::before,
  .quiz-card::after {
    width: 10px;
  }

  .side-btn {
    display: none;
  }
}



/* ============================================================
  11. TESTIMONIAL CARDS
   ============================================================ */
.testimonial-card {
    background: linear-gradient(45deg, #f0f7ffa9 0%, #ffffff 100%) !important;
    color: #1a1a2a !important;
    border-color: #bbdefb !important;
    box-shadow: 0 10px 30px rgba(21,101,192,0.1),
                inset 0 1px 0 rgba(255,255,255,0.8) !important;
}
.testimonial-text { color: #000 !important; }
.testimonial-section .author strong { color: #000000 !important; }
.testimonial-section .stars { color: #e8a515 !important; }
.testimonial-section .avatar { background: #dbeafe !important; }

.swiper-pagination .swiper-pagination-bullet {
    background: rgba(21,101,192,0.18) !important;
}
.swiper-pagination .swiper-pagination-bullet-active {
    background: #1565c0 !important;
    box-shadow: 0 6px 16px rgba(21,101,192,0.3) !important;
}

.std-card-play{background: linear-gradient(135deg, #f54242, #e8a515);}

@media (max-width: 480px) {
   .testimonial-text{padding: 6px 5px 10px;}
}

/* ============================================================
  12. FAQ / ACCORDION
   ============================================================ */
 #sp-ea-92.sp-easy-accordion>.sp-ea-single { background: #fff !important; color: #1a1a2a !important; }
.sp-easy-accordion .sp-ea-single { border-color: #bbdefb !important; }
.sp-easy-accordion .sp-ea-single .ea-header a { color: #000000 !important; }
#sp-ea-92.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body {
    color: #374151 !important;
    background: #fff !important;
}
.ea-card.ea-expand.sp-ea-single {
    border-color: #1565c0 !important;
    box-shadow: 0 6px 16px rgba(21,101,192,0.15) !important;
}
.sp-easy-accordion .sp-ea-single .ea-header a .ea-expand-icon {
    color: #1565c0 !important;
}
.ea-card.ea-expand.sp-ea-single .ea-header a .ea-expand-icon {
    color: #0d47a1 !important;
}

/* 9th + 10th course page FAQ sections: enforce same color combination */
body.page-template-template-courses-grade-9th-php .faq-section,
body.page-template-template-courses-grade-10th-php .faq-section,
body.page-template-template-courses-grade-9th .faq-section,
body.page-template-template-courses-grade-10th .faq-section {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin-top: 0;
  margin-bottom: 3rem;
}

body.page-template-template-courses-grade-9th-php .faq-section h4.text-center,
body.page-template-template-courses-grade-10th-php .faq-section h4.text-center,
body.page-template-template-courses-grade-9th .faq-section h4.text-center,
body.page-template-template-courses-grade-10th .faq-section h4.text-center {
  margin-bottom: .6rem;
}

body.page-template-template-courses-grade-9th-php .faq-section h2.text-center,
body.page-template-template-courses-grade-10th-php .faq-section h2.text-center,
body.page-template-template-courses-grade-9th .faq-section h2.text-center,
body.page-template-template-courses-grade-10th .faq-section h2.text-center {
  margin-bottom: 1.2rem;
}

body.page-template-template-courses-grade-9th-php .faq-section .section-title,
body.page-template-template-courses-grade-10th-php .faq-section .section-title,
body.page-template-template-courses-grade-9th .faq-section .section-title,
body.page-template-template-courses-grade-10th .faq-section .section-title {
  color: #1a237e !important;
  background-image: linear-gradient(0deg, #1565c0 0%, #1a237e 70%, #0d47a1 100%) !important;
}

#sp-ea-2975.sp-easy-accordion > .sp-ea-single,
#sp-ea-2974.sp-easy-accordion > .sp-ea-single {
  background: #ffffff !important;
  border: 1px solid #bbdefb !important;
  border-radius: 15px;
}

#sp-ea-2975.sp-easy-accordion > .sp-ea-single > .ea-header a,
#sp-ea-2974.sp-easy-accordion > .sp-ea-single > .ea-header a {
  color: #1a237e !important;
  padding: 18px !important;
  font-size: 18px;
}

#sp-ea-2975.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body,
#sp-ea-2974.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body {
  color: #4b5563 !important;
  background: #f8fbff !important;
  border-radius: 18px;
}

#sp-ea-2975.sp-easy-accordion > .sp-ea-single.ea-expand,
#sp-ea-2974.sp-easy-accordion > .sp-ea-single.ea-expand {
  border-color: #1565c0 !important;
  box-shadow: 0 6px 16px rgba(21,101,192,0.15) !important;
}

.support-service-card .service-icon svg, .helpwith-icon svg{fill:transparent !important;stroke:#1565c0 !important;}

/* ============================================================
  13. FOOTER (dark navy blue — intentional)
   ============================================================ */

.footer {
    background-image: linear-gradient(to bottom, #0071ff5e, #8ca9fb10, transparent);
}
/* Footer inside-dark links */
.footer-navigation ul li a { color: #e6f4ff !important; }
.footer-navigation ul li a::after { background-color: #bbdefb !important; }
.footer-navigation h2 { color: #e3f2fd !important; }
.copyright { color: #bbdefb !important; }
.copyright p a { color: #e3f2fd !important; }
.socail-links a { border-color: #bbdefb !important; color: #bbdefb !important; }
#colophon .site-info a { color: #bbdefb !important; }
/* Footer form fields */
.top-footer input[type=text],
.top-footer input[type=email],
.top-footer input[type=tel],
.top-footer textarea {
    color: #ffffff !important;
    border-color: #1976d2 !important;
}
.top-footer input::placeholder,
.top-footer textarea::placeholder { color: #fff !important; }

/* ============================================================
  14. WHY-BOX
   ============================================================ */
.why-box {
    background: linear-gradient(330deg, #f0f7ff 0%, #e3f2fd 35%, #f8fbff 100%) !important;
    color: #1a1a2a !important;
    border-color: #bbdefb !important;
    box-shadow: 0 10px 30px rgba(21,101,192,0.1),
                inset 0 1px 0 rgba(255,255,255,0.8) !important;
}
.why-box h5 { color: #1a237e !important; }
.why-box p  { color: #4b5563 !important; }
.icon-bx {
    background-color: rgba(21,101,192,0.1) !important;
    border-color:     rgba(21,101,192,0.3) !important;
}

/* ============================================================
  15. REASONS BOX
   ============================================================ */
.reasons-box {
    background: linear-gradient(148deg, #ffffff 0%, #e3f2fdea 100%) !important;
    border-color: #bbdefb !important;
    color: #1a1a2a !important;
}
.reasons-box:hover { border-color: #1565c0 !important; }
.reasons-box .svg-icon {
    background: #e3f2fd !important;
    border-color: #bbdefb !important;
}
.reasons-box .text-bx h5 { color: #1a237e !important; }
.reasons-box .text-bx p  { color: #4b5563 !important; }

/* ============================================================
  16. CONTACTS SECTION
   ============================================================ */
.contacts {
    background: #ffffff !important;
    color: #1a1a2a !important;
}
.contacts-header h2      { color: #1a237e !important; }
.contacts-header .tagline { color: #1565c0 !important; }
.contacts-header p        { color: #4b5563 !important; }
.contact-card {
    background: #ffffff !important;
    border-color: #bbdefb !important;
    color: #1a1a2a !important;
}
.contact-card:hover         { border-color: #1565c0 !important; }
.contact-card h4            { color: #1565c0 !important; }
.contact-card .icon         { border-color: #1565c0 !important; }
.contact-card strong        { color: #1a237e !important; }
.contact-card strong a      { color: #1a237e !important; }
.contact-card strong a:hover { color: #1565c0 !important; }
.contact-card span          { color: #6b7280 !important; }
.wpcf7 form .wpcf7-response-output{color:#fff !important;}

/* ============================================================
  17. QUIZ SECTION
   ============================================================ */
.quizcard {
    background: #f0f7ff !important;
    border-color: #bbdefb !important;
    color: #1a1a2a !important;
}
.quizinfo h3 { color: #1a237e !important; }
.quizinfo p  { color: #4b5563 !important; }
.quiz-section h2 { border-bottom-color: #bbdefb !important; color: #1a237e !important; }
.class-tab {
    background: #e3f2fd !important;
    color: #4b5563 !important;
}
.class-tab.active {
    background: linear-gradient(90deg, #1565c0, #1976d2) !important;
    color: #ffffff !important;
}
.quizcard.completed .cta {
  background: linear-gradient(135deg, #2e7d32, #43a047) !important;
  color: #ffffff !important;
  border: 1px solid #2e7d32 !important;
  box-shadow: 0 4px 12px rgba(46, 125, 50, 0.25) !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: default;
}
.quizcard.completed .cta::before {
  content: "\2713";
  font-weight: 700;
  line-height: 1;
}
.progress { background: #e3f2fd !important; }
.success      { color: #2e7d32 !important; }
.expired-text { color: #c62828 !important; }

/* ============================================================
  18. BOARD CARDS
   ============================================================ */
.board-card {
    background: linear-gradient(145deg, #f0f7ff, #e3f2fd 100%) !important;
    border-color: #bbdefb !important;
    color: #1a1a2a !important;
}
.board-card:hover { border-color: #1565c0 !important; }
.board-card h3    { color: #1a237e !important; }
.board-card span  { color: #4b5563 !important; }

/* ============================================================
  19. BLOG BOXES
   ============================================================ */
.blog-box {
    background: linear-gradient(130deg, #f0f7ff 0%, #ffffff 100%) !important;
    border-color: #bbdefb !important;
    color: #1a1a2a !important;
}
.summary-bx h3    { color: #1a237e !important; }
.summary-bx .date { color: #6b7280 !important; }
.blog-detail .category-tag a:hover { color: #1565c0 !important; }

/* ============================================================
  20. ARCHIVE / BLOG GRID CARDS
   ============================================================ */
.archive-grid article.post.status-publish {
    background: #f8fbff !important;
    box-shadow: rgba(21,101,192,0.1) 2.3rem 1.25rem 5.5rem,
                rgba(21,101,192,0.1) 0 0 0 2px inset !important;
    color: #1a1a2a !important;
}
.archive-grid article.post.status-publish:hover {
    background-color: #e3f2fd !important;
    box-shadow: rgba(21,101,192,0.25) 2.3rem 1.25rem 5.5rem,
                rgba(21,101,192,0.2) 0 0 0 2px inset !important;
    color: #1a1a2a !important;
}
.archive-grid article.post.status-publish:hover .link-btn button {
    background-color: #1565c0 !important;
    color: #ffffff !important;
}
.archive-grid h2.entry-title { color: #1a237e !important; }

/* ============================================================
  21. SINGLE POST / NCERT SOLUTIONS
   ============================================================ */
.single.single-post,
.single.single-ncert-solutions {
    background: #ffffff !important;
    color: #1a1a2a !important;
}
.single.single-post .blog-detail .hero h1,
.single.single-ncert-solutions .blog-detail .hero h1 {
    color: #1565c0 !important;
    background-image: linear-gradient(90deg, #1565c0, #1976d2 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
/* Category tags — ensure -webkit-text-fill-color doesn't bleed */
.single.single-post .category-tag a {
    background: #1565c0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.single.single-post .category-tag a:hover {
    background: #0d47a1 !important;
    -webkit-text-fill-color: #ffffff !important;
}
.single-container .toc {
    background: #f0f7ff !important;
    border-top-color: #1565c0 !important;
}
.entry-meta span a {
    color: #1565c0 !important;
    border-right-color: #bbdefb !important;
}
.single.single-post .bd_toc_wrapper .bd_toc_header,
.single.single-ncert-solutions .bd_toc_wrapper .bd_toc_header {
    background: linear-gradient(0deg, #1565c0 0%, #1976d2 100%) !important;
}
.single.single-post .bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul li a:hover,
.single.single-ncert-solutions .bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul li a:hover {
    color: #ffffff !important;
    background-color: #1565c0 !important;
}
.single.single-post #articleContent a:hover { color: #1565c0 !important; }
#articleContent a {
    color: #1565c0 !important;
    -webkit-text-fill-color: #1565c0 !important;
}

/* ============================================================
  22. CHAPTERS BOX
   ============================================================ */
.chapters-box {
    background: linear-gradient(130deg, #e3f2fd 0%, #f0f7ff 100%) !important;
    border-color: #1565c0 !important;
    color: #1a1a2a !important;
}
.chapters-box h3   { color: #1a237e !important; }
.left-chapter      { border-color: #bbdefb !important; }
.chapter-num             { background: #1565c0 !important; color: #ffffff !important; }
.chapter-num.chapt-sce   { background: #1976d2 !important; color: #ffffff !important; }
.chapter-num.chapt-maths { background: #e3f2fd !important; color: #1a237e !important; }
.chapter-num.chapt-sst   { background-color: #0d47a1 !important; color: #ffffff !important; }
.chapter-num.chapt-hindi { background-color: #1565c0 !important; color: #ffffff !important; }
.chapter-num.chapt-eng   { background-color: #1976d2 !important; color: #ffffff !important; }

/* ============================================================
  23. MONTHLY QUIZ SECTION (kept dark-blue)
   ============================================================ */
.monthly-quiz-sec {
    background: linear-gradient(145deg, #0d47a1, #1565c0 100%) !important;
    border-color: #1976d2 !important;
}
.monthly-quiz-sec h2 { color: #ffffff !important; }
.quizrank-img img    { border-color: #1976d2 !important; }

/* ============================================================
  24. FREE vs PREMIUM BOX
   ============================================================ */
.fvp-outer-box {
    background: linear-gradient(160deg, #ffffff, #ffffff9e) !important;
    border-color: rgba(21,101,192,0.2) !important;
    box-shadow: 0 20px 60px rgba(21,101,192,0.1),
                inset 0 1px 0 rgba(255,255,255,0.8) !important;
}
.fvp-outer-box::before {
    background: linear-gradient(90deg, transparent, rgba(21,101,192,0.4),
                #1565c0, rgba(21,101,192,0.4), transparent) !important;
}
.fvp-title { color: #1a237e !important; text-shadow: none !important; }
.fvp-free-box {
    background: linear-gradient(145deg, #ffffff, #dbeafe) !important;
    border-color: rgba(21,101,192,0.15) !important;
    box-shadow: 6px 6px 16px rgba(21,101,192,0.1) !important;
}
.fvp-premium-box {
    background: linear-gradient(145deg, #f0f7ff, #dbeafe) !important;
    border-color: rgba(21,101,192,0.3) !important;
    box-shadow: 6px 6px 16px rgba(21,101,192,0.15),
                inset 0 1px 0 rgba(21,101,192,0.1) !important;
}
.fvp-box-header { color: #1a237e !important; }
.fvp-free-box .fvp-box-header {
    background: linear-gradient(145deg, #dbeafe, #e3f2fd) !important;
    border-color: rgba(21,101,192,0.2) !important;
    color: #1a237e !important;
    box-shadow: 4px 4px 10px rgba(21,101,192,0.1) !important;
}
.fvp-header-premium {
    background:linear-gradient(135deg, #fff7de85, #ffeb3b80) !important;
    border-color:#FFC107 !important;
    color:#FF5722 !important;
    text-shadow: none !important;
    box-shadow: 4px 4px 10px rgba(21,101,192,0.1) !important;
}
.fvp-list li       { color: #374151 !important; }
.fvp-list li:hover { background: rgba(21,101,192,0.05) !important; }
.fvp-cta    { color: #000000 !important; text-shadow: none !important; }
.fvp-divider {
    background: linear-gradient(90deg, transparent, rgba(21,101,192,0.25), transparent) !important;
}

/* ============================================================
  25. CLASS 9 NEW SECTION (kept dark-blue)
   ============================================================ */
.class9-new {
    background-color: #0d47a1 !important;
    border-color: rgba(255,255,255,0.25) !important;
}
.class9-new__card {
    background: linear-gradient(160deg, #1a4ea0 0%, #0d3d8a 100%) !important;
    border-color: rgba(255,255,255,0.15) !important;
    box-shadow: 0 0 30px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}
.class9-new__heading, .class9-new__heading sup          { color: #000000 !important; }
.class9-new__card-info h3     { color: #ffffff !important; }
.class9-new__card-info p      { color: #bbdefb !important; }
.class9-new__card-bottom p    { color: #bbdefb !important; }
.class9-new__tagline          { color: #000000 !important; }

/* ============================================================
  26. SINGLE PAGE ENTRY HEADER
   ============================================================ */
body.page .entry .entry-header { color: #1a237e !important; }

/* ============================================================
  27. WHY CHOOSE / CHOOSE BOX
   ============================================================ */
.choose-box {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(33, 120, 255, 0.18);
    box-shadow: 6px 6px 16px rgba(21,101,192,0.1) !important;
}
.choose-box:hover { border-color: rgba(21,101,192,0.6) !important; }

.choose-box h4{color:var(--color-black)}
/* ============================================================
  28. VIA-GRAY SCROLLER
   ============================================================ */
.via-gray-900 {
    background-image: linear-gradient(to right, #dbeafe, #e3f2fd,
                      #dbeafe, rgba(219,234,254,0)) !important;
}

/* ============================================================
  29. STUDENT REVIEW CARDS
   ============================================================ */
.std-view-outer video {
    border-color: #1976d2 !important;
    background: linear-gradient(45deg, #dbeafe, #e3f2fd) !important;
}
.std-card-avatar {
    background: #1a237e !important;
    border-color: #1976d2 !important;
    color: #bbdefb !important;
}
.std-card-info strong { color: #ffffff !important; }
.std-card-info span   { color: #8b96a5 !important; }

/* ============================================================
  30. HOMEPAGE SECTION BACKGROUNDS
   ============================================================ */
.section-two { background-color: #f0f7ff !important; color: #1a1a2a !important; }
.section-three,
.section-five {
    background: #ffffff !important;
    color: #1a1a2a !important;
}
.section-three .container,
.section-five .container { color: #1a1a2a !important; }
.section-four  { background: #f8fbff !important; color: #1a1a2a !important; }
.video-trailer-wrapper { background: #ffffff !important; }
.newsletter-section {
    background: linear-gradient(0deg, #1565c0, #0d47a1) !important;
}
#mc_embed_signup .button { background: #0d47a1 !important; }

/* ============================================================
  31. BUTTONS & CTA
   ============================================================ */
.btn,
.contact-wrapper input[type=submit] {
    background: linear-gradient(to right, #1565c0, #1976d2) !important;
    color: #ffffff !important;
}
.btn:hover,
.contact-wrapper input[type=submit]:hover { background: #0d47a1 !important; }

.btn-download, .btn-wrap input.wpcf7-form-control.wpcf7-submit{color:#000 !important;}

/* App store buttons stay white */
.app-btn {
    background: #ffffff !important;
    border-color: rgba(21,101,192,0.3) !important;
    color: #000000 !important;
}

/* ============================================================
  32. SINGLE POST HEADER
   ============================================================ */
.single-post .single-header,
.single-boards .single-header { background: #0d47a1 !important; }
.single-post .single-header h1,
.single-post .single-header .single-title,
.single-boards .single-header h1,
.single-boards .single-header .single-title { color: #ffffff !important; }
.single-boards .single-header .category-tag {
    background: #ffffff !important;
    color: #0d47a1 !important;
}

/* ============================================================
  33. POST NAVIGATION LABELS
   ============================================================ */
body .post-navigation .nav-links a .meta-nav {
    background: #1565c0 !important;
    color: #ffffff !important;
}

/* ============================================================
  34. VISION BOX
   ============================================================ */
.vision-box { background: #1565c0 !important; }
.vision-image img { border-color: #1976d2 !important; }

/* ============================================================
  35. PAGINATION
   ============================================================ */
.pagination .nav-links > *:hover,
.pagination .nav-links > .current {
    background: #1565c0 !important;
    color: #ffffff !important;
    border-color: #1565c0 !important;
}

/* ============================================================
  36. TOC & CONTENT BORDERS
   ============================================================ */
.single-post .single-container .toc,
.single-boards .single-container .toc,
.single-post .single-container .post-contnt,
.single-boards .single-container .post-contnt {
    border-top-color: #1565c0 !important;
}
.right-sidebar { border-top-color: #1565c0 !important; }

/* ============================================================
  37. FORM FOCUS
   ============================================================ */
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
    border-color: #1565c0 !important;
    box-shadow: 0 0 0 2px rgba(21,101,192,0.2) !important;
}

/* ============================================================
  38. FLOATING ACTION BUTTONS
   ============================================================ */
.floating-icon-tag.call { background-color:#0D47A1 !important; color: #fff !important; }
.floating-icon-tag.whatsup{ background-color:#25D366 !important; color: #fff !important; }

/* ============================================================
  39. COMMENT BADGE
   ============================================================ */
.comment-author .post-author-badge { background: #1565c0 !important; }

/* ============================================================
  40. SITE BRANDING IN HEADER (on dark blue bg)
   ============================================================ */
.site-title a,
.site-title a:link,
.site-title a:visited { color: #ffffff !important; }
.site-title a:hover   { color: #bbdefb !important; }
.site-description     { color: #bbdefb !important; }

/* ============================================================
  41. NEWSLETTER / SUPPORT HEADER
   ============================================================ */
.support-head       { color: #ffffff !important; }
.support-head a     { color: #bbdefb !important; }
.newsletter-section h2 { color: #ffffff !important; }
.newsletter-section p  { color: #e3f2fd !important; }
.newsletter-section #mc_embed_signup_scroll span { color: #bbdefb !important; }

/* ============================================================
  42. HERO HEADINGS
   ============================================================ */
.blog-detail .hero h1 {
    color: #1a237e !important;
    -webkit-text-fill-color: #1a237e !important;
}
.hero h1 { color: #1a237e !important; }
.course-inner-title .hero h1 {
    color: #1a237e !important;
    -webkit-text-fill-color: #1a237e !important;
}
.top-subhead { color: #4b5563 !important; }

/* ============================================================
  43. TOP SLIDER
   ============================================================ */
.top-slider img { border-color: #1976d2 !important; }
.banner_slider::before { background-color: #1565c0 !important; }
.owl-carousel .owl-dots button { background-color: #1565c0 !important; }

/* ============================================================
  44. CBSE TABLE HEADER
   ============================================================ */
.cbse-paper-solution th { background: #1565c0 !important; }

/* ============================================================
  45. VIDEO POPUP
   ============================================================ */
.video-popup-close {
    background: #1a237e !important;
    border-color: #1976d2 !important;
    color: #bbdefb !important;
}
.video-popup-close:hover { background: #1976d2 !important; color: #ffffff !important; }

/* ============================================================
  46. ARCHIVE HEADER
   ============================================================ */
.archive header.page-header { border-bottom-color: #1565c0 !important; }
.page-id-820 .page-header h1 { color: #1a237e !important; }

/* ============================================================
  47. DOWNLOAD CTA SIDEBAR
   ============================================================ */
.download-cta h3 {
    text-shadow: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}