/* Viriksha - Global Hero Section Blocks
 * Makes the site's reusable page-hero sections render identically on ANY page
 * they are copy-pasted onto in Elementor, no matter which page they started on:
 *
 *   - .vk-pfhero  ("Trusted EPF / PF Consultants" style hero, from PF Consultants New)
 *   - .vk-cahero  ("Compliance Audit Services" style hero, from Compliance Audit Services New)
 *
 * Every selector below is scoped under one of those hero wrapper classes (or a
 * class that only exists inside one, e.g. .vk-pf-badge, .vk-cahero-media),
 * which exist ONLY on that hero section's own elements. Loading this file
 * site-wide is therefore safe: it cannot match or affect anything on other
 * pages or other sections - it only activates when a copy of one of these
 * exact hero blocks is present on a page.
 *
 * Source of truth for the original rules:
 *   wp-content/uploads/viriksha-pf-consultants-new.css       (page 23007, untouched, still loads only there)
 *   wp-content/uploads/viriksha-compliance-audit-new.css     (page 23004, untouched, still loads only there)
 */

.vk-pfhero{position:relative;overflow:hidden;}
.vk-pfhero > .elementor-container{position:relative;z-index:2;}
.vk-pfhero:before{content:"";position:absolute;z-index:1;top:-14%;left:-18%;width:76%;height:128%;background:#FFFFFF;border-radius:0 48% 48% 0;pointer-events:none;}
.vk-pfhero .vk-pf-bc p{margin:0 0 16px;}
.vk-pfhero .vk-pf-bc a{color:#302A2A;text-decoration:none;transition:color .28s ease;}
.vk-pfhero .vk-pf-bc a:hover{color:#4B7F20;}
.vk-pfhero .vk-pf-bc .vk-bc-sep{color:#8BC53F;margin:0 9px;}
.vk-pfhero .vk-pf-bc .vk-bc-current{color:#4B7F20;}
.vk-pfhero .vk-eyebrow{margin-bottom:10px;}
.vk-pfhero .vk-accent{color:#4B7F20;}
.vk-pfhero .vk-pfhero-title{margin-bottom:16px;}
.vk-pfhero .vk-pfhero-body p{margin:0 0 22px;}
.vk-pfhero .vk-pfhero-btns{flex-wrap:wrap;}
.vk-pfhero .vk-btn .elementor-button{transition:background-color .28s ease,color .28s ease,border-color .28s ease;box-shadow:none;white-space:nowrap;}
.vk-pfhero .vk-btn-outline .elementor-button:hover .elementor-button-icon svg{fill:#FFFFFF;}

.vk-pfhero .vk-pfhero-media > .elementor-widget-wrap{position:relative;}
.vk-pfhero .vk-pfhero-img img{display:block;width:100%;height:auto;border-radius:250px 16px 16px 250px;box-shadow:0 20px 48px rgba(36,77,36,.18);}
.vk-pfhero .vk-pf-badge{z-index:3;}
.vk-pfhero .vk-pf-badge > .elementor-widget-container{width:172px;height:172px;border-radius:50%;background:#FFFFFF;border:2px dashed rgba(75,127,32,.45);display:flex;align-items:center;justify-content:center;padding:14px;box-shadow:0 12px 30px rgba(36,77,36,.16);}
.vk-pfhero .vk-pf-badge .elementor-icon-box-title{margin:0 0 4px;}
.vk-pfhero .vk-pf-badge .elementor-icon-box-description{margin:0;}

@media (max-width:1024px){
  .vk-pfhero:before{top:-10%;left:-30%;width:120%;height:70%;border-radius:0 0 46% 46%;}
  .vk-pfhero .vk-pfhero-img img{border-radius:180px 16px 16px 180px;max-width:540px;margin:0 auto;}
}
@media (max-width:767px){
  .vk-pfhero:before{display:none;}
  .vk-pfhero .vk-pfhero-img img{border-radius:120px 12px 12px 120px;}
  .vk-pfhero .vk-pfhero-btns .elementor-button{width:100%;justify-content:center;}
  .vk-pfhero .vk-pf-badge > .elementor-widget-container{width:130px;height:130px;padding:10px;}
  .vk-pfhero .vk-pf-badge .elementor-icon-box-title,.vk-pfhero .vk-pf-badge .elementor-icon-box-description{font-size:11px !important;}
}

/* ================= .vk-cahero (Compliance Audit Services style hero) ================= */
.vk-cahero{position:relative;overflow:hidden;}
.vk-cahero > .elementor-container{position:relative;z-index:2;}
.vk-cahero:before{content:"";position:absolute;z-index:1;top:-12%;left:-16%;width:74%;height:124%;background:#FFFFFF;border-radius:0 46% 46% 0;pointer-events:none;}

.vk-cahero .vk-ca-bc p{margin:0 0 18px;}
.vk-cahero .vk-ca-bc a{color:#302A2A;text-decoration:none;transition:color .28s ease;}
.vk-cahero .vk-ca-bc a:hover{color:#4B7F20;}
.vk-cahero .vk-ca-bc .vk-bc-sep{color:#8BC53F;margin:0 9px;}
.vk-cahero .vk-ca-bc .vk-bc-current{color:#4B7F20;}
.vk-cahero .vk-accent{color:#4B7F20;}
.vk-cahero .vk-cahero-title{margin-bottom:16px;}
.vk-cahero .vk-cahero-body p{margin:0 0 24px;max-width:44ch;}
.vk-cahero .vk-cahero-btns{flex-wrap:wrap;}
.vk-cahero .vk-btn .elementor-button{transition:background-color .28s ease,color .28s ease,border-color .28s ease;box-shadow:none;white-space:nowrap;}
.vk-cahero .vk-btn-outline .elementor-button:hover .elementor-button-icon svg{fill:#FFFFFF;}

.vk-cahero .vk-cahero-media > .elementor-widget-wrap{position:relative;}
.vk-cahero .vk-cahero-media > .elementor-widget-wrap:before{content:"";position:absolute;z-index:1;left:-14px;bottom:-10px;width:170px;height:170px;background:#4B7F20;border-radius:50% 8px 50% 50%;pointer-events:none;}
.vk-cahero .vk-cahero-media > .elementor-widget-wrap:after{content:"";position:absolute;z-index:1;right:-10px;top:6px;width:130px;height:118px;background-image:radial-gradient(#8BC53F 1.5px,transparent 1.5px);background-size:15px 15px;opacity:.6;pointer-events:none;}
.vk-cahero .vk-cahero-img{position:relative;z-index:2;}
.vk-cahero .vk-cahero-img img{display:block;width:100%;height:auto;border-radius:250px 16px 16px 250px;box-shadow:0 20px 48px rgba(36,77,36,.18);}

@media (max-width:1024px){
  .vk-cahero:before{top:-10%;left:-30%;width:120%;height:70%;border-radius:0 0 46% 46%;}
  .vk-cahero .vk-cahero-img img{border-radius:180px 16px 16px 180px;max-width:520px;margin:0 auto;}
  .vk-cahero .vk-cahero-media > .elementor-widget-wrap:after{display:none;}
}
@media (max-width:767px){
  .vk-cahero:before{display:none;}
  .vk-cahero .vk-cahero-img img{border-radius:120px 12px 12px 120px;}
  .vk-cahero .vk-cahero-media > .elementor-widget-wrap:before{width:110px;height:110px;left:-8px;bottom:-8px;}
  .vk-cahero .vk-cahero-body p{max-width:none;}
  .vk-cahero .vk-cahero-btns .elementor-button{width:100%;justify-content:center;}
}