/*=============================================================
  JEVELIN MEDICAL THEME - SureMediks
  Inspired by: jevelin.shufflehound.com/medical
  Applied: 2026-03-25
=============================================================*/

/* ── GOOGLE FONTS ── */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800&family=Open+Sans:wght@300;400;600;700&display=swap');

/* ── CSS VARIABLES ── */
:root {
  --jev-primary:    #3dbced;   /* Jevelin teal/cyan */
  --jev-primary-dk: #1a9fd8;   /* darker teal */
  --jev-dark:       #1e2d40;   /* deep navy for nav/footer */
  --jev-dark2:      #263547;
  --jev-text:       #666f7a;
  --jev-heading:    #1e2d40;
  --jev-light-bg:   #f6fbfe;
  --jev-white:      #ffffff;
  --jev-border:     #e8f4fb;
  --jev-shadow:     0 4px 28px rgba(61,188,237,.13);
  --jev-radius:     6px;
  --jev-font-body:  'Open Sans', sans-serif;
  --jev-font-head:  'Raleway', sans-serif;
}

/* ── BASE RESET ── */
body {
  font-family: var(--jev-font-body) !important;
  color: var(--jev-text) !important;
  background: var(--jev-white) !important;
  line-height: 1.75 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--jev-font-head) !important;
  color: var(--jev-heading) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

p { color: var(--jev-text) !important; }

a { color: var(--jev-primary) !important; transition: color .3s; }
a:hover { color: var(--jev-primary-dk) !important; }

/* ── NAVBAR ── */
.new_custom_sticky_header,
.navbar-default,
.navbar-fixed-top {
  background: var(--jev-white) !important;
  box-shadow: 0 2px 18px rgba(30,45,64,.10) !important;
  border: none !important;
}

.header-bottom {
  background: var(--jev-white) !important;
  border-bottom: 3px solid var(--jev-primary) !important;
  padding: 0 !important;
}

/* Nav links */
.mainmenu ul#navigation > li > a {
  font-family: var(--jev-font-head) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--jev-heading) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 28px 15px !important;
  display: block !important;
  position: relative !important;
}

.mainmenu ul#navigation > li > a::after {
  content: '';
  position: absolute;
  bottom: 0; left: 50%; right: 50%;
  height: 3px;
  background: var(--jev-primary);
  transition: left .3s, right .3s;
}

.mainmenu ul#navigation > li:hover > a::after,
.mainmenu ul#navigation > li.active > a::after {
  left: 0; right: 0;
}

.mainmenu ul#navigation > li > a:hover,
.mainmenu ul#navigation > li.active > a {
  color: var(--jev-primary) !important;
}

/* ── HERO / HEADER VIDEO SECTION ── */
header {
  background: var(--jev-dark) !important;
}

header .overlay {
  background: linear-gradient(135deg, rgba(30,45,64,.72) 0%, rgba(61,188,237,.35) 100%) !important;
  opacity: 1 !important;
}

/* ── HEADER INFO BAR (the 2-column intro section) ── */
.header-section.landing {
  background: linear-gradient(135deg, var(--jev-dark) 60%, var(--jev-primary) 100%) !important;
  padding: 60px 40px !important;
}

.header-section.landing h1,
.header-section.landing h2 {
  color: var(--jev-white) !important;
}

.header-section.landing p,
.header-section.landing li {
  color: rgba(255,255,255,.88) !important;
}

/* ── SECTION TITLES ── */
.section-title h2 {
  font-size: 32px !important;
  color: var(--jev-heading) !important;
  position: relative !important;
  padding-bottom: 18px !important;
  margin-bottom: 12px !important;
}

.section-title h2::after {
  content: '';
  position: absolute;
  bottom: 0; left: 50%;
  transform: translateX(-50%);
  width: 55px; height: 3px;
  background: var(--jev-primary);
  border-radius: 2px;
}

.section-title p {
  font-size: 15px !important;
  color: var(--jev-text) !important;
  max-width: 600px;
  margin: 0 auto;
}

/* ── SERVICE / FEATURE CARDS ── */
.service-wrap {
  background: var(--jev-white) !important;
  border: 1px solid var(--jev-border) !important;
  border-radius: var(--jev-radius) !important;
  overflow: hidden !important;
  box-shadow: var(--jev-shadow) !important;
  transition: transform .3s, box-shadow .3s !important;
  margin-bottom: 28px !important;
}

.service-wrap:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 40px rgba(61,188,237,.22) !important;
}

.service-content {
  padding: 24px 22px !important;
}

.service-content h3 {
  font-size: 17px !important;
  color: var(--jev-heading) !important;
  margin-bottom: 10px !important;
}

.service-content p {
  font-size: 14px !important;
  color: var(--jev-text) !important;
  line-height: 1.7 !important;
}

.service-content a {
  display: inline-block !important;
  margin-top: 14px !important;
  padding: 8px 20px !important;
  background: var(--jev-primary) !important;
  color: var(--jev-white) !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
}

.service-content a:hover {
  background: var(--jev-primary-dk) !important;
  color: var(--jev-white) !important;
}

/* ── SECTION BACKGROUNDS ── */
.ptb-140, .ptb-141, .ptb-888 { background: var(--jev-white) !important; }
.ptb-142, .ptb-929, .ptb-999 { background: var(--jev-light-bg) !important; }
.ptb-143 { background: var(--jev-primary) !important; }
.ptb-90  { background: var(--jev-dark) !important; }
.ptb-919 { background: var(--jev-white) !important; padding: 60px 0 !important; }

/* ── SERVICE AREA SECTION BG ── */
.service-area { background: var(--jev-light-bg) !important; padding: 70px 0 !important; }

/* ── BENEFITS / EXPERTS CARDS ── */
.card {
  border: 1px solid var(--jev-border) !important;
  border-radius: var(--jev-radius) !important;
  box-shadow: var(--jev-shadow) !important;
  transition: transform .3s !important;
  background: var(--jev-white) !important;
}

.card:hover { transform: translateY(-5px) !important; }

.card-img-top.rounded-circle {
  border: 4px solid var(--jev-primary) !important;
  width: 90px !important; height: 90px !important;
  object-fit: cover !important;
  margin: 22px auto 12px !important;
  display: block !important;
}

.card-body { padding: 16px 20px 24px !important; }
.card-text { font-size: 13.5px !important; color: var(--jev-text) !important; font-style: italic !important; }
.name { font-weight: 700 !important; color: var(--jev-heading) !important; font-size: 15px !important; margin-bottom: 2px !important; }
.designation { font-size: 12.5px !important; color: var(--jev-primary) !important; }

/* ── FANFACT / STATS SECTION ── */
.fanfact-area {
  background: linear-gradient(135deg, var(--jev-dark) 0%, var(--jev-dark2) 100%) !important;
  padding: 70px 0 !important;
}

.fanfact-area h1,
.fanfact-area h2,
.fanfact-area h3,
.fanfact-area p,
.fanfact-area font,
.fanfact-area .fact-number,
.fanfact-area .fact-title {
  color: var(--jev-white) !important;
}

.fanfact-area .fact-number {
  font-size: 48px !important;
  font-weight: 800 !important;
  color: var(--jev-primary) !important;
}

