/*=== PRODUCT SERVICES ======*/
.producy-servii-hatriom-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.producy-servii-hatriom-card{ background:var(--surface); border:1px solid var(--border); padding:26px; display:flex; flex-direction:column; align-items:flex-start;}
.producy-servii-hatriom-card:hover{ border-color:var(--primary); box-shadow:0 10px 30px rgba(0,0,0,.05);}
.producy-servii-hatriom-icon{ width:45px; height:45px; display:flex; align-items:center; justify-content:center; background:var(--surface-alt); color:var(--primary); font-size:20px;  margin-bottom:24px;}
.producy-servii-hatriom-card h3{ font-size:24px; margin-bottom:14px; color:var(--text-dark);}
.producy-servii-hatriom-card p{ margin-bottom:22px;}
.producy-servii-hatriom-card a{ display:inline-flex; align-items:center; gap:8px; color:var(--text-dark); text-decoration:none; font-weight:600; font-family:var(--font-heading); margin-top:auto;}
.producy-servii-hatriom-card a i{ font-size:14px; transition:.3s;}
.producy-servii-hatriom-card:hover a{ color:var(--primary);}
.producy-servii-hatriom-card:hover a i{ transform:translateX(4px);}
@media(max-width:991px){ .producy-servii-hatriom-grid{ grid-template-columns:repeat(2,1fr);}}
@media(max-width:767px){ .producy-servii-hatriom-grid{ grid-template-columns:1fr;} .producy-servii-hatriom-card{ padding:22px;}
.producy-servii-hatriom-card h3{ font-size:28px;}}




/*======= Product Details ==========*/
.product-details-ghari7hddf{ padding:90px 0; overflow:hidden;}
.product-details-ghari7hddf__wrapper{ display:flex; align-items:center; gap:70px;}
.product-details-ghari7hddf__image{ flex:1; border:1px solid var(--border); background:var(--surface); overflow:hidden;}
.product-details-ghari7hddf__image img{ width:100%; height:470px; display:block; object-fit:cover;}
.product-details-ghari7hddf__content{ flex:0 0 46%;}
.product-details-ghari7hddf__tags{ display:flex; flex-wrap:wrap; gap:10px; margin:22px 0 28px;}
.product-details-ghari7hddf__list{ margin:0 0 35px; padding:0; list-style:none;}
.product-details-ghari7hddf__list li{ position:relative; padding-left:34px; margin-bottom:12px; color:var(--text-dark); font-size:16px; line-height:1.7; font-weight:500;}
.product-details-ghari7hddf__list li:last-child{ margin-bottom:0;}
.product-details-ghari7hddf__list li::before{content:"✓"; position:absolute; left:0; top:0; color:var(--success); font-size:16px; font-weight:700;}
.product-details-ghari7hddf .common-title{ margin-bottom:0;}
.product-details-ghari7hddf .common-title__heading{font-size: 30px; max-width:560px;}
.product-details-ghari7hddf .common-title__text{ max-width:560px;}
@media (max-width:991px){ .product-details-ghari7hddf{  padding:70px 0;} .product-details-ghari7hddf__wrapper{ flex-direction:column; gap:45px;}
.product-details-ghari7hddf__image, .product-details-ghari7hddf__content{ width:100%; flex:0 0 100%;}.product-details-ghari7hddf__image img{ height:420px;}}
@media (max-width:767px){ .product-details-ghari7hddf{  padding:55px 0;} .product-details-ghari7hddf__image img{ height:300px;}
.product-details-ghari7hddf__list li{ font-size:16px;} .product-details-ghari7hddf__tags{ margin:20px 0; gap:8px;}}



/*==== How We Work ======*/
.how-we-weorkjhariomond{ padding:70px 0; background:var(--bg); overflow:hidden;}
.how-we-weorkjhariomond__timeline{ position:relative; display:grid; grid-template-columns:repeat(6,1fr); gap:30px; margin-top:60px;}
.how-we-weorkjhariomond__timeline::before{ content:""; position:absolute; left:55px; right:55px; top:24px; border-top:1px dashed var(--border); z-index:0;}
.how-we-weorkjhariomond__item{ position:relative;text-align:center; z-index:1;}
.how-we-weorkjhariomond__number{ width:43px; height:43px; margin:0 auto 20px; border-radius:50%; background:var(--white);  border:1px solid var(--border); display:flex; align-items:center; justify-content:center; color:var(--text-dark); font-size:18px; font-weight:700; font-family:var(--font-heading);}
.how-we-weorkjhariomond__item h4{ margin:0 0 10px;  color:var(--text-dark);font-size:18px; font-weight:800;}
.how-we-weorkjhariomond__item p{ margin:0; color:var(--text-light); font-size:15px; line-height:1.7; max-width:180px; margin-inline:auto;}
.how-we-weorkjhariomond__item:hover .how-we-weorkjhariomond__number{  background:var(--primary); color:var(--white); border-color:var(--primary); transition:.3s;}
@media(max-width:991px){ .how-we-weorkjhariomond{ padding:70px 0;} .how-we-weorkjhariomond__timeline{ grid-template-columns:repeat(3,1fr); gap:45px 30px;}
.how-we-weorkjhariomond__timeline::before{ display:none;}}
@media(max-width:767px){.how-we-weorkjhariomond{ padding:55px 0;} .how-we-weorkjhariomond__timeline{ grid-template-columns:1fr; gap:35px;}
.how-we-weorkjhariomond__item{padding-bottom:30px; border-bottom:1px dashed var(--border);}.how-we-weorkjhariomond__item:last-child{border-bottom:none; padding-bottom:0;}
.how-we-weorkjhariomond__number{ width:50px; height:50px; font-size:20px;} .how-we-weorkjhariomond__item 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%;}}