body,
.about-one__review-text,
.blog-one__meta li a {
  color: #cacbd3;
}

body,
body.boxed-wrapper .page-wrapper,
.about-one__img-two:before,
.testimonial-one__single {
  background-color: var(--carego-black);
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  color: var(--carego-white);
}
.appointment-two__contact-info-bg-shape .appointment-two__contact-info-title {
  color: var(--carego-black) !important;
}
.thm-btn::before,
.thm-btn::after {
  background-color: var(--carego-white);
}

.thm-btn:hover {
  color: var(--carego-base);
}

.thm-btn:hover > span {
  background-color: var(--carego-base);
  color: var(--carego-white);
}
.team-details__client-address li h5 a {
  color: var(--carego-white);
}

.services-one__content,
.services-one__single:hover .services-one__count::before,
.about-one__point li:hover .about-one__point-icon,
.brand-one__inner,
.team-one__content,
.project-one__arrow a:hover,
.project-one__content,
.process-one__bg-color,
.testimonial-one__wrap,
.pricing-one__single-inner,
.pricing-one__single-inner::before,
.blog-one__single-inner,
.blog-one__single-inner::before,
.before-after__call-box .icon:hover,
.service-two__wrap {
  background-color: #070e26;
}

.section-title__title,
.services-one__title a,
.services-one__btn-box a,
.why-choose-one__points-list li p,
.why-choose-one__author-content p > span,
.why-choose-one__author-content p a,
.team-one__title > a,
.project-one__title a,
.before-after__call-box .content h4 a,
.testimonial-one__client-name a,
.pricing-one__price,
.blog-one__title a,
.blog-one__read-more {
  color: var(--carego-white);
}

.services-one__icon {
  border: 8px solid #0a0a0a;
}

.about-one__author-sign:before {
  background-color: rgba(var(--carego-white-rgb), 0.2);
}

.about-one__shape-2 {
  opacity: 0.05;
}

.about-one__author-sign img {
  filter: contrast(0.5);
}

.about-one__shape-2 img,
.team-one__shape-1 img {
  filter: grayscale(1);
}

.about-one__shape-1 img,
.faq-one__bg-shape {
  filter: invert(1);
}

.about-one__video-icon {
  color: var(--carego-white);
  background-color: #0a0a0a;
}

.about-one__video-icon:hover {
  background-color: var(--carego-white);
  color: var(--carego-base);
}

.why-choose-one__sliding-text-title {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0) 67.4%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.team-one__content {
  box-shadow: none;
}

.project-one__nav .swiper-button-prev1:hover,
.project-one__nav .swiper-button-next1:hover {
  color: var(--carego-white);
  background-color: #0a0a0a;
}

.faq-one__left .faq-one-accrodion .accrodion,
.faq-one__left .faq-one-accrodion .accrodion.active {
  border: 1px solid rgba(var(--carego-white-rgb), 0.1);
  background: #0a0a0a;
}

.faq-one__left .faq-one-accrodion .accrodion-title h4 {
  color: var(--carego-white);
}

.testimonial-one__nav .swiper-button-prev1:hover,
.testimonial-one__nav .swiper-button-next1:hover {
  color: var(--carego-base);
  background-color: var(--carego-white);
}

.pricing-one__single-bg-shape {
  opacity: 0.2;
  mix-blend-mode: luminosity;
}

.pricing-one__points {
  border-top: 1px solid rgba(var(--carego-white-rgb), 0.1);
}

.gallery-one__top-title-box::before {
  background-color: rgba(var(--carego-white-rgb), 0.15);
}

.gallery-one__top-title {
  color: var(--carego-white);
  background-color: var(--carego-black);
}

.why-choose-one__points-list-shape-1 {
  background-color: rgba(var(--carego-white-rgb), 0.2);
}
/* ======================================
   SERVICE BOX – DARK MODE FIX
====================================== */
.service-two__single-inner {
  background: rgba(16, 24, 39, 0.75) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35) !important;
  color: #e5e7eb !important;
  transition: 0.3s ease !important;
}

