.tecnology-sarthi-oagedetailngf-section{ position:relative; overflow:hidden;}
.tecnology-sarthi-oagedetailngf-wrapper{ display:grid; grid-template-columns:60% 40%; align-items:stretch; overflow:hidden;}
.tecnology-sarthi-oagedetailngf-content{ padding-right:30px;}
.tecnology-sarthi-oagedetailngf-title{  max-width:850px;  margin-bottom:15px;}
.tecnology-sarthi-oagedetailngf-title .common-title__heading{ font-size:38px; line-height:1.15;}
.tecnology-sarthi-oagedetailngf-points{ display:grid; grid-template-columns:repeat(2,1fr); gap:13px;}
.tecnology-sarthi-oagedetailngf-point{ display:flex; align-items:center; gap:9px; min-height:auto; padding:8px 16px; background:var(--bg); border:1px solid var(--border); border-radius:var(--radius-md);}
.tecnology-sarthi-oagedetailngf-point-icon{ flex:0 0 auto; width:36px; height:36px; display:flex; align-items:center; justify-content:center; border-radius:var(--radius-sm); background:rgba(23,183,176,.10); color:var(--primary); font-size:14px;}
.tecnology-sarthi-oagedetailngf-point-text{ color:var(--secondary); font-family:var(--font-body); font-size:13px; line-height:20px; font-weight:700;}
.tecnology-sarthi-oagedetailngf-point:hover{  background:var(--white); border-color:rgba(23,183,176,.35);}
.tecnology-sarthi-oagedetailngf-point:hover .tecnology-sarthi-oagedetailngf-point-icon{ background:var(--primary); color:var(--white);}
.tecnology-sarthi-oagedetailngf-image{ position:relative; min-height:500px; background:var(--secondary);}
.tecnology-sarthi-oagedetailngf-image-wrap{ position:absolute; inset:0; overflow:hidden;}
.tecnology-sarthi-oagedetailngf-image-wrap img{ width:100%; height:100%; object-fit:cover;  display:block;}
.tecnology-sarthi-oagedetailngf-image-overlay{ position:absolute; inset:0; background: linear-gradient( 180deg, rgba(40,47,59,.05) 25%, rgba(40,47,59,.65) 100% ); pointer-events:none;}
.tecnology-sarthi-oagedetailngf-floating-card{ position:absolute; z-index:5; left:-38px; bottom:42px; display:flex; align-items:center; gap:12px; min-width:205px; padding:15px 18px; background:var(--white); border-radius:var(--radius-md); box-shadow:var(--shadow-md);}
.tecnology-sarthi-oagedetailngf-floating-icon{ flex:0 0 auto; width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--accent); color:var(--secondary); font-size:16px;}
.tecnology-sarthi-oagedetailngf-floating-card div{ display:flex; flex-direction:column; gap:3px;}
.tecnology-sarthi-oagedetailngf-floating-card strong{ color:var(--secondary); font-family:var(--font-heading); font-size:15px;  font-weight:800;}
.tecnology-sarthi-oagedetailngf-floating-card div span{ color:var(--text-light); font-family:var(--font-body); font-size:11px;}
@media(max-width:767px){.tecnology-sarthi-oagedetailngf-wrapper{ grid-template-columns:1fr;}
.tecnology-sarthi-oagedetailngf-image{ order:-1; min-height:360px;} .tecnology-sarthi-oagedetailngf-title{ margin-bottom:28px;}
.tecnology-sarthi-oagedetailngf-title .common-title__heading{ font-size:32px; line-height:1.2;} .tecnology-sarthi-oagedetailngf-points{ grid-template-columns:1fr; gap:10px;}
.tecnology-sarthi-oagedetailngf-point{ min-height:58px;}.tecnology-sarthi-oagedetailngf-floating-card{ left:20px; bottom:20px;}}
@media(max-width:480px){ .tecnology-sarthi-oagedetailngf-image{ min-height:300px;}
.tecnology-sarthi-oagedetailngf-title .common-title__heading{ font-size:28px;} .tecnology-sarthi-oagedetailngf-point-text{ font-size:12px;}
.tecnology-sarthi-oagedetailngf-floating-card{ left:15px; bottom:15px; min-width:190px; padding:12px;}}