/* ── FREE SCALE / CTA SECTION ── */
.free-scale-section {
  background: linear-gradient(135deg, var(--jev-primary) 0%, var(--jev-primary-dk) 100%) !important;
  padding: 60px 20px !important;
}

.free-scale-header { color: var(--jev-white) !important; font-size: 32px !important; }
.free-scale-text   { color: rgba(255,255,255,.9) !important; font-size: 16px !important; margin-bottom: 24px !important; }

.free-scale-button {
  display: inline-block !important;
  background: var(--jev-white) !important;
  color: var(--jev-primary) !important;
  font-weight: 700 !important;
  font-family: var(--jev-font-head) !important;
  padding: 14px 36px !important;
  border-radius: 40px !important;
  font-size: 15px !important;
  letter-spacing: .5px !important;
  text-transform: uppercase !important;
  box-shadow: 0 6px 24px rgba(0,0,0,.15) !important;
  transition: transform .3s, box-shadow .3s !important;
}

.free-scale-button:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 32px rgba(0,0,0,.22) !important;
}

/* ── TESTIMONIAL SECTION ── */
.testimonal-section {
  background: var(--jev-white) !important;
  padding: 70px 40px !important;
}

.testimonal-text {
  font-size: 17px !important;
  font-style: italic !important;
  color: var(--jev-text) !important;
  line-height: 1.8 !important;
  position: relative !important;
  padding-left: 28px !important;
  border-left: 4px solid var(--jev-primary) !important;
}

.testimonal-author {
  font-weight: 700 !important;
  color: var(--jev-heading) !important;
  font-size: 16px !important;
  margin-top: 18px !important;
}

.testimonal-company {
  color: var(--jev-primary) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* ── TEXT / FEATURE SECTION ── */
.text-section.landing {
  background: var(--jev-light-bg) !important;
  padding: 70px 40px !important;
}

.text-section-header {
  font-size: 30px !important;
  color: var(--jev-heading) !important;
  text-align: center !important;
  margin-bottom: 40px !important;
  position: relative !important;
}

.text-section-header::after {
  content: '';
  display: block;
  width: 55px; height: 3px;
  background: var(--jev-primary);
  margin: 14px auto 0;
  border-radius: 2px;
}

.fullwidth-row h3 {
  font-size: 21px !important;
  color: var(--jev-heading) !important;
  margin-bottom: 12px !important;
}

.surefiz-bullets ul li {
  color: var(--jev-text) !important;
  font-size: 14.5px !important;
  padding: 4px 0 !important;
  list-style: none !important;
  padding-left: 22px !important;
  position: relative !important;
}

.surefiz-bullets ul li::before {
  content: '✓';
  position: absolute; left: 0;
  color: var(--jev-primary);
  font-weight: 700;
}

/* ── BENEFITS SECTION ── */
.benefits-section.landing {
  background: var(--jev-white) !important;
  padding: 70px 40px !important;
}

.benefits-section h1, .benefits-section h2 {
  color: var(--jev-heading) !important;
}

/* ── NEWSLETTER SECTION ── */
.newsletter-area {
  background: linear-gradient(135deg, var(--jev-dark) 0%, var(--jev-dark2) 100%) !important;
  padding: 60px 0 !important;
}

.newsletter-wrap h2 {
  color: var(--jev-white) !important;
  font-size: 26px !important;
}

.newsletter-wrap p {
  color: rgba(255,255,255,.78) !important;
}

.newsletter-form input[type="email"] {
  border: 2px solid var(--jev-primary) !important;
  border-radius: 4px !important;
  padding: 12px 16px !important;
  width: 100% !important;
  margin-bottom: 12px !important;
  font-family: var(--jev-font-body) !important;
}

.btn-style.newsletter_btn {
  background: var(--jev-primary) !important;
  color: var(--jev-white) !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 12px 30px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: background .3s !important;
}

.btn-style.newsletter_btn:hover {
  background: var(--jev-primary-dk) !important;
}

/* ── BUTTONS GENERAL ── */
.btn-info {
  background-color: var(--jev-primary) !important;
  border-color: var(--jev-primary) !important;
  color: var(--jev-white) !important;
  font-family: var(--jev-font-head) !important;
  font-weight: 600 !important;
  letter-spacing: .5px !important;
  border-radius: 4px !important;
  padding: 10px 28px !important;
  text-transform: uppercase !important;
}

.btn-info:hover {
  background-color: var(--jev-primary-dk) !important;
  border-color: var(--jev-primary-dk) !important;
}

/* ── FOOTER ── */
footer {
  background: var(--jev-dark) !important;
}

.footer-top {
  background: var(--jev-dark) !important;
  padding: 60px 0 40px !important;
}

.footer-widget h2 {
  color: var(--jev-primary) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin-bottom: 18px !important;
  position: relative !important;
  padding-bottom: 10px !important;
}

.footer-widget h2::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 30px; height: 2px;
  background: var(--jev-primary);
}

.footer-widget p,
.footer-widget ul li a,
.footer-widget ul li {
  color: rgba(255,255,255,.65) !important;
  font-size: 13.5px !important;
  line-height: 2 !important;
}

.footer-widget ul li a:hover { color: var(--jev-primary) !important; }

.footer-bottom {
  background: var(--jev-dark2) !important;
  padding: 18px 0 !important;
  border-top: 1px solid rgba(61,188,237,.18) !important;
}

.copyrights_content {
  color: rgba(255,255,255,.5) !important;
  font-size: 13px !important;
}

/* ── PRELOADER ── */
.preloder-wrap { background: var(--jev-white) !important; }
.child-common { background: var(--jev-primary) !important; }

/* ── SCROLLBAR ── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--jev-light-bg); }
::-webkit-scrollbar-thumb { background: var(--jev-primary); border-radius: 3px; }

/* ── EXPERT REVIEW CARDS ROW ── */
.expert_review_cov .card {
  margin-bottom: 24px !important;
  text-align: center !important;
}

/* ── SECTION DIV SEPARATORS ── */
.fullwidth-row {
  border-bottom: 1px solid var(--jev-border) !important;
  padding-bottom: 40px !important;
  margin-bottom: 40px !important;
  display: flex !important;
  align-items: center !important;
  gap: 40px !important;
  flex-wrap: wrap !important;
}

.fullwidth-row:last-child { border-bottom: none !important; }

.text-section-column { flex: 1 1 45%; min-width: 260px !important; }
.text-section-column img { border-radius: var(--jev-radius) !important; box-shadow: var(--jev-shadow) !important; }

/* ── ABOUT ROW ── */
.aboutus-section,
.about-area { background: var(--jev-white) !important; padding: 70px 0 !important; }

/* ── RESPONSIVE TWEAKS ── */
@media (max-width: 768px) {
  .section-title h2 { font-size: 24px !important; }
  .free-scale-header { font-size: 24px !important; }
  .fullwidth-row { flex-direction: column !important; }
  .header-section.landing { padding: 40px 20px !important; }
}

/* ── ACTIVE NAV LINK ── */
.mainmenu ul#navigation > li.active > a {
  color: var(--jev-primary) !important;
  background: rgba(61,188,237,.06) !important;
}

/* ── WHY SECTION HEADER ── */
.why-blue-header {
  color: var(--jev-white) !important;
  font-size: 26px !important;
}

