/* =============================================
   Public Website — Colourful Green + Trusty Blue Theme
   Green: #1b5e20 #2e7d32 | Blue: #0d47a1 #1565c0 #1976d2
   Saffron: #bf360c #e65100 | Gold: #ffd54f
   ============================================= */

/* ---- Services Cards — alternating colour tops ---- */
.s-single-services {
  background: #fff !important;
  border: none;
  border-radius: 12px;
  transition: all 0.35s ease;
  box-shadow: 0 2px 15px rgba(0,0,0,0.05);
  border-top: 3px solid #1565c0;
  overflow: hidden;
}
.s-single-services:nth-child(2n) {
  border-top-color: #2e7d32;
}
.s-single-services:nth-child(3n) {
  border-top-color: #bf360c;
}
.s-single-services:hover {
  background: #fff !important;
  box-shadow: 0 8px 30px rgba(21,101,192,0.12);
  transform: translateY(-4px);
}
.services-two .s-single-services,
.services-three .s-single-services {
  border-radius: 12px;
}

/* ---- Course Cards ---- */
.courses-item {
  background: #fff;
  border: none;
  border-radius: 12px;
  transition: all 0.35s ease;
  box-shadow: 0 2px 15px rgba(0,0,0,0.05);
  overflow: hidden;
}
.courses-item:hover {
  box-shadow: 0 8px 30px rgba(21,101,192,0.12);
  transform: translateY(-4px);
}
.courses-item .courses-item-img img {
  border-radius: 12px 12px 0 0;
}

