@charset "UTF-8";
/* ===== CSS CUSTOM PROPERTIES ===== */
:root {
    /* Colors (Harikrushna Print Pack brand palette - locked to these 4 only) */
    --bg: #FFFFFF; /* page background */
    --primary: #0497D9; /* main brand blue */
    --secondary: #3152A3; /* deep navy blue */
    --dark: #111111; /* near-black for text/dark sections */
    --white: #FFFFFF;
    --text-dark: #111111; /* main text */
    --text-light: rgba(17, 17, 17, 0.65); /* muted text, tinted from dark */
    --border: rgba(17, 17, 17, 0.12); /* faint border, tinted from dark */

    /* Fonts */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Outfit', sans-serif;
    --font-primary: var(--font-body);

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

/* ===== 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 {
    color: var(--secondary);
}

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: 600;
    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(--secondary); font-size: 15px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase;}
.common-title__subtitle::after { content: ""; width: 30px; height: 2px; background: var(--primary); display: inline-block;}
.common-title__heading { margin: 0; color: var(--dark); font-size: 50px; font-weight: 800; line-height: 55px; letter-spacing: -1px; font-family: var(--font-heading); }
.common-title__highlight { color: var(--primary);}
.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: 22px;}
.common-title__text {  font-size: 16px;}}

/* ===== COMMON BUTTON ===== */
.common-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 12px 36px; border: none; border-radius: 0px; background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%); color: var(--white); font-size: 15px; font-weight: 800; line-height: 1; text-decoration: none; cursor: pointer; position: relative; transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;}
.common-btn:hover,
.common-btn:focus { text-decoration: none; background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%); color: var(--white);}
.common-btn::after { content: '→'; display: inline-block; margin-left: 8px; font-size: 0.95em; transition: transform 0.2s ease; }
.common-btn:hover::after,
.common-btn:focus::after { transform: translateX(4px); }
.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(--dark); border-color: var(--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: 0px;}
.common-btn--lg { min-height: 60px; padding: 16px 40px; font-size: 16px; border-radius: 0px;}

/* ===== 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(17, 17, 17, 0.1);
    border-radius: 10px;
}

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

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

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

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

.client-card {
    padding: 15px;
    background-color: var(--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 ===== */
