@charset "UTF-8";
/* ===== CSS CUSTOM PROPERTIES ===== */
:root {
    /* Colors (updated: background set to white) */
    --bg: #FAF8F3; /* page background */
    --primary: #a7228d; /* main blue */
    --secondary: #ed6704;
    --accent: #d4d7d8; /* light blue */
    --danger: #C6323A; /* red */
    --success: #1E8E5A;
    --white: #FFFFFF;
    --text-dark: #2B2A29; /* dark text for readability */
    --text-light: #6B6873;
    --border: #E6E2D8;
    --surface: #FFFFFF;        /* coated / bright white sheet */
    --surface-alt: #F1EEE6;    /* kraft/board tone for alternating sections */


    --ink-cyan: #ED6704;
    --ink-yellow: #F4B400;
    --ink-key: #171615;

    /* Fonts */
    --font-heading: 'Space Grotesk', 'Montserrat', sans-serif;
    --font-body: 'Inter', 'Open Sans', sans-serif;
    --font-mono: 'JetBrains Mono', monospace; 
    --font-primary: var(--font-body);

    /* Spacing */
    --space-xs: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;

    /* --radius-sm: 12px; */
    --radius-md: 20px;
    --radius-lg: 28px;
    --shadow-sm: 0 6px 18px rgba(23,22,21,0.08);
    --shadow-md: 0 16px 40px rgba(23,22,21,0.14);
    --shadow-lg: 0 30px 80px rgba(23,22,21,0.22);
    --ease: cubic-bezier(.16,.84,.44,1);
}

/* ===== BASE STYLES ===== */
* , *::before, *::after {
    box-sizing: border-box;
}

html {
    height: 100%;
    width: 100%;
}

body {
    height: 100%;
    width: 100%;
    font-family: var(--font-body);
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--bg);
    color: var(--text-dark);
    margin: 0;
    padding: 0;
}

a:hover {
    color: var(--primary);
    text-decoration: none !important;
}

a,
button,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent;
}

/* ===== TYPOGRAPHY ===== */
p {
    font-size: 16px;
    line-height: 26px;
    color: var(--text-light);
    font-weight: 400;
    margin: 0 0 16px 0;
    font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: var(--text-dark);
    margin: 0 0 16px 0;
    font-family: var(--font-heading);
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1.125rem; }


/* ===== COMMON SECTION TITLE ===== */
/* .common-title { max-width: 720px; margin-bottom: 32px;}
.common-title__subtitle { display: inline-flex; align-items: center; gap: 14px; margin-bottom: 10px; color: var(--danger); font-size: 15px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase;}
.common-title__subtitle::after { display: none; }
.common-title__heading { margin: 0; color: var(--primary); font-size: 50px; font-weight: 800; line-height: 55px; letter-spacing: -1px; font-family: var(--font-heading); }
.common-title__highlight { color: var(--secondary);} 
.common-title__text { margin-top: 16px; max-width: 620px; font-size: 16px; line-height: 29px; font-family: var(--font-body); color: var(--text-light);} 
@media (max-width: 768px) { .common-title { margin-bottom: 24px;}
.common-title__heading { font-size: 35px; line-height: 40px;}
.common-title__subtitle { gap: 10px; margin-bottom: 12px; font-size: 13px;}
.common-title__subtitle::after { width: 40px;}
.common-title__text {  font-size: 16px;}}
 */
