.breadcrumb-hariom-aboutdf-section{ position: relative; overflow: hidden; padding: 110px 0 80px; background: #fff;  border: 1px solid var(--border);}
.breadcrumb-hariom-aboutdf-wrapper{ display: flex; align-items: center; justify-content: space-between; gap: 70px;}
.breadcrumb-hariom-aboutdf-content{ flex: 0 0 48%; max-width: 48%;} .breadcrumb-hariom-aboutdf-action{  margin-bottom: 38px;}
.breadcrumb-hariom-aboutdf-meta{ display: flex; align-items: center; flex-wrap: wrap; gap: 14px; color: var(--text-light); font-size: 14px; font-family: var(--font-mono);}
.breadcrumb-hariom-aboutdf-meta strong{ color: var(--text-dark); font-weight: 700;}
.breadcrumb-hariom-aboutdf-dot{ width: 4px; height: 4px; border-radius: 50%; background: var(--border);}
.breadcrumb-hariom-aboutdf-image{ position: relative; flex: 0 0 45%; max-width: 45%; min-height: 520px;}
.breadcrumb-hariom-aboutdf-card{ position: absolute; border-radius: 8px; overflow: hidden; box-shadow: 0 35px 70px rgba(0,0,0,.12);}
.breadcrumb-hariom-aboutdf-card-back{ top: 0; right: 10px; width: 360px; height: 305px; background: var(--text-dark); transform: rotate(2deg);}
.breadcrumb-hariom-aboutdf-card-dots{ display: flex; gap: 8px; position: absolute; left: 25px; top: 20px; z-index: 2;}
.breadcrumb-hariom-aboutdf-card-dots span{ width: 10px; height: 10px; border-radius: 50%;} .breadcrumb-hariom-aboutdf-card-dots span:nth-child(1){ background: #00B7FF;}
.breadcrumb-hariom-aboutdf-card-dots span:nth-child(2){ background: var(--primary);} .breadcrumb-hariom-aboutdf-card-dots span:nth-child(3){ background: var(--secondary);}
.breadcrumb-hariom-aboutdf-card-bg{ width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.breadcrumb-hariom-aboutdf-card-front{ left: 0; bottom: 0; width: 350px; height: 320px; background: var(--white); transform: rotate(-4deg);}
.breadcrumb-hariom-aboutdf-card-image{ width: 100%; height: 215px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.breadcrumb-hariom-aboutdf-card-bottom{ display: flex; justify-content: space-between; align-items: flex-end; padding: 20px;}
.breadcrumb-hariom-aboutdf-stat h3{ margin: 0 0 8px; color: var(--text-dark); font-size: 22px; line-height: 1; font-weight: 700;}
.breadcrumb-hariom-aboutdf-stat span{ display: block; color: var(--text-light); font-size: 11px; line-height: 1.5; letter-spacing: 2px; text-transform: uppercase; font-family: var(--font-mono);}
.breadcrumb-hariom-aboutdf-image::after{ content: ""; position: absolute; left: 50%; bottom: -40px; transform: translateX(-50%); width: 420px; height: 80px; background: rgba(0,0,0,.08); filter: blur(35px); border-radius: 50%; z-index: -1;}
@media (max-width:1199px){ .breadcrumb-hariom-aboutdf-wrapper{ gap:50px;}}
@media (max-width:991px){ .breadcrumb-hariom-aboutdf-section{ padding:70px 0;} .breadcrumb-hariom-aboutdf-wrapper{ flex-direction:column; }
.breadcrumb-hariom-aboutdf-content, .breadcrumb-hariom-aboutdf-image{ max-width:100%; flex:0 0 100%;} .breadcrumb-hariom-aboutdf-content{ text-align:center;}
.breadcrumb-hariom-aboutdf-action{ display:flex; justify-content:center;} .breadcrumb-hariom-aboutdf-meta{ justify-content:center;}
.breadcrumb-hariom-aboutdf-image{  min-height:500px; margin-top:20px; }}
@media (max-width:767px){ .breadcrumb-hariom-aboutdf-section{ padding:60px 0;} .breadcrumb-hariom-aboutdf-image{ min-height:400px; }
.breadcrumb-hariom-aboutdf-card-back{width:260px;  height:220px; right:20px; } .breadcrumb-hariom-aboutdf-card-front{ width:270px; height:300px;}
.breadcrumb-hariom-aboutdf-card-image{ height:190px; } .breadcrumb-hariom-aboutdf-card-bottom{ padding:20px;}
.breadcrumb-hariom-aboutdf-stat h3{ font-size:32px; } .breadcrumb-hariom-aboutdf-stat span{ font-size:9px; letter-spacing:1px;}}


/*====  Vision & Mission Section ======*/
.haroiom-vision-mishd-section{ padding: 90px 0; position: relative; overflow: hidden;}
.haroiom-vision-mishd-wrapper{ display: flex; gap: 30px; margin-top: 45px;}
.haroiom-vision-mishd-card{ flex: 1; background: var(--white); border: 1px solid var(--border); border-radius: 6px; padding: 34px;}
.haroiom-vision-mishd-card--dark{  background: var(--text-dark);  border-color: var(--text-dark);}
.haroiom-vision-mishd-icon{ width: 58px; height: 58px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; background: rgba(255,255,255,.08); color: #f5c400;}
.haroiom-vision-mishd-icon svg{ width: 26px; height: 26px;}
.haroiom-vision-mishd-icon--primary{ background: rgba(167,34,141,.08); color: var(--primary);}
.haroiom-vision-mishd-title{ margin: 0 0 18px; font-size: 30px; line-height: 1.2; font-family: var(--font-heading); font-weight: 700; color: var(--text-dark);}
.haroiom-vision-mishd-card--dark .haroiom-vision-mishd-title{ color: var(--white);}
.haroiom-vision-mishd-text{ margin: 0; font-size: 18px; line-height: 1.9; color: var(--text-light);}
.haroiom-vision-mishd-card--dark .haroiom-vision-mishd-text{ color: rgba(255,255,255,.72);}
@media (max-width:991px){ .haroiom-vision-mishd-section{ padding: 70px 0; } .haroiom-vision-mishd-wrapper{ flex-direction: column; gap: 25px; margin-top: 35px;}}
@media (max-width:767px){.haroiom-vision-mishd-section{ padding: 60px 0;} .haroiom-vision-mishd-card{ padding: 25px; border-radius: 18px;}
.haroiom-vision-mishd-icon{ width: 52px; height: 52px; margin-bottom: 22px;} .haroiom-vision-mishd-title{ font-size: 28px; margin-bottom: 14px;}
.haroiom-vision-mishd-text{ font-size: 16px; line-height: 1.8;}}



/*==  Credibility Section =====*/
.hariom-credibility-sec{ padding:90px 0;}
.hariom-credibility-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:45px;}
.hariom-credibility-card{ background:var(--white); border:1px solid var(--border); border-radius:8px; padding:25px; text-align:center; transition:.35s ease;}
.hariom-credibility-icon{ width:60px; height:60px; margin:0 auto 22px; border-radius:5px; display:flex; align-items:center; justify-content:center; background:var(--surface-alt); color:var(--primary);}
.hariom-credibility-icon svg{ width:28px; height:28px;}
.hariom-credibility-card h3{ margin:0 0 10px; font-size:22px; line-height:1.3; color:var(--text-dark); font-family:var(--font-heading);}
.hariom-credibility-card p{ margin:0; font-size:15px; line-height:1.8; color:var(--text-light);}
@media(max-width:991px){ .hariom-credibility-sec{ padding:70px 0; } .hariom-credibility-grid{  grid-template-columns:repeat(2,1fr);}}
@media(max-width:767px){.hariom-credibility-sec{ padding:60px 0;} .hariom-credibility-grid{ grid-template-columns:1fr; gap:18px; margin-top:35px;}
.hariom-credibility-card{ padding:30px 20px;} .hariom-credibility-icon{ width:58px; height:58px; margin-bottom:18px;} .hariom-credibility-card h3{ font-size:20px;}}


/*======= OUR HARIOM JOURNEY =======*/
.our-hariom-juraniwer4-section{ position:relative; background: #fff;}
.our-hariom-juraniwer4-timeline{ position:relative; display:flex; flex-direction:column; gap:20px;}
.our-hariom-juraniwer4-item{ display:grid; grid-template-columns:70px 1fr; gap:28px; align-items:center; position:relative;}
.our-hariom-juraniwer4-item:not(:last-child)::before{ content:""; position:absolute; left:34px; top:58px; width:2px; height:calc(100% + 34px); background:var(--border);}
.our-hariom-juraniwer4-year{  width:52px; height:52px; border-radius:5px; border:2px solid var(--primary); background:var(--surface); color:var(--primary); display:flex; align-items:center; justify-content:center; font-family:var(--font-heading); font-size:13px; font-weight:700; text-align:center; position:relative; z-index:2; margin:auto;}
.our-hariom-juraniwer4-item:nth-child(2) .our-hariom-juraniwer4-year{ border-color:var(--secondary); color:var(--secondary);}
.our-hariom-juraniwer4-item:nth-child(3) .our-hariom-juraniwer4-year{ border-color:var(--secondary); color:var(--secondary);}
.our-hariom-juraniwer4-item:nth-child(4) .our-hariom-juraniwer4-year{ border-color:var(--primary); color:var(--primary);}
.our-hariom-juraniwer4-card{ background:var(--surface); border:1px solid var(--border); border-radius:6px; padding:22px;}
.our-hariom-juraniwer4-card h4{ margin:0 0 10px; font-size:18px; color:var(--text-dark);}
.our-hariom-juraniwer4-card p{ margin:0; color:var(--text-light);}
@media (max-width:768px){ .our-hariom-juraniwer4-item{ grid-template-columns:55px 1fr; gap:16px; align-items:flex-start;}
.our-hariom-juraniwer4-item:not(:last-child)::before{ left:26px; top:55px;} .our-hariom-juraniwer4-year{ width:44px; height:44px; font-size:11px;}
.our-hariom-juraniwer4-card{ padding:20px;} .our-hariom-juraniwer4-card h4{  font-size:20px; }}



/*=== CTA SECTION  =====*/
.cta-hariomcoonec5-section{  padding:70px 0;}
.cta-hariomcoonec5-wrapper{ position: relative; background:var(--text-dark); padding:60px; display:flex; align-items:center; justify-content:space-between; gap:40px; border-radius:8px; overflow:hidden;}
.cta-hariomcoonec5-circle{ position:absolute; border-radius:50%; opacity:.9; z-index:1;}
.cta-hariomcoonec5-circle--one{ width:130px; height:130px; background:var(--primary); top:-25px; right:25px;}
.cta-hariomcoonec5-circle--two{ width:100px; height:100px; background:var(--secondary); top:-20px; right:-30px;}
.cta-hariomcoonec5-content{ max-width:520px;}
.cta-hariomcoonec5-title{ color:var(--white); margin-bottom:18px; font-size:35px; line-height:1.15;}
.cta-hariomcoonec5-text{ margin:0; color:var(--border); max-width:440px;}
.cta-hariomcoonec5-buttons{ display:flex; align-items:center; gap:18px; flex-wrap:wrap;}
.cta-hariomcoonec5-buttons .common-btn{ min-width:200px;}
.cta-hariomcoonec5-buttons .common-btn--ghost{ background:transparent; border:1px solid rgba(255,255,255,.18); color:var(--white);}
.cta-hariomcoonec5-buttons .common-btn--ghost:hover{ background:var(--white); color:var(--text-dark); border-color:var(--white);}
@media (max-width:991px){ .cta-hariomcoonec5-wrapper{ padding:40px 30px; flex-direction:column; align-items:flex-start;}
.cta-hariomcoonec5-title{ font-size:36px;}}
@media (max-width:767px){ .cta-hariomcoonec5-wrapper{ padding:30px 22px; border-radius:18px;}.cta-hariomcoonec5-title{ font-size:30px;}
.cta-hariomcoonec5-buttons{ width:100%; flex-direction:column;} .cta-hariomcoonec5-buttons .common-btn{ width:100%;}}