/* Light Theme CSS for Delta Performance Website */

/* Basic body styling */
body {
  background: #ffffff;
  background-image: none;
  color: #333333;
  line-height: 26px;
}

/* Basic text coloring */
body, p {
  color: #333333;
}

/* Light theme general settings */
.dark {
  background-color: #ffffff;
}

/* Headings */
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6,
.dark .slider-content h2, .dark .section-title h2, .dark .skills-title h2, 
.dark .skills-title h6, .dark .section-title h6, .dark .testimonial-area h2,
.dark .about-user .text h5, .dark .scrollbox__item, .dark .skill-name, 
.dark .s-slider-content h6, .dark .slider-content .expert strong, 
.dark .btn.ss-btn.active {
  color: #222;
}

/* Content lines */
.dark .content-lines-inner {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-bottom: none;
}

.dark .content-lines {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

/* Headers and menus */
.dark .second-menu, .dark .header-three .sticky-menu {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: #ffffff;
}

.dark .main-menu ul li a, .dark .header-social a {
  color: #333;
}

.dark .main-menu ul li a:hover, .dark .header-social a:hover {
  color: #2f00ff;
}

/* Buttons */
.dark .btn::before {
  background-color: #2f00ff;
}

.dark .btn {
  background: #2f00ff;
  color: #fff;
}

.dark .btn:hover::after {
  background: #2f00ff;
  color: #fff;
}

.dark .btn.ss-btn.white {
  color: #333;
  border: 2px solid #e0e0e0;
  background: #f9f9f9;
}

.dark .btn.ss-btn.white:hover {
  background: #2f00ff;
  color: #fff;
}

.dark .header-three .btn.ss-btn {
  background: #2f00ff;
}

.dark .header-three .btn.ss-btn:hover {
  color: #fff;
  background: #2200b3;
  border-color: #2200b3;
}

/* Footer elements */
.dark .footer-top .anim-01, .dark .footer-top .anim-02 {
  background: #f0f0f0;
}

.dark .footer-social a {
  background: #f5f5f5;
  color: #333 !important;
}

.dark .fbtd {
  border-top: 1px solid #e0e0e0;
}

/* Awards box */
.dark .awards-box {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.dark .awards-box:hover .sine, .dark .awards-box:hover h3 {
  color: #2f00ff;
}

/* Counters */
.dark .counter-area .single-counter .number, .dark .team-area2 .section-title h2 {
  color: #2f00ff;
  -webkit-text-stroke: 2px #f0f0f000;
  -webkit-text-fill-color: #2f00ff;
}

.dark .single-counter p {
  color: #666;
}

.dark .single-counter h6 {
  color: #333;
}

/* Form fields */
.dark .contact-field input, .dark .contact-field select, .dark .contact-field textarea {
  border: 1px solid #e0e0e0;
  background: #f9f9f9;
  color: #333;
}

.dark .contact-field i {
  color: #2f00ff;
}

/* Slider */
.dark .s-slider-content p {
  font-size: 16px;
  color: #666;
  padding-left: 100px;
}

/* Slick arrows */
.dark .home-blog-active .slick-arrow, .dark .home-blog-active2 .slick-arrow {
  color: #333;
  background: #f0f0f0;
  border-color: #f0f0f0;
}

.dark .home-blog-active .slick-arrow:hover, .dark .home-blog-active2 .slick-arrow:hover {
  background: #2f00ff;
  color: #fff;
}

/* Services components */
.dark .s-single-services {
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
}

.dark .s-single-services .second-services-content h5 a {
  color: #333;
}

.dark .s-single-services:hover .second-services-content h5 a {
  color: #2f00ff;
}

.dark .s-single-services .services-icon img {
  filter: none;
}

/* Blog posts section */
.dark .blog-content h4 {
  color: #222;
}

.dark .blog-content h4 a {
  color: #222;
}

.dark .blog-content h4 a:hover {
  color: #2f00ff;
}

.dark .blog-meta span {
  color: #666;
}

.dark .blog-content p {
  color: #666;
}

.dark .home-blog-active .bsingle__post, 
.dark .home-blog-active2 .bsingle__post {
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
}

/* Latest news section specific styles */
.dark .single-post2 {
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
}

.dark .blog-content2 h4 {
  color: #222;
}

.dark .blog-content2 h4 a {
  color: #222;
}

.dark .blog-content2 h4 a:hover {
  color: #2f00ff;
}

.dark .blog-content2 p {
  color: #666;
}

.dark .date-home {
  color: #fff;
}

.dark .b-cat {
  color: #2f00ff;
  background-color: rgba(47, 0, 255, 0.1);
}

.dark .meta-info ul li {
  color: #666;
}

.dark .meta-info ul li a.btn {
  color: #2f00ff;
}

.dark .meta-info ul li a.btn:hover {
  color: #2200b3;
}

/* Blog section backgrounds */
.dark .blog-area {
  background-color: #ffffff;
}

/* Preserve original blog post layout */
.bsingle__post {
  margin-bottom: 30px;
}

.bsingle__post-thumb img {
  width: 100%;
}

.bsingle__content {
  padding: 40px;
}

.blog-meta span {
  font-size: 14px;
  margin-right: 5px;
}

.blog-meta span a {
  color: #666;
}

.blog-meta span i {
  margin-right: 5px;
}

.blog-content h4 {
  font-size: 24px;
  margin: 15px 0;
  font-weight: 600;
}

/* Follower box */
.dark .follower-box {
  background: #f9f9f9;
  color: #666;
}

.dark .follower-contner .text::before {
  background: #e0e0e0;
}

/* Skills */
.dark .skill-per::before {
  background-color: #f0f0f0;
  color: #333;
}

.dark .skill-per::after {
  background-color: #f0f0f0;
}

/* Testimonials */
.dark .testimonial-area .anim-01, .dark .testimonial-area .anim-03 {
  background-color: #f0f0f0;
}

/* Copy text */
.dark .copy-text strong {
  color: #2f00ff;
}

/* Menu styles */
.main-menu .sub-menu, .menu .children {
  background-color: #fff;
  border-top: 4px solid #2f00ff;
}

/* Slider active dots */
.slider-active .slick-dots li.slick-active button {
  background: #2f00ff;
}

/* Override other accent colors */
.second-services-content a {
  color: #2f00ff;
}

.second-services-content a:hover {
  color: #2200b3;
}

/* Service boxes hover effect */
.s-single-services:hover .services-icon .hover {
  display: block;
  filter: invert(11%) sepia(98%) saturate(5876%) hue-rotate(256deg) brightness(68%) contrast(143%);
}

/* Additional overrides for dark theme components */
.sticky-menu {
  background: #ffffff;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
}

.menu-area .menu-tigger span {
  background: #2f00ff;
}

/* Footer changes */
footer {
  background: #f9f9f9;
}

footer h3, footer h4, footer h5 {
  color: #333;
}

footer p, footer li, footer a {
  color: #666;
}

footer a:hover {
  color: #2f00ff;
}

/* Section titles */
.dark .section-title h5 {
  color: #2f00ff;
}

.dark .section-title h2 {
  color: #222;
}

.dark .section-title p {
  color: #666;
}

/* Home page CTA section */
.dark .cta-bg {
  background-color: #2f00ff !important;
  background-image: none !important;
}

.dark .cta-content h4 {
  color: #222;
}

.dark .cta-content p {
  color: #666;
}

/* Footer widget area */
.dark .footer-widget h5 {
  color: #222;
}

.dark .footer-widget ul li {
  color: #666;
}

.dark .footer-contact-info p {
  color: #666;
}

/* Any icon colors that might need updating */
.dark .icon i {
  color: #2f00ff;
}

/* Fix any link colors in the main content */
.dark main a {
  color: #2f00ff;
}

.dark main a:hover {
  color: #2200b3;
}

/* Make sure all section background colors are white */
.dark .about-area, 
.dark .services-area, 
.dark .team-area, 
.dark .testimonial-area {
  background-color: #ffffff;
}

/* Add gradient overlay to sliders if needed */
.dark .slider-area.slider-two.fix.p-relative::before {
  background: linear-gradient(to right, rgba(255,255,255,0.95), rgba(255,255,255,0.85));
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* More blog styles to ensure visibility */
.dark .b-meta {
  background-color: #2f00ff;
  border-top: 1px solid #e0e0e0;
}

.dark .blog-thumb2 {
  border-bottom: 1px solid #e0e0e0;
}

/* Fix for any white text on white background */
.dark p, 
.dark span, 
.dark li,
.dark .section-title h6,
.dark .about-content p,
.dark .services-content p {
  color: #666 !important;
}

/* Fix for section titles and headings */
.dark .about-title h2,
.dark .services-content h4,
.dark .team-info h4,
.dark .testimonial-content h4,
.dark .contact-content h4 {
  color: #222 !important;
}

/* Ensure all links have proper color contrast */
.dark a:not(.btn):not(.theme-switch a) {
  color: #2f00ff;
}

.dark a:not(.btn):hover:not(.theme-switch a:hover) {
  color: #2200b3;
}

/* Make sure slider text is visible */
.dark .slider-content h1,
.dark .slider-content h2,
.dark .slider-content h3 {
  color: #222;
  text-shadow: none;
}

/* Remove any additional text shadows */
.dark .s-slider-content2 h1,
.dark .s-slider-content2 h3,
.dark .s-slider-content2 p,
.dark .slider-content p,
.dark .slider-area * {
  text-shadow: none !important;
}

/* Additional blog post formatting */
.dark .single-post2 {
  overflow: hidden;
  transition: all 0.3s ease;
}

.dark .single-post2:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.dark .blog-thumb2 img {
  width: 100%;
  height: auto;
}

.dark .blog-content2 {
  padding: 20px;
}

/* About section boxes */
.dark .about-sbox.active h6 {
  color: #ffffff !important;
}

.dark .about-sbox.active p {
  color: #e0e0e0 !important;
}

/* Make sure the active boxes maintain dark background */
.dark .about-sbox.active {
  background-color: #2f00ff;
}

/* Make just the main heading in slider white */
.dark .slider-content.s-slider-content2 h1 {
  color: #ffffff !important;
  font-weight: bold;
}

/* Section separator styling */
.section-separator {
  margin: 30px 0;
  padding: 20px 0;
}

.separator-line {
  position: relative;
  height: 2px;
  background: linear-gradient(to right, rgba(47, 0, 255, 0), rgba(47, 0, 255, 0.8), rgba(47, 0, 255, 0));
  text-align: center;
}

.separator-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 15px rgba(47, 0, 255, 0.3);
}

.separator-icon i {
  color: #2f00ff;
  font-size: 20px;
}

/* Fix for blog posts with h2 tags in content */
.blog-content2 p h2,
.blog-content2 > p > h2 {
  font-size: inherit !important;
  font-weight: normal !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: inherit !important;
  color: #666 !important;
  display: inline !important;
  font-family: inherit !important;
}

/* Target any other potentially problematic tags */
.blog-content2 p *:not(a),
.blog-content2 > p > *:not(a) {
  font-size: inherit !important;
  font-weight: normal !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: inherit !important;
  color: #666 !important;
  display: inline !important;
  font-family: inherit !important;
}

/* Style the Read More buttons in blog section */
.dark .meta-info ul li a.btn {
  color: #ffffff !important;
  background-color: #2f00ff !important;
  padding: 8px 15px !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
  border: 1px solid #2f00ff !important;
}

.dark .meta-info ul li a.btn:hover {
  color: #2f00ff !important;
  background-color: #ffffff !important;
}

/* Match the meta-info text color to the button scheme */
.dark .meta-info ul li {
  color: #ffffff !important;
}

/* Style the CTA buttons */
.dark .cta-content a.btn.ss-btn,
.dark a.btn.ss-btn.smoth-scroll {
  background-color: #2f00ff !important;
  color: #ffffff !important;
  border: 2px solid #2f00ff !important;
  transition: all 0.3s ease !important;
  padding: 15px 30px !important;
}

.dark .cta-content a.btn.ss-btn:hover,
.dark a.btn.ss-btn.smoth-scroll:hover {
  background-color: #ffffff !important;
  color: #2f00ff !important;
  border: 2px solid #2f00ff !important;
}

/* Style the CTA section text */
.dark .cta-title h2,
.dark .cta-title h3 {
  color: #ffffff !important;
}

/* Ensure all text in CTA is white */
.dark .cta-content p,
.dark .cta-content span {
  color: #ffffff !important;
}

/* Override any other button styles that might interfere */
.dark .btn.ss-btn::before,
.dark .btn.ss-btn::after {
  display: none !important;
}

/* Style the menu with blue background and white text */
.dark .second-menu {
  background-color: #2f00ff !important;
  border-bottom: none !important;
}

/* Menu text color */
.dark .main-menu ul li a {
  color: #ffffff !important;
}

/* Menu text hover state */
.dark .main-menu ul li a:hover {
  color: #e0e0e0 !important;
}

/* Current/active menu item */
.dark .main-menu ul li.active a {
  color: #ffffff !important;
  font-weight: bold !important;
}

/* Contact info in header */
.dark .header-cta .text {
  color: #ffffff !important;
}

/* Dropdown menu styling if needed */
.dark .main-menu .sub-menu, 
.dark .menu .children {
  background-color: #2200b3 !important;
  border-top: 2px solid #ffffff !important;
}

.dark .main-menu .sub-menu li a, 
.dark .menu .children li a {
  color: #ffffff !important;
}

.dark .main-menu .sub-menu li a:hover, 
.dark .menu .children li a:hover {
  background-color: #1a008c !important;
}

/* Style the Remap Calculator button in the slider area */
.dark .slider-btn a.btn {
  background-color: #2f00ff !important;
  color: #ffffff !important;
  border: 2px solid #2f00ff !important;
  transition: all 0.3s ease !important;
}

.dark .slider-btn a.btn:hover {
  background-color: rgba(47, 0, 255, 0.8) !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
}

/* Style the copyright section in the footer */
.dark .copyright-wrap {
  background-color: #2f00ff !important;
  padding: 25px 0 !important;
}

/* Make copyright text white for better contrast */
.dark .copyright-wrap,
.dark .copyright-wrap a,
.dark .copyright-wrap p,
.dark .copyright-wrap div {
  color: #ffffff !important;
}

/* Hover state for links in copyright */
.dark .copyright-wrap a:hover {
  color: #e0e0e0 !important;
  text-decoration: underline !important;
}

/* Add separation between footer and CTA section */
.dark footer.footer-bg {
  border-top: 8px solid #2f00ff !important;
  margin-top: 40px !important;
  position: relative !important;
}

/* Add a decorative element before the footer */
.dark footer.footer-bg::before {
  content: '';
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: 30%;
  height: 4px;
  background-color: #2f00ff;
  border-radius: 2px;
}

/* Modify footer background for better contrast */
.dark .footer-top {
  background-color: #2f00ff !important;
  background-image: url(../img/bg/footer_bg.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  background-blend-mode: normal !important;
  position: relative !important;
}

/* Replace the semi-transparent overlay with a gradient */
.dark .footer-top::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(47, 0, 255, 0.7) 0%, rgba(47, 0, 255, 0.9) 100%);
  z-index: 0;
}

/* Ensure footer content is above the overlay */
.dark .footer-top .container {
  position: relative;
  z-index: 1;
}

/* Footer heading colors */
.dark .footer-widget h2,
.dark .footer-widget h6 {
  color: #ffffff !important;
}

/* Footer text colors */
.dark .footer-widget ul li a,
.dark .footer-widget p,
.dark .info ul li {
  color: #ffffff !important;
}

/* Footer link hover */
.dark .footer-widget ul li a:hover {
  color: #2f00ff !important;
}

/* Change CTA section background from black to blue */
.dark .cta-bg {
  background-color: #2f00ff !important;
  background-image: none !important;
}

/* Ensure all CTA text is white for good contrast */
.dark .cta-content h2,
.dark .cta-content h3,
.dark .cta-content h4,
.dark .cta-content p,
.dark .cta-content div {
  color: #ffffff !important;
}

/* Center the text in the CTA section and enhance button */
.dark .cta-content {
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  padding: 20px 0 !important;
}

.dark .cta-btn {
  text-align: center !important;
  margin-top: 30px !important;
}

/* Enhanced button styling */
.dark .cta-btn a.btn.ss-btn,
.dark a.btn.ss-btn.smoth-scroll {
  background-color: #ffffff !important;
  color: #2f00ff !important;
  border: 2px solid #ffffff !important;
  padding: 15px 35px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  border-radius: 50px !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
  transform: translateY(0) !important;
  transition: all 0.3s ease !important;
}

.dark .cta-btn a.btn.ss-btn:hover,
.dark a.btn.ss-btn.smoth-scroll:hover {
  background-color: transparent !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3) !important;
}