.common-title { position: relative; max-width: 720px; margin-bottom: 32px; }
/* .common-title::before { content: ''; position: absolute; top: 47px; bottom: 0; left: 0; width: 3px; border-radius: 4px; background: linear-gradient(to bottom, var(--secondary), var(--ink-cyan));} */
.common-title__subtitle { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 12px -2px; color: var(--secondary); font-family: var(--font-mono); font-size: 12.5px; font-weight: 500; letter-spacing: 1.6px; line-height: 1; text-transform: uppercase;}
.common-title__subtitle::before {  content: ''; width: 14px; height: 14px; flex: 0 0 14px; border: 1.5px solid currentColor;border-radius: 50%; background: linear-gradient(currentColor, currentColor) center / 100% 1.5px no-repeat, linear-gradient(currentColor, currentColor) center / 1.5px 100% no-repeat;}
.common-title__heading { margin: 0; color: var(--primary); font-size: 42px; font-weight: 700; line-height: 1.16; letter-spacing: -0.015em; font-family: var(--font-heading);}
.common-title__highlight { color: var(--secondary); }
.common-title__text { margin: 12px 0 0; max-width: 620px; font-size: 16px; line-height: 1.65; font-family: var(--font-body); color: var(--text-light);}
@media (max-width: 768px) { .common-title { margin-bottom: 24px; } 
.common-title__heading { font-size: 30px; line-height: 1.2; } .common-title__subtitle { margin-bottom: 14px; font-size: 11.5px; } .common-title__text { font-size: 15px; }}


/* ===== COMMON BUTTON ===== */
/* .common-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 12px 36px; border: 2px solid transparent; border-radius: 999px; background: var(--primary); color: var(--white); font-size: 15px; font-weight: 800; line-height: 1; text-decoration: none; cursor: pointer; position: relative;}
.common-btn:hover,
.common-btn:focus { text-decoration: none; background: var(--danger); border-color: var(--danger); color: var(--white);}
.common-btn::after { display: none; }
.common-btn--outline { background: transparent; color: var(--primary); box-shadow: none; border: 2px solid var(--primary);}
.common-btn--outline:hover,
.common-btn--outline:focus { background: var(--primary); border-color: var(--primary); color: var(--white);}
.common-btn--dark { background: var(--text-dark); border-color: var(--text-dark); color: var(--white); }
.common-btn--dark:hover,
.common-btn--dark:focus { background: var(--secondary); border-color: var(--secondary); color: var(--white);}
.common-btn--sm { min-height: 44px; padding: 10px 22px; font-size: 14px; border-radius: 999px;}
.common-btn--lg { min-height: 60px; padding: 16px 40px; font-size: 16px; border-radius: 999px;} */

.common-btn { display: inline-flex;  align-items: center; justify-content: center; gap: 12px; min-height: 50px; padding: 12px 34px; border: 2px solid transparent; border-radius: var(--radius-sm); background: var(--primary); color: var(--white); font-family: var(--font-heading); font-size: 15px; font-weight: 600; line-height: 1; text-decoration: none; cursor: pointer; position: relative; transition: transform .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease), box-shadow .18s var(--ease);}
.common-btn:hover, .common-btn:focus { text-decoration: none; background: var(--ink-key); border-color: var(--secondary); color: var(--secondary); transform: translateY(-2px); box-shadow: var(--shadow-md);}
.common-btn:active { transform: translateY(0); }
.common-btn--outline { background: transparent; color: var(--primary); box-shadow: none; border: 2px solid var(--primary);}
.common-btn--outline:hover, .common-btn--outline:focus { background: var(--primary); border-color: var(--primary); color: var(--white);}
.common-btn--dark { background: var(--ink-key); border-color: var(--ink-key); color: var(--white); }
.common-btn--dark:hover, .common-btn--dark:focus { background: var(--ink-cyan); border-color: var(--ink-cyan); color: var(--white); }
.common-btn--ghost { background: transparent; color: var(--text-dark); border-color: var(--border); }
.common-btn--ghost:hover, .common-btn--ghost:focus { background: var(--surface-alt); border-color: var(--border); color: var(--text-dark); transform: none; box-shadow: none; }
.common-btn--sm { min-height: 42px; padding: 8px 22px; font-size: 13.5px; }
.common-btn--lg { min-height: 60px; padding: 16px 42px; font-size: 16px; }
 