/* ---- Team / Instructor Cards ---- */
.team-thumb {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 15px rgba(0,0,0,0.05);
  transition: all 0.35s ease;
}
.team-thumb:hover {
  box-shadow: 0 8px 30px rgba(13,71,161,0.12);
  transform: translateY(-4px);
}
.team-thumb .dropdown .xbtn {
  background: linear-gradient(135deg, #0d47a1, #1565c0) !important;
}

/* ---- Section Title Accent ---- */
.section-title h5 {
  color: #1565c0 !important;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.section-title h2 {
  color: #1b5e20;
}

/* ---- About Section ---- */
.about-content h5 {
  color: #1565c0;
}
.about-content p {
  color: #546e7a;
}

/* ---- Feature / Icon Boxes ---- */
.feature-box {
  background: #fff;
  border: none;
  border-radius: 12px;
  transition: all 0.35s ease;
  box-shadow: 0 2px 15px rgba(0,0,0,0.05);
  border-left: 3px solid #1565c0;
}
.feature-box:hover {
  box-shadow: 0 8px 25px rgba(21,101,192,0.10);
  transform: translateY(-3px);
}

/* ---- Testimonial / Reviews ---- */
.testimonial-active .single-testimonial {
  background: #fff;
  border: none;
  border-radius: 12px;
  box-shadow: 0 2px 15px rgba(0,0,0,0.05);
  border-bottom: 3px solid #2e7d32;
}

/* ---- Blog / News Cards ---- */
.single-post {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 15px rgba(0,0,0,0.05);
  transition: all 0.35s ease;
  border: none;
}
.single-post:hover {
  box-shadow: 0 8px 30px rgba(13,71,161,0.10);
  transform: translateY(-4px);
}
.blog-btn a {
  color: #1565c0 !important;
  font-weight: 600;
}
.blog-btn a:hover {
  color: #1b5e20 !important;
}

/* ---- Event Cards ---- */
.event-item {
  border-radius: 12px;
  overflow: hidden;
  border: none;
  box-shadow: 0 2px 15px rgba(0,0,0,0.05);
  transition: all 0.35s ease;
}
.event-item:hover {
  box-shadow: 0 8px 30px rgba(21,101,192,0.10);
  transform: translateY(-4px);
}

/* ---- FAQ Section ---- */
.faq-btn {
  background: linear-gradient(135deg, #0d47a1, #1565c0) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 8px !important;
}
.faq-btn.collapsed {
  background: #fff !important;
  color: #0d47a1 !important;
  border: 1px solid #c6c6c6 !important;
}

/* ---- Gallery Items ---- */
.gallery-item {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 15px rgba(0,0,0,0.05);
  transition: all 0.35s ease;
}
.gallery-item:hover {
  box-shadow: 0 8px 30px rgba(21,101,192,0.12);
  transform: scale(1.03);
}

/* ---- Pricing Cards ---- */
.pricing-box {
  background: #fff;
  border: none;
  border-radius: 14px;
  transition: all 0.35s ease;
  box-shadow: 0 2px 15px rgba(0,0,0,0.05);
}
.pricing-box:hover,
.pricing-box.active {
  box-shadow: 0 10px 35px rgba(13,71,161,0.12);
  transform: translateY(-5px);
}
.pricing-box.active {
  border-top: 4px solid #1565c0;
}

/* ---- CTA Section — blue overlay ---- */
.cta-area {
  position: relative;
}
.cta-area::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 35px 35px;
  pointer-events: none;
  z-index: 1;
}
.cta-area .container {
  position: relative;
  z-index: 2;
}

/* ---- Slider / Hero ---- */
.slider-area {
  position: relative;
}

/* ---- Navigation Links ---- */
.header-three .main-menu ul li a:hover,
.header-three .main-menu ul li.current > a {
  color: #ffd54f !important;
}
.header-three .main-menu .sub-menu li a:hover {
  color: #1565c0 !important;
}

/* ---- Header CTA button — blue ---- */
.second-header-btn .btn {
  background: linear-gradient(135deg, #0d47a1, #1565c0) !important;
  border: none;
  border-radius: 5px;
  transition: all 0.3s ease;
  box-shadow: 0 3px 12px rgba(13,71,161,0.25);
}
.second-header-btn .btn:hover {
  background: linear-gradient(135deg, #1565c0, #1976d2) !important;
  box-shadow: 0 5px 20px rgba(13,71,161,0.35);
  transform: translateY(-1px);
}

/* ---- Counter / Stats Section ---- */
.counter-area {
  position: relative;
}

/* ---- Choose / Why Us Section ---- */
.choose-btn a {
  background: linear-gradient(135deg, #0d47a1, #1565c0) !important;
  border: none !important;
  box-shadow: 0 3px 12px rgba(13,71,161,0.2) !important;
  transition: all 0.3s ease;
}
.choose-btn a:hover {
  background: linear-gradient(135deg, #1b5e20, #2e7d32) !important;
  box-shadow: 0 5px 20px rgba(27,94,32,0.25) !important;
  transform: translateY(-2px);
}

/* ---- Action / CTA Buttons ---- */
.action-btn {
  background: linear-gradient(135deg, #bf360c, #e65100) !important;
  border-radius: 6px;
  transition: all 0.3s ease;
}
.action-btn:hover {
  background: linear-gradient(135deg, #0d47a1, #1565c0) !important;
  transform: translateY(-2px);
}

/* ---- Breadcrumb — blue accent ---- */
.breadcrumb-area {
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #0d47a1 100%) !important;
}

/* ---- Colourful section backgrounds ---- */
.about-area,
.feature-area {
  background: linear-gradient(180deg, #f8fafb 0%, #eef5f0 100%);
}
.services-area,
.services-area.gray-bg {
  background: linear-gradient(180deg, #f0f4f8 0%, #e8eef6 100%) !important;
}
.testimonial-area {
  background: linear-gradient(180deg, #eef5f0 0%, #f8fafb 100%);
}

/* ---- Top bar blue accent ---- */
.header-top-area {
  background: linear-gradient(135deg, #0d47a1, #1565c0) !important;
}

/* ---- Smooth Scroll ---- */
html {
  scroll-behavior: smooth;
}

/* ---- Links accent ---- */
.b-meta ul li a:hover {
  color: #1565c0 !important;
}

/* ---- Blue accent buttons scattered ---- */
.slider-bg .text2 .btn.ss-btn {
  background: linear-gradient(135deg, #0d47a1, #1565c0) !important;
  border: 2px solid #1565c0 !important;
}
.slider-bg .text2 .btn.ss-btn:hover {
  background: linear-gradient(135deg, #1b5e20, #2e7d32) !important;
  border-color: #2e7d32 !important;
}

/* ---- Contact form button blue ---- */
.contact-form .btn {
  background: linear-gradient(135deg, #0d47a1, #1565c0) !important;
}
.contact-form .btn:hover {
  background: linear-gradient(135deg, #1b5e20, #2e7d32) !important;
}

/* ---- Scroll-up blue ---- */
#scrollUp {
  background: linear-gradient(135deg, #0d47a1, #1565c0) !important;
}
#scrollUp:hover {
  background: linear-gradient(135deg, #1b5e20, #2e7d32) !important;
}

/* ---- Footer social blue hover ---- */
.footer-bg.theme-gradient-bg .footer-social a:hover {
  background: rgba(21,101,192,0.25) !important;
  border-color: rgba(21,101,192,0.4) !important;
}

/* ---- Scholarship Programs text color fix ---- */
.scholarship-programs-title {
  color: #1565c0 !important;
}

/* ---- Topbar icon colors fix ---- */
.header-cta .call-box .icon {
  color: #fff !important;
}
.header-cta .call-box .icon i {
  color: #fff !important;
}
.header-cta .call-box .text a {
  color: #fff !important;
}
.header-cta .call-box .text strong {
  color: #fff !important;
}

/* ---- CTA section title color fix ---- */
.cta-title h2 {
  color: #fff !important;
}
.cta-title p {
  color: rgba(255, 255, 255, 0.9) !important;
}
.theme-gradient-bg .section-title h2 {
  color: #fff !important;
}
.theme-gradient-bg .section-title p {
  color: rgba(255, 255, 255, 0.9) !important;
}