/* Add a subtle animation to draw attention */
@keyframes pulse-border {
  0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
  70% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

.dark .cta-btn a.btn.ss-btn {
  animation: pulse-border 2s infinite;
}

/* Modify footer styling for new color scheme */
.dark .footer-top {
  background-color: #2f00ff !important;
  background-image: url(../img/bg/footer_bg.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  background-blend-mode: normal !important;
  position: relative !important;
}

/* Replace the semi-transparent overlay with a gradient */
.dark .footer-top::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(47, 0, 255, 0.7) 0%, rgba(47, 0, 255, 0.9) 100%);
  z-index: 0;
}

/* Ensure footer content is above the overlay */
.dark .footer-top .container {
  position: relative;
  z-index: 1;
}

/* Make all footer text white */
.dark .footer-widget h2,
.dark .footer-widget h6,
.dark .footer-widget p,
.dark .info ul li,
.dark .footer-widget ul li a {
  color: #ffffff !important;
}

/* Red highlight in the footer */
.dark .info ul li .red {
  min-width: 60px !important;
  display: inline-block !important;
  text-align: left !important;
  font-weight: bold !important;
  color: #ffffff !important;
}

/* Footer link hover effects */
.dark .footer-widget ul li a {
  position: relative !important;
  padding: 2px 6px !important;
  transition: all 0.3s ease !important;
  border-radius: 4px !important;
}