/* ===== BADGES / TAGS ===== */
.badge { display: inline-flex; align-items: center; gap: 6px; padding: 5px 14px; border-radius: 999px; font-family: var(--font-mono); font-size: 12px; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; background: var(--surface-alt); color: var(--text-dark);}
.badge--cyan { background: rgba(0, 145, 200, 0.10); color: var(--ink-cyan); }
.badge--magenta { background: rgba(214, 18, 123, 0.10); color: var(--secondary); }
.badge--yellow { background: rgba(244, 180, 0, 0.16); color: #8A6300; }


/* ===== SCROLLBAR ===== */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
}
::-webkit-scrollbar-thumb {
    background: var(--secondary);
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    border-radius: 10px;
}

/* ===== UTILITY CLASSES ===== */
.bg-dark {
    background-color: var(--text-dark) !important;
}
.bg-light {
    background-color: var(--bg) !important;
}

.content-section {
    padding: 70px 0;
}

/* ===== CARDS ===== */
.work-card {
    background: var(--white);
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    overflow: hidden;
}

.work-content {
    padding: 20px 15px 10px;
}

.client-card {
    padding: 15px;
    background-color: var(--text-dark);
    border-radius: 6px;
    color: var(--white);
}

/* ===== WORDPRESS SPECIFIC ===== */
#wpadminbar {
    display: none !important;
}

.grecaptcha-badge {
    display: none !important;
}