.harekrishna-hesermainstgy-header { position: relative; z-index: 100; background: var(--white); border-bottom: 1px solid var(--border); }
.harekrishna-hesermainstgy-header__inner { width: 1350px; min-height: 98px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.harekrishna-hesermainstgy-header__brand { flex: 0 0 auto; display: inline-flex; align-items: center; min-width: 1px; }
.harekrishna-hesermainstgy-header__logo { display: block; width: 345px; height: 80px; max-width: 100%; object-fit: contain; object-position: left center; }
.harekrishna-hesermainstgy-header__nav { display: flex; align-items: center; justify-content: flex-end; gap: clamp(16px, 2vw, 38px); }
.harekrishna-hesermainstgy-header__link { padding: 35px 0; border: 0; background: transparent; color: var(--dark); font: 700 16px/1.2 var(--font-body); text-decoration: none; white-space: nowrap; cursor: pointer; }
.harekrishna-hesermainstgy-header__link:hover, .harekrishna-hesermainstgy-header__link:focus { color: var(--primary); text-decoration: none; outline: none; }
.harekrishna-hesermainstgy-header__services { position: relative; }
.harekrishna-hesermainstgy-header__services-toggle { display: inline-flex; align-items: center; gap: 8px; }
.harekrishna-hesermainstgy-header__services-icon { font-size: 11px; transition: transform .2s ease; }
.harekrishna-hesermainstgy-header__services:hover .harekrishna-hesermainstgy-header__services-toggle, .harekrishna-hesermainstgy-header__services-toggle[aria-expanded="true"] { color: var(--primary); }
.harekrishna-hesermainstgy-header__services-toggle[aria-expanded="true"] .harekrishna-hesermainstgy-header__services-icon { transform: rotate(180deg); }
.harekrishna-hesermainstgy-header__dropdown { position: absolute; top: 100%; left: 50%; width: 300px; padding: 16px 28px; background: var(--white); border-top: 3px solid var(--primary); border-radius: 0 0 12px 12px; box-shadow: 0 18px 34px rgba(17,17,17,.12); opacity: 0; visibility: hidden; transform: translate(-50%, 12px); transition: opacity .2s ease, transform .2s ease, visibility .2s ease; }
.harekrishna-hesermainstgy-header__services:hover .harekrishna-hesermainstgy-header__dropdown, .harekrishna-hesermainstgy-header__services.harekrishna-hesermainstgy-header__services--open .harekrishna-hesermainstgy-header__dropdown { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.harekrishna-hesermainstgy-header__dropdown a { display: block; padding: 11px 0; color: var(--dark); font: 500 16px/1.25 var(--font-body); text-decoration: none; }
.harekrishna-hesermainstgy-header__dropdown a:hover, .harekrishna-hesermainstgy-header__dropdown a:focus { color: var(--primary); }
.harekrishna-hesermainstgy-header__cta { min-height: 56px; padding: 14px 32px; font-size: 16px; white-space: nowrap; }
.harekrishna-hesermainstgy-header__panel-top, .harekrishna-hesermainstgy-header__toggle, .harekrishna-hesermainstgy-header__overlay { display: none; }
@media (max-width: 1024px) {.harekrishna-hesermainstgy-header__inner { width: min(100% - 32px, 1638px); min-height: 74px; }
    .harekrishna-hesermainstgy-header__logo { width: 290px; height: 50px; }
    .harekrishna-hesermainstgy-header__toggle { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; width: 52px; height: 52px; padding: 0; border: 1px solid var(--border); border-radius: 12px; background: var(--white); cursor: pointer; }
    .harekrishna-hesermainstgy-header__toggle span { display: block; width: 24px; height: 2px; background: var(--dark); transition: transform .2s ease, opacity .2s ease; }
    .harekrishna-hesermainstgy-header__nav { position: fixed; z-index: 102; top: 0; left: 0; bottom: 0; display: block; width: min(448px, 93vw); padding: 29px 28px; background: var(--white); box-shadow: 16px 0 34px rgba(17,17,17,.08); overflow-y: auto; transform: translateX(-105%); transition: transform .3s ease; }
    .harekrishna-hesermainstgy-header__nav.harekrishna-hesermainstgy-header__nav--open { transform: translateX(0); }
    .harekrishna-hesermainstgy-header__panel-top { display: flex; align-items: center; justify-content: space-between; min-height: 64px; margin-bottom: 26px; }
    .harekrishna-hesermainstgy-header__panel-brand { display: inline-flex; align-items: center; max-width: calc(100% - 60px); }
    .harekrishna-hesermainstgy-header__panel-logo { max-width: 270px; max-height: 48px; width: auto; object-fit: contain; }
    .harekrishna-hesermainstgy-header__close { width: 40px; height: 40px; padding: 0; border: 0; background: transparent; color: var(--dark); font-size: 45px; line-height: .7; cursor: pointer; }
    .harekrishna-hesermainstgy-header__link { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 20px 0; border-bottom: 1px solid var(--border); font-size: 24px; font-weight: 600; text-align: left; }
    .harekrishna-hesermainstgy-header__link::after { content: '›'; font-size: 36px; font-weight: 300; line-height: .5; }
    .harekrishna-hesermainstgy-header__services-icon { display: none; }
    .harekrishna-hesermainstgy-header__services { position: static; }
    .harekrishna-hesermainstgy-header__dropdown { position: static; display: none; width: auto; padding: 0 0 8px 18px; border: 0; border-radius: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; }
    .harekrishna-hesermainstgy-header__services.harekrishna-hesermainstgy-header__services--open .harekrishna-hesermainstgy-header__dropdown { display: block; }
    .harekrishna-hesermainstgy-header__dropdown a { padding: 11px 0; font-size: 16px; }
    .harekrishna-hesermainstgy-header__cta { display: inline-flex; width: 100%; margin-top: 26px; }
    .harekrishna-hesermainstgy-header__overlay { position: fixed; z-index: 101; inset: 0; background: rgba(17,17,17,.25); opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease; }
    .harekrishna-hesermainstgy-header__overlay.harekrishna-hesermainstgy-header__overlay--open { display: block; opacity: 1; visibility: visible; }
    body.harekrishna-hesermainstgy-header--menu-open { overflow: hidden; }}
@media (max-width: 540px) {.harekrishna-hesermainstgy-header__inner { width: 100%; min-height: 72px; padding: 0 15px; }
    .harekrishna-hesermainstgy-header__logo { width: 300px; height: 48px; }
    .harekrishna-hesermainstgy-header__toggle { width: 53px; height: 52px; }
    .harekrishna-hesermainstgy-header__nav { padding: 26px 28px; }
    .harekrishna-hesermainstgy-header__link { font-size: 23px; }}

/* ===== FOOTER ===== */
.harekrishan-footerweb-footer { background: #111; color: #d7d7d7; font-family: var(--font-body); }
.harekrishan-footerweb-footer__main { padding: 68px 0 64px; }
.harekrishan-footerweb-footer__grid { width: 1350px; margin: 0 auto; display: grid; grid-template-columns: 1.45fr 1fr 1.08fr 1.15fr; gap: 62px; }
.harekrishan-footerweb-footer__brand { display: inline-flex; max-width: 100%; margin-bottom: 24px; }
.harekrishan-footerweb-footer__logo { display: block; width: 330px; height: 58px; max-width: 100%; object-fit: contain; object-position: left center; }
.harekrishan-footerweb-footer__description { max-width: 435px; margin: 0 0 25px; color: #c6c6c6; font-size: 16px; line-height: 1.7; }
.harekrishan-footerweb-footer__socials { display: flex; flex-wrap: wrap; gap: 13px; }
.harekrishan-footerweb-footer__social { display: inline-flex; align-items: center; justify-content: center; width: 43px; height: 43px; border-radius: 0px; background: #262626; color: var(--white); font-size: 17px; text-decoration: none; transition: background .2s ease, transform .2s ease; }
.harekrishan-footerweb-footer__social:hover, .harekrishan-footerweb-footer__social:focus { background: var(--primary); color: var(--white); transform: translateY(-2px); }
.harekrishan-footerweb-footer__title { position: relative; margin: 0 0 30px; padding-bottom: 17px; color: var(--white); font: 700 21px/1.15 var(--font-heading); letter-spacing: .2px; text-transform: uppercase; }
.harekrishan-footerweb-footer__title::after { position: absolute; left: 0; bottom: 0; width: 42px; height: 2px; background: var(--primary); content: ''; }
.harekrishan-footerweb-footer__links, .harekrishan-footerweb-footer__contact-list { padding: 0; margin: 0; list-style: none; }
.harekrishan-footerweb-footer__links li + li { margin-top: 15px; }
.harekrishan-footerweb-footer__links a { display: inline-flex; align-items: center; gap: 13px; color: #d7d7d7; font-size: 16px; line-height: 1.25; text-decoration: none; }
.harekrishan-footerweb-footer__links i { color: var(--primary); font-size: 11px; }
.harekrishan-footerweb-footer__links a:hover, .harekrishan-footerweb-footer__links a:focus, .harekrishan-footerweb-footer__contact-list a:hover, .harekrishan-footerweb-footer__contact-list a:focus { color: var(--primary); }
.harekrishan-footerweb-footer__contact-list { display: grid; gap: 22px; }
.harekrishan-footerweb-footer__contact-list li { display: grid; grid-template-columns: 24px 1fr; gap: 15px; align-items: start; color: #d7d7d7; font-size: 16px; line-height: 1.5; }
.harekrishan-footerweb-footer__contact-list i { padding-top: 5px; color: var(--primary); font-size: 17px; text-align: center; }
.harekrishan-footerweb-footer__contact-list a { color: #d7d7d7; text-decoration: none; }
.harekrishan-footerweb-footer__bottom { border-top: 1px solid #2a2a2a; }
.harekrishan-footerweb-footer__bottom-inner { width: min(100% - 80px, 1660px); min-height: 58px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.harekrishan-footerweb-footer__bottom p { margin: 0; color: #bdbdbd; font-size: 16px; line-height: 1.5; }
.harekrishan-footerweb-footer__legal-links { display: flex; align-items: center; gap: 28px; }
.harekrishan-footerweb-footer__legal-links a { color: #bdbdbd; font-size: 16px; text-decoration: none; }
.harekrishan-footerweb-footer__legal-links a:hover, .harekrishan-footerweb-footer__legal-links a:focus { color: var(--primary); }
@media (max-width: 1100px) { .harekrishan-footerweb-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 56px; }}
@media (max-width: 640px) {.harekrishan-footerweb-footer__main { padding: 50px 0 44px; }
    .harekrishan-footerweb-footer__grid, .harekrishan-footerweb-footer__bottom-inner { width: min(100% - 40px, 1660px); }
    .harekrishan-footerweb-footer__grid { grid-template-columns: 1fr; gap: 38px; }.harekrishan-footerweb-footer__logo { width: 290px; height: 52px; }
    .harekrishan-footerweb-footer__description, .harekrishan-footerweb-footer__links a, .harekrishan-footerweb-footer__contact-list li { font-size: 16px; }
    .harekrishan-footerweb-footer__bottom-inner { align-items: flex-start; flex-direction: column; padding: 20px 0; gap: 12px; }.harekrishan-footerweb-footer__legal-links { gap: 20px; }}


/*=  Page Banner ==*/
.bradcru-harekirishana-pagetitk{ position: relative; overflow: hidden; display: flex; align-items: center; min-height: 300px; background: var(--dark);}
.bradcru-harekirishana-pagetitk__bg{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.bradcru-harekirishana-pagetitk__overlay{ position: absolute; inset: 0;}
.bradcru-harekirishana-pagetitk .container{ position: relative; z-index: 2;}
.bradcru-harekirishana-pagetitk__content{ max-width: 760px; padding: 90px 0;}
.bradcru-harekirishana-pagetitk__subtitle{ display: inline-block; margin-bottom: 12px; color: var(--primary); font-size: 15px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;}
.bradcru-harekirishana-pagetitk__title{margin: 0 0 13px; color: var(--white); font-size: 40px; font-weight: 800; line-height: 1.15;}
.bradcru-harekirishana-pagetitk__breadcrumb{ display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
.bradcru-harekirishana-pagetitk__breadcrumb a{ color: rgba(255,255,255,.85); text-decoration: none; font-size: 18px; transition: .3s;}
.bradcru-harekirishana-pagetitk__breadcrumb a:hover{ color: var(--primary);}
.bradcru-harekirishana-pagetitk__breadcrumb span{ color: rgba(255,255,255,.85); font-size: 18px;}
.bradcru-harekirishana-pagetitk__breadcrumb span:last-child{ color: var(--primary); font-weight: 600;}
@media (max-width:991px){ .bradcru-harekirishana-pagetitk{ min-height:280px;} .bradcru-harekirishana-pagetitk__content{ padding:70px 0;}
.bradcru-harekirishana-pagetitk__title{ font-size:35px;}}
@media (max-width:767px){ .bradcru-harekirishana-pagetitk{ min-height:220px;} .bradcru-harekirishana-pagetitk__content{ padding:60px 0;}
.bradcru-harekirishana-pagetitk__subtitle{ font-size:13px; margin-bottom:12px;}
.bradcru-harekirishana-pagetitk__title{ font-size:22px; line-height:1.25; margin-bottom:16px;}
.bradcru-harekirishana-pagetitk__breadcrumb, .bradcru-harekirishana-pagetitk__breadcrumb a,.bradcru-harekirishana-pagetitk__breadcrumb span{  font-size:16px;}}





/*=========================================
 CTA Section
=========================================*/

.cta-haregvashgfnj{ padding:55px 0; background:linear-gradient(90deg,var(--secondary) 0%, #273250 100%); overflow:hidden;}
.cta-haregvashgfnj__wrapper{ display:flex; align-items:center; justify-content:space-between; gap:40px;}
.cta-haregvashgfnj__content{ max-width:650px;}
.cta-haregvashgfnj__title{ margin:0 0 10px; color:var(--white); font-size:37px; font-weight:800; line-height:1.15;}
.cta-haregvashgfnj__text{ margin:0; color:rgba(255,255,255,.75); font-size:17px; line-height:32px;}
.cta-haregvashgfnj__buttons{ display:flex; align-items:center; gap:15px; flex-wrap:wrap;}
.cta-haregvashgfnj__buttons .common-btn{ min-width:285px;}
.cta-haregvashgfnj__buttons .common-btn i{ font-size:18px;}
.cta-haregvashgfnj__buttons .common-btn--outline{ border-color:rgba(255,255,255,.45); color:var(--white);}
.cta-haregvashgfnj__buttons .common-btn--outline:hover{ border-color:var(--primary);}
@media(max-width:991px){ .cta-haregvashgfnj{ padding:50px 0;} .cta-haregvashgfnj__wrapper{ flex-direction:column;  text-align:center;}
.cta-haregvashgfnj__content{ max-width:100%;} .cta-haregvashgfnj__buttons{ justify-content:center;} .cta-haregvashgfnj__title{ font-size:30px;}}
@media(max-width:767px){ .cta-haregvashgfnj{  padding:45px 0;} .cta-haregvashgfnj__title{ font-size:25px;} .cta-haregvashgfnj__text{ font-size:15px; line-height:28px;}
.cta-haregvashgfnj__buttons{ width:100%;} .cta-haregvashgfnj__buttons .common-btn{ width:100%; min-width:100%;}}