/*== HOME ABOUT ===*/
.home-about-hariomnjdh7-wrapper{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;}
.home-about-hariomnjdh7-content .common-title{ max-width:100%;}
.home-about-hariomnjdh7-buttons{ display:flex; gap:18px; margin:40px 0; flex-wrap:wrap;}
.home-about-hariomnjdh7-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; padding-top:25px; border-top:1px solid var(--border);}
.home-about-hariomnjdh7-stat h3{ margin:0 0 6px; font-size:28px; color:var(--text-dark);}
.home-about-hariomnjdh7-stat span{ display:block; font-size:14px; color:var(--text-light); line-height:1.6;}
.home-about-hariomnjdh7-image{ position:relative; min-height:650px; overflow:hidden; border:1px solid var(--border); background:var(--surface);}
.home-about-hariomnjdh7-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.home-about-hariomnjdh7-overlay{ position:absolute; inset:0; background:linear-gradient( 180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.05) 45%, rgba(0,0,0,.20) 100%);}
.home-about-hariomnjdh7-badge{ position:absolute; z-index:2; background:var(--surface); border:1px solid var(--border); padding:20px;}
.home-about-hariomnjdh7-badge strong{ font-size:18px; font-family:var(--font-heading); color:var(--text-dark); font-weight:700;}
.home-about-hariomnjdh7-badge-top{ top:20px; left:20px;}
.home-about-hariomnjdh7-badge-bottom{ right:25px; bottom:25px; text-align:center; font-size:18px; line-height:1.6; font-family:var(--font-heading); font-weight:600; color:var(--text-dark);}
@media(max-width:991px){ .home-about-hariomnjdh7-image{ min-height:500px;}}
@media(max-width:767px){ .home-about-hariomnjdh7-image{  min-height:350px;} .home-about-hariomnjdh7-badge{ padding:14px 18px;}
.home-about-hariomnjdh7-badge strong{ font-size:18px;} .home-about-hariomnjdh7-badge-bottom{ font-size:15px;}}
@media(max-width:1200px){ .home-about-hariomnjdh7-content .common-title__heading{ font-size:54px;}}
@media(max-width:991px){ .home-about-hariomnjdh7-wrapper{ grid-template-columns:1fr;}}
@media(max-width:767px){ .home-about-hariomnjdh7-content .common-title__heading{ font-size:38px;}
.home-about-hariomnjdh7-buttons{ flex-direction:column;}
.home-about-hariomnjdh7-buttons .common-btn{ width:100%;}
.home-about-hariomnjdh7-stats{ grid-template-columns:repeat(2,1fr); gap:25px;}}




/*==  SERVICES WE HARIOM HOME START ===*/
.services-we-hariom-homestart-section{ position:relative; overflow:hidden;}
.services-we-hariom-homestart-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:20px; margin-top:45px;}
.services-we-hariom-homestart-card{ position:relative; overflow:hidden; border-radius:6px; background:rgba(255, 255, 255, 0.5);
 backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);  box-shadow:  0 12px 35px rgba(0,0,0,.06); transition:.4s ease;
display:flex; flex-direction:column; height:100%;}
.services-we-hariom-homestart-card::before{ content:""; position:absolute; inset:0; border-radius:22px; border:1px solid rgba(255,255,255,.35); pointer-events:none;}
.services-we-hariom-homestart-thumb{ width:100%; height:230px; overflow:hidden; position:relative;}
.services-we-hariom-homestart-thumb img{ width:100%; height:100%; object-fit:cover; transition:.6s;}
.services-we-hariom-homestart-card:hover
.services-we-hariom-homestart-thumb img{  transform:scale(1.08);}
.services-we-hariom-homestart-content{ padding:20px; display:flex; flex-direction:column; flex:1;}
.services-we-hariom-homestart-content h4{  margin:0 0 14px; font-size:18px; line-height:1.3; color:var(--text-dark);}
.services-we-hariom-homestart-content p{ color:var(--text-light); margin:0; line-height:1.8; font-size: 14px; flex:1;}
.services-we-hariom-homestart-btn{ display:inline-flex; align-items:center; gap:10px; margin-top:10px; text-decoration:none; color:var(--primary); font-weight:600; transition:.3s; font-family:var(--font-heading);}
.services-we-hariom-homestart-btn span{ transition:.3s; font-size:18px;}
.services-we-hariom-homestart-btn:hover{ color:var(--secondary);}
.services-we-hariom-homestart-btn:hover span{ transform:translateX(6px);}
.services-we-hariom-homestart-card:hover::after{ transform:scale(1.4);}
@media(max-width:991px){.services-we-hariom-homestart-grid{ grid-template-columns:repeat(3,1fr);}}
@media(max-width:767px){.services-we-hariom-homestart-grid{grid-template-columns:repeat(2,1fr); gap:15px;}
.services-we-hariom-homestart-thumb{ height:220px;} .services-we-hariom-homestart-content{  padding:24px;}
.services-we-hariom-homestart-content h4{font-size:20px;}}