/* ── FIFTEENMB / MISC TITLES ── */
.fifteenMB h1 { 
  font-size: 28px !important;
  color: var(--jev-heading) !important;
}

/* ── STICKY HEADER SHADOW ON SCROLL ── */
.navbar-fixed-top.affix,
.new_custom_sticky_header.affix {
  box-shadow: 0 3px 24px rgba(30,45,64,.15) !important;
}


/*=============================================================
  JEVELIN THEME - EXTENDED: NAVBAR, PRICING, FAQ, ABOUT,
  CONTACT, REGISTRATION, DASHBOARD, FOOTER ENHANCEMENTS
=============================================================*/

/* ── TOP NAV FULL OVERHAUL ── */
.header-bottom .container {
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
}

.logo img {
  max-height: 52px !important;
  width: auto !important;
}

/* Dropdown menus */
.mainmenu ul li ul.sub-menu,
.mainmenu ul li ul.dropdown {
  background: var(--jev-white) !important;
  border-top: 3px solid var(--jev-primary) !important;
  border-radius: 0 0 var(--jev-radius) var(--jev-radius) !important;
  box-shadow: 0 8px 28px rgba(30,45,64,.12) !important;
  min-width: 180px !important;
}

.mainmenu ul li ul.sub-menu li a,
.mainmenu ul li ul.dropdown li a {
  color: var(--jev-heading) !important;
  font-size: 13px !important;
  padding: 10px 18px !important;
  display: block !important;
  border-bottom: 1px solid var(--jev-border) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.mainmenu ul li ul.sub-menu li a:hover,
.mainmenu ul li ul.dropdown li a:hover {
  color: var(--jev-primary) !important;
  background: var(--jev-light-bg) !important;
}

/* Mobile nav */
#slicknav_menu .slicknav_nav {
  background: var(--jev-dark) !important;
}

#slicknav_menu .slicknav_nav a {
  color: rgba(255,255,255,.85) !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

#slicknav_menu .slicknav_btn {
  background: var(--jev-primary) !important;
}

/* ── HERO / BANNER SECTION ── */
.slider-area, .banner-area {
  background: linear-gradient(135deg, var(--jev-dark) 0%, var(--jev-dark2) 100%) !important;
}

.slider-area h1, .slider-area h2,
.banner-area h1, .banner-area h2 {
  color: var(--jev-white) !important;
  font-family: var(--jev-font-head) !important;
}

/* ── ABOUT PAGE ── */
.about-area {
  background: var(--jev-white) !important;
  padding: 70px 0 !important;
}

.about-content h2 {
  font-size: 30px !important;
  color: var(--jev-heading) !important;
  position: relative !important;
  padding-bottom: 16px !important;
  margin-bottom: 20px !important;
}

.about-content h2::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 50px; height: 3px;
  background: var(--jev-primary);
  border-radius: 2px;
}

.about-content p { 
  font-size: 15px !important; 
  line-height: 1.8 !important;
  color: var(--jev-text) !important;
}

/* ── PRICING PAGE ── */
.pricing-area {
  background: var(--jev-light-bg) !important;
  padding: 70px 0 !important;
}

.pricing-wrap {
  background: var(--jev-white) !important;
  border: 2px solid var(--jev-border) !important;
  border-radius: var(--jev-radius) !important;
  box-shadow: var(--jev-shadow) !important;
  transition: transform .3s, box-shadow .3s !important;
  overflow: hidden !important;
}

.pricing-wrap:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 16px 48px rgba(61,188,237,.22) !important;
  border-color: var(--jev-primary) !important;
}

.pricing-wrap .pricing-header {
  background: linear-gradient(135deg, var(--jev-primary) 0%, var(--jev-primary-dk) 100%) !important;
  padding: 28px 20px !important;
  text-align: center !important;
}

.pricing-wrap .pricing-header h3,
.pricing-wrap .pricing-header h2 {
  color: var(--jev-white) !important;
  font-size: 20px !important;
  margin: 0 !important;
}

.pricing-wrap .price {
  font-size: 48px !important;
  font-weight: 800 !important;
  color: var(--jev-primary) !important;
  text-align: center !important;
  padding: 24px 0 8px !important;
}

.pricing-wrap ul li {
  padding: 8px 20px !important;
  font-size: 14px !important;
  color: var(--jev-text) !important;
  border-bottom: 1px solid var(--jev-border) !important;
}

.pricing-wrap .pricing-btn a,
.pricing-wrap .pricing-btn button {
  display: block !important;
  margin: 20px !important;
  padding: 12px !important;
  background: var(--jev-primary) !important;
  color: var(--jev-white) !important;
  border-radius: 4px !important;
  text-align: center !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .8px !important;
  font-size: 13px !important;
  transition: background .3s !important;
}

.pricing-wrap .pricing-btn a:hover,
.pricing-wrap .pricing-btn button:hover {
  background: var(--jev-primary-dk) !important;
}

/* ── FAQ PAGE ── */
.faq-area {
  background: var(--jev-white) !important;
  padding: 70px 0 !important;
}

.panel-default {
  border: 1px solid var(--jev-border) !important;
  border-radius: var(--jev-radius) !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 10px rgba(61,188,237,.06) !important;
}

.panel-default > .panel-heading {
  background: var(--jev-light-bg) !important;
  border-bottom: none !important;
  padding: 0 !important;
}

.panel-default > .panel-heading h4 a {
  display: block !important;
  padding: 16px 22px !important;
  color: var(--jev-heading) !important;
  font-family: var(--jev-font-head) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  position: relative !important;
}

.panel-default > .panel-heading h4 a::after {
  content: '+';
  position: absolute;
  right: 22px; top: 50%;
  transform: translateY(-50%);
  color: var(--jev-primary);
  font-size: 22px;
  font-weight: 300;
}

.panel-default > .panel-heading h4 a[aria-expanded="true"]::after {
  content: '−';
}

.panel-default > .panel-heading h4 a:hover {
  color: var(--jev-primary) !important;
}

.panel-default .panel-body {
  padding: 20px 22px !important;
  color: var(--jev-text) !important;
  font-size: 14.5px !important;
  line-height: 1.75 !important;
  border-top: 2px solid var(--jev-border) !important;
}

/* ── CONTACT PAGE ── */
.contact-area {
  background: var(--jev-white) !important;
  padding: 70px 0 !important;
}

.contact-form input,
.contact-form textarea,
.contact-form select {
  border: 1px solid var(--jev-border) !important;
  border-radius: var(--jev-radius) !important;
  padding: 12px 16px !important;
  width: 100% !important;
  margin-bottom: 16px !important;
  font-family: var(--jev-font-body) !important;
  color: var(--jev-heading) !important;
  font-size: 14px !important;
  transition: border-color .3s !important;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color: var(--jev-primary) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(61,188,237,.12) !important;
}

.contact-form button,
.contact-form .btn {
  background: var(--jev-primary) !important;
  color: var(--jev-white) !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 13px 36px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: background .3s, transform .2s !important;
}

.contact-form button:hover { 
  background: var(--jev-primary-dk) !important; 
  transform: translateY(-2px) !important;
}