.dark .footer-widget ul li a:hover {
  color: #2f00ff !important;
  background-color: #ffffff !important;
  text-decoration: none !important;
}

/* Let's verify the path with a direct image check */
.dark .footer-bg::after {
  content: '';
  display: none;
  position: fixed;
  top: 10px;
  left: 10px;
  width: 100px;
  height: 100px;
  background-image: url(../img/bg/footer_bg.png);
  background-size: cover;
  z-index: 9999;
}

/* Style the email link in footer */
.dark .info ul li a {
  color: #ffffff !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
}

.dark .info ul li a:hover {
  color: #2f00ff !important;
  background-color: #ffffff !important;
  text-decoration: none !important;
}

/* Adjust Get in Touch section position and background */
.dark .contact-info {
  margin-bottom: 30px !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Move the entire footer content up */
.dark .footer-top {
  padding-top: 80px !important;
  padding-bottom: 60px !important;
}

/* Reduce space between logo and Get in Touch */
.dark .f-widget-title {
  margin-bottom: 20px !important;
  height: 40px !important; /* Fixed height for consistent alignment */
}

.dark .f-widget-title h2 {
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  position: relative !important;
  display: inline-block !important;
  padding-bottom: 10px !important;
  margin-bottom: 0 !important;
}

.dark .f-widget-title h2::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 40px !important;
  height: 2px !important;
  background-color: #ffffff !important;
}