/*=== RUST BUILD SECTION ========*/
.trust-build-hariomoffsetu3-title{ text-align:center; max-width:700px; margin:0 auto 60px;}
.trust-build-hariomoffsetu3-title .common-title__text{ margin-left:auto; margin-right:auto;}
.trust-build-hariomoffsetu3-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:30px;}
.trust-build-hariomoffsetu3-item{ text-align:center;}
.trust-build-hariomoffsetu3-icon{ width:54px;  height:54px; margin:0 auto 22px; border:1px solid var(--border); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--primary); font-size:20px; background:var(--surface);}
.trust-build-hariomoffsetu3-item:hover .trust-build-hariomoffsetu3-icon{ background:var(--primary); color:var(--white); border-color:var(--primary);}
.trust-build-hariomoffsetu3-item h4{ margin-bottom:10px; font-size:17px; color:var(--text-dark);}
.trust-build-hariomoffsetu3-item p{ margin:0; color:var(--text-light); line-height:1.7; font-size:15px;}
@media(max-width:1199px){.trust-build-hariomoffsetu3-grid{ grid-template-columns:repeat(3,1fr);}}
@media(max-width:767px){ .trust-build-hariomoffsetu3-title{ margin-bottom:40px;} .trust-build-hariomoffsetu3-grid{ grid-template-columns:repeat(2,1fr); gap:30px 20px;}
.trust-build-hariomoffsetu3-icon{ width:72px; height:72px; font-size:24px;} .trust-build-hariomoffsetu3-item h4{ font-size:18px;}}
@media(max-width:575px){.trust-build-hariomoffsetu3-grid{ grid-template-columns:repeat(3,1fr);}}



/*==== INDUSTRIES WE SERVE =====*/
.hariom-applicatuomdskyd8-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:15px;}
.hariom-applicatuomdskyd8-card{ background:var(--surface); border:1px solid var(--border); padding:20px; border-radius:4px;}
.hariom-applicatuomdskyd8-card:hover{border-color:var(--primary); box-shadow:0 12px 30px rgba(0,0,0,.05);}
.hariom-applicatuomdskyd8-icon{ width:38px; height:38px; border-radius:3px; background:var(--surface-alt); color:var(--primary); display:flex; align-items:center; justify-content:center; font-size:15px; margin-bottom:15px;}
.hariom-applicatuomdskyd8-card:hover .hariom-applicatuomdskyd8-icon{ background:var(--primary); color:var(--white);}
.hariom-applicatuomdskyd8-card h4{ margin-bottom:5px; font-size:16px; color:var(--text-dark);}
.hariom-applicatuomdskyd8-card p{ margin:0; color:var(--text-light); font-size:14px;}
@media(max-width:991px){ .hariom-applicatuomdskyd8-grid{ grid-template-columns:repeat(2,1fr);}}
@media(max-width:767px){ .hariom-applicatuomdskyd8-grid{ grid-template-columns:1fr;} .hariom-applicatuomdskyd8-card{ padding:24px;}
.hariom-applicatuomdskyd8-card h4{ font-size:22px;}}