.service-two__single-inner:hover {
  transform: translateY(-6px);
  background: rgba(30, 41, 59, 0.85) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45) !important;
}
.service-two__single-inner:hover .service-two__icon span {
  background-color: #ffffff !important; /* ده اللي بيلون الـ SVG */
  color: #ffffff !important;
}
.service-two__single-inner:hover .service-two__icon span {
  background-color: #fff !important;
  -webkit-mask-image: inherit;
  mask-image: inherit;
}

/* الخلفية الحمراء اللي كانت عاملة طين */
.service-two__single-bg {
  opacity: 0.05 !important;
}

/* العنوان */
.service-two__title a {
  color: #f9fafb !important;
}

/* الرقم */
.service-two__count {
  color: rgba(255, 255, 255, 0.12) !important;
}

/* السعر */
.service-two__sub-title {
  color: #f87171 !important;
  font-weight: 600;
}

/* النص */
.service-two__text {
  color: #d1d5db !important;
}

/* Contact Us */
.service-two__read-more a {
  color: #ffffff !important;
}

/* Contact icon */
.service-two__read-more span {
  background-color: var(--carego-base) !important;
  color: #ffffff !important;
}
.service-two__icon span:hover {
  color: #ffffff !important;
}

.service-two__icon span:hover::before {
  color: #ffffff !important;
}

/* Icon on the corner */
.service-two__icon span {
  background-color: rgba(255, 255, 255, 0.08) !important;
  padding: 10px;
  border-radius: 12px;
}
.service-two__count::before {
  color: #ffffff !important;
}
/* End */
.pricing-page-v3 {
  background-color: #070e26;
}
.pricing-three__single {
  background: rgba(16, 24, 39, 0.85) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45) !important;
  transition: 0.3s ease;
}

.pricing-three__single:hover {
  transform: translateY(-6px);
  background: rgba(28, 37, 55, 0.92) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.55) !important;
}

.pricing-three__title {
  color: #ffffff !important;
}

.pricing-three__text {
  color: #d1d5db !important;
}

.pricing-three__price {
  color: #ffffff !important;
}

.pricing-three__price span {
  color: #9ca3af !important;
}

.pricing-three__icon-box span {
  background-color: rgba(255, 255, 255, 0.12) !important;
  padding: 10px;
  border-radius: 50%;
  color: var(--carego-base) !important;
}

.pricing-one__points li .icon span {
  color: #4ade80 !important;
}

.pricing-one__points li p {
  color: #e5e7eb !important;
}

.pricing-three__btn-box p {
  color: #9ca3af !important;
}

.pricing-three__icon-box span::before {
  color: #fff;
}
.cta-one__input-box input {
  background-color: #1a2233 !important;
  color: #ffffff !important;
}

.cta-one__input-box input::placeholder {
  color: #9ca3af !important;
}

.cta-one__input-box {
  background-color: #1a2233 !important;
  border-radius: 12px !important;
}

.cta-one__form .thm-btn {
  border-radius: 12px !important;
}

.cta-one__form .thm-btn span {
  background-color: #0f1624 !important;
  color: #ffffff !important;
}

.contact-page__form-box {
  background: #0f1624 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 22px !important;
  padding: 50px !important;
  color: #ffffff !important;
}

.comment-one__title {
  color: #ffffff !important;
}

.comment-one__text {
  color: #b9c2d0 !important;
}

.contact-page__input-box input,
.contact-page__input-box textarea {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  border-radius: 14px !important;
}

.contact-page__input-box input::placeholder,
.contact-page__input-box textarea::placeholder {
  color: #9da7b8 !important;
}

.contact-page__btn {
  background-color: var(--carego-base) !important;
  color: #ffffff !important;
  border-radius: 14px !important;
}

.contact-page__btn:hover {
  background-color: #ff2d2d !important;
  color: #ffffff !important;
}

.contact-page__btn span i {
  background-color: #0f1624 !important;
  border-radius: 50%;
  padding: 7px;
  color: #ffffff !important;
}
.contact-page__contact-list li p > a {
  color: #ffffff !important;
}
.thm-btn.contact-page__btn{
color: #0f1624 !important;
}