/**
 * Indice Technologies – About page brand overrides
 * Header/footer styles live in indice-brand.css
 */

body.page-about {
  --radius-card: 12px;
  --radius-btn: 10px;
  --shadow-soft: 0 10px 30px rgba(15, 39, 71, 0.08);
  --shadow-hover: 0 14px 36px rgba(15, 39, 71, 0.12);
}

/* ─── Shared page buttons ─── */
body.page-about main .theme-btn,
body.page-about .about-section .theme-btn,
body.page-about .team-section-3 .theme-btn {
  background-color: #0D5EA8 !important;
  color: #FFFFFF !important;
  border-radius: 10px !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

body.page-about main .theme-btn::before,
body.page-about main .theme-btn::after,
body.page-about .about-section .theme-btn::before,
body.page-about .about-section .theme-btn::after,
body.page-about .team-section-3 .theme-btn::before,
body.page-about .team-section-3 .theme-btn::after {
  display: none !important;
}

body.page-about main .theme-btn:hover,
body.page-about .about-section .theme-btn:hover,
body.page-about .team-section-3 .theme-btn:hover {
  background-color: #0B5BA5 !important;
}

/* ─── Hero / Breadcrumb ─── */
body.page-about .breadcrumb-wrapper::before {
  background-image: none;
  background-color: rgba(15, 39, 71, 0.75);
  opacity: 1;
}

body.page-about .breadcrumb-wrapper .page-heading h1 {
  color: var(--white);
}

body.page-about .breadcrumb-wrapper .page-heading .breadcrumb-items li {
  color: rgba(255, 255, 255, 0.75);
}

body.page-about .breadcrumb-wrapper .page-heading .breadcrumb-items li a {
  color: rgba(255, 255, 255, 0.75);
}

body.page-about .breadcrumb-wrapper .page-heading .breadcrumb-items li a:hover {
  color: var(--white);
}

body.page-about .breadcrumb-wrapper .page-heading .breadcrumb-items li:last-child {
  color: #0D5EA8;
}

body.page-about .breadcrumb-wrapper .page-heading .breadcrumb-items li i {
  color: rgba(255, 255, 255, 0.55);
}

/* ─── About Section ─── */
body.page-about .about-section .section-title span {
  color: #0D5EA8 !important;
}

body.page-about .about-section .section-title h2 {
  color: #0F2747 !important;
}

body.page-about .about-section .about-content > p {
  color: #667085 !important;
}

body.page-about .about-wrapper.style-2 .about-image-items .counter-shape {
  background-color: #0F2747 !important;
  border-top: 3px solid #0D5EA8;
  box-shadow: var(--shadow-soft);
}

body.page-about .about-wrapper.style-2 .about-image-items .counter-shape .content h3,
body.page-about .about-wrapper.style-2 .about-image-items .counter-shape .content h3 span,
body.page-about .about-wrapper.style-2 .about-image-items .counter-shape .content p {
  color: #FFFFFF !important;
}

body.page-about .about-wrapper.style-2 .about-content .about-icon-items .icon-items .icon {
  background-color: rgba(13, 94, 168, 0.1) !important;
  border: 1px solid rgba(13, 94, 168, 0.15);
}

body.page-about .about-wrapper.style-2 .about-content .about-icon-items .icon-items .icon img {
  filter: brightness(0) saturate(100%) invert(24%) sepia(52%) saturate(2876%) hue-rotate(186deg) brightness(92%) contrast(92%);
}

body.page-about .about-wrapper.style-2 .about-image-items .counter-shape .icon {
  filter: grayscale(100%) brightness(300%);
}

body.page-about .offer-section .offer-items .shape-top,
body.page-about .offer-section .offer-items .shape-bottom {
  opacity: 0.15;
}

body.page-about .team-section-3 .mask-shape,
body.page-about .team-section-3 .line-shape {
  opacity: 0.07;
}


body.page-about .about-wrapper.style-2 .about-content .about-icon-items .icon-items .content h4 {
  color: #0F2747 !important;
}

body.page-about .about-wrapper.style-2 .about-content .about-icon-items .icon-items .content p {
  color: #667085 !important;
}

body.page-about .about-wrapper.style-2 .about-content .about-author .author-image .content h6 {
  color: #0F2747 !important;
}

body.page-about .about-wrapper.style-2 .about-content .about-author .author-image .content p {
  color: #667085 !important;
}

body.page-about .about-wrapper.style-2 .about-content .about-author .author-image .content a {
  color: #0D5EA8;
}

body.page-about .about-wrapper.style-2 .about-content .about-author .author-image .content a:hover {
  color: #0B5BA5;
}

/* ─── Services / Offer Section ─── */
body.page-about .offer-section.section-bg-2 {
  background-color: #0F2747 !important;
}

body.page-about .offer-section .line-shape,
body.page-about .offer-section .mask-shape {
  opacity: 0.07;
}

body.page-about .offer-section .section-title span {
  color: #2E79B9 !important;
}

body.page-about .offer-section .section-title h2 {
  color: #FFFFFF !important;
}

body.page-about .offer-items {
  background: rgba(255, 255, 255, 0.05);
  border-radius: var(--radius-card);
  transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

body.page-about .offer-items::before {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  opacity: 1 !important;
  background: transparent;
}

body.page-about .offer-items .icon {
  background: rgba(255, 255, 255, 0.08) !important;
  background-image: none !important;
}

body.page-about .offer-items .icon svg path {
  fill: #0D5EA8 !important;
}

body.page-about .offer-items .content h5 {
  color: #FFFFFF !important;
}

body.page-about .offer-items:hover,
body.page-about .offer-items.active {
  background: rgba(13, 94, 168, 0.2);
  box-shadow: var(--shadow-soft);
}

body.page-about .offer-items:hover .icon,
body.page-about .offer-items.active .icon {
  background-color: #0D5EA8 !important;
}

body.page-about .offer-items:hover .icon svg path,
body.page-about .offer-items.active .icon svg path {
  fill: #FFFFFF !important;
}

/* ─── Projects Section ─── */
body.page-about .project-section-2::before,
body.page-about .project-section-2::after {
  background-color: #F5F7FA !important;
}

body.page-about .project-section-2 .section-title span {
  color: #0D5EA8 !important;
}

body.page-about .project-section-2 .section-title h2 {
  color: #0F2747 !important;
}

body.page-about .project-section-2 .array-button .array-prev {
  color: #0D5EA8 !important;
  border-color: #0D5EA8 !important;
  background-color: transparent !important;
}

body.page-about .project-section-2 .array-button .array-prev:hover {
  background-color: #0F2747 !important;
  color: #FFFFFF !important;
  border-color: #0F2747 !important;
}

body.page-about .project-section-2 .array-button .array-next {
  background-color: #0D5EA8 !important;
  color: #FFFFFF !important;
  border: 1px solid #0D5EA8;
}

body.page-about .project-section-2 .array-button .array-next:hover {
  background-color: #0F2747 !important;
  border-color: #0F2747 !important;
  color: #FFFFFF !important;
}

body.page-about .project-wrapper .project-items.style-2 .project-image .project-content {
  background-color: #FFFFFF !important;
  border: 1px solid #E2E8F0;
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-soft);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

body.page-about .project-wrapper .project-items.style-2:hover .project-image .project-content {
  box-shadow: var(--shadow-hover);
  transform: translateY(-2px);
}

body.page-about .project-wrapper .project-items.style-2 .project-content p {
  color: #0D5EA8 !important;
}

body.page-about .project-wrapper .project-items.style-2 .project-content h4,
body.page-about .project-wrapper .project-items.style-2 .project-content h4 a {
  color: #0F2747 !important;
}

body.page-about .project-wrapper .project-items.style-2 .project-content h4 a:hover {
  color: #0D5EA8 !important;
}

body.page-about .project-wrapper .project-items.style-2 .project-content .arrow-icon {
  background-color: rgba(13, 94, 168, 0.1) !important;
  color: #0D5EA8 !important;
}

body.page-about .project-wrapper .project-items.style-2 .project-content:hover .arrow-icon,
body.page-about .project-wrapper .project-items.style-2 .project-content .arrow-icon:hover {
  background-color: #0F2747 !important;
  color: #FFFFFF !important;
}

/* ─── Scrolling Text / Marquee ─── */
body.page-about .marque-section-3 .marquee-item.style-2 .text-slider {
  color: #0D5EA8 !important;
}

body.page-about .marque-section-3 .marquee-item.style-2 .text-style {
  background-image: linear-gradient(#0D5EA8, #0D5EA8);
}

body.page-about .marque-section-3 .marquee-item.style-2 .text-style:hover {
  color: #0B5BA5 !important;
}

/* ─── Team Section ─── */
body.page-about .team-section-3 .section-title span {
  color: #0D5EA8 !important;
}

body.page-about .team-section-3 .section-title h2 {
  color: #0F2747 !important;
}

body.page-about .single-team-items {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: var(--radius-card);
  overflow: hidden;
  box-shadow: var(--shadow-soft);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

body.page-about .single-team-items:hover {
  box-shadow: var(--shadow-hover);
  transform: translateY(-2px);
}

body.page-about .single-team-items .team-content {
  background-color: #0F2747 !important;
  clip-path: none;
  margin-top: 0;
  padding: 24px 20px;
}

body.page-about .single-team-items:hover .team-content {
  background-color: #0F2747 !important;
}

body.page-about .single-team-items .team-content h3 a {
  color: #FFFFFF !important;
}

body.page-about .single-team-items .team-content p {
  color: rgba(255, 255, 255, 0.75) !important;
}

body.page-about .single-team-items .team-image .social-profile ul li a {
  color: #0D5EA8 !important;
  background: #FFFFFF !important;
}

body.page-about .single-team-items .team-image .social-profile ul li a:hover {
  background-color: #0F2747 !important;
  color: #FFFFFF !important;
}

body.page-about .single-team-items .team-image .social-profile .plus-btn {
  background-color: #0D5EA8 !important;
  color: #FFFFFF !important;
}

body.page-about .single-team-items .team-image .social-profile .plus-btn:hover {
  background-color: #0F2747 !important;
  color: #FFFFFF !important;
}

/* ─── Client Logos ─── */
body.page-about .brand-section .brand-wrapper h6 {
  color: #0F2747 !important;
}

body.page-about .brand-section .brand-wrapper h6::before,
body.page-about .brand-section .brand-wrapper h6::after {
  background-color: #E2E8F0 !important;
}

body.page-about .brand-section .brand-wrapper .brand-image {
  filter: grayscale(100%);
  opacity: 0.45;
  transition: all 0.3s ease;
}

body.page-about .brand-section .brand-wrapper .brand-image:hover {
  filter: grayscale(0);
  opacity: 1;
}

body.page-about .brand-section .brand-wrapper .swiper-slide.swiper-slide-active .brand-image {
  filter: grayscale(0);
  opacity: 1;
  outline: 2px solid #0D5EA8;
  outline-offset: 6px;
  border-radius: 8px;
}

/* ─── Typography & links in main content ─── */
body.page-about main a:not(.theme-btn):not(.header-logo):not(.arrow-icon):hover {
  color: #0B5BA5;
}