.projectvhf-deeinfo-section{ position:relative; overflow:hidden;}
.projectvhf-deeinfo-wrapper{ position:relative; padding:52px; background:var(--secondary); border-radius:0; overflow:hidden;}
.projectvhf-deeinfo-message{ position:relative;  z-index:1;  max-width:1250px;}
.projectvhf-deeinfo-message p{ margin:0; color:rgba(255,255,255,.52); font-family:var(--font-body); font-size:25px; line-height:1.38; font-weight:400; letter-spacing:-1.0px;}
.projectvhf-deeinfo-message p span{ color:var(--white); font-weight:400;}
.projectvhf-deeinfo-divider{ position:relative; z-index:1; width:100%; height:1px; margin:58px 0 48px;  background:rgba(255,255,255,.18);}
.projectvhf-deeinfo-bottom{ position:relative; z-index:1; display:flex; align-items:center; gap:80px;}
.projectvhf-deeinfo-stat{ min-width:210px;}
.projectvhf-deeinfo-stat-number{ color:var(--white); font-family:var(--font-heading); font-size:42px; line-height:1; font-weight:800; letter-spacing:-1px;}
.projectvhf-deeinfo-stat-number span{ color:var(--primary); font-family:var(--font-body); font-size:32px; font-weight:500; margin-left:3px;}
.projectvhf-deeinfo-stat-label{ margin-top:10px; color:rgba(255,255,255,.55); font-family:var(--font-body); font-size:15px; line-height:22px;}
.projectvhf-deeinfo-action{ margin-left:auto;}
.projectvhf-deeinfo-button{ min-width:280px; min-height:62px; padding:17px 30px; display:inline-flex; align-items:center; justify-content:center; gap:15px; background:var(--primary); color:var(--white); border:2px solid var(--primary); border-radius:0; text-decoration:none; font-family:var(--font-body); font-size:14px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;  transition:  background .3s ease, border-color .3s ease, color .3s ease, transform .3s ease;}
.projectvhf-deeinfo-button i{ font-size:13px; transition:transform .3s ease;}
.projectvhf-deeinfo-button:hover{ background:var(--white); border-color:var(--white); color:var(--secondary);}
.projectvhf-deeinfo-button:hover i{ transform:translateX(5px);}
@media(max-width:767px){ .projectvhf-deeinfo-wrapper{  padding:45px 25px 45px;} .projectvhf-deeinfo-message p{ font-size:29px; line-height:1.45; letter-spacing:-.5px;}
.projectvhf-deeinfo-divider{ margin:38px 0 35px;} .projectvhf-deeinfo-bottom{ display:grid; grid-template-columns:1fr 1fr; gap:30px 20px;}
.projectvhf-deeinfo-stat{  min-width:0;} .projectvhf-deeinfo-stat-number{  font-size:38px;}
.projectvhf-deeinfo-stat-number span{ font-size:25px;}  .projectvhf-deeinfo-stat-label{ font-size:13px;}
.projectvhf-deeinfo-action{ margin-left:0; grid-column:1 / -1; width:100%;} .projectvhf-deeinfo-button{ width:100%; min-width:0;}}
@media(max-width:480px){ .projectvhf-deeinfo-wrapper{  padding:38px 20px 40px;} .projectvhf-deeinfo-message p{ font-size:24px; line-height:1.5;}
.projectvhf-deeinfo-divider{  margin:30px 0;} .projectvhf-deeinfo-bottom{ gap:25px 15px;} .projectvhf-deeinfo-stat-number{ font-size:32px;}
.projectvhf-deeinfo-stat-number span{ font-size:21px;} .projectvhf-deeinfo-stat-label{ font-size:12px; line-height:19px;}}
.project-sarthkodfkj-display-section{ position:relative; overflow:hidden;}
.project-sarthkodfkj-display-heading{ max-width:760px; margin-bottom:45px;} .project-sarthkodfkj-display-heading
.common-title__subtitle i{ color:var(--primary);}






.project-sarthkodfkj-display-grid{ display:grid;  grid-template-columns:repeat(3, 1fr); gap:22px;}
.project-sarthkodfkj-display-card{ position:relative; background:var(--white); border:1px solid var(--border); border-radius:var(--radius-sm); overflow:hidden;}
.project-sarthkodfkj-display-image{  position:relative;  display:block; width:100%; height:265px;  overflow:hidden; background:var(--secondary);}
.project-sarthkodfkj-display-image img{ width:100%; height:100%; object-fit:cover;  transition:  transform .5s ease, filter .5s ease;}
.project-sarthkodfkj-display-card:hover
.project-sarthkodfkj-display-image img{ transform:scale(1.07); filter:brightness(.78);}
.project-sarthkodfkj-display-image::after{ content:""; position:absolute; inset:0; background: linear-gradient( 180deg, rgba(40,47,59,0) 45%, rgba(40,47,59,.55) 100% ); pointer-events:none;}
.project-sarthkodfkj-display-number{ position:absolute; top:18px; left:18px; z-index:2; display:flex; align-items:center; justify-content:center;  width:44px; height:44px; border-radius:50%; background:var(--white); color:var(--secondary); font-family:var(--font-body); font-size:13px; font-weight:800; box-shadow:var(--shadow-sm);}
.project-sarthkodfkj-display-arrow{ position:absolute; right:18px; top:18px; z-index:2; width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--primary); color:var(--white); font-size:14px; opacity:0; transform:translateY(-8px); transition: opacity .3s ease, transform .3s ease;}
.project-sarthkodfkj-display-card:hover
.project-sarthkodfkj-display-arrow{ opacity:1; transform:translateY(0);}
.project-sarthkodfkj-display-content{  padding:25px 25px 27px;}
.project-sarthkodfkj-display-category{ display:inline-block; margin-bottom:10px; color:var(--primary); font-family:var(--font-body); font-size:11px; font-weight:800; letter-spacing:1px; text-transform:uppercase;}
.project-sarthkodfkj-display-content h3{ margin:0 0 12px; color:var(--secondary);  font-family:var(--font-heading); font-size:23px; line-height:1.25; font-weight:800;}
.project-sarthkodfkj-display-content p{ margin:0 0 18px; color:var(--text-light); font-family:var(--font-body); font-size:14px; line-height:23px;}
.project-sarthkodfkj-display-link{ display:inline-flex; align-items:center; gap:9px; color:var(--secondary); font-family:var(--font-body); font-size:13px; font-weight:700;  text-decoration:none; transition: color .25s ease, gap .25s ease;}
.project-sarthkodfkj-display-link i{ color:var(--primary); font-size:12px; transition:transform .25s ease;}
.project-sarthkodfkj-display-link:hover{ color:var(--primary); text-decoration:none;}
.project-sarthkodfkj-display-link:hover i{ transform:translateX(4px);}@media(max-width:767px){.project-sarthkodfkj-display-heading{ margin-bottom:32px;} .project-sarthkodfkj-display-grid{ grid-template-columns:1fr; gap:22px;}
.project-sarthkodfkj-display-image{ height:260px;} .project-sarthkodfkj-display-content{ padding:22px;} .project-sarthkodfkj-display-content h3{ font-size:21px;}}
@media(max-width:480px){.project-sarthkodfkj-display-image{ height:230px;}
.project-sarthkodfkj-display-number, .project-sarthkodfkj-display-arrow{ width:40px; height:40px;}
.project-sarthkodfkj-display-content{ padding:20px;}}