.contact-info ul li {
  color: var(--jev-text) !important;
  font-size: 14.5px !important;
  padding: 8px 0 !important;
}

.contact-info ul li i {
  color: var(--jev-primary) !important;
  width: 24px !important;
}

/* ── HOW IT WORKS ── */
.how-works-area {
  background: var(--jev-light-bg) !important;
  padding: 70px 0 !important;
}

.work-item {
  text-align: center !important;
  padding: 30px 20px !important;
  background: var(--jev-white) !important;
  border-radius: var(--jev-radius) !important;
  box-shadow: var(--jev-shadow) !important;
  transition: transform .3s !important;
}

.work-item:hover { transform: translateY(-5px) !important; }

.work-item .work-icon {
  width: 70px; height: 70px;
  background: linear-gradient(135deg, var(--jev-primary) 0%, var(--jev-primary-dk) 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}

.work-item .work-icon i { color: var(--jev-white) !important; font-size: 28px !important; }
.work-item h3 { color: var(--jev-heading) !important; font-size: 18px !important; }
.work-item p  { color: var(--jev-text) !important; font-size: 14px !important; }

/* Step numbers */
.work-number {
  width: 38px; height: 38px;
  background: var(--jev-primary);
  color: var(--jev-white);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 16px;
  margin: 0 auto 16px;
}

/* ── TEAM / DOCTOR SECTION ── */
.team-area {
  background: var(--jev-white) !important;
  padding: 70px 0 !important;
}

.team-wrap {
  background: var(--jev-white) !important;
  border: 1px solid var(--jev-border) !important;
  border-radius: var(--jev-radius) !important;
  overflow: hidden !important;
  box-shadow: var(--jev-shadow) !important;
  transition: transform .3s !important;
  text-align: center !important;
}

.team-wrap:hover { transform: translateY(-5px) !important; }

.team-content { padding: 20px 16px !important; }
.team-content h3 { color: var(--jev-heading) !important; font-size: 17px !important; }
.team-content span { color: var(--jev-primary) !important; font-size: 13px !important; font-weight: 600 !important; }

.team-social a {
  display: inline-block;
  width: 32px; height: 32px;
  background: var(--jev-light-bg);
  border-radius: 50%;
  line-height: 32px;
  text-align: center;
  margin: 0 3px;
  color: var(--jev-primary) !important;
  font-size: 13px;
  transition: background .3s !important;
}

.team-social a:hover {
  background: var(--jev-primary) !important;
  color: var(--jev-white) !important;
}

/* ── LOGIN / REGISTRATION FORMS ── */
.login-area, .register-area {
  background: var(--jev-light-bg) !important;
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  padding: 60px 0 !important;
}

.login-box, .register-box {
  background: var(--jev-white) !important;
  border-radius: var(--jev-radius) !important;
  box-shadow: 0 8px 40px rgba(30,45,64,.12) !important;
  padding: 40px 36px !important;
  max-width: 480px !important;
  margin: 0 auto !important;
}

.login-box h2, .register-box h2 {
  color: var(--jev-heading) !important;
  font-size: 26px !important;
  margin-bottom: 6px !important;
}

.login-box .form-group input,
.register-box .form-group input,
.form-control {
  border: 1px solid var(--jev-border) !important;
  border-radius: 4px !important;
  padding: 11px 14px !important;
  font-size: 14px !important;
  color: var(--jev-heading) !important;
  width: 100% !important;
  transition: border-color .3s !important;
}

.form-control:focus {
  border-color: var(--jev-primary) !important;
  box-shadow: 0 0 0 3px rgba(61,188,237,.12) !important;
}

/* ── DASHBOARD ── */
.dashboard-area {
  background: var(--jev-light-bg) !important;
}

.dashboard-widget {
  background: var(--jev-white) !important;
  border-radius: var(--jev-radius) !important;
  box-shadow: var(--jev-shadow) !important;
  padding: 24px !important;
  margin-bottom: 24px !important;
}

.dashboard-widget h4 {
  color: var(--jev-heading) !important;
  font-size: 16px !important;
  border-bottom: 2px solid var(--jev-border) !important;
  padding-bottom: 12px !important;
  margin-bottom: 16px !important;
}

/* ── STATISTICS / COUNTER SECTION ── */
.fact-item {
  text-align: center !important;
  padding: 24px 16px !important;
}

.fact-item .fact-number {
  font-size: 52px !important;
  font-weight: 800 !important;
  color: var(--jev-primary) !important;
  font-family: var(--jev-font-head) !important;
  line-height: 1 !important;
}

.fact-item .fact-title {
  font-size: 14px !important;
  color: rgba(255,255,255,.75) !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin-top: 8px !important;
}

/* ── BREADCRUMB ── */
.breadcrumb-area {
  background: linear-gradient(135deg, var(--jev-dark) 0%, var(--jev-dark2) 100%) !important;
  padding: 50px 0 !important;
}

.breadcrumb-area h2 {
  color: var(--jev-white) !important;
  font-size: 32px !important;
}

.breadcrumb-area .breadcrumb li,
.breadcrumb-area .breadcrumb li a {
  color: rgba(255,255,255,.7) !important;
  font-size: 13px !important;
}

.breadcrumb-area .breadcrumb li.active { color: var(--jev-primary) !important; }
.breadcrumb-area .breadcrumb-item+.breadcrumb-item::before { color: rgba(255,255,255,.4) !important; }

/* ── BLOG ── */
.blog-area {
  background: var(--jev-white) !important;
  padding: 70px 0 !important;
}

.blog-wrap {
  background: var(--jev-white) !important;
  border: 1px solid var(--jev-border) !important;
  border-radius: var(--jev-radius) !important;
  overflow: hidden !important;
  box-shadow: var(--jev-shadow) !important;
  transition: transform .3s, box-shadow .3s !important;
  margin-bottom: 28px !important;
}

.blog-wrap:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 36px rgba(61,188,237,.18) !important;
}

.blog-content {
  padding: 22px 20px !important;
}

.blog-content h3 { color: var(--jev-heading) !important; font-size: 18px !important; }
.blog-content p  { color: var(--jev-text) !important; font-size: 14px !important; }