/* ===== CONTAINER ===== */
.container {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ===== HEADER / NAV STYLES ===== */

.hariomoffset-hedern { position:absolute; top:0; right:0; left:0; z-index:100; width:100%; background:transparent; border-bottom:1px solid rgba(43,42,41,.1); }
.hariomoffset-hedern--sticky { position:fixed; background:rgba(255,255,255,.98); box-shadow:0 6px 20px rgba(43,42,41,.10); animation:hariomoffset-hedern-slide-down .22s ease-out; }
@keyframes hariomoffset-hedern-slide-down { from { transform:translateY(-100%); } to { transform:translateY(0); } }
.hariomoffset-hedern__inner { display:flex; align-items:center; justify-content:space-between; width:100%; max-width:1350px; min-height:84px; margin:0 auto; padding:0 20px; }
.hariomoffset-hedern__brand { display:inline-flex; flex:0 0 auto; }
.hariomoffset-hedern__logo { display:block; width:auto; height:80px; max-width:205px; }
.hariomoffset-hedern__navigation { display:flex; align-items:center; gap:34px; }
.hariomoffset-hedern__menu { display:flex; align-items:center; gap:28px; margin:0; padding:0; list-style:none; }
.hariomoffset-hedern__item { position:relative; }
.hariomoffset-hedern__link { display:inline-flex; align-items:center; gap:7px; padding:30px 0; border:0; background:transparent; color:var(--text-dark); font-family:var(--font-body); font-size:15px; font-weight:700; line-height:24px; text-decoration:none; cursor:pointer; transition:color .2s ease; }
.hariomoffset-hedern__link:hover, .hariomoffset-hedern__link:focus, .hariomoffset-hedern__item:hover > .hariomoffset-hedern__link { color:var(--secondary); outline:none; }
.hariomoffset-hedern__chevron { width:8px; height:8px; margin-top:-4px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); transition:transform .2s ease; }
.hariomoffset-hedern__item:hover .hariomoffset-hedern__chevron, .hariomoffset-hedern__submenu-toggle[aria-expanded="true"] .hariomoffset-hedern__chevron { margin-top:4px; transform:rotate(225deg); }
.hariomoffset-hedern__submenu { position:absolute; top:calc(100% - 16px); left:-20px; min-width:220px; margin:0; padding:10px; list-style:none; border:1px solid rgba(43,42,41,.1); border-radius:12px; background:rgba(255,255,255,.98); box-shadow:0 18px 40px rgba(43,42,41,.13); opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .2s ease,transform .2s ease,visibility .2s ease; }
.hariomoffset-hedern__item:hover > .hariomoffset-hedern__submenu, .hariomoffset-hedern__item:focus-within > .hariomoffset-hedern__submenu, .hariomoffset-hedern__submenu--open { opacity:1; visibility:visible; transform:translateY(0); }
.hariomoffset-hedern__submenu-link { display:block; padding:10px 12px; border-radius:7px; color:var(--text-dark); font-size:14px; font-weight:600; text-decoration:none; transition:color .2s ease,background-color .2s ease; }
.hariomoffset-hedern__submenu-link:hover, .hariomoffset-hedern__submenu-link:focus { color:var(--secondary); background:rgba(237,103,4,.09); outline:none; }
.hariomoffset-hedern__cta { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 24px; border-radius:999px; background:var(--secondary); color:var(--white); font-size:15px; font-weight:700; line-height:1; text-decoration:none; white-space:nowrap; transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease; }
.hariomoffset-hedern__cta:hover, .hariomoffset-hedern__cta:focus { color:var(--white); background:var(--primary); transform:translateY(-2px); box-shadow:0 8px 20px rgba(167,34,141,.25); outline:none; }
.hariomoffset-hedern__toggle { display:none; }
@media (max-width:1100px) { .hariomoffset-hedern__navigation { gap:20px; } .hariomoffset-hedern__menu { gap:20px; } .hariomoffset-hedern__cta { padding:12px 18px; } }
@media (max-width:900px) {
    .hariomoffset-hedern__inner { min-height:72px; } .hariomoffset-hedern__logo { height:39px; max-width:180px; }
    .hariomoffset-hedern__toggle { display:inline-flex; flex-direction:column; justify-content:center; gap:5px; width:44px; height:44px; padding:10px; border:1px solid rgba(43,42,41,.18); border-radius:8px; background:rgba(255,255,255,.55); cursor:pointer; }
    .hariomoffset-hedern__toggle-line { display:block; width:22px; height:2px; margin:0 auto; border-radius:2px; background:var(--text-dark); transition:transform .2s ease,opacity .2s ease; }
    .hariomoffset-hedern__toggle[aria-expanded="true"] .hariomoffset-hedern__toggle-line:nth-child(1) { transform:translateY(7px) rotate(45deg); } .hariomoffset-hedern__toggle[aria-expanded="true"] .hariomoffset-hedern__toggle-line:nth-child(2) { opacity:0; } .hariomoffset-hedern__toggle[aria-expanded="true"] .hariomoffset-hedern__toggle-line:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
    .hariomoffset-hedern__navigation { position:absolute; top:calc(100% + 1px); right:0; left:0; display:none; align-items:stretch; gap:0; padding:12px 20px 20px; border-bottom:1px solid rgba(43,42,41,.1); background:rgba(250,248,243,.98); box-shadow:0 16px 30px rgba(43,42,41,.1); }
    .hariomoffset-hedern__navigation--open { display:block; } .hariomoffset-hedern__menu { display:block; } .hariomoffset-hedern__link { width:100%; justify-content:space-between; padding:12px 0; }
    .hariomoffset-hedern__submenu { position:static; display:none; min-width:0; margin:0 0 6px; padding:4px 8px; border-radius:8px; opacity:1; visibility:visible; transform:none; box-shadow:none; } .hariomoffset-hedern__submenu--open { display:block; }
    .hariomoffset-hedern__cta { width:100%; margin-top:10px; }
}

