/* ================================================
   Creativus Design - Brand Color Override
   Primary:   #104D85 (blue), #2BABA2 (teal)
   Accent:    #AB313A (red), #A231AB (purple) — use sparingly
   ================================================ */

/* ---------- 1. CSS Custom Properties ---------- */
:root {
  --primary-color1: #2BABA2;
  --primary-color1-opc: 43, 171, 162;
  --primary-color2: #104D85;
  --primary-color2-opc: 16, 77, 133;
  --accent-color-red: #AB313A;
  --accent-color-purple: #A231AB;
}

/* ---------- 2. Section Title Tag Borders (#adda90 → teal) ---------- */
.section-title > span {
  border: 1px solid #2BABA2 !important;
}
.section-title.three .left-content > span {
  border: 1px solid #2BABA2 !important;
}

/* ---------- 3. Navigation Active / Hover Border (#adda90 → teal) ---------- */
header .header-area-wrap .main-menu > ul > li.active > a,
header .header-area-wrap .main-menu > ul > li:hover > a {
  border-color: #2BABA2 !important;
}

/* ---------- 4. Sidebar Close Button (#0f3d3a → blue) ---------- */
.right-sidebar-menu .right-sidebar-close-btn i {
  color: #104D85 !important;
}

/* ---------- 5. Sidebar Social Icons Background (#0e302d → blue) ---------- */
.right-sidebar-menu .sidebar-content-wrap .contact-and-social-area .social-area-wrap .social-area .social-list li a {
  background-color: #104D85 !important;
}

/* ---------- 6. Footer Social Icons Background (#0e302d → blue) ---------- */
.footer-section .social-list li a {
  background-color: #104D85 !important;
}

/* ---------- 7. Mega Menu Support Area Gradient (#0f3d3a → blue) ---------- */
header .header-area-wrap .main-menu > ul > li .mega-menu .menu-row .industry-wrap .support-wrap {
  background-image: url(../image/start-up/mega-menu-support-area-bg.png),
    linear-gradient(180deg, #104D85 0%, #0a2d5a 100%) !important;
}

/* ---------- 8. Our Service Section Background (About page dark section) ---------- */
.our-service-section {
  background: linear-gradient(180deg, #104D85 0%, #0a2040 127.82%) !important;
}

/* ---------- 9. Home2 Portfolio Section Background ---------- */
.home2-portfolio-section {
  background: linear-gradient(180deg, #104D85 0%, #0a2040 127.82%) !important;
}

/* ---------- 10. Case Study Section Background ---------- */
.case-study-section {
  background: linear-gradient(180deg, #104D85 0%, #0a2040 127.82%) !important;
}

/* ---------- 11. Breadcrumb Para Arrow SVG (#0f3d3a → blue) ---------- */
.breadcrumb-section .breadcrumb-content .para svg {
  fill: #104D85 !important;
}

/* ---------- 12. Home3 Process Section Para Arrow SVG ---------- */
.home3-process-section .process-content-wrap .process-content .icon svg {
  fill: #2BABA2 !important;
}

/* ---------- 13. Home4 Service Card Hover Icon (#0f3d3a → teal) ---------- */
.home4-service-section-wrap .home4-service-section .service-card-wrap .single-service-card:hover .icon svg {
  fill: #2BABA2 !important;
}

/* ---------- 14. Team Details Para SVG ---------- */
.team-details-page .profile-area .profile-content .para svg {
  fill: #104D85 !important;
}

/* ---------- 15. Case Study & Portfolio Detail List SVG ---------- */
.case-study-details-page .case-study-details-content ul.style-2 li svg,
.portfolio-details-page .portfolio-details-content ul.style-2 li svg {
  fill: #104D85 !important;
}

/* ---------- 16. Careers Details Stroke ---------- */
.careers-details-page .careers-details-sidebar .social-area-wrap .social-area-title h4 a svg path {
  stroke: #104D85 !important;
}

/* ---------- 17. Home3 Portfolio Section (dark background) ---------- */
.home3-portfolio-section .portfolio-wrapper {
  background-color: #0a2d5a !important;
}

/* ---------- 18. Home3 Team Section (dark background) ---------- */
.home3-team-section .team-section-wrapper {
  background-color: #0a2d5a !important;
}

/* ---------- 19. Footer Section Dark Background ---------- */
.home3-footer-section {
  background-color: #0a2d5a !important;
}

/* ---------- 20. Banner Section Step arrow SVG fill ---------- */
.home3-process-section .process-list .single-process .step-no svg path,
.home3-banner-section .banner-content-wrap .para-area .icon svg path {
  fill: #2BABA2 !important;
}

/* ---------- 21. Footer Contact Icon Background (#103633 → blue) ---------- */
.footer-section .footer-menu-wrap .footer-contact-wrap .contact-list .single-contact .icon {
  background: #104D85 !important;
}

/* ---------- 22. Footer File Download Button Icon Background (#103633 → blue) ---------- */
.footer-section .file-download-btn .icon {
  background-color: #104D85 !important;
}

/* ---------- 23. Footer Logo & Service Menu Card Background (#103633 → blue) ---------- */
.footer-section .logo-and-sevice-menu-wrap {
  background-color: #104D85 !important;
}

/* ---------- 24. Banner Button Area — flex layout for 2 buttons ---------- */
.home3-banner-section .banner-wrapper .banner-content-wrap .button-area {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}