.blog-content .blog-meta span {
  color: var(--jev-primary) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

.blog-content a.read-more {
  color: var(--jev-primary) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
}

/* ── PARALLAX SECTIONS ── */
.parallax {
  background-attachment: fixed !important;
}

.black-opacity {
  background-color: rgba(30,45,64,.85) !important;
}

/* ── PAGE SECTION DIVIDERS ── */
.section-gap { padding: 70px 0 !important; }
.section-gap-sm { padding: 40px 0 !important; }

/* ── ALERT / NOTIFICATION BOXES ── */
.alert-info {
  background: rgba(61,188,237,.1) !important;
  border-color: var(--jev-primary) !important;
  color: var(--jev-primary-dk) !important;
}

.alert-success {
  background: rgba(40,167,69,.08) !important;
  border-color: #28a745 !important;
}

/* ── TABLES ── */
.table thead th {
  background: var(--jev-dark) !important;
  color: var(--jev-white) !important;
  font-family: var(--jev-font-head) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: .5px !important;
  text-transform: uppercase !important;
  border: none !important;
  padding: 14px 16px !important;
}

.table tbody tr:hover {
  background: var(--jev-light-bg) !important;
}

.table tbody td {
  vertical-align: middle !important;
  color: var(--jev-text) !important;
  font-size: 14px !important;
  border-color: var(--jev-border) !important;
}

/* ── LOADING SPINNER ── */
.loader .child-common {
  background: var(--jev-primary) !important;
}

/* ── PAGINATION ── */
.pagination > li > a {
  color: var(--jev-primary) !important;
  border-color: var(--jev-border) !important;
}

.pagination > .active > a,
.pagination > .active > a:hover {
  background: var(--jev-primary) !important;
  border-color: var(--jev-primary) !important;
  color: var(--jev-white) !important;
}

/* ── PROGRESS BARS ── */
.progress-bar {
  background: linear-gradient(90deg, var(--jev-primary) 0%, var(--jev-primary-dk) 100%) !important;
}

/* ── MODAL HEADERS ── */
.modal-header {
  background: linear-gradient(135deg, var(--jev-dark) 0%, var(--jev-dark2) 100%) !important;
  border-radius: 4px 4px 0 0 !important;
}

.modal-header h4, .modal-header h3 {
  color: var(--jev-white) !important;
}

.modal-header .close {
  color: var(--jev-white) !important;
  opacity: .8 !important;
}

/* ── BADGES / LABELS ── */
.badge, .label-primary, .label-info {
  background: var(--jev-primary) !important;
  font-family: var(--jev-font-body) !important;
}

/* ── SECTION TITLE WITH TAGLINE ── */
.section-tagline {
  font-size: 13px !important;
  color: var(--jev-primary) !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-weight: 700 !important;
  display: block !important;
  margin-bottom: 8px !important;
}

/* ── ICON BOXES ── */
.icon-box {
  text-align: center !important;
  padding: 32px 20px !important;
  background: var(--jev-white) !important;
  border-radius: var(--jev-radius) !important;
  border: 1px solid var(--jev-border) !important;
  box-shadow: var(--jev-shadow) !important;
  transition: all .3s !important;
}

.icon-box:hover {
  border-color: var(--jev-primary) !important;
  transform: translateY(-5px) !important;
}

.icon-box i {
  font-size: 42px !important;
  color: var(--jev-primary) !important;
  margin-bottom: 16px !important;
  display: block !important;
}

.icon-box h4 { color: var(--jev-heading) !important; font-size: 17px !important; }
.icon-box p  { color: var(--jev-text) !important; font-size: 14px !important; }

/* ── FOOTER BOTTOM LINKS ── */
.footer-bottom a {
  color: var(--jev-primary) !important;
  font-size: 13px !important;
}

/* ── HIGHLIGHT COLOR ── */
::selection { background: var(--jev-primary) !important; color: var(--jev-white) !important; }


/*=============================================================
  JEVELIN THEME - FINAL POLISH PASS (2026-03-25)
=============================================================*/

/* ── NAVBAR HEIGHT & SPACING REFINEMENT ── */
.header-bottom {
  padding: 0 !important;
  min-height: 72px !important;
  border-bottom: 3px solid var(--jev-primary) !important;
}

.header-bottom .row {
  display: flex !important;
  align-items: center !important;
  min-height: 72px !important;
}

/* Remove double border from outer wrapper */
.new_custom_sticky_header {
  border: none !important;
  outline: none !important;
  box-shadow: 0 2px 18px rgba(30,45,64,.10) !important;
}

/* Tighten nav items */
.mainmenu ul#navigation > li > a {
  padding: 24px 14px !important;
  font-size: 12px !important;
  letter-spacing: 1.5px !important;
}

/* Active state */
.mainmenu ul#navigation > li.active > a {
  color: var(--jev-primary) !important;
  background: transparent !important;
}

/* ── HERO BANNER OVERLAY - make text more visible ── */
.slider-items:before {
  background: linear-gradient(135deg, rgba(30,45,64,.7) 0%, rgba(30,45,64,.3) 100%) !important;
}

.breadcumb-area.black-opacity,
.breadcumb-area {
  background-color: rgba(30,45,64,.75) !important;
}

/* ── BREADCRUMB STYLING ── */
.breadcumb-wrap h2, .breadcumb-wrap h3 {
  color: #ffffff !important;
  font-family: var(--jev-font-head) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
}

.breadcumb-menu ul li,
.breadcumb-menu ul li a {
  color: rgba(255,255,255,.75) !important;
  font-size: 13px !important;
}

.breadcumb-menu ul li a:hover { color: var(--jev-primary) !important; }
.breadcumb-menu ul li:last-child { color: var(--jev-primary) !important; }

/* ── FAQ ACCORDION FULL RESTYLE ── */
.faq-wrap .panel-default {
  border: none !important;
  border-radius: var(--jev-radius) !important;
  box-shadow: 0 2px 12px rgba(61,188,237,.08) !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;
}

.faq-wrap .panel-default > .panel-heading {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.faq-wrap .panel-default a {
  display: block !important;
  padding: 14px 50px 14px 20px !important;
  background: var(--jev-light-bg) !important;
  color: var(--jev-heading) !important;
  font-family: var(--jev-font-head) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  border-left: 4px solid var(--jev-primary) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  text-decoration: none !important;
  transition: background .25s, color .25s !important;
}

.faq-wrap .panel-default a:hover {
  background: #ddf0fa !important;
  color: var(--jev-primary-dk) !important;
}

.faq-wrap .panel-default a:not(.collapsed) {
  background: var(--jev-primary) !important;
  color: #ffffff !important;
  border-left-color: var(--jev-primary-dk) !important;
}

.faq-wrap .panel-default a::after {
  content: "+" !important;
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 22px !important;
  font-weight: 300 !important;
  color: var(--jev-primary) !important;
  line-height: 1 !important;
  background: transparent !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
}

.faq-wrap .panel-default a:not(.collapsed)::after {
  content: "−" !important;
  color: #ffffff !important;
}

.faq-wrap .panel-default a:before {
  display: none !important;
}

.faq-wrap .panel-body {
  padding: 20px 24px !important;
  border: none !important;
  border-top: 2px solid var(--jev-border) !important;
  background: #ffffff !important;
  color: var(--jev-text) !important;
  font-size: 14.5px !important;
  line-height: 1.75 !important;
}

/* ── SECTION HEADERS - uniform treatment across all pages ── */
.section-title h2,
.section-title h3 {
  font-size: 30px !important;
  font-weight: 800 !important;
  color: var(--jev-heading) !important;
  margin-bottom: 10px !important;
  position: relative !important;
  padding-bottom: 16px !important;
}

.section-title h2::after,
.section-title h3::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 50px !important;
  height: 3px !important;
  background: var(--jev-primary) !important;
  border-radius: 2px !important;
}

.section-title p {
  color: var(--jev-text) !important;
  font-size: 15px !important;
  max-width: 640px !important;
  margin: 0 auto !important;
  line-height: 1.75 !important;
}

/* ── FEATURED / DNA SECTION ── */
.featured-area { background: var(--jev-light-bg) !important; padding: 70px 0 !important; }

.featured-wrap ul li h3 {
  background: var(--jev-dark) !important;
  color: #ffffff !important;
  border-radius: 3px !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
}