/* Enhance the look of the contact info section */
.dark .contact-info h6 {
  margin-bottom: 15px !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  position: relative !important;
  display: inline-block !important;
}

/* Add a decorative underline to the heading */
.dark .contact-info h6::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -5px !important;
  width: 40px !important;
  height: 2px !important;
  background-color: #ffffff !important;
}

/* Fix alignment in the info section */
.dark .info ul {
  padding-left: 0 !important;
  text-align: left !important;
}

.dark .info ul li {
  margin-bottom: 10px !important;
  display: flex !important;
  align-items: flex-start !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

/* Style phone number link to match email */
.dark .info ul li a {
  color: #ffffff !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  display: inline-block !important;
  text-align: left !important;
}

/* Make red label fixed width */
.dark .info ul li .red {
  min-width: 60px !important;
  display: inline-block !important;
  text-align: left !important;
  font-weight: bold !important;
  color: #ffffff !important;
}

/* Fix footer column alignment */
.dark .footer-top .row {
  display: flex !important;
  align-items: flex-start !important;
}

.dark .footer-widget {
  margin-top: 0 !important;
  padding-top: 0 !important;
  height: 100% !important;
}

/* Make all titles start at the same vertical position */
.dark .footer-widget .f-widget-title {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  height: auto !important;
}

/* Match the spacing below the logo with the spacing below other titles */
.dark .footer-widget .f-widget-title img {
  margin-bottom: 20px !important;
  max-height: 80px !important; /* Control logo height */
}

/* Remove any extra spacing in contact info section */
.dark .contact-info {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Standardize spacing below headings */
.dark .footer-link,
.dark .info {
  margin-top: 20px !important;
}

/* Ensure bold text in about sections is black */
.dark .about-area strong,
.dark .about-area b,
.dark .about-content strong,
.dark .about-content b,
.dark .s-about-content strong,
.dark .s-about-content b,
.dark #about strong,
.dark #about b,
.dark .about-p strong,
.dark .about-p b {
  color: #000 !important;
  font-weight: bold !important;
}