/* ===== FOOTER ===== */
.hariomoffse-fottern { position:relative; overflow:hidden; padding:66px 0 20px; background:#fff; color:var(--text-dark); }
.hariomoffse-fottern::before, .hariomoffse-fottern::after { position:absolute; width:116px; height:116px; border:1px solid rgba(237,103,4,.10); border-radius:50%; content:''; pointer-events:none; }
.hariomoffse-fottern::before { top:-55px; right:40px; } .hariomoffse-fottern::after { top:0; right:100px; height:140px; border-width:0 1px; border-radius:0; }
.hariomoffse-fottern__inner { position:relative; z-index:1; width:100%; max-width:1350px; margin:0 auto; padding:0 20px; }
.hariomoffse-fottern__grid { display:grid; grid-template-columns:1.45fr .9fr 1fr 1fr; gap:60px; }
.hariomoffse-fottern__brand { display:inline-flex; align-items:center; max-width:255px; }
.hariomoffse-fottern__logo { display:block; width:100%; height:auto; max-height:76px; object-fit:contain; object-position:left center; }
.hariomoffse-fottern__tagline { margin:14px 0 12px; color:#a7228d; font-family:var(--font-mono); font-size:11px; font-weight:500; letter-spacing:1.4px; line-height:1.5; text-transform:uppercase; }
.hariomoffse-fottern__about, .hariomoffse-fottern__newsletter-text { margin:0; color:#625e68; font-size:15px; line-height:1.65; }
.hariomoffse-fottern__about { max-width:286px; }
.hariomoffse-fottern__contact { display:grid; gap:7px; margin-top:20px; font-style:normal; }
.hariomoffse-fottern__contact-link { color:var(--text-dark); font-size:14px; text-decoration:none; transition:color .2s ease; }
.hariomoffse-fottern__contact-link i { width:20px; color:var(--secondary); } .hariomoffse-fottern__contact-link:hover { color:var(--secondary); }
.hariomoffse-fottern__socials { display:flex; gap:10px; margin-top:20px; }
.hariomoffse-fottern__social-link { display:inline-flex; align-items:center; justify-content:center; width:39px; height:39px; border:1px solid #e8e2d8; border-radius:50%; color:var(--text-dark); font-size:14px; text-decoration:none; transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease; }
.hariomoffse-fottern__social-link:hover { border-color:var(--secondary); background:var(--secondary); color:#fff; transform:translateY(-2px); }
.hariomoffse-fottern__title { position:relative; margin:4px 0 27px; padding-bottom:13px; color:#151412; font-size:16px; font-weight:700; line-height:1.2; }
.hariomoffse-fottern__title::after { position:absolute; bottom:0; left:0; width:29px; height:3px; border-radius:4px; background:var(--secondary); content:''; }
.hariomoffse-fottern__links { display:grid; gap:13px; margin:0; padding:0; list-style:none; }
.hariomoffse-fottern__link { color:#625e68; font-size:15px; line-height:1.35; text-decoration:none; transition:color .2s ease,padding-left .2s ease; }
.hariomoffse-fottern__link::before { margin-right:9px; color:#d4d7d8; content:'•'; } .hariomoffse-fottern__link:hover { padding-left:3px; color:var(--secondary); }
.hariomoffse-fottern__newsletter-text { max-width:285px; margin-bottom:18px; }
.hariomoffse-fottern__newsletter-form .wpcf7-form p { margin:0; }
.hariomoffse-fottern__newsletter-form input[type='email'], .hariomoffse-fottern__newsletter-form input[type='text'] { width:100%; height:49px; margin:0 0 10px; padding:0 16px; border:1px solid #e5e0d7; border-radius:10px; background:#f1eee7; color:var(--text-dark); font:400 14px var(--font-body); outline:none; }
.hariomoffse-fottern__newsletter-form input[type='email']:focus, .hariomoffse-fottern__newsletter-form input[type='text']:focus { border-color:var(--secondary); box-shadow:0 0 0 3px rgba(237,103,4,.12); }
.hariomoffse-fottern__newsletter-form input[type='submit'] { width:calc(100% - 55px); height:49px; border:0; border-radius:3px; background:#1d1b1a; color:#fff; font:700 14px var(--font-body); cursor:pointer; transition:background-color .2s ease,transform .2s ease; }
.hariomoffse-fottern__newsletter-form input[type='submit']:hover { background:var(--secondary); transform:translateY(-1px); }
.hariomoffse-fottern__newsletter-form .wpcf7-spinner { display:none; }
.hariomoffse-fottern__bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:50px; padding-top:24px; border-top:1px solid #e8e2d8; }
.hariomoffse-fottern__copyright, .hariomoffse-fottern__rights { margin:0; color:#625e68; font-size:13.5px; line-height:1.5; } .hariomoffse-fottern__copyright strong { color:#a7228d; }
@media (max-width:1000px) { .hariomoffse-fottern__grid { grid-template-columns:1.2fr 1fr 1fr; gap:40px; } .hariomoffse-fottern__newsletter { grid-column:2 / 4; } }
@media (max-width:700px) { .hariomoffse-fottern { padding-top:48px; } .hariomoffse-fottern__grid { grid-template-columns:1fr; gap:36px; } .hariomoffse-fottern__newsletter { grid-column:auto; } .hariomoffse-fottern__about, .hariomoffse-fottern__newsletter-text { max-width:360px; } .hariomoffse-fottern__bottom { align-items:flex-start; flex-direction:column; margin-top:38px; } }


/* Breadcrumb Hariom Offedd */

.breadcrumb-hariom-offedd{ padding:120px 0 60px; background-color:var(--white); background-repeat:no-repeat; background-position:center; background-size:cover;}
.breadcrumb-hariom-offedd::before, .breadcrumb-hariom-offedd::after { position:absolute; width:116px; height:116px; border:1px solid rgba(237, 101, 4, 0.138); border-radius:50%; content:''; pointer-events:none; }
.breadcrumb-hariom-offedd::before { top:-55px; right:40px; } .breadcrumb-hariom-offedd::after { top:0; right:100px; height:140px; border-width:0 1px; border-radius:0; }
.breadcrumb-hariom-offedd__nav{ display:flex; align-items:center; gap:12px; margin-bottom:45px; padding:16px 20px; background:var(--accent); border-radius:4px; font-family:var(--font-mono); font-size:13px; text-transform:uppercase; letter-spacing:.12em;}
.breadcrumb-hariom-offedd__nav a{ color:var(--text-light); text-decoration:none; transition:.3s;}
.breadcrumb-hariom-offedd__nav a:hover{ color:var(--primary);}
.breadcrumb-hariom-offedd__nav span{ color:var(--text-light);}
.breadcrumb-hariom-offedd__content{ max-width:760px;}
.breadcrumb-hariom-offedd__subtitle{ display:inline-flex; align-items:center; gap:10px; margin-bottom:18px; color:var(--secondary); font-family:var(--font-mono); font-size:13px; font-weight:500; letter-spacing:.18em; text-transform:uppercase;}
.breadcrumb-hariom-offedd__icon{ position:relative; width:16px; height:16px; border:1.5px solid currentColor; border-radius:50%; flex-shrink:0;}
.breadcrumb-hariom-offedd__icon::before,
.breadcrumb-hariom-offedd__icon::after{ content:""; position:absolute; left:50%; top:50%; background:currentColor; transform:translate(-50%,-50%);}
.breadcrumb-hariom-offedd__icon::before{ width:10px; height:1.5px;}
.breadcrumb-hariom-offedd__icon::after{ width:1.5px; height:10px;}
.breadcrumb-hariom-offedd__title{ margin:0; color:var(--primary); font-family:var(--font-heading); font-size:48px; font-weight:700; line-height:1.08; letter-spacing:-.03em;}
.breadcrumb-hariom-offedd__text{ max-width:700px; margin:24px 0 0; color:var(--text-light); font-family:var(--font-body); font-size:16px; line-height:1.8;}
@media(max-width:991px){ .breadcrumb-hariom-offedd{ padding:70px 0;} .breadcrumb-hariom-offedd__title{  font-size:44px; }}
@media(max-width:767px){ .breadcrumb-hariom-offedd{ padding:50px 0;} .breadcrumb-hariom-offedd__nav{ margin-bottom:30px; font-size:12px; padding:14px 16px; flex-wrap:wrap;}
.breadcrumb-hariom-offedd__subtitle{ font-size:12px;} .breadcrumb-hariom-offedd__title{ font-size:32px; line-height:1.2;} .breadcrumb-hariom-offedd__text{ font-size:16px; line-height:1.7;}}


/* circle in bg */
.hariom-dark-card__circle{ position:absolute; border-radius:50%; opacity:.9;}
.hariom-dark-card__circle--one{ width:130px; height:130px; background:var(--primary); top:-25px; right:25px;}
.hariom-dark-card__circle--two{ width:100px; height:100px; background:var(--secondary); top:-20px;  right:-30px;}