/* Viriksha - About Us New : page-scoped hero styling */
.vk-hero{position:relative;overflow:hidden;}
.vk-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(rgba(139,197,63,.18) 1.4px,transparent 1.4px);background-size:16px 16px;-webkit-mask-image:linear-gradient(90deg,transparent 20%,#000 42%,#000 58%,transparent 76%);mask-image:linear-gradient(90deg,transparent 20%,#000 42%,#000 58%,transparent 76%);}
.vk-hero > .elementor-container{position:relative;z-index:1;min-height:330px;}

.vk-hero .vk-hero-eyebrow{margin-bottom:6px;}
.vk-hero .vk-hero-title{margin-bottom:4px;}
.vk-hero .vk-hero-rule{margin-bottom:2px;}

.vk-hero .vk-bc p{margin:0;}
.vk-hero .vk-bc a{color:#8BC53F;text-decoration:none;transition:color .28s ease;}
.vk-hero .vk-bc a:hover{color:#FFFFFF;}
.vk-hero .vk-bc .vk-bc-sep{color:#8BC53F;margin:0 10px;}
.vk-hero .vk-bc .vk-bc-current{color:#FFFFFF;}

.vk-hero .vk-hero-media,
.vk-hero .vk-hero-media > .elementor-widget-wrap,
.vk-hero .vk-hero-img,
.vk-hero .vk-hero-img > .elementor-widget-container,
.vk-hero .vk-hero-img figure,
.vk-hero .vk-hero-img .elementor-image{height:100%;align-self:stretch;}
.vk-hero .vk-hero-img img{display:block;width:100%;height:100%;min-height:330px;object-fit:cover;object-position:center;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 15%,#000 40%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 15%,#000 40%);}

@media (max-width:1024px){
  .vk-hero > .elementor-container{min-height:0;}
  .vk-hero .vk-hero-img img{min-height:260px;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.5) 12%,#000 32%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.5) 12%,#000 32%);}
  .vk-hero:before{-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 70%);mask-image:linear-gradient(180deg,#000 0%,transparent 70%);}
}
@media (max-width:767px){
  .vk-hero .vk-hero-img img{min-height:200px;}
}

/* ---- Section 2: About intro ---- */
.vk-about .vk-eyebrow{margin-bottom:14px;}
.vk-about .vk-about-title{margin-bottom:22px;}
.vk-about .vk-about-title .vk-accent{color:#4B7F20;}
.vk-about .vk-about-body p{margin:0 0 18px;max-width:64ch;}
.vk-about .vk-about-body p:last-child{margin-bottom:0;}

.vk-about .vk-about-media{position:relative;}
.vk-about .vk-about-media > .elementor-widget-wrap{position:relative;}

.vk-about .vk-about-img img{width:100%;height:auto;display:block;box-shadow:0 18px 44px rgba(36,77,36,.16);}

/* offset accent panel behind the image */
.vk-about .vk-about-img{position:relative;z-index:1;}
/* short accent bar tucked behind the artwork, peeking out on the right */
.vk-about .vk-about-img:before{content:"";position:absolute;z-index:-1;top:24%;bottom:24%;right:-16px;width:34px;background:#4B7F20;border-radius:6px;}
.vk-about .vk-about-img .elementor-widget-container,
.vk-about .vk-about-img figure,
.vk-about .vk-about-img img{position:relative;z-index:1;}
/* dot texture at the lower-left of the media block */
.vk-about .vk-about-media > .elementor-widget-wrap:after{content:"";position:absolute;z-index:0;left:-34px;bottom:-30px;width:150px;height:110px;background-image:radial-gradient(#8BC53F 1.5px,transparent 1.5px);background-size:14px 14px;opacity:.55;pointer-events:none;}

.vk-about .vk-stat{z-index:3;}
.vk-about .vk-stat .elementor-icon{font-size:30px;}
.vk-about .vk-stat .elementor-icon svg{width:32px;height:32px;fill:#4B7F20;}
.vk-about .vk-stat .elementor-icon-box-title{margin:0 0 2px;}
.vk-about .vk-stat .elementor-icon-box-description{margin:0;}

@media (max-width:1024px){
  .vk-about .vk-stat{position:static !important;width:auto !important;max-width:190px;margin:-40px auto 0;}
  .vk-about .vk-about-media > .elementor-widget-wrap:after{left:-10px;bottom:-16px;}
}
@media (max-width:767px){
  .vk-about .vk-about-body p{max-width:none;}
}

/* ---- shared: centered leaf section label ---- */
.vk-head .elementor-icon-box-wrapper,
.vk-mv-head .elementor-icon-box-wrapper{display:flex;align-items:center;justify-content:center;gap:0;}
.vk-head .elementor-icon-box-icon,
.vk-mv-head .elementor-icon-box-icon{flex:0 0 auto;margin-bottom:0;}
.vk-head .elementor-icon-box-content,
.vk-mv-head .elementor-icon-box-content{flex:0 0 auto;}
.vk-head .elementor-icon-box-title,
.vk-mv-head .elementor-icon-box-title{margin:0;}

/* ---- Section 3: Mission & Vision ---- */
.vk-mv-item .elementor-icon-box-wrapper{display:flex;align-items:flex-start;}
.vk-mv-item .elementor-icon-box-icon{flex:0 0 auto;margin-bottom:0;}
.vk-mv-item .elementor-icon-box-icon .elementor-icon{width:78px;height:78px;border-radius:50%;background:#FFFFFF;box-shadow:0 8px 24px rgba(36,77,36,.16);display:inline-flex;align-items:center;justify-content:center;}
.vk-mv-item .elementor-icon-box-title{margin:0 0 8px;}
.vk-mv-cell-divided{border-left:1px solid rgba(48,42,42,.14);}
@media (max-width:767px){
  .vk-mv-cell-divided{border-left:0;border-top:1px solid rgba(48,42,42,.14);padding-top:30px !important;}
}

/* ---- Section 4: Our Story ---- */
.vk-story .vk-eyebrow{margin-bottom:12px;}
.vk-story .vk-story-title{margin-bottom:18px;}
.vk-story .vk-story-title .vk-accent{color:#4B7F20;}
.vk-story .vk-story-body p{margin:0 0 16px;}
.vk-story .vk-story-body p:last-child{margin-bottom:0;}
.vk-story .vk-story-media > .elementor-widget-wrap{position:relative;align-content:center;}
/* accent strip is anchored to the photo, not the column, so it can never
   run taller than the image it belongs to */
.vk-story .vk-story-img{position:relative;z-index:1;}
/* short accent bar tucked behind the photo, peeking out on the right */
.vk-story .vk-story-img:before{content:"";position:absolute;z-index:-1;top:24%;bottom:24%;right:-14px;width:30px;background:#4B7F20;border-radius:6px;}
.vk-story .vk-story-img .elementor-widget-container,
.vk-story .vk-story-img figure,
.vk-story .vk-story-img img{position:relative;z-index:1;}
.vk-story .vk-story-img img{width:100%;height:auto;display:block;box-shadow:0 16px 40px rgba(36,77,36,.16);}
.vk-story .vk-leader{position:relative;overflow:hidden;}
.vk-story .vk-leader > .elementor-widget-wrap:before{content:"";position:absolute;top:0;left:0;width:5px;height:88px;background:#4B7F20;border-radius:0 8px 8px 0;}
.vk-story .vk-leader .vk-eyebrow{margin-bottom:8px;}
.vk-story .vk-leader .vk-leader-name{margin-bottom:10px;}
.vk-story .vk-leader .vk-leader-bio p{margin:0 0 18px;}
.vk-story .vk-leader .vk-leader-photo img{width:100%;height:auto;display:block;}
@media (max-width:1024px){
  .vk-story .vk-story-media{margin-bottom:32px;}
}

/* ---- Section 5: Our Values ---- */
.vk-values-grid{flex-wrap:wrap;}
.vk-value .elementor-icon-box-icon .elementor-icon{box-shadow:0 8px 20px rgba(36,77,36,.20);}
.vk-value .elementor-icon-box-title{margin:0 0 10px;}
.vk-value .elementor-icon-box-description{margin:0;}

/* ---- Section 6: Why Choose ---- */
.vk-why-grid{flex-wrap:wrap;}
.vk-why-item .elementor-icon-box-wrapper{display:flex;align-items:center;}
.vk-why-item .elementor-icon-box-icon{flex:0 0 auto;margin-bottom:0;}
.vk-why-item .elementor-icon-box-title{margin:0;}
.vk-why-divided{border-left:1px solid rgba(48,42,42,.16);}
@media (max-width:1024px){.vk-why-divided{border-left:0;}}

/* ---- Section 7: Benefits ---- */
.vk-benefits .vk-benefits-panel{position:relative;}
.vk-benefits .vk-check .elementor-icon-list-item{align-items:center;}
.vk-benefits .vk-check .elementor-icon-list-icon{align-self:center;}
.vk-benefits .vk-benefits-media > .elementor-widget-wrap{position:relative;}
/* short accent bar tucked behind the photo, peeking out on the right */
.vk-benefits .vk-benefits-img:before{content:"";position:absolute;z-index:-1;top:24%;bottom:24%;right:-16px;width:34px;background:#4B7F20;border-radius:6px;}
.vk-benefits .vk-benefits-img .elementor-widget-container,
.vk-benefits .vk-benefits-img figure,
.vk-benefits .vk-benefits-img img{position:relative;z-index:1;}
.vk-benefits .vk-benefits-img{position:relative;z-index:1;}
.vk-benefits .vk-benefits-img img{width:100%;height:auto;display:block;box-shadow:0 16px 40px rgba(36,77,36,.16);}
@media (max-width:1024px){
}

/* ---- Section 8: Expertise panel ---- */
.vk-exp .vk-exp-stat .elementor-icon-box-title{margin:0 0 4px;}
.vk-exp .vk-exp-stat .elementor-icon-box-description{margin:0;}
.vk-exp .vk-exp-divided{border-left:1px solid rgba(48,42,42,.14);}
.vk-exp .vk-exp-body p{margin:0;}
.vk-exp .vk-arrows .elementor-icon-list-item{align-items:flex-start;}
.vk-exp .vk-arrows .elementor-icon-list-icon{margin-top:5px;}
@media (max-width:1024px){
  .vk-exp .vk-exp-divided{border-left:0;border-top:1px solid rgba(48,42,42,.14);padding-top:28px !important;margin-top:28px;}
}

/* ---- Section 9: Experienced Staff ---- */
.vk-staff .vk-staff-img img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 16px 40px rgba(36,77,36,.16);}
.vk-staff .vk-staff-lead p{margin:0 0 26px;}
.vk-staff .vk-staff-note .elementor-icon-list-item{align-items:flex-start;}
.vk-staff .vk-staff-note .elementor-icon-list-icon{margin-top:4px;}
.vk-staff-grid{flex-wrap:wrap;}

/* ---- Section 10: CTA panel ---- */
.vk-cta .vk-head-left .elementor-icon-box-wrapper{justify-content:flex-start;}
.vk-cta .vk-cta-body p{margin:16px 0 22px;}
.vk-badges{flex-wrap:wrap;}
.vk-badge .elementor-icon-box-wrapper{display:flex;align-items:center;}
.vk-badge .elementor-icon-box-icon{flex:0 0 auto;margin-bottom:0;}
.vk-badge .elementor-icon-box-title{margin:0;}

/* ---- shared button ---- */
.vk-btn .elementor-button{transition:background-color .28s ease,color .28s ease;box-shadow:none;}
.vk-link-btn .elementor-button{padding:0;background:transparent;transition:color .28s ease;}
.vk-link-btn .elementor-button:hover{background:transparent;}

/* ---- Section 11: Innovative HR ---- */
.vk-innov-grid{flex-wrap:wrap;}
.vk-innov-card > .elementor-widget-wrap{align-content:flex-start;}
.vk-innov-head .elementor-icon-box-wrapper{display:flex;align-items:flex-start;}
.vk-innov-head .elementor-icon-box-icon{flex:0 0 auto;margin-bottom:0;}
.vk-innov-head .elementor-icon-box-icon .elementor-icon{width:62px;height:62px;border-radius:50%;background:#EDF5EA;display:inline-flex;align-items:center;justify-content:center;}
.vk-innov-head .elementor-icon-box-title{margin:0;}
.vk-innov-body{margin-top:14px;}
.vk-innov-body p{margin:0 0 10px;}
.vk-innov-body p:last-child{margin-bottom:0;}
.vk-innov-card .vk-link-btn{margin-top:16px;}

/* ---- Section 12: Social Responsibility ---- */
.vk-csr-grid{flex-wrap:wrap;}
.vk-csr .vk-csr-img img{width:100%;height:auto;display:block;box-shadow:0 14px 34px rgba(36,77,36,.16);}
.vk-csr .vk-csr-body p{margin:0;}
.vk-csr .vk-csr-listcell{border-left:1px solid rgba(48,42,42,.14);}
@media (max-width:1024px){.vk-csr .vk-csr-listcell{border-left:0;}}

/* ---- Section 13: Core Values ---- */
.vk-core-grid{flex-wrap:wrap;}
.vk-core-tile{transition:box-shadow .28s ease,border-color .28s ease;}
.vk-core-tile:hover{border-color:rgba(75,127,32,.5);box-shadow:0 10px 26px rgba(36,77,36,.12);}
.vk-core-item .elementor-icon-box-icon .elementor-icon{width:52px;height:52px;border-radius:50%;background:#EDF5EA;display:inline-flex;align-items:center;justify-content:center;}
.vk-core-item .elementor-icon-box-title{margin:0;}

/* ---- global responsive guards for this page ---- */
@media (max-width:1024px){
  .vk-mv-cell{padding-right:0 !important;padding-left:0 !important;}
  .vk-exp-textcell{padding-right:0 !important;}
  .vk-exp-divided{padding-left:0 !important;}
  .vk-csr-listcell{padding-left:0 !important;}
}
@media (max-width:767px){
  .vk-hero .elementor-column{width:100% !important;}
  .vk-core-item .elementor-icon-box-title{font-size:13px !important;}
  .vk-values-grid .elementor-column,
  .vk-innov-grid .elementor-column,
  .vk-badges .elementor-column{margin-left:0 !important;margin-right:0 !important;}
  .vk-values-grid,.vk-innov-grid,.vk-badges{margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;}
}

/* accent bars are a desktop flourish only */
@media (max-width:1024px){
  .vk-about .vk-about-img:before,
  .vk-story .vk-story-img:before,
  .vk-benefits .vk-benefits-img:before{display:none;}
}