.featured-wrap ul li .featured-content {
  background: var(--jev-dark) !important;
  border-radius: var(--jev-radius) !important;
  box-shadow: var(--jev-shadow) !important;
  transition: background .3s !important;
}

.featured-wrap ul li:hover .featured-content {
  background: var(--jev-primary) !important;
}

.featured-wrap ul:before {
  background: var(--jev-primary) !important;
}

.featured-wrap ul li:before {
  background: var(--jev-primary) !important;
  border-color: var(--jev-primary) !important;
}

/* ── CONTACT FORM ── */
.form-style input,
.form-style select,
.form-style textarea {
  border: 1px solid var(--jev-border) !important;
  border-radius: var(--jev-radius) !important;
  padding: 10px 14px !important;
  font-family: var(--jev-font-body) !important;
  color: var(--jev-heading) !important;
  transition: border-color .3s, box-shadow .3s !important;
}

.form-style input:focus,
.form-style textarea:focus {
  border-color: var(--jev-primary) !important;
  box-shadow: 0 0 0 3px rgba(61,188,237,.12) !important;
  outline: none !important;
}

.form-style button[type="submit"],
.form-style .btn-submit,
.form-style button {
  background: var(--jev-primary) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 12px 32px !important;
  font-weight: 700 !important;
  font-family: var(--jev-font-head) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: background .3s, transform .2s !important;
}

.form-style button:hover {
  background: var(--jev-primary-dk) !important;
  transform: translateY(-2px) !important;
}

/* ── NEWSLETTER SECTION ── */
.newsletter-area {
  background: linear-gradient(135deg, var(--jev-dark) 0%, var(--jev-dark2) 100%) !important;
  padding: 60px 0 !important;
}

.newsletter-wrap h2 {
  font-family: var(--jev-font-head) !important;
  color: #ffffff !important;
  font-size: 26px !important;
}

.newsletter-wrap p { color: rgba(255,255,255,.78) !important; }

.newsletter-form input[type="email"],
.newsletter-area input[type="email"] {
  border: 2px solid rgba(61,188,237,.4) !important;
  border-radius: 4px !important;
  padding: 12px 16px !important;
  background: rgba(255,255,255,.1) !important;
  color: #ffffff !important;
  width: 100% !important;
  margin-bottom: 14px !important;
}

.newsletter-area input::placeholder { color: rgba(255,255,255,.6) !important; }

.btn-style.newsletter_btn,
.newsletter-area .newsletter_btn {
  background: var(--jev-primary) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 12px 30px !important;
  font-weight: 700 !important;
  font-family: var(--jev-font-head) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  cursor: pointer !important;
  transition: background .3s !important;
}

.btn-style.newsletter_btn:hover { background: var(--jev-primary-dk) !important; }

/* ── TEAM CARDS ── */
.team-wrap {
  border-radius: var(--jev-radius) !important;
  overflow: hidden !important;
  box-shadow: var(--jev-shadow) !important;
  background: #ffffff !important;
  transition: transform .3s, box-shadow .3s !important;
  text-align: center !important;
}

.team-wrap:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 40px rgba(61,188,237,.2) !important;
}

.team-content { padding: 18px 16px 22px !important; }

.team-content h3 {
  color: var(--jev-heading) !important;
  font-size: 16px !important;
  margin-bottom: 4px !important;
}

.team-content p {
  color: var(--jev-primary) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
}

/* ── STAT / COUNTER ── */
.fanfact-area .fanfact-wrap {
  text-align: center !important;
  padding: 20px !important;
}

.fanfact-wrap h2, .fanfact-wrap .counterUp {
  font-size: 52px !important;
  font-weight: 800 !important;
  color: var(--jev-primary) !important;
  font-family: var(--jev-font-head) !important;
  line-height: 1 !important;
}

.fanfact-wrap p, .fanfact-wrap h4 {
  color: rgba(255,255,255,.8) !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin-top: 8px !important;
}

/* ── LOGIN PAGE CARD ── */
.login-area-wrap, .login-form-wrap {
  background: #ffffff !important;
  border-radius: var(--jev-radius) !important;
  box-shadow: 0 8px 40px rgba(30,45,64,.12) !important;
  padding: 40px 36px !important;
}

/* ── BUTTON OVERRIDES - all btn-default, btn-primary to Jevelin ── */
.btn-primary,
.btn.btn-primary {
  background: var(--jev-primary) !important;
  border-color: var(--jev-primary) !important;
  color: #ffffff !important;
  font-family: var(--jev-font-head) !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
  letter-spacing: .5px !important;
}

.btn-primary:hover {
  background: var(--jev-primary-dk) !important;
  border-color: var(--jev-primary-dk) !important;
}

.btn-default {
  border: 2px solid var(--jev-primary) !important;
  color: var(--jev-primary) !important;
  background: transparent !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
}

.btn-default:hover {
  background: var(--jev-primary) !important;
  color: #ffffff !important;
}

/* ── SCROLL-TO-TOP BUTTON ── */
#scroll-to-top, .scroll-to-top, #scrolltop {
  background: var(--jev-primary) !important;
  border-radius: 4px !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(61,188,237,.3) !important;
}

/* ── PRELOADER ── */
.preloder-wrap { background: var(--jev-white) !important; }
.loader .child-common { background: var(--jev-primary) !important; }

/* ── SMOOTH SECTION TRANSITIONS ── */
section, .section-gap, div[class*="ptb-"] {
  transition: background-color .3s !important;
}

/* ── TYPOGRAPHY GLOBAL ── */
strong, b { color: var(--jev-heading) !important; }
small { color: var(--jev-text) !important; }

/* ── LINK INLINE COLOR FIX ── */
.panel-body a,
.faq-wrap a[style*="color: blue"],
.faq-wrap a[style*="color:blue"] {
  background: none !important;
  color: var(--jev-primary) !important;
  display: inline !important;
  position: initial !important;
  border: none !important;
  font-size: inherit !important;
  padding: 0 !important;
}

.panel-body a::after,
.panel-body a::before {
  display: none !important;
}

/* ── SERVICE CARDS HOVER COLOR ── */
.service-content a:hover {
  background: var(--jev-dark) !important;
  color: #ffffff !important;
}

/* ── FOOTER SOCIAL ICONS ── */
.footer-widget .fa {
  color: var(--jev-primary) !important;
  font-size: 22px !important;
  margin-right: 10px !important;
  transition: color .3s !important;
}

.footer-widget .fa:hover { color: #ffffff !important; }

/* ── RESPONSIVE MOBILE NAV ── */
@media (max-width: 991px) {
  .header-bottom { min-height: 60px !important; }
  .mainmenu ul#navigation > li > a { padding: 16px 10px !important; font-size: 11px !important; }
}


/*=============================================================
  JEVELIN THEME - FINAL FIXES (2026-03-25 pass 3)
=============================================================*/

/* ── NEWSLETTER SECTION - force dark navy bg regardless of bg-img class ── */
.newsletter-area,
section.newsletter-area,
.newsletter-area.bg-img-1,
.newsletter-area.black-opacity {
  background: linear-gradient(135deg, var(--jev-dark) 0%, var(--jev-dark2) 100%) !important;
  background-image: none !important;
  height: auto !important;
  padding: 60px 0 !important;
}

.newsletter-area::before {
  display: none !important;
}

.newsletter-wrap h2 {
  color: #ffffff !important;
  font-family: var(--jev-font-head) !important;
  font-size: 26px !important;
  font-weight: 700 !important;
}

.newsletter-wrap p { color: rgba(255,255,255,.78) !important; }

.newsletter-form input[type="email"],
.newsletter-form input[type="text"],
#newsletter_email {
  background: rgba(255,255,255,.1) !important;
  border: 2px solid rgba(61,188,237,.5) !important;
  border-radius: 4px !important;
  color: #ffffff !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  width: 100% !important;
  margin-bottom: 14px !important;
}