/*==== OUR CLIENTS ======*/
.our-clientstrust-hbdf-title{ text-align:center; max-width:700px; margin:0 auto 40px;}
.our-clientstrust-hbdf-title .common-title__text{ margin-left:auto; margin-right:auto;}
.our-clientstrust-hbdf-slider{ overflow:hidden; position:relative; width:100%;}
.our-clientstrust-hbdf-track{ display:flex; align-items:center; width:max-content; animation:our-clientstrust-hbdf-scroll 35s linear infinite;}
.our-clientstrust-hbdf-slider:hover .our-clientstrust-hbdf-track{ animation-play-state:paused;}
.our-clientstrust-hbdf-logo{ width:150px; height:80px; margin:0 7px; padding:20px; background:var(--surface); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.our-clientstrust-hbdf-logo:hover{  border-color:var(--primary);}
.our-clientstrust-hbdf-logo img{ max-width:140px;max-height:55px; width:auto; height:auto; object-fit:contain; filter:grayscale(100%); opacity:.7; transition:.35s;}
.our-clientstrust-hbdf-logo:hover img{ filter:grayscale(0%); opacity:1;}
@keyframes our-clientstrust-hbdf-scroll{ from{ transform:translateX(0);} to{ transform:translateX(-50%);}}
@media(max-width:767px){ .our-clientstrust-hbdf-logo{ width:170px; height:90px; margin:0 12px;} .our-clientstrust-hbdf-logo img{ max-width:110px;}}




















.hero-hariom-bangdhgf{  background:var(--bg); padding:150px 0 80px; overflow:hidden;}
.hero-hariom-bangdhgf__container{ max-width:1400px; margin:auto; padding:0 40px; display:grid; grid-template-columns:45% 55%; align-items:center; gap:40px;}
.hero-hariom-bangdhgf__tag{ display:flex; align-items:center; gap:8px; color:var(--secondary); font-family:var(--font-mono); font-size:12px; letter-spacing:3px; margin-bottom:25px;}
.hero-hariom-bangdhgf__tag span{ width:8px; height:8px; border-radius:50%; background:var(--primary);}
.hero-hariom-bangdhgf__tag span:nth-child(2){  background:var(--secondary);}
.hero-hariom-bangdhgf__title{ font-size:58px; line-height:1.08; color:var(--text-dark);}
.hero-hariom-bangdhgf__title strong{ color:var(--primary);}
.hero-hariom-bangdhgf__text{ max-width:520px; font-size:17px; line-height:1.8;}
.hero-hariom-bangdhgf__buttons{ display:flex; gap:18px; margin:30px 0;}
.hero-hariom-bangdhgf__badges{ display:flex; gap:12px; flex-wrap:wrap;}
.hero-hariom-bangdhgf__badges div{padding:12px 18px; border:1px solid var(--border); border-radius:30px; background:white; font-size:13px;}
.hero-hariom-bangdhgf__badges i{ color:var(--primary);}
.hero-hariom-bangdhgf__image-box{ position:relative; height:500px; border-radius:5px; box-shadow:0 30px 70px rgba(0,0,0,.22); overflow:visible;}
.hero-hariom-bangdhgf__image-box img{ width:100%; height:100%; object-fit:cover; border-radius:5px;}
.hero-hariom-bangdhgf__card{ position:absolute; display:flex; align-items:center; gap:14px; padding:16px 20px; border-radius:8px; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.4); backdrop-filter:blur(15px); color:white;}
.hero-hariom-bangdhgf__card i{ width:45px; height:45px; display:flex; align-items:center; justify-content:center; background:var(--primary); border-radius:12px;}
.hero-hariom-bangdhgf__card h4{ margin:0; color:white; font-size:15px;}
.hero-hariom-bangdhgf__card p{ margin:3px 0 0; color:#eee; font-size:12px;}
.card-one{ top:35px; right:120px;}
.card-two{  top:210px;  right:-10px;}
.card-three{ bottom:110px; right:80px;}
.card-four{ bottom:30px; left:40px;}
@media(max-width:1000px){.hero-hariom-bangdhgf__container{grid-template-columns:1fr;}
.hero-hariom-bangdhgf__image-box{height:500px;}
.hero-hariom-bangdhgf__title{font-size:40px;}}


.hero-hariom-bangdhgf{  position:relative; background: radial-gradient( circle at 85% 20%, rgba(167,34,141,.18), transparent 32%),
radial-gradient(  circle at 70% 80%,  rgba(237, 101, 4, 0.262),  transparent 35%),
radial-gradient( circle at 10% 70%, rgba(200, 107, 0, 0.12), transparent 30%), var(--bg);}
.hero-hariom-bangdhgf::before{ content:""; position:absolute; width:650px; height:650px; right:-220px; top:-180px; border-radius:50%;
background: radial-gradient( circle, rgba(167,34,141,.35), transparent 65% ); filter:blur(80px); z-index:0; pointer-events:none;}
.hero-hariom-bangdhgf::after{ content:""; position:absolute; width:450px; height:450px; left:-180px; bottom:-150px; border-radius:50%;
background: radial-gradient( circle, rgba(200, 117, 0, 0.18),  transparent 70%); filter:blur(90px); z-index:0; pointer-events:none;}
.hero-hariom-bangdhgf__container{ position:relative; z-index:2;}
.hero-hariom-bangdhgf__image-box::before{ content:"";position:absolute; inset:-40px;
background: radial-gradient( circle, rgba(167,34,141,.25), transparent 65% ); filter:blur(60px); z-index:-1;}
.hero-hariom-bangdhgf__image-box{ box-shadow: 0 40px 90px rgba(0,0,0,.18),  0 0 80px rgba(167,34,141,.12);}
@media(max-width:600px){.hero-hariom-bangdhgf::before, .hero-hariom-bangdhgf::after{display:none;}}








/*=== 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%;}}