.tec-projecttype-sarthoid-section { position: relative; overflow: hidden;}
.tec-projecttype-sarthoid-title { max-width: 760px; margin-bottom: 25px;}.tec-projecttype-sarthoid-title.common-title__subtitle i { color: var(--primary);}
.tec-projecttype-sarthoid-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.tec-projecttype-sarthoid-card { position: relative; padding: 22px; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-sm); overflow: hidden;}
.tec-projecttype-sarthoid-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px;}
.tec-projecttype-sarthoid-number { margin: 0 0 10px; color: var(--secondary); font-family: var(--font-heading); font-size: 25px; font-weight: 700; line-height: 1.25;}
.tec-projecttype-sarthoid-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-sm); background: rgba(23, 183, 176, .10); color: var(--primary); font-size: 20px;}
.tec-projecttype-sarthoid-content p { margin: 0 0 22px; max-width: 600px; color: var(--text-light); font-size: 14px; line-height: 24px;}
.tec-projecttype-sarthoid-tags { display: flex; flex-wrap: wrap; gap: 8px;}
.tec-projecttype-sarthoid-tags span { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid var(--border); border-radius: var(--radius-pill); background: var(--bg); color: var(--secondary); font-family: var(--font-body);  font-size: 11px; font-weight: 600; line-height: 1;}
.tec-projecttype-sarthoid-tags span i { color: var(--primary); font-size: 10px;}
.tec-projecttype-sarthoid-card-line { position: absolute; left: 30px; bottom: 0; width: 0;  height: 3px; background: var(--primary); border-radius: var(--radius-pill);}
.tec-projecttype-sarthoid-card:nth-child(2) .tec-projecttype-sarthoid-icon { background: rgba(205, 217, 1, .18); color: var(--secondary);}
.tec-projecttype-sarthoid-card:nth-child(3) .tec-projecttype-sarthoid-icon {background: rgba(40, 47, 59, .08); color: var(--secondary);}
.tec-projecttype-sarthoid-card:nth-child(4) .tec-projecttype-sarthoid-icon { background: rgba(23, 183, 176, .10); color: var(--primary);}
@media (max-width: 900px) { .tec-projecttype-sarthoid-grid { grid-template-columns: 1fr 1fr; gap: 16px;}.tec-projecttype-sarthoid-card { padding: 25px 22px;}}
@media (max-width: 767px) {.tec-projecttype-sarthoid-title { margin-bottom: 30px;}.tec-projecttype-sarthoid-grid { grid-template-columns: 1fr; gap: 15px;}
.tec-projecttype-sarthoid-card { padding: 24px 20px 25px;}.tec-projecttype-sarthoid-card-top { margin-bottom: 20px;}
.tec-projecttype-sarthoid-icon { width: 52px; height: 52px; font-size: 20px;}
.tec-projecttype-sarthoid-content p {font-size: 13px;line-height: 22px;}}
@media (max-width: 480px) { .tec-projecttype-sarthoid-card {padding: 22px 17px 24px;} .tec-projecttype-sarthoid-tags {  gap: 6px;}
.tec-projecttype-sarthoid-tags span { padding: 7px 9px; font-size: 10px;}}