#newsletter_email::placeholder { color: rgba(255,255,255,.55) !important; }

.newsletter-form button,
.btn-style.newsletter_btn {
  background: var(--jev-primary) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 12px 30px !important;
  font-family: var(--jev-font-head) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  cursor: pointer !important;
  transition: background .3s !important;
  position: static !important;
  height: auto !important;
}

.newsletter-form button:hover,
.btn-style.newsletter_btn:hover {
  background: var(--jev-primary-dk) !important;
}

/* ── FOOTER TOP - ensure dark navy ── */
.footer-top {
  background: var(--jev-dark) !important;
  padding: 60px 0 40px !important;
}

footer {
  background: var(--jev-dark) !important;
}

.footer-bottom {
  background: var(--jev-dark2) !important;
  padding: 18px 0 !important;
  border-top: 1px solid rgba(61,188,237,.18) !important;
}

.footer-bottom .copyrights_content,
.footer-bottom span {
  color: rgba(255,255,255,.5) !important;
  font-size: 13px !important;
}

/* ── BREADCRUMB HERO SECTIONS - consistent dark overlay ── */
.breadcumb-area {
  position: relative !important;
  padding: 80px 0 30px !important;
}

.breadcumb-area.black-opacity::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(30,45,64,.75) 0%, rgba(30,45,64,.5) 100%) !important;
  z-index: 1 !important;
}

.breadcumb-area .container {
  position: relative !important;
  z-index: 2 !important;
}

.breadcumb-wrap h2 {
  color: #ffffff !important;
  font-family: var(--jev-font-head) !important;
  font-weight: 800 !important;
  font-size: 36px !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.3) !important;
}

.breadcumb-wrap h3 {
  color: #ffffff !important;
  font-family: var(--jev-font-head) !important;
  font-weight: 800 !important;
  font-size: 28px !important;
  text-transform: uppercase !important;
}

.breadcumb-menu {
  position: relative !important;
  z-index: 2 !important;
}

.breadcumb-menu ul li,
.breadcumb-menu ul li a {
  color: rgba(255,255,255,.75) !important;
  font-size: 13px !important;
}

.breadcumb-menu ul li.active,
.breadcumb-menu ul li:last-child {
  color: var(--jev-primary) !important;
}

/* ── SLIDER / HERO SECTIONS ── */
.slider-items .slider-content h1,
.slider-items .slider-content h2,
.slider-items .slider-content H2 {
  color: #ffffff !important;
  font-family: var(--jev-font-head) !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.4) !important;
}

.slider-items .slider-content p {
  color: rgba(255,255,255,.88) !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.3) !important;
}

/* ── HOW IT WORKS FILTER BUTTONS ── */
.project-menu button,
.portfolio-menu button,
.filter-btn,
.isotope-btn {
  background: var(--jev-light-bg) !important;
  color: var(--jev-heading) !important;
  border: 2px solid var(--jev-border) !important;
  border-radius: 4px !important;
  padding: 8px 20px !important;
  font-family: var(--jev-font-head) !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  cursor: pointer !important;
  transition: all .3s !important;
  margin: 4px !important;
}

.project-menu button.active,
.project-menu button:hover,
.portfolio-menu button.active,
.portfolio-menu button:hover,
.filter-btn.active,
.isotope-btn.active {
  background: var(--jev-primary) !important;
  color: #ffffff !important;
  border-color: var(--jev-primary) !important;
}

/* ── FANFACT COUNTER AREA ── */
.fanfact-area {
  background: linear-gradient(135deg, var(--jev-dark) 0%, var(--jev-dark2) 100%) !important;
  padding: 70px 0 !important;
}

.fanfact-wrap {
  text-align: center !important;
  padding: 24px 16px !important;
}

.fanfact-wrap h2 {
  font-size: 52px !important;
  font-weight: 800 !important;
  color: var(--jev-primary) !important;
  font-family: var(--jev-font-head) !important;
  line-height: 1 !important;
  margin-bottom: 8px !important;
}

.fanfact-wrap h4 {
  color: rgba(255,255,255,.78) !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  font-weight: 500 !important;
}

/* ── AFFILIATE PAGE GRADIENT FIX ── */
.registration-gradient,
.gradient-section,
[class*="gradient"] {
  background: linear-gradient(135deg, var(--jev-dark) 0%, var(--jev-primary-dk) 100%) !important;
}

/* ── ABOUT PAGE STATS BANNER ── */
.ptb-143 {
  background: linear-gradient(135deg, var(--jev-dark) 0%, var(--jev-dark2) 100%) !important;
  padding: 40px 0 !important;
}

.ptb-143 h2, .ptb-143 h3, .ptb-143 p {
  color: #ffffff !important;
}

/* ── TEAM MEMBER ROLE TEXT ── */
.team-content p,
.team-info p {
  color: var(--jev-primary) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
}

/* ── SCROLL-UP BUTTON ── */
#scrollUp {
  background: var(--jev-primary) !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  width: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  text-align: center !important;
  box-shadow: 0 4px 16px rgba(61,188,237,.35) !important;
  font-size: 16px !important;
}

/* ── BLOG PAGE TAGS ── */
.blog-tag a, .tag a {
  background: var(--jev-light-bg) !important;
  color: var(--jev-primary) !important;
  border: 1px solid var(--jev-border) !important;
  border-radius: 3px !important;
  padding: 3px 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.blog-tag a:hover, .tag a:hover {
  background: var(--jev-primary) !important;
  color: #ffffff !important;
}

/* ── SEARCH FORM ── */
.search-form input[type="text"],
.search-form input[type="search"] {
  border: 1px solid var(--jev-border) !important;
  border-radius: 4px 0 0 4px !important;
  padding: 10px 14px !important;
}

.search-form button {
  background: var(--jev-primary) !important;
  border-color: var(--jev-primary) !important;
  border-radius: 0 4px 4px 0 !important;
  color: #ffffff !important;
}

/* ── PAGINATION ── */
.pagination > li > a {
  color: var(--jev-primary) !important;
  border: 1px solid var(--jev-border) !important;
}

.pagination > .active > a {
  background: var(--jev-primary) !important;
  border-color: var(--jev-primary) !important;
  color: #ffffff !important;
}

/* ── SIDEBAR WIDGET TITLES ── */
.widget-title h3,
.sidebar-widget h3 {
  color: var(--jev-heading) !important;
  font-family: var(--jev-font-head) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid var(--jev-primary) !important;
  margin-bottom: 18px !important;
}

/* ── CATEGORY LIST ── */
.category-list li a {
  color: var(--jev-text) !important;
  font-size: 14px !important;
  padding: 6px 0 !important;
  border-bottom: 1px solid var(--jev-border) !important;
  display: block !important;
  transition: color .3s, padding-left .3s !important;
}

.category-list li a:hover {
  color: var(--jev-primary) !important;
  padding-left: 8px !important;
}

/* ── MOBILE RESPONSIVE: nav visible ── */
@media (max-width: 767px) {
  .newsletter-area { padding: 40px 20px !important; }
  .breadcumb-wrap h2 { font-size: 24px !important; }
  .fanfact-wrap h2 { font-size: 36px !important; }
}


/*=============================================================
  JEVELIN THEME - PASS 4: GREY SECTIONS & FINAL POLISH
=============================================================*/

/* ── PARALLAX / QUOTE SECTIONS - dark overlay ── */
.prallex-area,
.parallax.black-opacity,
.parallax {
  position: relative !important;
}

.prallex-area.black-opacity::before,
.parallax.black-opacity::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(30, 45, 64, 0.82) !important;
  z-index: 1 !important;
}

