.project-hero-bg { background-color: #f7f7ff !important; background-image: linear-gradient(rgba(20, 80, 222, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(20, 80, 222, 0.05) 1px, transparent 1px) !important; background-size: 56px 56px !important; background-position: 0 0 !important; background-repeat: repeat !important; background-attachment: scroll !important; position: relative; overflow: hidden; }
.project_hero_cta_box { background-color: white; box-shadow: 0 2px 12px rgba(20, 44, 109, 0.06); border: 1px solid rgba(20, 80, 222, 0.10); padding: 0px; margin-block: 30px; }
.project_hero_cta_box .home-one-profit-icon { background-color: #dfe8ff; border-radius: 100px; animation: pf-kpi-pulse 3.2s ease-in-out infinite; }
.newsletter_main { background-color: white; }
.project-hero-bg h1.text-white { color: #0d1f50 !important; }
.project-hero-bg .portfolio_desc.text-white { color: #475569 !important; }
.project-hero-bg .portfolio-breadcrumb a, .project-hero-bg .portfolio-breadcrumb p { color: #475569 !important; }
.project-hero-bg .portfolio-breadcrumb span { color: #94a3b8 !important; }
.project-hero-bg .portfolio-breadcrumb a:hover { color: #1450de !important; }
.project-hero-bg .portfolio_category { background: rgba(20, 80, 222, 0.07); border: 1px solid rgba(20, 80, 222, 0.22); color: #1450de; border-radius: 50px; padding: 4px 14px; font-size: 12.5px; font-weight: 500; display: inline-block; letter-spacing: 0.03em; }
.project-hero-bg .portfolio_kpi { background: #fff; border: 1px solid rgba(20, 80, 222, 0.10); border-radius: 14px; padding: 14px 20px; box-shadow: 0 2px 12px rgba(20, 44, 109, 0.06); }
.project-hero-bg .kpi_info p.text-white { color: #64748b !important; font-size: 12px; }
.project-hero-bg .kpi_info h4.text-white { color: #102c6d !important; }
.phc-card { background: #ffffff; border-radius: 22px; box-shadow: 0 8px 40px rgba(20, 44, 109, 0.13), 0 2px 12px rgba(0,0,0,0.07); border: 1px solid rgba(20, 80, 222, 0.08); padding: 32px 28px 24px; text-align: center; position: relative; width: 100%; height: 100%; }
.phc-icon-wrap { position: relative; width: 72px; height: 72px; margin: 0 auto 18px; }
.phc-icon-circle { width: 72px; height: 72px; background: -webkit-linear-gradient(315deg, #fff3e8 0%, #fde8cc 100%); background: linear-gradient(135deg, #fff3e8 0%, #fde8cc 100%); border-radius: 50%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; border: 1.5px solid rgba(251, 146, 60, 0.22); }
.phc-icon-circle svg { width: 32px; height: 32px; }
.phc-dot { position: absolute; border-radius: 50%; }
.phc-dot-1 { width: 7px; height: 7px; background: #fb923c; opacity: 0.7; top: -2px; right: 2px; }
.phc-dot-2 { width: 5px; height: 5px; background: #1450de; opacity: 0.5; bottom: 0; left: 0; }
.phc-dot-3 { width: 4px; height: 4px; background: #10b981; opacity: 0.6; top: 50%; right: -6px; }
.phc-title { font-size: 18px; font-weight: 700; color: #0d1f50; line-height: 1.35; margin-bottom: 8px; }
.phc-sub { font-size: 13px; color: #64748b; line-height: 1.6; margin-bottom: 20px; }
.phc-btn-primary { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; gap: 10px; width: 100%; background: -webkit-linear-gradient(315deg, #1450de 0%, #102c6d 100%); background: linear-gradient(135deg, #1450de 0%, #102c6d 100%); color: #fff; font-size: 14px; font-weight: 600; padding: 13px 20px; border-radius: 50px; text-decoration: none; box-shadow: 0 6px 24px rgba(20, 80, 222, 0.35); -webkit-transition: -webkit-transform 0.2s ease, box-shadow 0.2s ease; transition: transform 0.2s ease, box-shadow 0.2s ease; margin-bottom: 14px; }
.phc-btn-primary:hover { color: #fff; -webkit-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0 10px 32px rgba(20,80,222,0.45); }
.phc-or { font-size: 12px; color: #94a3b8; margin-bottom: 12px; }
.phc-btn-outline { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; gap: 8px; width: 100%; background: #fff; color: #1450de; font-size: 14px; font-weight: 600; padding: 11px 18px; border-radius: 50px; border: 1.5px solid rgba(20, 80, 222, 0.28); text-decoration: none; -webkit-transition: border-color 0.2s, background 0.2s; transition: border-color 0.2s, background 0.2s; margin-bottom: 9px; }
.phc-btn-outline:hover { background: #f0f4ff; border-color: #1450de; color: #1450de; }
.phc-btn-outline svg { width: 16px; height: 16px; flex-shrink: 0; }
.phc-divider { height: 1px; background: #eef0f7; margin: 18px 0; }
.phc-trust-row { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; }
.phc-trust-item { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; gap: 5px; font-size: 11px; color: #64748b; font-weight: 500; }
.phc-trust-icon { width: 34px; height: 34px; border-radius: 50%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.phc-trust-icon svg { width: 17px; height: 17px; }
.phc-trust-green { background: rgba(16,185,129,0.10); color: #059669; }
.phc-trust-blue { background: rgba(20,80,222,0.10); color: #1450de; }
.phc-trust-orange { background: rgba(251,146,60,0.12); color: #ea580c; }
.project-detail-hero-aection-three{padding: 19px 0 20px;}
@media (max-width: 1304px) {
    .project-detail-hero-aection-three{padding: 19px 15px 20px;}
}