.roahd-sarthi-technology-section {position: relative; overflow: hidden;}
.roahd-sarthi-technology-title {max-width: 860px; margin: 0 auto 65px; text-align: center;}
.roahd-sarthi-technology-title .common-title__text { margin-left: auto; margin-right: auto;}
.roahd-sarthi-technology-roadmap { position: relative; max-width: 1100px; margin: 0 auto; padding: 10px 0;}
.roahd-sarthi-technology-roadmap::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; transform: translateX(-50%); background:linear-gradient( to bottom, transparent 0%, var(--primary) 5%, var(--primary) 95%, transparent 100% ); opacity: .35;}
.roahd-sarthi-technology-item { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 90px  minmax(0, 1fr); align-items: center; min-height: 155px;}
.roahd-sarthi-technology-content { position: relative; max-width: 430px; padding: 25px 28px; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-sm); box-shadow: var(--shadow-sm);}
.roahd-sarthi-technology-item:nth-child(odd) .roahd-sarthi-technology-content { justify-self: end; text-align: right;}
.roahd-sarthi-technology-item:nth-child(even) .roahd-sarthi-technology-content { justify-self: start; text-align: left;}
.roahd-sarthi-technology-item:nth-child(odd).roahd-sarthi-technology-content::after { content: ""; position: absolute; top: 50%; right: -32px; width: 32px; height: 1px; background: var(--primary); opacity: .4;}
.roahd-sarthi-technology-item:nth-child(even) .roahd-sarthi-technology-content::before { content: ""; position: absolute; top: 50%; left: -32px; width: 32px; height: 1px; background: var(--primary); opacity: .4;}
.roahd-sarthi-technology-content h3 { margin: 0 0 8px; color: var(--secondary); font-family: var(--font-heading); font-size: 24px; font-weight: 800; line-height: 1.2;}
.roahd-sarthi-technology-content p { margin: 0; color: var(--text-light); font-family: var(--font-body); font-size: 13px; line-height: 22px;}
.roahd-sarthi-technology-node { position: relative; z-index: 5; width: 50px; height: 50px; margin: 0 auto; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-sm); background: var(--white); border: 2px solid var(--primary);}
.roahd-sarthi-technology-node span { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px;  border-radius: var(--radius-sm); background: var(--primary);color: var(--white); font-family: var(--font-heading); font-size: 16px; font-weight: 800;}
.roahd-sarthi-technology-empty {min-height: 1px;} .roahd-sarthi-technology-item:nth-child(2)
.roahd-sarthi-technology-node span, .roahd-sarthi-technology-item:nth-child(6) .roahd-sarthi-technology-node span { background: var(--secondary);}
@media (max-width: 767px) {.roahd-sarthi-technology-title { margin-bottom: 45px;} .roahd-sarthi-technology-roadmap { padding-left: 55px;}
.roahd-sarthi-technology-roadmap::before { left: 27px; transform: none;}
.roahd-sarthi-technology-item { display: grid; grid-template-columns: 55px 1fr; min-height: auto; margin-bottom: 22px; align-items: start;}
.roahd-sarthi-technology-node { grid-column: 1; grid-row: 1; width: 54px; height: 54px; margin: 0;}
.roahd-sarthi-technology-node span { width: 42px; height: 42px; font-size: 12px;}
.roahd-sarthi-technology-content { grid-column: 2; grid-row: 1; width: 100%;  max-width: none; padding: 20px; text-align: left !important;}
.roahd-sarthi-technology-empty { display: none;}
.roahd-sarthi-technology-content::before, .roahd-sarthi-technology-content::after {display: none !important;}
.roahd-sarthi-technology-content h3 { font-size: 20px;}.roahd-sarthi-technology-content p { font-size: 13px; line-height: 21px;}}
@media (max-width: 480px) { .roahd-sarthi-technology-roadmap { padding-left: 35px;} .roahd-sarthi-technology-roadmap::before { left: 22px;}
.roahd-sarthi-technology-item { grid-template-columns: 45px 1fr;} .roahd-sarthi-technology-node { width: 40px; height: 40px;}
.roahd-sarthi-technology-node span { width: 30px; height: 30px; font-size: 10px;} .roahd-sarthi-technology-content { padding: 17px;}
.roahd-sarthi-technology-content h3 {  font-size: 18px;}}