.prallex-area .container,
.parallax .container {
  position: relative !important;
  z-index: 2 !important;
}

.prallex-area h1, .prallex-area h2, .prallex-area h3,
.prallex-area h4, .prallex-area p, .prallex-area blockquote,
.parallax h1, .parallax h2, .parallax h3,
.parallax h4, .parallax p {
  color: #ffffff !important;
}

.prallex-area .fa-quote-left,
.prallex-area .fa-quote-right {
  color: var(--jev-primary) !important;
}

/* ── ALL REMAINING GREY BACKGROUNDS ── */
.ptb-929,
.ptb-999,
.grey-bg, .gray-bg, .grey_bg,
[class*="grey-section"],
[class*="gray-section"] {
  background: var(--jev-light-bg) !important;
}

/* ── GREY QUOTE/TESTIMONIAL SECTIONS -> NAVY ── */
section.prallex-area,
section.parallax.ptb-999,
section.parallax.ptb-929 {
  background-color: transparent !important;
}

/* ── FIX: SERVICE AREA BACKGROUND ── */
.service-area {
  background: var(--jev-light-bg) !important;
}

/* ── NEWSLETTER: ensure dark navy always wins ── */
section.newsletter-area {
  background: linear-gradient(135deg, #1e2d40 0%, #263547 100%) !important;
  background-image: url('') !important;
  background-size: auto !important;
}

/* ── FEATURED/DNA SECTION REFINEMENT ── */
.featured-wrap ul li h3 {
  background: var(--jev-dark) !important;
  color: #fff !important;
  font-size: 11px !important;
  padding: 8px 22px !important;
  border-radius: 3px !important;
  letter-spacing: 1.5px !important;
}

/* hover state for featured content */
.featured-wrap ul li:hover .featured-content {
  background: var(--jev-primary) !important;
}

/* ── HOW IT WORKS FILTER BUTTONS - ensure teal active ── */
.project-menu button,
.project-menu li a {
  background: var(--jev-light-bg) !important;
  color: var(--jev-heading) !important;
  border: 2px solid var(--jev-border) !important;
  border-radius: 4px !important;
  padding: 9px 22px !important;
  font-family: var(--jev-font-head) !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  transition: all .25s !important;
  margin: 3px !important;
  cursor: pointer !important;
}

.project-menu button:first-child,
.project-menu button.active,
.project-menu button:hover {
  background: var(--jev-primary) !important;
  color: #ffffff !important;
  border-color: var(--jev-primary) !important;
}

/* ── FANFACT DARK SECTION ── */
section.fanfact-area {
  background: linear-gradient(135deg, #1e2d40 0%, #263547 100%) !important;
}

/* ── BREADCRUMB AREA HEIGHT ── */
.breadcumb-area {
  min-height: 300px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* ── CONTACT FORM SUBMIT BUTTON ── */
.form-style button[type="submit"],
input[type="submit"],
button.btn-submit,
.contact-btn,
.submit-btn {
  background: var(--jev-primary) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 12px 32px !important;
  font-family: var(--jev-font-head) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  cursor: pointer !important;
  transition: background .3s, transform .2s !important;
}

input[type="submit"]:hover,
button.btn-submit:hover {
  background: var(--jev-primary-dk) !important;
  transform: translateY(-2px) !important;
}

/* ── BODY / HTML - no unexpected top borders ── */
html, body, #page-container, #wrapper {
  border: none !important;
  outline: none !important;
}

/* ── SELECTION ── */
::selection {
  background: var(--jev-primary) !important;
  color: #ffffff !important;
}


/* ── PARALLAX QUOTE SECTION - force dark overlay to show ── */
.prallex-area {
  background-blend-mode: multiply !important;
  background-color: rgba(30,45,64,0.85) !important;
}

.prallex-area.ptb-999,
section.prallex-area {
  background-color: rgba(30,45,64,0.85) !important;
}


/*=============================================================
  JEVELIN THEME - PASS 5: PARALLAX DARK OVERLAY FIX
=============================================================*/

/* The JS sets background-image inline, so we use a pseudo-element overlay */
.prallex-area,
.parallax {
  position: relative !important;
  overflow: hidden !important;
}

/* Dark overlay sits ON TOP of the bg image via pseudo */
.prallex-area::before,
.parallax.black-opacity::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  right: 0 !important; bottom: 0 !important;
  background: rgba(20, 35, 55, 0.92) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Content sits above the overlay */
.prallex-area > *,
.parallax.black-opacity > * {
  position: relative !important;
  z-index: 2 !important;
}

/* Text colors inside parallax */
.prallex-area *,
.parallax.black-opacity * {
  color: #ffffff !important;
}

.prallex-area .fa-quote-left,
.prallex-area .fa-quote-right {
  color: var(--jev-primary) !important;
}

/* Also darken the home fanfact parallax */
section.fanfact-area.parallax::before {
  background: linear-gradient(135deg, rgba(30,45,64,.92) 0%, rgba(38,53,71,.88) 100%) !important;
}

/* ── ALL bg-img sections with black-opacity get dark overlay ── */
.bg-img-1.black-opacity::before,
.bg-img-2.black-opacity::before,
.bg-img-3.black-opacity::before,
.bg-img-4.black-opacity::before,
.bg-img-5.black-opacity::before,
.bg-img-6.black-opacity::before,
.bg-img-7.black-opacity::before,
.bg-img-8.black-opacity::before,
.bg-img-9.black-opacity::before,
.bg-img-10.black-opacity::before,
.bg-img-11.black-opacity::before,
.bg-img-12.black-opacity::before,
.bg-img-13.black-opacity::before,
.bg-img-14.black-opacity::before,
.bg-img-15.black-opacity::before,
.bg-img-16.black-opacity::before,
.bg-img-17.black-opacity::before,
.bg-img-18.black-opacity::before,
.bg-img-19.black-opacity::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(30,45,64,.82) 0%, rgba(30,45,64,.65) 100%) !important;
  z-index: 1 !important;
}

[class*="bg-img-"].black-opacity {
  position: relative !important;
}

[class*="bg-img-"].black-opacity > * {
  position: relative !important;
  z-index: 2 !important;
}