/* =========================================================
   SHIVA PUNCH ART — COMPACT UI OVERRIDE
   ========================================================= */
:root{--sp-navy:#17233d;--sp-navy-2:#101a30;--sp-blue:#1737c9;--sp-red:#f43b43;--sp-green:#22c968;--sp-text:#d8e0ee;--sp-muted:#9aa8bf;--sp-border:rgba(255,255,255,.10)}
.shiva-header{position:relative;z-index:1000}.shiva-topbar{background:#ffffff!important;color:#33405c;border-bottom:1px solid #e7ebf2}
.shiva-topbar-inner{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px}.shiva-office-top{display:flex;align-items:center;gap:10px;min-width:0;max-width:850px;font-size:12px;line-height:1.4;color:#33405c}.shiva-office-top>div{display:flex;align-items:center;gap:7px;min-width:0}.shiva-office-top>div>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.shiva-top-icon{width:28px;height:28px;border-radius:8px;background:#eef1f8;display:grid;place-items:center;flex:0 0 28px}.shiva-top-icon i{font-size:12px;color:var(--sp-navy)}.shiva-top-label{display:none}.shiva-top-actions{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:12px}.shiva-top-actions a{color:#33405c!important;font-size:14px}.shiva-top-actions a:hover{color:var(--sp-blue)!important}.shiva-top-actions .office-time{color:#5a6a87}.shiva-top-actions .office-time i{margin-right:5px}.shiva-divider{height:22px;width:1px;background:#dfe4ee}
.shiva-navbar{background:#fff!important;box-shadow:0 5px 18px rgba(18,30,52,.08);position:relative}.shiva-nav-row{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}.shiva-logo img{width:205px;max-width:100%;height:auto;display:block}.shiva-nav-right{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}.shiva-nav-right .menu{margin:0}.shiva-nav-right .menu nav>ul{display:flex;align-items:center;gap:25px;margin:0;padding:0}.shiva-nav-right .menu nav>ul>li>a{font-size:15px;font-weight:600;white-space:nowrap;color:#1d2638}.shiva-nav-right .menu nav>ul>li>a:hover{color:var(--sp-blue)}.shiva-follow-btn{display:inline-flex;align-items:center;gap:7px;background:var(--sp-green);color:#fff!important;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;white-space:nowrap;box-shadow:0 5px 14px rgba(34,201,104,.18)}.shiva-follow-btn:hover{background:#19b65a;color:#fff!important}.canvas_open{display:none}
.shiva-mobile-follow{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 0 18px;padding:11px 12px;border-radius:10px;background:var(--sp-green);color:#fff!important;font-weight:800;font-size:12px}.shiva-mobile-address{display:block;margin-top:18px;padding:13px;border-radius:10px;background:#f3f6fb;color:#283650!important;font-size:12px;line-height:1.55;text-decoration:none!important;transition:background .2s ease}.shiva-mobile-address:hover{background:#e8edf6}.shiva-mobile-address span{display:flex;align-items:center;gap:5px;margin-bottom:5px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#61718c}.shiva-mobile-address span:after{content:"\f14e";font-family:"Font Awesome 5 Free";font-weight:900;font-size:9px;margin-left:auto;color:#8fa0bb}
/* Footer */
.shiva-footer{background:var(--sp-navy)!important;color:var(--sp-text);overflow:hidden}.shiva-footer-main{padding:38px 0 28px;background:linear-gradient(180deg,var(--sp-navy),var(--sp-navy-2))}.shiva-footer-grid{display:grid;grid-template-columns:1.35fr .72fr 1.25fr 1.45fr;gap:30px;align-items:start}.shiva-footer-card{min-width:0}.shiva-footer-kicker{display:inline-flex;align-items:center;gap:7px;color:#ff7278;font-size:10px;font-weight:900;letter-spacing:.14em;margin-bottom:7px}.shiva-footer-kicker:before{content:"";width:20px;height:2px;background:var(--sp-red);border-radius:2px}.shiva-footer-card h2{color:#fff;font-size:20px;line-height:1.2;margin:0 0 10px;font-weight:800;letter-spacing:-.02em}.shiva-footer-card h3{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;font-size:14px;margin:0 0 13px;font-weight:800}.shiva-footer-card h3 span{font-size:9px;color:#91a0b8;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);padding:4px 7px;border-radius:999px;font-weight:700}.shiva-footer-card p{font-size:12px;line-height:1.7;color:var(--sp-muted);margin:0 0 15px;max-width:330px}.shiva-footer-links{list-style:none;padding:0;margin:0;display:grid;gap:9px}.shiva-footer-links li{margin:0}.shiva-footer-links a{color:#c7d1e2!important;font-size:12px;font-weight:600;transition:.18s}.shiva-footer-links a:hover{color:#fff!important;padding-left:3px}.shiva-support{display:flex;align-items:center;gap:10px;width:min(100%,275px);padding:9px 11px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.055);color:#fff!important;text-decoration:none;box-shadow:none}.support-icon{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:var(--sp-red);display:grid;place-items:center;font-size:13px}.shiva-support span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}.shiva-support small{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#9eabc0;font-weight:800}.shiva-support strong{font-size:13px;color:#fff}.shiva-support>i{margin-left:auto;font-size:10px;color:#8797b1}.shiva-product-scroll{height:172px;overflow-y:auto;padding-right:7px;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min-content;gap:6px 10px}.shiva-product-scroll a{display:flex;align-items:center;gap:6px;color:#c7d1e2!important;font-size:11px;line-height:1.35;text-decoration:none;padding:4px 0}.shiva-product-scroll a span{font-size:8px;color:#72829e;min-width:17px}.shiva-product-scroll a:hover{color:#fff!important}.shiva-product-scroll::-webkit-scrollbar,.shiva-contact-scroll::-webkit-scrollbar{width:4px}.shiva-product-scroll::-webkit-scrollbar-thumb,.shiva-contact-scroll::-webkit-scrollbar-thumb{background:#53627d;border-radius:10px}.shiva-contact-scroll{max-height:190px;overflow-y:auto;padding-right:5px;display:grid;gap:7px}.shiva-contact-scroll details{border:1px solid var(--sp-border);background:rgba(255,255,255,.035);border-radius:9px;overflow:hidden}.shiva-contact-scroll summary{list-style:none;cursor:pointer;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;color:#e9eef7;font-size:11px;font-weight:800}.shiva-contact-scroll summary::-webkit-details-marker{display:none}.shiva-contact-scroll summary>span{display:flex;align-items:center;gap:7px}.shiva-contact-scroll summary>span i{width:16px;color:#ff6970;font-size:10px;text-align:center}.shiva-contact-scroll summary>i{font-size:8px;color:#8392aa;transition:.18s}.shiva-contact-scroll details[open] summary>i{transform:rotate(180deg)}.shiva-details-content{padding:0 10px 10px;color:#aebbd0;font-size:10.5px;line-height:1.6}.shiva-details-content a{color:#fff!important}.shiva-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:15px 0!important;background:var(--sp-navy-2)}.shiva-footer-bottom p{margin:0;text-align:center;color:#7f8da4;font-size:10px}.shiva-footer-bottom a{color:#d6dfed!important}.shiva-footer-bottom span{margin:0 6px;color:#53617a}
/* Chatbot */
.shiva-chatbot{position:fixed;right:18px;bottom:18px;z-index:99999}.shiva-chatbot-launcher{position:relative;border:0;background:#fff;padding:0;width:72px;height:72px;border-radius:50%;cursor:pointer;box-shadow:0 10px 28px rgba(17,27,45,.22);display:grid;place-items:center;transition:.2s}.shiva-chatbot-launcher:hover{transform:translateY(-2px)}.shiva-chatbot-launcher img{width:68px;height:68px;object-fit:contain;border-radius:50%}.shiva-chat-pulse{position:absolute;right:2px;top:2px;width:11px;height:11px;border-radius:50%;background:var(--sp-green);border:2px solid #fff;box-shadow:0 0 0 0 rgba(34,201,104,.5);animation:shivaPulse 2s infinite}.shiva-chat-panel{position:absolute;right:0;bottom:84px;width:318px;background:#fff;border:1px solid #e3e8f0;border-radius:16px;overflow:hidden;box-shadow:0 18px 55px rgba(17,27,45,.24);display:none}.shiva-chat-panel.open{display:block;animation:shivaChatIn .18s ease}.shiva-chat-head{min-height:62px;background:var(--sp-navy);color:#fff;padding:10px 12px;display:flex;align-items:center;gap:9px}.shiva-chat-avatar{width:39px;height:39px;border-radius:50%;background:#fff;overflow:hidden;display:grid;place-items:center;flex:0 0 39px}.shiva-chat-avatar img{width:37px;height:37px;object-fit:contain}.shiva-chat-head>div:nth-child(2){min-width:0}.shiva-chat-head strong{display:block;font-size:12px;line-height:1.2}.shiva-chat-head small{display:flex;align-items:center;gap:5px;color:#aebbd0;font-size:9px;margin-top:3px}.shiva-chat-head small span{width:6px;height:6px;border-radius:50%;background:var(--sp-green)}.shiva-chat-head button{margin-left:auto;border:0;background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:3px}.shiva-chat-body{height:178px;padding:11px;background:#f6f8fb;overflow-y:auto}.shiva-bubble{max-width:88%;padding:8px 10px;border-radius:11px;margin-bottom:7px;font-size:11px;line-height:1.5}.shiva-bubble.bot{background:#fff;border:1px solid #e4e9f0;color:#2a3850}.shiva-bubble.user{margin-left:auto;background:#e9edff;color:#25337a}.shiva-chat-actions{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.shiva-chat-actions button,.shiva-chat-actions a{border:1px solid #e0e6ef;background:#fff;color:#25334b;border-radius:8px;padding:8px 7px;text-align:center;font-size:10px;font-weight:800;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:5px}.shiva-chat-actions button:hover{background:#f2f5fa}.shiva-chat-actions a:last-child{grid-column:1/-1;background:var(--sp-green);color:#fff;border-color:var(--sp-green)}.shiva-chat-actions i{font-size:10px}
@keyframes shivaPulse{70%{box-shadow:0 0 0 8px rgba(34,201,104,0)}100%{box-shadow:0 0 0 0 rgba(34,201,104,0)}}@keyframes shivaChatIn{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}
/* remove legacy search / back-to-top UI */
.header-search,.header-search-icon,.header-top-search-form,.header-top-search-form-full,.scroll-area,.scroll-to-top,.back-to-top,#scrollUp{display:none!important}
@media(max-width:1199px){.shiva-nav-right .menu nav>ul{gap:17px}.shiva-nav-right .menu nav>ul>li>a{font-size:13px}.shiva-logo img{width:185px}.shiva-follow-btn{padding:7px 10px}.shiva-footer-grid{grid-template-columns:1.2fr .7fr 1.15fr 1.3fr;gap:22px}}
@media(max-width:991px){.shiva-topbar-inner{min-height:50px}.shiva-office-top{font-size:11px;max-width:66%}.shiva-office-top>div>span:last-child{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shiva-top-actions{gap:9px}.shiva-top-actions .office-time{font-size:10px}.shiva-nav-row{min-height:74px}.shiva-logo img{width:175px}.shiva-nav-right .menu{display:none}.shiva-nav-right{gap:9px}.shiva-follow-btn{font-size:10px;padding:7px 10px}.canvas_open{display:block}.shiva-footer-grid{grid-template-columns:1fr 1fr;gap:24px}.shiva-footer-main{padding:32px 0 24px}}
@media(max-width:575px){.shiva-topbar-inner{display:flex;align-items:center;gap:8px}.shiva-office-top{max-width:none;flex:1;font-size:10px}.shiva-office-top>div{display:block}.shiva-top-label{display:block;margin-bottom:1px}.shiva-top-actions{flex:0 0 auto}.shiva-top-actions .office-time,.shiva-top-actions .shiva-divider{display:none}.shiva-top-actions a{font-size:13px}.shiva-nav-row{min-height:68px}.shiva-logo img{width:154px}.shiva-follow-btn{width:34px;height:34px;padding:0;justify-content:center;border-radius:50%}.shiva-follow-btn span{display:none}.shiva-follow-btn i{font-size:16px}.shiva-nav-right{gap:7px}.shiva-footer-grid{grid-template-columns:1fr;gap:22px}.shiva-footer-main{padding:28px 0 20px}.shiva-footer-card h2{font-size:18px}.shiva-footer-card h3{font-size:13px}.shiva-product-scroll{height:150px}.shiva-contact-scroll{max-height:165px}.shiva-support{width:100%;max-width:290px}.shiva-footer-bottom{padding:13px 0!important}.shiva-footer-bottom p{font-size:9px}.shiva-chatbot{right:10px;bottom:10px}.shiva-chatbot-launcher{width:62px;height:62px}.shiva-chatbot-launcher img{width:58px;height:58px}.shiva-chat-panel{right:-3px;bottom:72px;width:min(310px,calc(100vw - 20px))}.shiva-chat-body{height:160px}.shiva-chat-actions{padding:8px}.shiva-chat-actions button,.shiva-chat-actions a{padding:7px 5px;font-size:9px}}

/* ===== SHIVA FINAL RESPONSIVE REFINEMENT ===== */
.shiva-footer-main{padding:30px 0 24px!important}
.shiva-footer-brand{text-align:center;max-width:680px;margin:0 auto 28px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.09)}
.shiva-footer-logo{display:flex!important;justify-content:center;align-items:center;width:100%;margin:0 auto 10px}
.shiva-footer-logo img{width:190px;max-width:70%;height:auto;display:block}
.shiva-footer-brand p{margin:0 auto 13px;max-width:560px;font-size:11px;line-height:1.6;color:#9aa8bf}
.shiva-footer-grid{grid-template-columns:.8fr 1.35fr 1.15fr;gap:26px;max-width:1050px;margin:0 auto}
.shiva-footer-card h3{font-size:13px;margin-bottom:10px}
.shiva-footer-links{gap:7px}.shiva-footer-links a{font-size:11px}
.shiva-product-scroll{height:145px;gap:4px 12px}.shiva-product-scroll a{font-size:10.5px;padding:3px 0}
.shiva-address-tabs{display:grid;gap:7px}.shiva-address-tabs details{border:1px solid var(--sp-border);background:rgba(255,255,255,.035);border-radius:9px;overflow:hidden}
.shiva-address-tabs summary{list-style:none;cursor:pointer;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;color:#e9eef7;font-size:11px;font-weight:800}.shiva-address-tabs summary::-webkit-details-marker{display:none}.shiva-address-tabs summary>span{display:flex;align-items:center;gap:7px}.shiva-address-tabs summary>span i{width:16px;color:#ff6970;font-size:10px;text-align:center}.shiva-address-tabs summary>i{font-size:8px;color:#8392aa}.shiva-address-tabs details[open] summary>i{transform:rotate(180deg)}
.shiva-footer-contact{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.shiva-footer-contact a{font-size:10px;color:#dbe3ef!important;background:rgba(255,255,255,.05);padding:6px 8px;border-radius:7px}
.shiva-support{margin:0 auto;max-width:260px}
/* smaller desktop nav */
.shiva-nav-row{min-height:72px}.shiva-nav-right{gap:10px}.shiva-nav-right .menu nav>ul{gap:13px}.shiva-nav-right .menu nav>ul>li>a{font-size:13px}.shiva-logo img{width:180px}.shiva-follow-btn{padding:7px 10px;font-size:10px}
/* chatbot input */
.shiva-chat-actions{padding:9px 10px 7px}.shiva-chat-input{display:flex;gap:6px;padding:0 10px 8px;background:#fff}.shiva-chat-input input{flex:1;min-width:0;border:1px solid #dfe5ee;border-radius:8px;padding:8px 9px;font-size:10px;outline:none}.shiva-chat-input input:focus{border-color:#8d9be0}.shiva-chat-input button{width:34px;border:0;border-radius:8px;background:var(--sp-blue);color:#fff;cursor:pointer}.shiva-chat-whatsapp{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 10px 10px;padding:8px;border-radius:8px;background:var(--sp-green);color:#fff!important;font-size:10px;font-weight:800;text-decoration:none}.shiva-chat-link-row{margin:-2px 11px 8px}.shiva-chat-link-row a{display:block;text-align:center;padding:6px 8px;border-radius:7px;background:#eef2ff;color:var(--sp-blue)!important;font-size:9px;font-weight:800;text-decoration:none}.shiva-chat-link-row a:hover{background:#e2e8ff}
/* About page is intentionally only the about section */
.shiva-about-only{min-height:calc(100vh - 150px)}
@media(max-width:1199px){.shiva-nav-right .menu nav>ul{gap:10px}.shiva-nav-right .menu nav>ul>li>a{font-size:12px}.shiva-logo img{width:170px}.shiva-footer-grid{gap:20px}}
@media(max-width:991px){.shiva-footer-grid{grid-template-columns:1fr 1fr}.shiva-nav-right .menu{display:none}.shiva-nav-row{min-height:68px}.shiva-logo img{width:165px}.shiva-follow-btn{font-size:10px}.canvas_open{display:block}}
@media(max-width:575px){.shiva-topbar-inner{min-height:46px}.shiva-office-top{font-size:9.5px}.shiva-top-actions a{font-size:12px}.shiva-nav-row{min-height:62px}.shiva-logo img{width:150px}.shiva-footer-main{padding:24px 0 18px!important}.shiva-footer-brand{margin-bottom:20px;padding-bottom:18px}.shiva-footer-logo img{width:165px}.shiva-footer-grid{grid-template-columns:1fr;gap:18px}.shiva-product-scroll{height:135px}.shiva-chatbot{right:9px;bottom:9px}.shiva-chatbot-launcher{width:58px;height:58px}.shiva-chatbot-launcher img{width:54px;height:54px}.shiva-chat-panel{right:-2px;bottom:68px;width:calc(100vw - 18px);max-width:320px}.shiva-chat-body{height:150px}.shiva-chat-actions button,.shiva-chat-actions a{font-size:9px;padding:7px 4px}}


/* ===== COMPACT HEADER / NAV SPACING =====
   Keeps the existing design intact; only reduces vertical header space.
   Responsive for desktop, tablet and mobile.
*/
.shiva-topbar-inner{
  min-height:40px;
}
.shiva-topbar{
  padding:0 !important;
}
.shiva-office-top{
  font-size:11px;
}
.shiva-top-icon{
  width:24px;
  height:24px;
  flex-basis:24px;
}
.shiva-top-actions{
  gap:10px;
  font-size:11px;
}
.shiva-top-actions a{
  font-size:13px;
}

.shiva-nav-row{
  min-height:62px !important;
}
.shiva-logo img{
  width:175px !important;
}
.shiva-nav-right{
  gap:9px;
}
.shiva-nav-right .menu nav>ul{
  gap:12px;
}
.shiva-nav-right .menu nav>ul>li>a{
  font-size:13px;
}
.shiva-follow-btn{
  padding:7px 10px;
  font-size:10px;
}

/* Tablet */
@media(max-width:991px){
  .shiva-topbar-inner{
    min-height:38px;
  }
  .shiva-nav-row{
    min-height:58px !important;
  }
  .shiva-logo img{
    width:160px !important;
  }
}

/* Mobile */
@media(max-width:575px){
  .shiva-topbar-inner{
    min-height:36px !important;
  }
  .shiva-office-top{
    font-size:9px;
  }
  .shiva-top-icon{
    width:22px;
    height:22px;
    flex-basis:22px;
  }
  .shiva-top-actions{
    gap:7px;
  }
  .shiva-top-actions a{
    font-size:11px;
  }
  .shiva-nav-row{
    min-height:54px !important;
    gap:10px;
  }
  .shiva-logo img{
    width:145px !important;
  }
}

/* Very small phones */
@media(max-width:380px){
  .shiva-nav-row{
    min-height:52px !important;
  }
  .shiva-logo img{
    width:135px !important;
  }
}


/* =========================================================
   FINAL BUTTON + CARD REFINEMENT
   ========================================================= */

/* ALL MAIN BUTTONS — compact, rounded and consistent */
.button-1,
.button-2,
.content-overly-full a,
.shiva-hero a,
.shiva-hero button,
.shiva-hero .btn,
.shiva-hero .button,
.hero-section a,
.hero-section button,
.hero-section .btn,
.hero-section .button,
.banner-area a,
.banner-area button,
.banner-area .btn,
.banner-area .button,
.about-content-navs-tab .nav-tabs .nav-item button {
  border-radius: 999px !important;
}

/* Compact standard CTA buttons */
.button-1 {
  padding: 10px 22px !important;
  min-height: 38px;
  line-height: 1.2 !important;
}

.button-2 {
  padding: 10px 22px !important;
  min-height: 38px;
  line-height: 1.2 !important;
}

/* About tabs: softer rounded pills instead of square boxes */
.about-content-navs-tab .nav-tabs .nav-item {
  margin: 3px 3px !important;
}
.about-content-navs-tab .nav-tabs .nav-item button {
  padding: 9px 20px !important;
  border-radius: 999px !important;
  transition: all .2s ease !important;
}
.about-content-navs-tab .nav-tabs .nav-item button:hover {
  color: #1800AD !important;
  border-color: #b9c2d2 !important;
  background: #f5f7fb !important;
}
.about-content-navs-tab .nav-tabs .nav-item button.active {
  color: #fff !important;
  background: #1800AD !important;
  border-color: #1800AD !important;
}

/* =========================================================
   PRODUCT / SERVICE CARDS
   Compact proportions + cleaner hover treatment
   ========================================================= */
.info-box-2 {
  padding: 22px 22px !important;
  border: 1px solid #e3e7ee !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 7px 22px rgba(25, 35, 61, .07) !important;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease !important;
}

.info-box-2:hover {
  border-color: #cfd5df !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 30px rgba(25, 35, 61, .12) !important;
}

/* Keep card images compact and uniform */
.info-box-2 .image-box {
  width: 100% !important;
  height: 205px !important;
  overflow: hidden !important;
  border-radius: 11px !important;
  margin-bottom: 14px !important;
}

.info-box-2 .image-box img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .35s ease !important;
}

.info-box-2:hover .image-box img {
  transform: scale(1.035) !important;
}

/* Card typography */
.info-box-2 .content-top .con h2 {
  font-size: 18px !important;
  margin: 0 0 7px !important;
  line-height: 1.25 !important;
}

.info-box-2 .content-top .con p {
  font-size: 13px !important;
  line-height: 1.55 !important;
  margin-bottom: 0 !important;
  color: #536078 !important;
}

/* Remove the harsh bright-blue hover border/flash */
.info-box-2 .content-overly {
  background: linear-gradient(
    145deg,
    rgba(23, 35, 61, .98),
    rgba(16, 26, 48, .97)
  ) !important;
  border-radius: 14px !important;
  transform: scale(.985) !important;
  transition: opacity .25s ease, transform .25s ease !important;
}

.info-box-2:hover .content-overly {
  transform: scale(1) !important;
}

/* Overlay content stays compact */
.content-overly-full {
  width: 100% !important;
  padding: 24px 22px !important;
}

.content-overly-full h2 {
  font-size: 19px !important;
  margin-bottom: 9px !important;
}

.content-overly-full p {
  font-size: 13px !important;
  line-height: 1.55 !important;
  margin-bottom: 14px !important;
  color: #d6ddea !important;
}

/* Overlay More button — rounded and less neon */
.content-overly-full a {
  width: 100% !important;
  padding: 10px 18px !important;
  min-height: 38px !important;
  background: #22c968 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  transition: transform .2s ease, background .2s ease !important;
}

.content-overly-full a:hover {
  background: #19b65a !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

/* Bootstrap column spacing: make the complete card grid tighter */
.services-section .mb-30 {
  margin-bottom: 20px !important;
}

/* =========================================================
   RESPONSIVE CARD SIZING
   ========================================================= */
@media (max-width: 991px) {
  .info-box-2 {
    padding: 19px !important;
  }

  .info-box-2 .image-box {
    height: 190px !important;
  }
}

@media (max-width: 575px) {
  .button-1,
  .button-2 {
    padding: 8px 17px !important;
    min-height: 34px !important;
    font-size: 12px !important;
  }

  .about-content-navs-tab .nav-tabs .nav-item button {
    padding: 8px 15px !important;
    font-size: 13px !important;
  }

  .info-box-2 {
    padding: 16px !important;
    border-radius: 13px !important;
  }

  .info-box-2 .image-box {
    height: 175px !important;
    border-radius: 9px !important;
    margin-bottom: 11px !important;
  }

  .info-box-2 .content-top .con h2 {
    font-size: 16px !important;
  }

  .info-box-2 .content-top .con p {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  .content-overly-full {
    padding: 20px 17px !important;
  }

  .content-overly-full h2 {
    font-size: 17px !important;
  }

  .content-overly-full p {
    font-size: 12px !important;
  }

  .content-overly-full a {
    padding: 8px 15px !important;
    min-height: 34px !important;
    font-size: 12px !important;
  }

  .services-section .mb-30 {
    margin-bottom: 15px !important;
  }
}

@media (max-width: 380px) {
  .info-box-2 .image-box {
    height: 160px !important;
  }

  .info-box-2 {
    padding: 14px !important;
  }
}


/* =========================================================
   FINAL MOBILE FOOTER FIX
   Quick Links LEFT | Address RIGHT | Products BELOW
   ========================================================= */
@media (max-width: 575px) {

  /* The footer has 3 cards:
     1 = Quick Links
     2 = Our Products
     3 = Address
  */
  .shiva-footer-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 16px 12px !important;
    align-items: start !important;
  }

  .shiva-footer-grid > .shiva-footer-card:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
  }

  .shiva-footer-grid > .shiva-footer-card:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
  }

  .shiva-footer-grid > .shiva-footer-card:nth-child(2) {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
  }

  .shiva-footer-card h3 {
    font-size: 12px !important;
    margin-bottom: 9px !important;
  }

  /* Quick Links */
  .shiva-footer-links {
    gap: 5px !important;
  }

  .shiva-footer-links a {
    font-size: 10.5px !important;
    line-height: 1.35 !important;
  }

  /* Address boxes fit the right column */
  .shiva-address-tabs {
    display: grid !important;
    gap: 6px !important;
  }

  .shiva-address-tabs details {
    width: 100% !important;
    border-radius: 8px !important;
  }

  .shiva-address-tabs summary {
    padding: 7px 7px !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
  }

  .shiva-address-tabs summary > span {
    gap: 5px !important;
  }

  .shiva-address-tabs summary > span i {
    width: 13px !important;
    font-size: 9px !important;
  }

  .shiva-details-content {
    padding: 7px !important;
    font-size: 8.5px !important;
    line-height: 1.4 !important;
    word-break: normal !important;
  }

  .shiva-footer-contact {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    margin-top: 7px !important;
  }

  .shiva-footer-contact a {
    width: 100% !important;
    text-align: center !important;
    font-size: 8.5px !important;
    padding: 5px 4px !important;
    border-radius: 7px !important;
  }

  /* Products gets the full width underneath */
  .shiva-product-scroll {
    width: 100% !important;
    height: 130px !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 4px 10px !important;
  }

  .shiva-product-scroll a {
    font-size: 10px !important;
    padding: 3px 0 !important;
  }
}

@media (max-width: 380px) {
  .shiva-footer-grid {
    column-gap: 9px !important;
    row-gap: 14px !important;
  }

  .shiva-footer-card h3 {
    font-size: 11px !important;
  }

  .shiva-footer-links a {
    font-size: 10px !important;
  }

  .shiva-address-tabs summary {
    font-size: 8.5px !important;
  }

  .shiva-details-content {
    font-size: 8px !important;
  }

  .shiva-product-scroll a {
    font-size: 9.5px !important;
  }
}

/* =========================================================
   HERO — EXISTING DESIGN, COMPACT + RESPONSIVE AUTO SLIDE
   ========================================================= */
.shiva-hero-compact{
  position:relative!important;
  overflow:hidden!important;
  height:clamp(470px,39vw,590px)!important;
  min-height:0!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  transition:background-image .45s ease-in-out!important;
}
@media(max-width:991px){
  .shiva-hero-compact{height:430px!important}
}
@media(max-width:767px){
  .shiva-hero-compact{
    height:350px!important;
    background-position:center center!important;
  }
  .shiva-hero-compact .hero-banner-content h4{
    font-size:13px!important;
    margin-bottom:6px!important;
  }
  .shiva-hero-compact .hero-banner-content h2{
    font-size:26px!important;
    line-height:1.12!important;
    margin-bottom:12px!important;
  }
  .shiva-hero-compact .hero-banner-content .button-1{
    padding:8px 16px!important;
    min-height:34px!important;
    border-radius:999px!important;
    font-size:11px!important;
  }
}
@media(max-width:480px){
  .shiva-hero-compact{
    height:315px!important;
  }
  .shiva-hero-compact .hero-banner-content h4{font-size:11px!important}
  .shiva-hero-compact .hero-banner-content h2{font-size:22px!important}
}

/* =========================================================
   HERO — SAME FRAME / COMPACT / PREMIUM RESPONSIVE
   ========================================================= */
.shiva-hero-compact{
  position:relative!important;
  overflow:hidden!important;
  width:100%!important;
  height:clamp(470px,38vw,575px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  transition:background-image .55s ease-in-out!important;
}

/* Consistent readable text block */
.shiva-hero-compact .hero-banner-content{
  max-width:500px!important;
  padding:0!important;
}
.shiva-hero-compact .hero-banner-content h4{
  font-size:clamp(13px,1.25vw,17px)!important;
  line-height:1.25!important;
  margin:0 0 9px!important;
  font-weight:700!important;
}
.shiva-hero-compact .hero-banner-content h2{
  font-size:clamp(32px,3.15vw,50px)!important;
  line-height:1.08!important;
  margin:0 0 18px!important;
  max-width:480px!important;
  font-weight:800!important;
}
.shiva-hero-compact .hero-banner-content p{
  font-size:clamp(12px,1vw,15px)!important;
  line-height:1.55!important;
  max-width:450px!important;
  margin:0 0 20px!important;
}
.shiva-hero-compact .hero-banner-content .button-1,
.shiva-hero-compact .hero-banner-content .button-2{
  border-radius:999px!important;
  padding:9px 20px!important;
  min-height:38px!important;
  font-size:12px!important;
}

/* Tablet */
@media(max-width:991px){
  .shiva-hero-compact{
    height:420px!important;
  }
  .shiva-hero-compact .hero-banner-content{
    max-width:440px!important;
  }
  .shiva-hero-compact .hero-banner-content h2{
    font-size:34px!important;
    max-width:410px!important;
  }
}

/* Mobile: fixed frame, same height for every image */
@media(max-width:767px){
  .shiva-hero-compact{
    height:340px!important;
    background-size:cover!important;
    background-position:center center!important;
  }
  .shiva-hero-compact .hero-banner-content{
    max-width:calc(100% - 36px)!important;
  }
  .shiva-hero-compact .hero-banner-content h4{
    font-size:11px!important;
    margin-bottom:5px!important;
  }
  .shiva-hero-compact .hero-banner-content h2{
    font-size:24px!important;
    line-height:1.12!important;
    max-width:330px!important;
    margin-bottom:11px!important;
  }
  .shiva-hero-compact .hero-banner-content p{
    font-size:11px!important;
    line-height:1.45!important;
    max-width:330px!important;
    margin-bottom:12px!important;
  }
  .shiva-hero-compact .hero-banner-content .button-1,
  .shiva-hero-compact .hero-banner-content .button-2{
    padding:7px 16px!important;
    min-height:33px!important;
    font-size:11px!important;
  }
}

@media(max-width:480px){
  .shiva-hero-compact{
    height:310px!important;
  }
  .shiva-hero-compact .hero-banner-content h2{
    font-size:21px!important;
    max-width:290px!important;
  }
}

/* =========================================================
   SHIVA HERO — CENTERED / COMPACT / RESPONSIVE
   Existing hero image + 3-image auto-slide preserved.
   ========================================================= */
.shiva-hero-compact{
  position:relative!important;
  overflow:hidden!important;
  width:100%!important;
  height:clamp(455px,37vw,560px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  transition:background-image .6s ease-in-out!important;
}

/* subtle readability layer; does not alter the hero layout */
.shiva-hero-compact::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:linear-gradient(
    90deg,
    rgba(8,12,24,.42) 0%,
    rgba(8,12,24,.16) 50%,
    rgba(8,12,24,.28) 100%
  )!important;
}

/* Center the existing content instead of left-aligning it */
.shiva-hero-compact .container{
  position:relative!important;
  z-index:2!important;
  height:100%!important;
}
.shiva-hero-compact .row{
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
}
.shiva-hero-compact .row > [class*="col-"]{
  flex:0 0 100%!important;
  max-width:100%!important;
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  padding-left:15px!important;
  padding-right:15px!important;
}
.shiva-hero-compact .hero-banner-content{
  width:min(720px,90%)!important;
  max-width:720px!important;
  padding:0!important;
  margin:0 auto!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Small eyebrow */
.shiva-hero-compact .hero-banner-content h4{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 13px!important;
  padding:6px 14px!important;
  border:1px solid rgba(255,255,255,.30)!important;
  border-radius:999px!important;
  background:rgba(8,12,24,.36)!important;
  backdrop-filter:blur(7px)!important;
  color:#fff!important;
  font-size:clamp(12px,1.05vw,15px)!important;
  line-height:1.2!important;
  letter-spacing:.7px!important;
  text-transform:uppercase!important;
  font-weight:800!important;
  text-shadow:0 2px 8px rgba(0,0,0,.35)!important;
}

/* Main headline */
.shiva-hero-compact .hero-banner-content h2{
  width:100%!important;
  max-width:720px!important;
  margin:0 0 22px!important;
  padding:0!important;
  color:#fff!important;
  font-size:clamp(34px,4vw,56px)!important;
  line-height:1.08!important;
  letter-spacing:-.8px!important;
  font-weight:800!important;
  text-align:center!important;
  text-wrap:balance!important;
  text-shadow:0 4px 18px rgba(0,0,0,.48)!important;
}

/* Compact premium CTA */
.shiva-hero-compact .hero-banner-content .button-1{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:132px!important;
  min-height:42px!important;
  margin:0!important;
  padding:10px 23px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:999px!important;
  background:#2112c7!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
  box-shadow:0 9px 24px rgba(22,12,130,.30)!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.shiva-hero-compact .hero-banner-content .button-1:hover{
  background:#2e20e5!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 12px 28px rgba(22,12,130,.40)!important;
}

/* Tablet */
@media(max-width:991px){
  .shiva-hero-compact{height:410px!important}
  .shiva-hero-compact .hero-banner-content{width:min(650px,90%)!important}
  .shiva-hero-compact .hero-banner-content h2{
    font-size:38px!important;
    max-width:620px!important;
  }
}

/* Mobile */
@media(max-width:767px){
  .shiva-hero-compact{
    height:335px!important;
    background-position:center center!important;
  }
  .shiva-hero-compact .row > [class*="col-"]{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .shiva-hero-compact .hero-banner-content{
    width:calc(100% - 16px)!important;
    max-width:520px!important;
  }
  .shiva-hero-compact .hero-banner-content h4{
    margin-bottom:9px!important;
    padding:5px 10px!important;
    font-size:10px!important;
    letter-spacing:.45px!important;
  }
  .shiva-hero-compact .hero-banner-content h2{
    max-width:500px!important;
    margin-bottom:15px!important;
    font-size:25px!important;
    line-height:1.1!important;
    letter-spacing:-.3px!important;
  }
  .shiva-hero-compact .hero-banner-content .button-1{
    min-width:112px!important;
    min-height:36px!important;
    padding:8px 18px!important;
    font-size:11px!important;
  }
}

/* Small phones */
@media(max-width:420px){
  .shiva-hero-compact{height:305px!important}
  .shiva-hero-compact .hero-banner-content h4{
    font-size:9px!important;
    margin-bottom:7px!important;
  }
  .shiva-hero-compact .hero-banner-content h2{
    font-size:21px!important;
    margin-bottom:12px!important;
  }
  .shiva-hero-compact .hero-banner-content .button-1{
    min-width:104px!important;
    min-height:34px!important;
    padding:7px 16px!important;
    font-size:10px!important;
  }
}

/* Hero heading: keep the complete title together */
.shiva-hero-compact .hero-banner-content h2,
.shiva-hero-center .hero-banner-content h2{
  white-space:nowrap!important;
  word-break:normal!important;
  overflow:visible!important;
  width:max-content!important;
  max-width:none!important;
  text-align:center!important;
  font-size:clamp(30px,3vw,48px)!important;
  line-height:1.08!important;
}
@media(max-width:767px){
  .shiva-hero-compact .hero-banner-content h2,
  .shiva-hero-center .hero-banner-content h2{
    font-size:clamp(18px,5.6vw,27px)!important;
    white-space:nowrap!important;
    width:auto!important;
    max-width:100%!important;
  }
}
@media(max-width:390px){
  .shiva-hero-compact .hero-banner-content h2,
  .shiva-hero-center .hero-banner-content h2{
    font-size:18px!important;
    letter-spacing:-.3px!important;
  }
}

/* Hero CTA — prevent white/blank hover state */
.shiva-hero-compact .hero-banner-content a.button-1,
.shiva-hero-compact .hero-banner-content a.button-2,
.shiva-hero-center .hero-banner-content a.button-1,
.shiva-hero-center .hero-banner-content a.button-2{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#2112c8!important;
  color:#fff!important;
  border:1px solid #2112c8!important;
  border-radius:999px!important;
  text-decoration:none!important;
  opacity:1!important;
  visibility:visible!important;
  transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease!important;
  position:relative!important;
  z-index:20!important;
}
.shiva-hero-compact .hero-banner-content a.button-1:hover,
.shiva-hero-compact .hero-banner-content a.button-1:focus,
.shiva-hero-compact .hero-banner-content a.button-1:active,
.shiva-hero-compact .hero-banner-content a.button-2:hover,
.shiva-hero-compact .hero-banner-content a.button-2:focus,
.shiva-hero-compact .hero-banner-content a.button-2:active,
.shiva-hero-center .hero-banner-content a.button-1:hover,
.shiva-hero-center .hero-banner-content a.button-1:focus,
.shiva-hero-center .hero-banner-content a.button-1:active,
.shiva-hero-center .hero-banner-content a.button-2:hover,
.shiva-hero-center .hero-banner-content a.button-2:focus,
.shiva-hero-center .hero-banner-content a.button-2:active{
  background:#2d1ee0!important;
  color:#fff!important;
  border-color:#2d1ee0!important;
  opacity:1!important;
  visibility:visible!important;
  box-shadow:0 8px 20px rgba(33,18,200,.28)!important;
  transform:translateY(-2px)!important;
}
.shiva-hero-compact .hero-banner-content a.button-1 *,
.shiva-hero-compact .hero-banner-content a.button-2 *,
.shiva-hero-center .hero-banner-content a.button-1 *,
.shiva-hero-center .hero-banner-content a.button-2 *{
  color:#fff!important;
}

/* =========================================================
   KNOW MORE — FINAL FIX
   ========================================================= */
.shiva-hero-compact .hero-banner-content a.shiva-know-more{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:132px!important;
  height:auto!important;
  min-height:42px!important;
  padding:10px 23px!important;
  margin:0!important;
  box-sizing:border-box!important;
  background:#2112c7!important;
  background-color:#2112c7!important;
  color:#ffffff!important;
  border:1px solid #2112c7!important;
  border-radius:999px!important;
  opacity:1!important;
  visibility:visible!important;
  text-decoration:none!important;
  text-indent:0!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 9px 24px rgba(22,12,130,.30)!important;
  overflow:visible!important;
  position:relative!important;
  z-index:50!important;
}
.shiva-hero-compact .hero-banner-content a.shiva-know-more::before,
.shiva-hero-compact .hero-banner-content a.shiva-know-more::after{
  content:none!important;
  display:none!important;
}
.shiva-hero-compact .hero-banner-content a.shiva-know-more:hover,
.shiva-hero-compact .hero-banner-content a.shiva-know-more:focus,
.shiva-hero-compact .hero-banner-content a.shiva-know-more:active,
.shiva-hero-compact .hero-banner-content a.shiva-know-more:visited{
  background:#2e20e5!important;
  background-color:#2e20e5!important;
  color:#ffffff!important;
  border-color:#2e20e5!important;
  opacity:1!important;
  visibility:visible!important;
  text-decoration:none!important;
  box-shadow:0 12px 28px rgba(22,12,130,.40)!important;
  transform:translateY(-2px)!important;
}
@media(max-width:767px){
  .shiva-hero-compact .hero-banner-content a.shiva-know-more{
    min-width:112px!important;
    min-height:36px!important;
    padding:8px 18px!important;
    font-size:11px!important;
  }
}
@media(max-width:420px){
  .shiva-hero-compact .hero-banner-content a.shiva-know-more{
    min-width:104px!important;
    min-height:34px!important;
    padding:7px 16px!important;
    font-size:10px!important;
  }
}

/* =========================================================
   FINAL HERO FRAME — FIXED HEIGHT / MORE COMPACT
   Every slide uses the exact same container dimensions.
   ========================================================= */
section.shiva-hero-compact,
.shiva-hero-compact{
  height:500px!important;
  min-height:500px!important;
  max-height:500px!important;
  width:100%!important;
  overflow:hidden!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}

/* Keep content centered and compact */
.shiva-hero-compact .hero-banner-content{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(92%,720px)!important;
  max-width:720px!important;
  text-align:center!important;
  margin:0!important;
  padding:0!important;
}
.shiva-hero-compact .hero-banner-content h4{
  margin:0 0 8px!important;
  font-size:15px!important;
  line-height:1.2!important;
}
.shiva-hero-compact .hero-banner-content h2{
  margin:0 auto 16px!important;
  font-size:clamp(30px,3vw,44px)!important;
  line-height:1.08!important;
  white-space:nowrap!important;
  width:max-content!important;
  max-width:100%!important;
}
.shiva-hero-compact .hero-banner-content p{
  margin:0 auto 16px!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.shiva-hero-compact .hero-banner-content a.shiva-know-more{
  min-width:128px!important;
  min-height:40px!important;
  padding:9px 21px!important;
  font-size:12px!important;
}

/* Tablet */
@media(max-width:991px){
  section.shiva-hero-compact,
  .shiva-hero-compact{
    height:410px!important;
    min-height:410px!important;
    max-height:410px!important;
  }
}

/* Mobile — fixed height, no vertical jump between slides */
@media(max-width:767px){
  section.shiva-hero-compact,
  .shiva-hero-compact{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
  }
  .shiva-hero-compact .hero-banner-content{
    width:calc(100% - 28px)!important;
  }
  .shiva-hero-compact .hero-banner-content h4{
    font-size:10px!important;
    margin-bottom:5px!important;
  }
  .shiva-hero-compact .hero-banner-content h2{
    font-size:clamp(18px,5.7vw,25px)!important;
    line-height:1.08!important;
    margin-bottom:10px!important;
  }
  .shiva-hero-compact .hero-banner-content p{
    font-size:10px!important;
    line-height:1.35!important;
    margin-bottom:10px!important;
  }
  .shiva-hero-compact .hero-banner-content a.shiva-know-more{
    min-width:108px!important;
    min-height:34px!important;
    padding:7px 16px!important;
    font-size:10px!important;
  }
}

@media(max-width:420px){
  section.shiva-hero-compact,
  .shiva-hero-compact{
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
  }
}

/* FINAL HERO: fixed compact frame for every auto-slide image */
.shiva-hero-compact{
  height:460px!important;
  min-height:460px!important;
  max-height:460px!important;
  overflow:hidden!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.shiva-hero-compact .hero-banner-content{
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
}
@media(max-width:991px){
  .shiva-hero-compact{
    height:390px!important;
    min-height:390px!important;
    max-height:390px!important;
  }
}
@media(max-width:767px){
  .shiva-hero-compact{
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
  }
}
@media(max-width:420px){
  .shiva-hero-compact{
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
  }
}

/* =========================================================
   FINAL SHIVA HERO FIX
   Fixed frame + compact size + clean Know More CTA
   ========================================================= */

/* Same exact hero frame for every slide */
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact{
  height:450px!important;
  min-height:450px!important;
  max-height:450px!important;
  overflow:hidden!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* Center content without changing the hero frame */
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content{
  width:100%!important;
  max-width:760px!important;
  margin:0 auto!important;
  padding:0 20px!important;
  text-align:center!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
}

/* Keep the title together */
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content h4{
  display:inline-block!important;
  margin:0 0 10px!important;
  font-size:14px!important;
  line-height:1.2!important;
}
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content h2{
  margin:0 auto 17px!important;
  font-size:clamp(30px,3.1vw,45px)!important;
  line-height:1.08!important;
  white-space:nowrap!important;
  width:max-content!important;
  max-width:100%!important;
  text-align:center!important;
}

/* KNOW MORE: completely neutralize original .button-1::after */
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  z-index:100!important;
  width:auto!important;
  min-width:128px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 22px!important;
  margin:0!important;
  box-sizing:border-box!important;
  border:1px solid #2112c7!important;
  border-radius:999px!important;
  background:#2112c7!important;
  background-color:#2112c7!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:40px!important;
  text-align:center!important;
  text-decoration:none!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  box-shadow:0 8px 22px rgba(33,18,199,.28)!important;
  transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}

/* This is the important fix: the theme's white ::after is disabled. */
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more::after,
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more::before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  background:transparent!important;
  opacity:0!important;
  visibility:hidden!important;
}

/* Hover stays purple and text stays visible */
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more:hover,
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more:focus,
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more:active{
  background:#3324e6!important;
  background-color:#3324e6!important;
  border-color:#3324e6!important;
  color:#fff!important;
  box-shadow:0 10px 25px rgba(33,18,199,.38)!important;
  transform:translateY(-2px)!important;
  outline:none!important;
}

/* Mobile */
@media(max-width:991px){
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact{
    height:380px!important;
    min-height:380px!important;
    max-height:380px!important;
  }
}
@media(max-width:767px){
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact{
    height:270px!important;
    min-height:270px!important;
    max-height:270px!important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content{
    width:calc(100% - 20px)!important;
    padding:0 8px!important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content h4{
    font-size:9px!important;
    margin-bottom:6px!important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content h2{
    font-size:clamp(18px,5.6vw,25px)!important;
    margin-bottom:11px!important;
    white-space:nowrap!important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more{
    min-width:108px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 17px!important;
    font-size:10px!important;
    line-height:34px!important;
  }
}
@media(max-width:390px){
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact{
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
  }
}

/* =========================================================
   FINAL 3-SLIDE HERO / SWIPE / MOBILE TEXT FIX
   ========================================================= */

/* One fixed frame = no vertical jump when image changes */
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact{
  height:440px!important;
  min-height:440px!important;
  max-height:440px!important;
  overflow:hidden!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  touch-action:pan-y!important;
  cursor:default!important;
}

/* Hero slide dot navigation */
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .shiva-hero-dots{
  position:absolute!important;
  left:50%!important;
  bottom:78px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  z-index:30!important;
}
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .shiva-hero-dot{
  width:9px!important;
  height:9px!important;
  min-width:9px!important;
  padding:0!important;
  margin:0!important;
  border:1.5px solid rgba(255,255,255,.95)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.35)!important;
  box-shadow:0 1px 4px rgba(0,0,0,.35)!important;
  cursor:pointer!important;
  transition:all .2s ease!important;
  outline:none!important;
}
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .shiva-hero-dot.active{
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  background:#fff!important;
  transform:scale(1.05);
}
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .shiva-hero-dot:focus-visible{
  outline:2px solid #fff!important;
  outline-offset:3px!important;
}

/* Smooth image change */
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact.shiva-slide-next,
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact.shiva-slide-prev{
  animation:shivaHeroFade .38s ease;
}
@keyframes shivaHeroFade{
  from{opacity:.72}
  to{opacity:1}
}

/* Center the content consistently on every slide */
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(900px,calc(100% - 40px))!important;
  max-width:900px!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  z-index:20!important;
}

/* Desktop: title remains on one clean line */
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content h4{
  margin:0 0 10px!important;
  font-size:14px!important;
  line-height:1.2!important;
  white-space:normal!important;
}
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content h2{
  margin:0 auto 16px!important;
  font-size:clamp(30px,3.15vw,45px)!important;
  line-height:1.08!important;
  white-space:nowrap!important;
  width:auto!important;
  max-width:100%!important;
  text-align:center!important;
}

/* Know More: compact pill + visible text + clear hover */
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:128px!important;
  width:auto!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 22px!important;
  border:1px solid #2112c7!important;
  border-radius:999px!important;
  background:#2112c7!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:30!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more::before,
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more::after{
  content:none!important;
  display:none!important;
}
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more:hover{
  background:#ff2f3f!important;
  background-color:#ff2f3f!important;
  border-color:#ff2f3f!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 9px 22px rgba(255,47,63,.30)!important;
}

/* Tablet */
@media(max-width:991px){
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact{
    height:360px!important;
    min-height:360px!important;
    max-height:360px!important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content{
    width:calc(100% - 36px)!important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content h2{
    font-size:clamp(26px,4.2vw,36px)!important;
  }
}

/* Mobile: never cut text */
@media(max-width:767px){
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact{
    height:285px!important;
    min-height:285px!important;
    max-height:285px!important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    padding:0 6px!important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content h4{
    font-size:9px!important;
    line-height:1.25!important;
    margin:0 0 6px!important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content h2{
    /* Allow wrapping on mobile instead of clipping the title */
    white-space:normal!important;
    width:100%!important;
    max-width:330px!important;
    margin:0 auto 11px!important;
    font-size:clamp(20px,6.2vw,28px)!important;
    line-height:1.08!important;
    text-align:center!important;
    overflow-wrap:normal!important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content p{
    font-size:10px!important;
    line-height:1.3!important;
    margin:0 auto 10px!important;
    max-width:310px!important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more{
    min-width:106px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 16px!important;
    font-size:10px!important;
  }
}

/* Small phones */
@media(max-width:420px){
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact{
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content{
    width:calc(100% - 20px)!important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content h4{
    font-size:8px!important;
    margin-bottom:5px!important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content h2{
    max-width:300px!important;
    font-size:20px!important;
    line-height:1.05!important;
    margin-bottom:9px!important;
  }
}


/* =========================================================
   SHIVA HERO — FINAL USER REQUESTED FIX
   3 fixed-size slides + uploaded image as slide 3
   compact centered text + mobile safe sizing
   ========================================================= */
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact{
  height:440px !important;
  min-height:440px !important;
  max-height:440px !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  position:relative !important;
}
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:min(900px,calc(100% - 40px)) !important;
  max-width:900px !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
  z-index:20 !important;
}
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content h4{
  margin:0 0 9px !important;
  font-size:14px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content h2{
  margin:0 auto 15px !important;
  font-size:clamp(30px,3.15vw,45px) !important;
  line-height:1.08 !important;
  white-space:nowrap !important;
  width:auto !important;
  max-width:100% !important;
  text-align:center !important;
}
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:128px !important;
  width:auto !important;
  height:40px !important;
  min-height:40px !important;
  padding:0 22px !important;
  margin:0 !important;
  border:1px solid #2112c7 !important;
  border-radius:999px !important;
  background:#2112c7 !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  position:relative !important;
  z-index:30 !important;
  overflow:hidden !important;
  opacity:1 !important;
  visibility:visible !important;
  box-sizing:border-box !important;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease !important;
}
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more::before,
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more::after{
  content:none !important;
  display:none !important;
}
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more:hover,
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more:focus{
  background:#3324e6 !important;
  border-color:#3324e6 !important;
  color:#fff !important;
  transform:translateY(-2px) !important;
  box-shadow:0 9px 22px rgba(33,18,199,.35) !important;
}
@media (max-width:991px){
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact{
    height:360px !important;
    min-height:360px !important;
    max-height:360px !important;
  }
}
@media (max-width:767px){
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact{
    height:270px !important;
    min-height:270px !important;
    max-height:270px !important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content{
    width:calc(100% - 24px) !important;
    max-width:340px !important;
    padding:0 4px !important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content h4{
    font-size:9px !important;
    margin:0 0 5px !important;
    white-space:nowrap !important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content h2{
    font-size:clamp(18px,5.7vw,25px) !important;
    line-height:1.08 !important;
    white-space:normal !important;
    width:100% !important;
    max-width:320px !important;
    margin:0 auto 10px !important;
    text-align:center !important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more{
    min-width:106px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 16px !important;
    font-size:10px !important;
  }
}
@media (max-width:390px){
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact{
    height:250px !important;
    min-height:250px !important;
    max-height:250px !important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content{
    width:calc(100% - 18px) !important;
    max-width:310px !important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content h2{
    font-size:19px !important;
    max-width:295px !important;
    margin-bottom:8px !important;
  }
}


/* =========================================================
   SHIVA HERO — 3-SLIDE LOOP + MOBILE IMAGE CROP
   Existing first -> second -> uploaded third -> existing first
   ========================================================= */
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact{
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  overflow:hidden !important;
}

/* Keep each slide in the exact same hero frame. */
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact.shiva-slide-0,
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact.shiva-slide-1,
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact.shiva-slide-2,
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact.shiva-slide-3,
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact.shiva-slide-4,
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact.shiva-slide-5{
  background-size:cover !important;
}

/* Slide 0 is the Shiva Punch Art banner with logo/text near the top.
   On phones, show that upper portion instead of vertically centering/cropping it away. */
@media (max-width:767px){
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact{
    height:250px !important;
    min-height:250px !important;
    max-height:250px !important;
    background-position:center center !important;
  }

  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact.shiva-slide-0{
    background-position:center top !important;
  }

  /* Keep the other slides visually balanced on mobile. */
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact.shiva-slide-1,
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact.shiva-slide-2,
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact.shiva-slide-3,
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact.shiva-slide-4,
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact.shiva-slide-5{
    background-position:center center !important;
  }

  /* Compact but complete overlay text on mobile. */
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content{
    width:calc(100% - 28px) !important;
    max-width:350px !important;
    padding:0 4px !important;
  }

  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content h4{
    font-size:9px !important;
    line-height:1.2 !important;
    margin:0 0 5px !important;
  }

  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content h2{
    font-size:clamp(18px,5.7vw,24px) !important;
    line-height:1.06 !important;
    white-space:normal !important;
    max-width:320px !important;
    margin:0 auto 9px !important;
  }

  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more{
    min-width:104px !important;
    height:33px !important;
    min-height:33px !important;
    padding:0 15px !important;
    font-size:10px !important;
  }
}

@media (max-width:390px){
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact{
    height:235px !important;
    min-height:235px !important;
    max-height:235px !important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content h2{
    font-size:18px !important;
    max-width:290px !important;
  }
}

/* =========================================================
   PRECISION ENGINEERING / STAT STRIP — soft, rounded, compact
   ========================================================= */
.themetechmount-area-full{
  background:#eef1f8 !important;
  border-radius:20px !important;
  padding:20px 16px !important;
  box-shadow:0 10px 28px rgba(23,35,61,.07) !important;
}
.themetechmount-item{
  background:#ffffff !important;
  border-radius:14px !important;
  padding:16px 14px !important;
  box-shadow:0 4px 14px rgba(23,35,61,.05) !important;
  transition:transform .25s ease, box-shadow .25s ease !important;
}
.themetechmount-item.active{
  background:#ffffff !important;
}
.themetechmount-item:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 12px 26px rgba(23,35,61,.11) !important;
}
.themetechmount-item .icon{
  background:var(--shiva-brand-blue,#2818d0) !important;
  color:#fff !important;
  width:46px !important;
  height:46px !important;
  border-radius:12px !important;
  font-size:17px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.themetechmount-item .content h4{
  font-size:16px !important;
  color:#17233d !important;
  line-height:1.25 !important;
  margin-bottom:3px !important;
  font-weight:800 !important;
}
.themetechmount-item .content p{
  font-size:12.5px !important;
  color:#66738d !important;
  line-height:1.55 !important;
  margin-bottom:0 !important;
}

@media (max-width:991px){
  .themetechmount-area-full{
    padding:18px 14px !important;
    border-radius:18px !important;
  }
  .themetechmount-item{
    padding:15px 13px !important;
  }
}

@media (max-width:575px){
  .themetechmount-area-full{
    padding:15px 10px !important;
    border-radius:16px !important;
  }
  .themetechmount-item{
    padding:13px 12px !important;
    border-radius:12px !important;
  }
  .themetechmount-item .icon{
    width:40px !important;
    height:40px !important;
    font-size:14px !important;
    border-radius:10px !important;
  }
  .themetechmount-item .content h4{
    font-size:14px !important;
  }
  .themetechmount-item .content p{
    font-size:11.5px !important;
  }
}

/* =========================================================
   MOBILE NAV TOGGLE BUTTON — proper rounded icon + open/close animation
   ========================================================= */
.canvas_open{
  display:none;
}
@media(max-width:991px){
  .canvas_open{
    display:flex !important;
    align-items:center;
    justify-content:center;
    height:auto !important;
    float:none !important;
    margin-right:0 !important;
    top:auto !important;
    right:auto !important;
  }
  .canvas_open a{
    width:42px;
    height:42px;
    border-radius:12px;
    background:#f3f6fb;
    border:1px solid #e7ebf2;
    display:flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    transition:background .2s ease, border-color .2s ease, transform .15s ease;
  }
  .canvas_open a:hover{
    background:#eaf0fb;
    border-color:#d7e0f0;
  }
  .canvas_open a:active{
    transform:scale(.94);
  }
  .canvas_open a span{
    width:20px !important;
    height:2px !important;
    border-radius:2px;
    background:var(--sp-navy) !important;
    display:block;
    margin:0 !important;
    transition:transform .3s ease, opacity .2s ease, width .3s ease;
  }
  /* Animate into an X while the drawer is open */
  .canvas_open.is-open a{
    background:var(--sp-navy);
    border-color:var(--sp-navy);
  }
  .canvas_open.is-open a span{
    background:#fff !important;
  }
  .canvas_open.is-open a span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }
  .canvas_open.is-open a span:nth-child(2){
    opacity:0;
    width:0 !important;
  }
  .canvas_open.is-open a span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }
}
@media(max-width:575px){
  .canvas_open a{
    width:38px;
    height:38px;
    border-radius:10px;
    gap:4px;
  }
  .canvas_open a span{
    width:17px !important;
  }
  .canvas_open.is-open a span:nth-child(1){
    transform:translateY(6px) rotate(45deg);
  }
  .canvas_open.is-open a span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg);
  }
}

/* =========================================================
   OFFCANVAS MOBILE MENU LIST — remove bullets, cleaner rows
   ========================================================= */
.offcanvas_main_menu{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
.offcanvas_main_menu li{
  list-style:none !important;
}
.offcanvas_main_menu li a{
  font-size:14.5px !important;
  font-weight:700 !important;
  color:#1d2638 !important;
  padding:12px 12px !important;
  margin-bottom:0 !important;
  border-bottom:1px solid #eef1f6 !important;
  border-radius:8px !important;
  transition:background .18s ease, color .18s ease, padding-left .18s ease !important;
}
.offcanvas_main_menu li a:hover{
  color:var(--sp-blue) !important;
  background:#f5f8fd !important;
  padding-left:16px !important;
}
.offcanvas_main_menu li:last-child a{
  border-bottom:0 !important;
}

/* =========================================================
   MOBILE DRAWER — fix stacking so it sits ABOVE the navbar
   (navbar was z-index:1000, drawer was 999 → drawer's own
   logo got overlapped/cropped by the navbar's logo+topbar)
   ========================================================= */
.off_canvars_overlay{
  z-index:1050 !important;
}
.offcanvas_menu_wrapper{
  z-index:1100 !important;
}
.canvas_open{
  z-index:1101;
}

/* Keep the drawer's own logo compact and centered so it never overflows */
.mobile-logo{
  margin-bottom:16px !important;
  padding:0 20px !important;
}
.mobile-logo img{
  width:150px !important;
  max-width:100% !important;
  height:auto !important;
  display:inline-block !important;
}

/* =========================================================
   WhatsApp "Follow Channel" pill → compact icon circle on
   tablet + mobile, sized to match the nav hamburger button
   ========================================================= */
@media(max-width:991px){
  .shiva-follow-btn{
    width:38px !important;
    height:38px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
  }
  .shiva-follow-btn span{
    display:none !important;
  }
  .shiva-follow-btn i{
    font-size:15px !important;
    margin:0 !important;
  }
}
@media(max-width:575px){
  .shiva-follow-btn{
    width:33px !important;
    height:33px !important;
  }
  .shiva-follow-btn i{
    font-size:13.5px !important;
  }
}

/* ===== CLICKABLE LOCATION LINKS ===== */
.shiva-office-top{color:#33405c!important;text-decoration:none!important;cursor:pointer}
.shiva-office-top:hover{color:#1737c9!important}
.shiva-office-top .shiva-top-icon{transition:transform .18s ease,background .18s ease}
.shiva-office-top:hover .shiva-top-icon{transform:translateY(-1px);background:#e8edf7}
.shiva-details-content a{display:block;text-decoration:none!important;transition:color .18s ease}
.shiva-details-content a:hover{color:#8ea5ff!important}


/* =========================================================
   OUR PRODUCTS — compact, uniform card grid
   ========================================================= */
.product-grid {
  row-gap: 16px !important;
}

.product-grid > [class*="col-"] {
  display: flex !important;
  margin-bottom: 0 !important;
}

.product-grid .info-box-1 {
  width: 100% !important;
  height: 390px !important;
  min-height: 390px !important;
  padding: 16px 14px !important;
  display: flex !important;
  align-items: stretch !important;
  text-align: center !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}

.product-grid .info-box-1-inner {
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.product-grid .carousel {
  width: 100% !important;
  height: 145px !important;
  flex: 0 0 145px !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #f7f8fa !important;
}

.product-grid .carousel-inner,
.product-grid .carousel-item {
  width: 100% !important;
  height: 145px !important;
}

.product-grid .product-img {
  width: 100% !important;
  height: 145px !important;
  object-fit: contain !important;
  background: #f7f8fa !important;
  border-radius: 8px !important;
  display: block !important;
}

.product-grid .content {
  margin-top: 11px !important;
  padding: 0 2px !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.product-grid .content h3 {
  font-size: 18px !important;
  line-height: 1.2 !important;
  margin: 0 0 7px !important;
  font-weight: 700 !important;
  color: #1d2746 !important;
}

.product-grid .content p {
  font-size: 11.5px !important;
  line-height: 1.48 !important;
  margin: 0 !important;
  color: #59657a !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  overflow: hidden !important;
}

.product-grid .carousel-control-prev,
.product-grid .carousel-control-next {
  width: 30px !important;
  opacity: .75 !important;
}

.product-grid .carousel-control-prev-icon,
.product-grid .carousel-control-next-icon {
  width: 20px !important;
  height: 20px !important;
  background-size: 65% 65% !important;
}

@media (max-width: 991px) {
  .product-grid .info-box-1 {
    height: 380px !important;
    min-height: 380px !important;
  }
}

@media (max-width: 575px) {
  .product-grid {
    row-gap: 12px !important;
  }

  .product-grid .info-box-1 {
    height: 365px !important;
    min-height: 365px !important;
    padding: 14px 12px !important;
  }

  .product-grid .carousel,
  .product-grid .carousel-inner,
  .product-grid .carousel-item,
  .product-grid .product-img {
    height: 135px !important;
  }

  .product-grid .carousel {
    flex-basis: 135px !important;
  }

  .product-grid .content h3 {
    font-size: 16px !important;
  }

  .product-grid .content p {
    font-size: 10.5px !important;
    line-height: 1.45 !important;
  }
}

/* ===== CHATBOT — SAFE SIZE / NEVER COVERS NAVBAR ===== */
.shiva-chat-panel{
  position:absolute !important;
  right:0 !important;
  bottom:84px !important;
  width:318px !important;
  height:600px !important;
  max-height:calc(100dvh - 300px) !important;
  min-height:420px !important;
  display:flex !important;
  flex-direction:column !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  transform:translateY(8px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
  z-index:100001 !important;
}
.shiva-chat-panel.open{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translateY(0);
}
.shiva-chat-body{
  height:auto !important;
  min-height:0 !important;
  flex:1 1 auto !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
@media(max-width:575px){
  .shiva-chat-panel{
    right:-2px !important;
    bottom:68px !important;
    width:calc(100vw - 18px) !important;
    max-width:320px !important;
    height:540px !important;
    max-height:calc(100dvh - 230px) !important;
    min-height:390px !important;
  }
}

@media (max-width:767px){
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .shiva-hero-dots{
    top:66%!important;
    bottom:auto!important;
    gap:7px!important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .shiva-hero-dot{
    width:8px!important;
    height:8px!important;
    min-width:8px!important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .shiva-hero-dot.active{
    width:9px!important;
    height:9px!important;
    min-width:9px!important;
  }
}

/* FINAL MOBILE HERO DOT POSITION — keep dots below Know More without overlap */
@media (max-width:767px){
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .shiva-hero-dots{
    position:absolute !important;
    left:50% !important;
    top:auto !important;
    bottom:10px !important;
    transform:translateX(-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    width:auto !important;
    height:12px !important;
    z-index:60 !important;
    pointer-events:auto !important;
  }

  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .shiva-hero-dot{
    position:relative !important;
    width:8px !important;
    height:8px !important;
    min-width:8px !important;
    min-height:8px !important;
    flex:0 0 8px !important;
  }

  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .shiva-hero-dot.active{
    width:9px !important;
    height:9px !important;
    min-width:9px !important;
    min-height:9px !important;
    flex-basis:9px !important;
  }
}

@media (max-width:390px){
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .shiva-hero-dots{
    bottom:8px !important;
  }
}

/* FINAL: mobile hero dots — visible, below Know More, never clipped/overlapped */
@media (max-width: 767px){
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .shiva-hero-dots{
    position:absolute !important;
    left:50% !important;
    top:auto !important;
    bottom:18px !important;
    transform:translateX(-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    width:max-content !important;
    height:12px !important;
    margin:0 !important;
    padding:2px 5px !important;
    z-index:999 !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .shiva-hero-dot,
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .shiva-hero-dot.active{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    flex:0 0 auto !important;
    margin:0 !important;
  }
}
@media (max-width:390px){
  section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .shiva-hero-dots{
    bottom:16px !important;
  }
}

/* FINAL MOBILE FIX: move the three-card background box slightly below the hero dots */
@media (max-width:767px){
  .themetechmount-area-full{
    margin-top:20px !important;
  }
}
@media (max-width:390px){
  .themetechmount-area-full{
    margin-top:18px !important;
  }
}

/* Modern Gallery refresh */
.shiva-gallery-modern{background:#fff;}
.shiva-gallery-heading{max-width:760px;margin:0 auto 34px;}
.shiva-gallery-eyebrow{display:inline-block;font-size:11px;letter-spacing:2.2px;font-weight:700;color:#086AD8;margin-bottom:8px;}
.shiva-gallery-heading h2{font-size:38px;line-height:1.15;font-weight:700;margin:0 0 12px;color:#172033;}
.shiva-gallery-heading p{margin:0;color:#6b7280;font-size:15px;line-height:1.7;}
.shiva-gallery-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-bottom:30px;}
.shiva-gallery-filters button{border:1px solid #dfe5ee;background:#fff;color:#4b5563;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:.25s ease;}
.shiva-gallery-filters button:hover,.shiva-gallery-filters button.mixitup-control-active{background:#086AD8;border-color:#086AD8;color:#fff;box-shadow:0 7px 18px rgba(8,106,216,.18);}
.shiva-gallery-grid{margin-left:-10px;margin-right:-10px;}
.shiva-gallery-col{padding-left:10px;padding-right:10px;margin-bottom:20px;}
.shiva-gallery-card{height:100%;background:#fff;border:1px solid #e8edf4;border-radius:14px;overflow:hidden;box-shadow:0 7px 24px rgba(24,36,58,.07);transition:transform .25s ease,box-shadow .25s ease;}
.shiva-gallery-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(24,36,58,.12);}
.shiva-gallery-image{display:block;position:relative;height:245px;overflow:hidden;background:#f4f6f9;}
.shiva-gallery-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;}
.shiva-gallery-card:hover .shiva-gallery-image img{transform:scale(1.055);}
.shiva-gallery-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.25));pointer-events:none;}
.shiva-gallery-view{position:absolute;right:13px;top:13px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.95);color:#086AD8;z-index:2;box-shadow:0 5px 15px rgba(0,0,0,.13);}
.shiva-gallery-meta{padding:16px 17px 18px;}
.shiva-gallery-meta span{display:inline-block;color:#086AD8;font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;margin-bottom:6px;}
.shiva-gallery-meta h3{font-size:17px;line-height:1.35;margin:0;color:#202938;font-weight:700;}
.shiva-gallery-modern .mix{display:block;}
@media(max-width:767px){
 .shiva-gallery-heading{margin-bottom:24px;padding:0 8px}.shiva-gallery-heading h2{font-size:30px}.shiva-gallery-heading p{font-size:14px}
 .shiva-gallery-filters{gap:7px;margin-bottom:22px}.shiva-gallery-filters button{padding:8px 13px;font-size:12px}
 .shiva-gallery-grid{margin-left:-7px;margin-right:-7px}.shiva-gallery-col{padding-left:7px;padding-right:7px;margin-bottom:14px}
 .shiva-gallery-image{height:215px}.shiva-gallery-meta{padding:13px 14px 15px}.shiva-gallery-meta h3{font-size:15px}.shiva-gallery-view{width:34px;height:34px;right:10px;top:10px}
}


/* ===== Shiva Punch Art - Gallery Refresh ===== */
.shiva-gallery-premium{position:relative;padding:72px 0 92px;background:#f7f8fa;overflow:hidden}
.shiva-gallery-premium .container{max-width:1240px}
.sp-gallery-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}
.sp-kicker,.sp-mini-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;line-height:1;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#f97316}
.sp-intro-copy h2{margin:12px 0 12px;font-size:46px;line-height:1.04;font-weight:800;letter-spacing:-.035em;color:#15171a}
.sp-intro-copy h2 em{font-style:normal;color:#2418cd}
.sp-intro-copy p{max-width:610px;margin:0;color:#69717c;font-size:15px;line-height:1.75}
.sp-intro-stat{display:flex;align-items:center;gap:12px;min-width:150px;padding:16px 20px;border:1px solid #e3e6ea;background:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(20,25,30,.05)}
.sp-intro-stat strong{font-size:32px;line-height:1;color:#15171a}.sp-intro-stat span{font-size:10px;line-height:1.35;font-weight:800;letter-spacing:.1em;color:#7a828d}
.sp-video-card{display:grid;grid-template-columns:minmax(270px,.78fr) minmax(0,1.55fr);min-height:300px;background:#111417;border-radius:22px;overflow:hidden;box-shadow:0 20px 55px rgba(16,20,24,.14);margin-bottom:42px}
.sp-video-copy{position:relative;padding:34px 36px;display:flex;flex-direction:column;justify-content:center;color:#fff}
.sp-number{font-size:11px;font-weight:800;letter-spacing:.14em;color:#f97316;margin-bottom:12px}
.sp-video-copy .sp-mini-label{color:#aeb5be}.sp-video-copy h3{font-size:30px;line-height:1.08;letter-spacing:-.025em;margin:12px 0 14px;color:#fff;font-weight:800}.sp-video-copy p{max-width:390px;margin:0;color:#b5bcc5;font-size:14px;line-height:1.7}
.sp-video-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px;color:#dce0e4;font-size:11px;font-weight:700;letter-spacing:.04em}.sp-video-meta i{color:#f97316;margin-right:5px}
.sp-video-frame{position:relative;background:#080a0c;min-height:300px}.sp-video-frame video{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;background:#080a0c}
.sp-images-block{background:#fff;border:1px solid #e7e9ec;border-radius:22px;padding:30px 30px 32px;box-shadow:0 12px 40px rgba(20,25,30,.06)}
.sp-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.sp-title-wrap{display:flex;align-items:center;gap:14px}.sp-title-wrap .sp-number{margin:0}.sp-title-wrap h3{margin:6px 0 0;font-size:25px;line-height:1.15;color:#17191c;font-weight:800}.sp-title-wrap .sp-mini-label{color:#7a818b}
.sp-gallery-controls{display:flex;gap:8px}.sp-gallery-arrow{width:42px;height:42px;border:1px solid #dfe3e7;background:#fff;border-radius:50%;display:grid;place-items:center;color:#1c2024;cursor:pointer;transition:.2s ease}.sp-gallery-arrow:hover{background:#f97316;border-color:#f97316;color:#fff;transform:translateY(-1px)}.sp-gallery-arrow:disabled{opacity:.35;cursor:not-allowed;transform:none}
.sp-gallery-viewport{overflow:hidden;border-radius:14px}.sp-gallery-track{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:2px 2px 12px;cursor:grab;scrollbar-width:none}.sp-gallery-track::-webkit-scrollbar{display:none}.sp-gallery-track.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}
.shiva-gallery-image{position:relative;flex:0 0 calc((100% - 42px)/4);height:220px;border-radius:12px;overflow:hidden;background:#eceff1;scroll-snap-align:start;text-decoration:none;box-shadow:0 5px 18px rgba(15,20,25,.08)}
.shiva-gallery-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease,filter .35s ease}.shiva-gallery-image:after{content:'View image';position:absolute;left:14px;bottom:14px;padding:7px 10px;border-radius:20px;background:rgba(17,20,23,.82);color:#fff;font-size:10px;font-weight:700;letter-spacing:.05em;opacity:0;transform:translateY(5px);transition:.25s ease}.shiva-gallery-image:hover img{transform:scale(1.045);filter:saturate(1.05)}.shiva-gallery-image:hover:after{opacity:1;transform:none}
.sp-gallery-hint{display:flex;align-items:center;justify-content:space-between;margin-top:15px;color:#8a919a;font-size:11px}.sp-gallery-hint span:last-child{font-weight:700;color:#616972}
.sp-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(8,10,12,.94);display:none;align-items:center;justify-content:center;padding:28px}.sp-lightbox.is-open{display:flex}.sp-lightbox img{max-width:min(1100px,92vw);max-height:84vh;object-fit:contain;border-radius:8px;box-shadow:0 25px 80px rgba(0,0,0,.4)}.sp-lightbox-close,.sp-lightbox-prev,.sp-lightbox-next{position:absolute;width:46px;height:46px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;border-radius:50%;display:grid;place-items:center;cursor:pointer}.sp-lightbox-close{top:22px;right:22px;font-size:20px}.sp-lightbox-prev{left:22px;top:50%;transform:translateY(-50%)}.sp-lightbox-next{right:22px;top:50%;transform:translateY(-50%)}.sp-lightbox-counter{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);color:#d8dde2;font-size:12px;letter-spacing:.08em}
@media(max-width:991px){.shiva-gallery-premium{padding:54px 0 70px}.sp-intro-copy h2{font-size:38px}.sp-video-card{grid-template-columns:1fr}.sp-video-copy{padding:28px 30px}.sp-video-frame,.sp-video-frame video{min-height:240px;height:240px}.shiva-gallery-image{flex-basis:calc((100% - 14px)/2);height:220px}.sp-images-block{padding:24px}}
@media(max-width:575px){.sp-gallery-intro{align-items:flex-start;flex-direction:column;margin-bottom:24px}.sp-intro-copy h2{font-size:32px}.sp-intro-copy p{font-size:13px}.sp-intro-stat{min-width:0;padding:12px 15px}.sp-video-card{border-radius:16px;margin-bottom:34px}.sp-video-copy{padding:24px 20px}.sp-video-copy h3{font-size:26px}.sp-video-frame,.sp-video-frame video{min-height:190px;height:190px}.sp-images-block{border-radius:16px;padding:20px 16px 22px}.sp-section-head{align-items:flex-end}.sp-title-wrap h3{font-size:20px}.sp-gallery-controls{flex-shrink:0}.sp-gallery-arrow{width:38px;height:38px}.shiva-gallery-image{flex-basis:82%;height:230px}.sp-gallery-hint{font-size:10px}.sp-lightbox{padding:18px}.sp-lightbox img{max-width:94vw;max-height:78vh}.sp-lightbox-prev{left:10px}.sp-lightbox-next{right:10px}.sp-lightbox-close{top:10px;right:10px}}

/* ===== Contact Page — Compact Orange + Blue Refresh ===== */
.sp-contact-section{position:relative;padding:72px 0 82px;background:#f7f9fc;overflow:hidden}
.sp-contact-section:before{content:"";position:absolute;width:430px;height:430px;right:-180px;top:-210px;border-radius:50%;background:rgba(249,115,22,.08);pointer-events:none}
.sp-contact-section:after{content:"";position:absolute;width:300px;height:300px;left:-180px;bottom:-180px;border-radius:50%;background:rgba(8,106,216,.07);pointer-events:none}
.sp-contact-section .container{max-width:1180px;position:relative;z-index:1}
.sp-contact-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}
.sp-contact-kicker{display:inline-flex;align-items:center;gap:7px;color:#f97316;font-size:10px;font-weight:800;letter-spacing:.16em;line-height:1;text-transform:uppercase}
.sp-contact-intro h2{margin:11px 0 10px;color:#172033;font-size:42px;line-height:1.05;font-weight:800;letter-spacing:-.035em}
.sp-contact-intro h2 em{font-style:normal;color:#086ad8}
.sp-contact-intro>div:first-child p{max-width:620px;margin:0;color:#697383;font-size:14px;line-height:1.7}
.sp-contact-badge{min-width:205px;padding:14px 17px;border:1px solid #dfe7f2;border-radius:13px;background:#fff;box-shadow:0 9px 25px rgba(18,34,56,.06)}
.sp-contact-badge span{display:block;margin-bottom:5px;color:#f97316;font-size:9px;font-weight:800;letter-spacing:.14em}
.sp-contact-badge strong{display:block;color:#172033;font-size:12px;line-height:1.35}
.sp-contact-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:22px;align-items:stretch}
.sp-contact-form-card{background:#fff;border:1px solid #e3e8ef;border-radius:20px;padding:27px 28px 24px;box-shadow:0 15px 42px rgba(20,35,55,.07)}
.sp-contact-form-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #edf0f4}
.sp-contact-form-head>div{display:flex;align-items:center;gap:11px}
.sp-contact-form-head>div>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#086ad8;color:#fff;font-size:10px;font-weight:800}
.sp-contact-form-head h3{margin:0;color:#172033;font-size:22px;font-weight:800}
.sp-contact-form-head p{margin:0;color:#8a94a3;font-size:11px}
.sp-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px 16px}
.sp-field{display:block;margin:0;color:#344054;font-size:11px;font-weight:700}
.sp-field>span{display:block;margin:0 0 7px}
.sp-field>div{position:relative}
.sp-field input,.sp-field textarea{display:block;width:100%;border:1px solid #dfe5ec;background:#fbfcfe;border-radius:10px;outline:0;color:#202b3c;font-family:inherit;font-size:13px;transition:.2s ease;box-sizing:border-box}
.sp-field input{height:46px;padding:0 42px 0 14px}
.sp-field textarea{height:116px;resize:vertical;min-height:96px;padding:13px 42px 13px 14px;line-height:1.55}
.sp-field input::placeholder,.sp-field textarea::placeholder{color:#a5adb8}
.sp-field>div>i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#086ad8;font-size:12px;pointer-events:none}
.sp-field .sp-textarea-wrap>i{top:17px;transform:none;color:#f97316}
.sp-field input:focus,.sp-field textarea:focus{border-color:#086ad8;background:#fff;box-shadow:0 0 0 3px rgba(8,106,216,.08)}
.sp-field-full{grid-column:1/-1}
.sp-contact-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px}
.sp-contact-form-bottom p{margin:0;color:#8993a0;font-size:10px;line-height:1.4}.sp-contact-form-bottom p i{color:#086ad8;margin-right:5px}
.sp-contact-submit{border:0;border-radius:10px;padding:12px 18px;background:#f97316;color:#fff;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 9px 20px rgba(249,115,22,.2);transition:.22s ease}
.sp-contact-submit i{margin-left:8px}.sp-contact-submit:hover{background:#ea650c;transform:translateY(-1px);box-shadow:0 12px 24px rgba(249,115,22,.25)}
.sp-contact-info-card{position:relative;overflow:hidden;border-radius:20px;padding:29px 25px 22px;background:linear-gradient(145deg,#0757b8 0%,#086ad8 55%,#124d9c 100%);box-shadow:0 18px 45px rgba(8,106,216,.18);color:#fff}
.sp-contact-info-card:before{content:"";position:absolute;width:230px;height:230px;right:-115px;top:-95px;border-radius:50%;background:rgba(249,115,22,.32)}
.sp-contact-info-card:after{content:"";position:absolute;width:140px;height:140px;left:-90px;bottom:-80px;border-radius:50%;background:rgba(255,255,255,.08)}
.sp-contact-info-top,.sp-contact-info-list,.sp-contact-hours{position:relative;z-index:1}
.sp-contact-info-card .sp-contact-kicker{color:#ffb27c}
.sp-contact-info-top h3{margin:12px 0 9px;color:#fff;font-size:31px;line-height:1.02;letter-spacing:-.03em;font-weight:800}.sp-contact-info-top h3 em{font-style:normal;color:#ffad75}
.sp-contact-info-top p{margin:0 0 21px;color:rgba(255,255,255,.72);font-size:12px;line-height:1.65}
.sp-contact-info-list{border-top:1px solid rgba(255,255,255,.17)}
.sp-contact-info-item{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.17);color:#fff;text-decoration:none}
.sp-contact-info-item:hover{color:#fff}.sp-contact-info-icon{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.13);color:#ffad75;font-size:12px}
.sp-contact-info-item>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.sp-contact-info-item small{font-size:8px;font-weight:800;letter-spacing:.13em;color:rgba(255,255,255,.58);margin-bottom:3px}.sp-contact-info-item strong{font-size:12px;line-height:1.35;color:#fff;font-weight:700}.sp-contact-info-item b{font-size:9px;line-height:1.4;color:rgba(255,255,255,.66);font-weight:500;margin-top:2px;white-space:normal}.sp-contact-item-arrow{margin-left:auto;color:rgba(255,255,255,.5);font-size:9px}
.sp-contact-hours{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:10px 12px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:rgba(0,0,0,.09);font-size:9px}.sp-contact-hours span{color:rgba(255,255,255,.7);font-weight:700;letter-spacing:.08em}.sp-contact-hours span i{color:#ffad75;margin-right:5px}.sp-contact-hours strong{font-size:9px;color:#fff}
.sp-contact-section .ajax-response{margin:10px 0 0;font-size:11px}
@media(max-width:991px){.sp-contact-section{padding:58px 0 68px}.sp-contact-intro h2{font-size:36px}.sp-contact-layout{grid-template-columns:1fr}.sp-contact-info-card{min-height:0}.sp-contact-info-list{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.sp-contact-info-item:last-child{grid-column:1/-1}.sp-contact-hours{max-width:360px}}
@media(max-width:575px){.sp-contact-section{padding:46px 0 55px}.sp-contact-intro{display:block;margin-bottom:23px}.sp-contact-intro h2{font-size:31px;line-height:1.08}.sp-contact-intro>div:first-child p{font-size:13px}.sp-contact-badge{margin-top:16px;display:inline-block;min-width:0;padding:11px 13px}.sp-contact-form-card{border-radius:16px;padding:21px 16px 18px}.sp-contact-form-head{display:block;padding-bottom:15px;margin-bottom:16px}.sp-contact-form-head p{margin-top:8px}.sp-contact-fields{grid-template-columns:1fr;gap:13px}.sp-field-full{grid-column:auto}.sp-contact-form-bottom{display:block;margin-top:16px}.sp-contact-form-bottom p{margin-bottom:12px}.sp-contact-submit{width:100%;padding:13px 16px}.sp-contact-info-card{border-radius:16px;padding:24px 18px 19px}.sp-contact-info-top h3{font-size:28px}.sp-contact-info-list{display:block}.sp-contact-info-item:last-child{grid-column:auto}.sp-contact-hours{margin-top:15px;display:block}.sp-contact-hours strong{display:block;margin-top:5px}}

/* =========================================================
   CONTACT — COMPACT PREMIUM ORANGE + BLUE FINAL
   ========================================================= */
.sp-contact-section{
  padding:48px 0 58px!important;
  background:#f8fafc!important;
}
.sp-contact-section:before{width:300px!important;height:300px!important;right:-150px!important;top:-150px!important;background:rgba(249,115,22,.065)!important}
.sp-contact-section:after{width:220px!important;height:220px!important;left:-130px!important;bottom:-130px!important;background:rgba(8,106,216,.055)!important}
.sp-contact-section .container{max-width:1120px!important}

.sp-contact-intro{
  align-items:center!important;
  gap:20px!important;
  margin-bottom:22px!important;
}
.sp-contact-kicker{font-size:9px!important;letter-spacing:.15em!important}
.sp-contact-intro h2{
  margin:8px 0 7px!important;
  font-size:34px!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
}
.sp-contact-intro>div:first-child p{
  max-width:570px!important;
  font-size:12px!important;
  line-height:1.5!important;
}
.sp-contact-badge{
  min-width:178px!important;
  padding:11px 14px!important;
  border-radius:11px!important;
  box-shadow:0 7px 20px rgba(18,34,56,.05)!important;
}
.sp-contact-badge span{font-size:8px!important;margin-bottom:4px!important}
.sp-contact-badge strong{font-size:11px!important}

.sp-contact-layout{
  grid-template-columns:minmax(0,1.52fr) minmax(275px,.78fr)!important;
  gap:16px!important;
}
.sp-contact-form-card{
  border-radius:15px!important;
  padding:20px 21px 18px!important;
  box-shadow:0 10px 30px rgba(20,35,55,.055)!important;
}
.sp-contact-form-head{
  padding-bottom:12px!important;
  margin-bottom:15px!important;
  gap:12px!important;
}
.sp-contact-form-head>div{gap:9px!important}
.sp-contact-form-head>div>span{
  width:25px!important;height:25px!important;border-radius:7px!important;font-size:9px!important;
}
.sp-contact-form-head h3{font-size:18px!important}
.sp-contact-form-head p{font-size:9px!important}
.sp-contact-fields{gap:11px 12px!important}
.sp-field{font-size:10px!important}
.sp-field>span{margin-bottom:5px!important}
.sp-field input{height:40px!important;padding:0 36px 0 12px!important;font-size:12px!important;border-radius:8px!important}
.sp-field textarea{height:88px!important;min-height:78px!important;padding:10px 36px 10px 12px!important;font-size:12px!important;border-radius:8px!important;line-height:1.45!important}
.sp-field>div>i{right:12px!important;font-size:10px!important}
.sp-field .sp-textarea-wrap>i{top:12px!important}
.sp-contact-form-bottom{margin-top:13px!important;gap:12px!important}
.sp-contact-form-bottom p{font-size:9px!important}
.sp-contact-submit{
  padding:10px 15px!important;
  border-radius:8px!important;
  font-size:10px!important;
  box-shadow:0 7px 16px rgba(249,115,22,.18)!important;
}

.sp-contact-info-card{
  border-radius:15px!important;
  padding:21px 19px 17px!important;
  box-shadow:0 12px 30px rgba(8,106,216,.14)!important;
}
.sp-contact-info-card:before{width:180px!important;height:180px!important;right:-90px!important;top:-75px!important}
.sp-contact-info-top h3{font-size:27px!important;margin:9px 0 7px!important}
.sp-contact-info-top p{font-size:10px!important;line-height:1.5!important;margin-bottom:14px!important}
.sp-contact-info-item{gap:9px!important;padding:10px 0!important}
.sp-contact-info-icon{flex-basis:30px!important;width:30px!important;height:30px!important;border-radius:8px!important;font-size:10px!important}
.sp-contact-info-item small{font-size:7px!important;margin-bottom:2px!important}
.sp-contact-info-item strong{font-size:10px!important}
.sp-contact-info-item b{font-size:8px!important}
.sp-contact-item-arrow{font-size:8px!important}
.sp-contact-hours{margin-top:12px!important;padding:8px 10px!important;border-radius:8px!important;font-size:8px!important}
.sp-contact-hours strong{font-size:8px!important}

/* Compact breadcrumb on this page */
.breadcrumb-area:has(.breadcrumb-content h2){min-height:155px!important;padding:42px 0!important}
.breadcrumb-area:has(.breadcrumb-content h2) .breadcrumb-content h2{font-size:30px!important}

@media(max-width:991px){
  .sp-contact-section{padding:42px 0 50px!important}
  .sp-contact-intro h2{font-size:31px!important}
  .sp-contact-layout{grid-template-columns:1fr!important}
  .sp-contact-info-list{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:15px!important}
  .sp-contact-info-item:last-child{grid-column:1/-1!important}
}
@media(max-width:575px){
  .sp-contact-section{padding:34px 0 42px!important}
  .sp-contact-intro{margin-bottom:18px!important}
  .sp-contact-intro h2{font-size:27px!important}
  .sp-contact-intro>div:first-child p{font-size:11px!important;line-height:1.5!important}
  .sp-contact-badge{margin-top:11px!important;padding:9px 11px!important}
  .sp-contact-form-card{padding:17px 14px 15px!important;border-radius:13px!important}
  .sp-contact-form-head{display:block!important;padding-bottom:11px!important;margin-bottom:13px!important}
  .sp-contact-form-head p{margin-top:6px!important}
  .sp-contact-fields{gap:10px!important}
  .sp-contact-form-bottom{display:block!important;margin-top:12px!important}
  .sp-contact-form-bottom p{margin-bottom:9px!important}
  .sp-contact-submit{width:100%!important;padding:11px 14px!important}
  .sp-contact-info-card{padding:19px 15px 15px!important;border-radius:13px!important}
  .sp-contact-info-top h3{font-size:24px!important}
  .sp-contact-info-list{display:block!important}
  .sp-contact-hours{display:block!important}
  .sp-contact-hours strong{display:block!important;margin-top:4px!important}
  .breadcrumb-area:has(.breadcrumb-content h2){min-height:120px!important;padding:31px 0!important}
  .breadcrumb-area:has(.breadcrumb-content h2) .breadcrumb-content h2{font-size:24px!important}
}

/* Contact hero - restore a more balanced, premium height */
.breadcrumb-area:has(.breadcrumb-content h2){
  min-height:230px!important;
  height:230px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  background-position:center center!important;
}
.breadcrumb-area:has(.breadcrumb-content h2) .breadcrumb-content h2{
  font-size:36px!important;
  margin:0!important;
}
@media (max-width:991px){
  .breadcrumb-area:has(.breadcrumb-content h2){
    min-height:200px!important;
    height:200px!important;
  }
  .breadcrumb-area:has(.breadcrumb-content h2) .breadcrumb-content h2{font-size:32px!important}
}
@media (max-width:575px){
  .breadcrumb-area:has(.breadcrumb-content h2){
    min-height:175px!important;
    height:175px!important;
  }
  .breadcrumb-area:has(.breadcrumb-content h2) .breadcrumb-content h2{font-size:28px!important}
}

/* =========================================================
   FINAL BALANCED SECTION SCALE — restore natural page sizes
   Keep the premium compact styling, but prevent sections from
   looking undersized.
   ========================================================= */

/* About + Exhibitions: restore comfortable vertical breathing room */
.about-area.shiva-about-only.section-padding{padding:112px 0!important;}
.portfolio-area.section-padding{padding:112px 0!important;}

/* Contact: larger hero + balanced content area */
.breadcrumb-area:has(.breadcrumb-content h2){min-height:210px!important;padding:58px 0!important;}
.breadcrumb-area:has(.breadcrumb-content h2) .breadcrumb-content h2{font-size:36px!important;}
.sp-contact-section{padding:76px 0 88px!important;}
.sp-contact-intro{margin-bottom:30px!important;}
.sp-contact-intro h2{font-size:40px!important;}
.sp-contact-intro>div:first-child p{font-size:13px!important;line-height:1.65!important;}
.sp-contact-badge{min-width:195px!important;padding:13px 16px!important;}
.sp-contact-form-card{padding:25px 27px 22px!important;border-radius:18px!important;}
.sp-contact-form-head{padding-bottom:16px!important;margin-bottom:18px!important;}
.sp-contact-form-head h3{font-size:21px!important;}
.sp-field input{height:44px!important;}
.sp-field textarea{height:108px!important;min-height:92px!important;}
.sp-contact-info-card{padding:27px 23px 21px!important;border-radius:18px!important;}
.sp-contact-info-top h3{font-size:30px!important;}

/* Our Products: bring product cards back to a comfortable visual size */
.our-products-grid .carousel,
.our-products-grid .carousel-inner,
.our-products-grid .carousel-item{height:255px!important;}
.our-products-grid .carousel-item .product-img{height:255px!important;}
.our-products-grid .content{min-height:130px!important;}

/* Gallery: keep video compact, but not undersized */
.shiva-gallery-premium{padding:70px 0 76px!important;}
.shiva-gallery-premium .sp-gallery-intro{margin-bottom:36px!important;}
.shiva-gallery-premium .sp-gallery-intro h2{font-size:42px!important;}
.shiva-gallery-premium .sp-intro-stat{height:86px!important;width:122px!important;min-width:122px!important;}
.shiva-gallery-premium .sp-intro-stat strong{font-size:36px!important;}
.shiva-gallery-premium .sp-video-card{margin-bottom:48px!important;}
.shiva-gallery-premium .sp-video-frame{height:310px!important;min-height:310px!important;}
.shiva-gallery-premium .sp-video-frame video{height:100%!important;min-height:0!important;}
.shiva-gallery-premium .sp-gallery-image{flex-basis:220px!important;width:220px!important;height:165px!important;}

@media(max-width:991px){
  .about-area.shiva-about-only.section-padding,
  .portfolio-area.section-padding{padding:90px 0!important;}
  .breadcrumb-area:has(.breadcrumb-content h2){min-height:190px!important;padding:50px 0!important;}
  .sp-contact-section{padding:64px 0 74px!important;}
  .sp-contact-intro h2{font-size:36px!important;}
  .our-products-grid .carousel,
  .our-products-grid .carousel-inner,
  .our-products-grid .carousel-item,
  .our-products-grid .carousel-item .product-img{height:235px!important;}
  .shiva-gallery-premium{padding:60px 0 68px!important;}
  .shiva-gallery-premium .sp-gallery-intro h2{font-size:38px!important;}
  .shiva-gallery-premium .sp-video-frame{height:280px!important;min-height:280px!important;}
  .shiva-gallery-premium .sp-gallery-image{flex-basis:205px!important;width:205px!important;height:155px!important;}
}

@media(max-width:575px){
  .about-area.shiva-about-only.section-padding,
  .portfolio-area.section-padding{padding:70px 0!important;}
  .breadcrumb-area:has(.breadcrumb-content h2){min-height:175px!important;padding:44px 0!important;}
  .breadcrumb-area:has(.breadcrumb-content h2) .breadcrumb-content h2{font-size:30px!important;}
  .sp-contact-section{padding:52px 0 62px!important;}
  .sp-contact-intro h2{font-size:30px!important;}
  .sp-contact-intro>div:first-child p{font-size:12px!important;}
  .sp-contact-form-card{padding:20px 16px 18px!important;}
  .sp-field input{height:42px!important;}
  .sp-field textarea{height:100px!important;min-height:90px!important;}
  .sp-contact-info-card{padding:22px 17px 18px!important;}
  .our-products-grid .carousel,
  .our-products-grid .carousel-inner,
  .our-products-grid .carousel-item,
  .our-products-grid .carousel-item .product-img{height:210px!important;}
  .shiva-gallery-premium{padding:52px 0 60px!important;}
  .shiva-gallery-premium .sp-gallery-intro h2{font-size:32px!important;}
  .shiva-gallery-premium .sp-intro-stat{height:72px!important;width:104px!important;min-width:104px!important;}
  .shiva-gallery-premium .sp-intro-stat strong{font-size:29px!important;}
  .shiva-gallery-premium .sp-video-frame{height:205px!important;min-height:205px!important;}
  .shiva-gallery-premium .sp-gallery-image{flex-basis:190px!important;width:190px!important;height:145px!important;}
}

/* =========================================================
   FINAL REQUESTED UI/UX FIXES — BRAND COLORS + SPACING ONLY
   Brand colors sampled from the existing Shiva Punch Art logo:
   Blue #2818d0 / Red #ff2838
   ========================================================= */
:root{
  --shiva-brand-blue:#2818d0;
  --shiva-brand-red:#ff2838;
}

/* Home: give the three feature cards a clean mobile gap without changing layout/content. */
@media (max-width:575px){
  .themetechmount-area-full .row > [class*="col-"]{
    margin-bottom:12px !important;
  }
  .themetechmount-area-full .row > [class*="col-"]:last-child{
    margin-bottom:0 !important;
  }
}

/* About + Exhibition: reduce only the excessive top/bottom whitespace. */
.about-area.shiva-about-only.section-padding{
  padding-top:72px !important;
  padding-bottom:82px !important;
}
.portfolio-area.section-padding{
  padding-top:72px !important;
  padding-bottom:82px !important;
}

/* Contact: remove the unrelated orange/blue grading and use only logo blue + red. */
.sp-contact-section:before{
  background:rgba(255,40,56,.07) !important;
}
.sp-contact-section:after{
  background:rgba(40,24,208,.055) !important;
}
.sp-contact-kicker,
.sp-contact-badge span{
  color:var(--shiva-brand-red) !important;
}
.sp-contact-intro h2 em{
  color:var(--shiva-brand-blue) !important;
}
.sp-contact-form-head>div>span{
  background:var(--shiva-brand-blue) !important;
}
.sp-field>div>i,
.sp-contact-form-bottom p i{
  color:var(--shiva-brand-blue) !important;
}
.sp-field .sp-textarea-wrap>i{
  color:var(--shiva-brand-red) !important;
}
.sp-field input:focus,
.sp-field textarea:focus{
  border-color:var(--shiva-brand-blue) !important;
  box-shadow:0 0 0 3px rgba(40,24,208,.08) !important;
}
.sp-contact-submit{
  background:var(--shiva-brand-red) !important;
  box-shadow:0 9px 20px rgba(255,40,56,.18) !important;
}
.sp-contact-submit:hover{
  background:#e51f30 !important;
  box-shadow:0 12px 24px rgba(255,40,56,.22) !important;
}
.sp-contact-info-card{
  background:linear-gradient(145deg,#2118a8 0%,var(--shiva-brand-blue) 58%,#171070 100%) !important;
  box-shadow:0 18px 45px rgba(40,24,208,.16) !important;
}
.sp-contact-info-card:before{
  background:rgba(255,40,56,.25) !important;
}
.sp-contact-info-card .sp-contact-kicker,
.sp-contact-info-top h3 em,
.sp-contact-info-icon,
.sp-contact-hours span i{
  color:#ff7a86 !important;
}

/* Keep the contact hero at its existing balanced size; only its colors are corrected above. */

@media(max-width:575px){
  .about-area.shiva-about-only.section-padding{
    padding-top:58px !important;
    padding-bottom:66px !important;
  }
  .portfolio-area.section-padding{
    padding-top:58px !important;
    padding-bottom:66px !important;
  }
}

/* Contact page refinements: keep the site's existing Poppins type and compact team/quick-links layout. */
.sp-contact-intro h2,
.sp-contact-intro h2 em,
.sp-contact-info-top h3,
.sp-contact-info-top h3 em,
.sp-team-heading h2,
.sp-team-card h3,
.sp-contact-team-section,
.sp-contact-team-section a,
.sp-contact-team-section p,
.sp-contact-team-section strong { font-family:'Poppins',sans-serif; }
.sp-contact-intro h2{font-family:'Poppins',sans-serif!important;font-weight:800;}
.sp-contact-team-section{padding:8px 0 70px;background:#fff;}
.sp-team-heading{margin-bottom:24px;}
.sp-team-heading h2{margin:9px 0 7px;font-size:32px;line-height:1.15;font-weight:800;color:#172033;letter-spacing:-.02em;}
.sp-team-heading p{margin:0;color:#697383;font-size:13px;line-height:1.6;max-width:620px;}
.sp-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.sp-team-card{padding:21px 22px 19px;background:#fff;border:1px solid #e3e8ef;border-radius:14px;box-shadow:0 10px 28px rgba(20,35,55,.055);}
.sp-team-card h3{margin:0 0 13px;color:#172033;font-size:17px;line-height:1.25;font-weight:800;}
.sp-team-lines{display:grid;gap:7px;}
.sp-team-lines a{color:#086ad8;text-decoration:none;font-size:12px;line-height:1.45;}
.sp-team-lines a:hover{text-decoration:underline;}
.sp-team-lines strong{color:#172033;font-weight:700;}
.sp-contact-quick-grid{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:14px;margin-top:18px;}
.sp-contact-quick-card{padding:15px 17px;border:1px solid #e3e8ef;border-radius:12px;background:#f8fafc;min-width:0;}
.sp-contact-quick-label{margin-bottom:6px;color:#172033;font-size:11px;font-weight:800;}
.sp-contact-quick-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#172033;font-size:12px;font-weight:700;}
.sp-contact-quick-links a{color:#086ad8;text-decoration:none;}
.sp-contact-quick-links a:hover{text-decoration:underline;}
@media(max-width:991px){.sp-team-grid{grid-template-columns:1fr 1fr}.sp-team-card:last-child{grid-column:1/-1}.sp-contact-quick-grid{grid-template-columns:1fr 1fr}.sp-contact-quick-card:last-child{grid-column:1/-1}}
@media(max-width:575px){.sp-contact-team-section{padding:2px 0 48px}.sp-team-heading{margin-bottom:18px}.sp-team-heading h2{font-size:27px}.sp-team-heading p{font-size:12px}.sp-team-grid{grid-template-columns:1fr;gap:11px}.sp-team-card:last-child{grid-column:auto}.sp-team-card{padding:17px 16px}.sp-team-card h3{font-size:15px;margin-bottom:10px}.sp-team-lines a{font-size:11px}.sp-contact-quick-grid{grid-template-columns:1fr;gap:10px;margin-top:12px}.sp-contact-quick-card:last-child{grid-column:auto}.sp-contact-quick-card{padding:13px 14px}.sp-contact-quick-links{font-size:11px}}

/* Final contact location correction: icon belongs in Direct Contact; no location image in the lower quick-links card. */
.sp-contact-location-icon i,.sp-quick-location-icon i{font-size:18px;line-height:1;display:block;}
.sp-contact-info-icon.sp-contact-location-icon{display:inline-flex;align-items:center;justify-content:center;}
.sp-contact-quick-card:first-child img{display:none!important;}
.sp-contact-quick-card:first-child{overflow:hidden;}

/* Contact page final correction: location pin belongs only to Direct Contact. */
.sp-contact-info-item .sp-contact-info-icon i.fas.fa-location-dot {
  display: inline-block !important;
  font-size: 14px !important;
  line-height: 1 !important;
}
.sp-contact-quick-card:first-child .sp-contact-quick-label i,
.sp-contact-quick-card:first-child .sp-contact-quick-label img,
.sp-contact-quick-card:first-child img {
  display: none !important;
}

/* =========================================================
   FINAL SPACING + CONTACT CARD ALIGNMENT
   - Align the three quick-contact cards directly under the
     corresponding three team cards.
   - Reduce excessive upper whitespace on About, Exhibitions
     and Our Products without changing content/functionality.
   ========================================================= */

/* Contact: lower 3 cards use the same 3-column geometry as Team Members. */
.sp-contact-quick-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  margin-top:18px !important;
}
.sp-contact-quick-card{
  min-height:96px !important;
  box-sizing:border-box !important;
}

/* About: reduce the large blank area above the content. */
.about-area.shiva-about-only.section-padding{
  padding-top:38px !important;
  padding-bottom:62px !important;
}

/* Exhibitions: compact the space immediately after the banner. */
.portfolio-area.section-padding{
  padding-top:42px !important;
  padding-bottom:68px !important;
}

/* Our Products: reduce the space between the page banner and products. */
.services-area.section-padding-2{
  padding-top:42px !important;
  padding-bottom:68px !important;
}

/* Compact page banners on desktop/tablet. */
.breadcrumb-area:has(.breadcrumb-content h2){
  min-height:145px !important;
  padding:34px 0 !important;
}
.breadcrumb-area:has(.breadcrumb-content h2) .breadcrumb-content h2{
  font-size:32px !important;
}

@media(max-width:991px){
  .sp-contact-quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }
  .sp-contact-quick-card:last-child{
    grid-column:1 / -1 !important;
  }
  .about-area.shiva-about-only.section-padding{
    padding-top:34px !important;
    padding-bottom:56px !important;
  }
  .portfolio-area.section-padding,
  .services-area.section-padding-2{
    padding-top:36px !important;
    padding-bottom:58px !important;
  }
  .breadcrumb-area:has(.breadcrumb-content h2){
    min-height:125px !important;
    padding:30px 0 !important;
  }
}

@media(max-width:575px){
  .sp-contact-quick-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:12px !important;
  }
  .sp-contact-quick-card:last-child{
    grid-column:auto !important;
  }
  .sp-contact-quick-card{
    min-height:0 !important;
  }
  .about-area.shiva-about-only.section-padding{
    padding-top:28px !important;
    padding-bottom:50px !important;
  }
  .portfolio-area.section-padding,
  .services-area.section-padding-2{
    padding-top:30px !important;
    padding-bottom:52px !important;
  }
  .breadcrumb-area:has(.breadcrumb-content h2){
    min-height:105px !important;
    padding:25px 0 !important;
  }
  .breadcrumb-area:has(.breadcrumb-content h2) .breadcrumb-content h2{
    font-size:27px !important;
  }
}

/* Contact email links: keep both addresses directly clickable */
.sp-contact-email-item { color:#fff; text-decoration:none; }
.sp-contact-email-item .sp-contact-email-link { display:flex; flex-direction:column; color:#fff; text-decoration:none; cursor:pointer; }
.sp-contact-email-item .sp-contact-email-link:hover { color:#fff; text-decoration:underline; }
.sp-contact-email-item .sp-contact-email-link strong,
.sp-contact-email-item .sp-contact-email-link b { pointer-events:auto; }

/* Final email clickability fix: keep all mail links above decorative overlays. */
.sp-contact-email-item .sp-contact-email-link,
.sp-contact-quick-card:first-child .sp-contact-quick-links a {
  position: relative !important;
  z-index: 5 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
.sp-contact-email-item .sp-contact-email-link { display: block !important; }

/* USER REQUEST: mobile footer only. Desktop footer and all other sections remain unchanged. */
.shiva-mobile-footer-nav{display:none;}
@media(max-width:575px){
  .shiva-footer-main{
    background:linear-gradient(180deg,var(--sp-navy),var(--sp-navy-2)) !important;
    padding:18px 0 0 !important;
  }
  .shiva-footer-brand{
    margin:0 auto 12px !important;
    padding:0 0 14px !important;
    border-bottom:1px solid rgba(255,255,255,.09) !important;
    max-width:100% !important;
  }
  .shiva-footer-logo{margin:0 auto 7px !important;}
  .shiva-footer-logo img{width:145px !important;max-width:62% !important;}
  .shiva-footer-brand p{max-width:330px !important;margin:0 auto 10px !important;font-size:10px !important;line-height:1.5 !important;}
  .shiva-support{
    width:calc(100% - 72px) !important;max-width:300px !important;min-height:0 !important;
    padding:7px 9px !important;gap:9px !important;border-radius:14px !important;
  }
  .shiva-support .support-icon{width:34px !important;height:34px !important;flex-basis:34px !important;border-radius:10px !important;font-size:12px !important;}
  .shiva-support small{font-size:8px !important;line-height:1.1 !important;}
  .shiva-support strong{font-size:12px !important;line-height:1.1 !important;}
  .shiva-support>i{font-size:15px !important;}
  .shiva-footer-grid{display:none !important;}
  .shiva-mobile-footer-nav{
    display:block !important;width:100% !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
  }
  .shiva-mobile-footer-row{
    min-height:56px !important;width:100% !important;margin:0 !important;padding:0 2px 0 14px !important;
    box-sizing:border-box !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,.09) !important;
    border-radius:0 !important;background:transparent !important;color:#f2f5fa !important;
    text-decoration:none !important;display:flex !important;align-items:center !important;
    justify-content:space-between !important;gap:10px !important;font-size:12px !important;
    font-weight:800 !important;letter-spacing:.04em !important;
  }
  .shiva-mobile-footer-row > span,.shiva-mobile-footer-row summary > span{color:#f2f5fa !important;}
  .shiva-mobile-footer-row{position:relative !important;padding-right:42px !important;}
  .shiva-mobile-footer-row > i,.shiva-mobile-footer-row summary > i{
    position:absolute !important;right:14px !important;top:50% !important;transform:translateY(-50%) !important;
    color:#f97316 !important;font-size:9px !important;line-height:1 !important;width:12px !important;height:12px !important;
    display:flex !important;align-items:center !important;justify-content:center !important;margin:0 !important;
    flex:0 0 12px !important;
  }
  .shiva-mobile-expand{display:block !important;position:relative !important;}
  .shiva-mobile-expand summary{
    min-height:56px !important;width:100% !important;padding:0 42px 0 0 !important;margin:0 !important;box-sizing:border-box !important;
    display:flex !important;align-items:center !important;justify-content:flex-start !important;
    list-style:none !important;cursor:pointer !important;color:#f2f5fa !important;position:relative !important;
  }
  .shiva-mobile-expand summary::-webkit-details-marker{display:none !important;}
  .shiva-mobile-expand summary > i{transition:transform .18s ease !important;}
  .shiva-mobile-expand[open] summary > i{transform:translateY(-50%) rotate(45deg) !important;}
  .shiva-mobile-footer-content{
    padding:0 14px 12px !important;border-top:1px solid rgba(255,255,255,.06) !important;
    background:rgba(0,0,0,.035) !important;max-height:190px !important;overflow-y:auto !important;
  }
  .shiva-mobile-footer-content a,.shiva-mobile-address{
    display:block !important;padding:8px 0 !important;color:#cbd5e1 !important;
    font-size:10px !important;line-height:1.45 !important;text-decoration:none !important;
  }
  .shiva-mobile-footer-content a:hover{color:#fff !important;}
  .shiva-mobile-address strong{
    display:block !important;margin-bottom:3px !important;color:#fff !important;font-size:9px !important;letter-spacing:.05em !important;
  }
  .shiva-footer-bottom{padding:11px 0 !important;background:var(--sp-navy-2) !important;}
  .shiva-footer-bottom p{font-size:8px !important;line-height:1.4 !important;}
}
@media(max-width:380px){
  .shiva-footer-logo img{width:138px !important;}
  .shiva-footer-brand p{font-size:9.5px !important;}
  .shiva-support{width:calc(100% - 54px) !important;}
}

/* Final mobile footer/address/contact corrections - mobile only */
@media(max-width:575px){
  /* Keep expanded footer address content on the same navy footer background. */
  .shiva-mobile-footer-content,
  .shiva-mobile-expand[open] .shiva-mobile-footer-content{
    background:var(--sp-navy-2) !important;
    color:#cbd5e1 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    box-shadow:none !important;
  }
  .shiva-mobile-address,
  .shiva-mobile-footer-content .shiva-mobile-address{
    background:transparent !important;
    color:#cbd5e1 !important;
    border:0 !important;
    border-radius:0 !important;
  }
  .shiva-mobile-footer-content a{
    color:#dbe3ef !important;
    background:transparent !important;
  }
  .shiva-mobile-footer-content a:hover{background:transparent !important;color:#fff !important;}
  .shiva-mobile-address strong{color:#fff !important;}

  /* Keep the mobile menu address dark instead of the old white card. */
  .offcanvas_menu .shiva-mobile-address{
    background:var(--sp-navy-2) !important;
    color:#dbe3ef !important;
    border:1px solid rgba(255,255,255,.09) !important;
    box-shadow:none !important;
  }
  .offcanvas_menu .shiva-mobile-address span{color:#fff !important;}
  .offcanvas_menu .shiva-mobile-address span:after{color:#f97316 !important;}

  /* Contact expands in the footer and shows phone numbers without leaving the page. */
  .shiva-mobile-contact-content{max-height:100px !important;overflow-y:auto !important;}
  .shiva-mobile-contact-content a{padding:7px 0 !important;font-size:11px !important;font-weight:700 !important;}
}


/* =========================================================
   FINAL USER-REQUESTED MOBILE FOOTER / MENU CORRECTIONS
   Only affects screens 575px and below.
   ========================================================= */
@media (max-width:575px){
  /* Keep the mobile footer as the compact accordion version. */
  .shiva-footer-grid{display:none !important;}
  .shiva-mobile-footer-nav{display:block !important;width:100% !important;margin:0 !important;padding:0 !important;border-top:1px solid rgba(255,255,255,.08) !important;background:var(--sp-navy-2) !important;}
  .shiva-mobile-footer-row{position:relative !important;display:flex !important;align-items:center !important;justify-content:space-between !important;box-sizing:border-box !important;width:100% !important;min-height:48px !important;margin:0 !important;padding:0 38px 0 14px !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,.08) !important;border-radius:0 !important;background:transparent !important;color:#f3f6fb !important;}
  .shiva-mobile-footer-row > span,.shiva-mobile-footer-row summary > span{color:#f3f6fb !important;font-size:11px !important;font-weight:800 !important;letter-spacing:.035em !important;}
  .shiva-mobile-footer-row > i,.shiva-mobile-footer-row summary > i{position:absolute !important;right:13px !important;top:50% !important;left:auto !important;bottom:auto !important;width:11px !important;height:11px !important;margin:0 !important;padding:0 !important;transform:translateY(-50%) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#f97316 !important;font-size:10px !important;line-height:1 !important;}
  .shiva-mobile-footer-row summary{position:relative !important;display:flex !important;align-items:center !important;width:100% !important;min-height:48px !important;margin:0 !important;padding:0 !important;box-sizing:border-box !important;list-style:none !important;cursor:pointer !important;}
  .shiva-mobile-footer-row summary::-webkit-details-marker{display:none !important;}
  .shiva-mobile-expand[open] summary > i{transform:translateY(-50%) rotate(45deg) !important;}
  .shiva-mobile-footer-content{max-height:145px !important;overflow-y:auto !important;box-sizing:border-box !important;margin:0 !important;padding:6px 14px 8px !important;background:var(--sp-navy-2) !important;border-top:1px solid rgba(255,255,255,.06) !important;}
  .shiva-mobile-footer-content a,.shiva-mobile-address{display:block !important;margin:0 !important;padding:6px 0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;color:#cbd5e1 !important;font-size:9px !important;line-height:1.4 !important;text-decoration:none !important;}
  .shiva-mobile-address span,.shiva-mobile-address strong{display:block !important;margin:0 0 2px !important;color:#fff !important;font-size:8px !important;font-weight:800 !important;letter-spacing:.05em !important;text-transform:uppercase !important;}
  .shiva-mobile-product-list{max-height:150px !important;}
  .shiva-mobile-contact-content{max-height:90px !important;}
  .shiva-mobile-contact-content a{font-size:10px !important;color:#fff !important;font-weight:700 !important;}

  /* Compact support block and keep the arrow aligned on one line. */
  .shiva-footer-brand{margin-bottom:10px !important;padding-bottom:12px !important;}
  .shiva-support{width:calc(100% - 72px) !important;max-width:270px !important;min-height:0 !important;padding:6px 8px !important;gap:8px !important;border-radius:13px !important;}
  .shiva-support .support-icon{width:32px !important;height:32px !important;flex-basis:32px !important;border-radius:9px !important;font-size:11px !important;}
  .shiva-support small{font-size:7.5px !important;line-height:1 !important;}
  .shiva-support strong{font-size:11px !important;line-height:1 !important;white-space:nowrap !important;}
  .shiva-support>i{margin-left:auto !important;font-size:13px !important;flex:0 0 auto !important;color:#91a7cf !important;}

  /* Mobile off-canvas menu address: both addresses, compact, dark and never touching the edge. */
  .offcanvas_menu .shiva-mobile-menu-addresses{display:block !important;margin:8px 12px 0 !important;padding:0 !important;background:var(--sp-navy-2) !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:8px !important;overflow:hidden !important;}
  .offcanvas_menu .shiva-mobile-menu-addresses .shiva-mobile-address{display:block !important;margin:0 !important;padding:8px 9px !important;background:transparent !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,.07) !important;color:#cbd5e1 !important;font-size:8.5px !important;line-height:1.35 !important;}
  .offcanvas_menu .shiva-mobile-menu-addresses .shiva-mobile-address:last-child{border-bottom:0 !important;}
  .offcanvas_menu .shiva-mobile-menu-addresses .shiva-mobile-address span{display:block !important;margin-bottom:2px !important;color:#fff !important;font-size:8px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:.05em !important;}
  .shiva-footer-bottom{padding:9px 0 !important;background:var(--sp-navy-2) !important;}
  .shiva-footer-bottom p{font-size:8px !important;line-height:1.35 !important;margin:0 !important;}
}


/* =========================================================
   FINAL MOBILE FOOTER ALIGNMENT — ALL PLUS ICONS ON ONE LINE
   Mobile only; does not affect desktop footer.
   ========================================================= */
@media (max-width:575px){
  .shiva-mobile-footer-nav{
    width:100% !important;
    overflow:hidden !important;
  }
  /* Direct rows (About / Gallery) */
  .shiva-mobile-footer-nav > a.shiva-mobile-footer-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 16px !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    padding:0 13px 0 14px !important;
    position:relative !important;
  }
  .shiva-mobile-footer-nav > a.shiva-mobile-footer-row > i{
    position:static !important;
    grid-column:2 !important;
    grid-row:1 !important;
    width:16px !important;
    height:16px !important;
    margin:0 !important;
    transform:none !important;
    display:grid !important;
    place-items:center !important;
    color:#f97316 !important;
    font-size:10px !important;
    line-height:1 !important;
  }
  /* Expandable rows (Address / Contact / Our Products) */
  .shiva-mobile-footer-nav > details.shiva-mobile-footer-row{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    padding:0 !important;
    position:relative !important;
  }
  .shiva-mobile-footer-nav > details.shiva-mobile-footer-row > summary{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 16px !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
    min-height:48px !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:0 13px 0 14px !important;
    position:relative !important;
  }
  .shiva-mobile-footer-nav > details.shiva-mobile-footer-row > summary > i{
    position:static !important;
    grid-column:2 !important;
    grid-row:1 !important;
    width:16px !important;
    height:16px !important;
    margin:0 !important;
    transform:none !important;
    display:grid !important;
    place-items:center !important;
    color:#f97316 !important;
    font-size:10px !important;
    line-height:1 !important;
  }
  .shiva-mobile-footer-nav > details.shiva-mobile-footer-row[open] > summary > i{
    transform:rotate(45deg) !important;
  }
  /* Keep labels aligned and prevent inherited width/position rules. */
  .shiva-mobile-footer-nav > .shiva-mobile-footer-row > span,
  .shiva-mobile-footer-nav > .shiva-mobile-footer-row > summary > span{
    grid-column:1 !important;
    grid-row:1 !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
  }
}
/* ===== ADVANCED SHIVA PUNCH CHATBOT ===== */
.shiva-chat-head{background:linear-gradient(135deg,var(--sp-navy),#21366a)!important}.shiva-chat-actions button{transition:transform .15s ease,background .15s ease,border-color .15s ease}.shiva-chat-actions button:hover{transform:translateY(-1px);border-color:#b8c5e8;background:#f4f6ff}.shiva-chat-input input{font-family:inherit}.shiva-chat-input button{background:var(--sp-blue)!important}.shiva-typing{display:flex!important;gap:4px;align-items:center;width:36px}.shiva-typing span{width:5px;height:5px;border-radius:50%;background:#9aa7ba;animation:spTyping 1s infinite}.shiva-typing span:nth-child(2){animation-delay:.15s}.shiva-typing span:nth-child(3){animation-delay:.3s}@keyframes spTyping{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.shiva-product-chat-list{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 8px}.shiva-product-chat-list a{padding:5px 6px;border:1px solid #e0e6ef;border-radius:7px;background:#fff;color:#263b80!important;font-size:8.5px;line-height:1.25;text-decoration:none}.shiva-product-chat-list a:hover{background:#f0f3ff}.shiva-quote-box{background:#fff;border:1px solid #e0e6ef;border-radius:10px;padding:8px;margin-bottom:8px}.shiva-quote-box input,.shiva-quote-box textarea{width:100%;box-sizing:border-box;border:1px solid #dfe5ee;border-radius:7px;padding:7px 8px;margin-bottom:6px;font:inherit;font-size:9px;outline:none}.shiva-quote-box textarea{min-height:48px;resize:vertical}.shiva-quote-box input:focus,.shiva-quote-box textarea:focus{border-color:#8998d9}.shiva-quote-box button{width:100%;border:0;border-radius:7px;padding:8px;background:var(--sp-blue);color:#fff;font-size:9px;font-weight:800;cursor:pointer}.shiva-quote-box button:hover{filter:brightness(1.06)}
@media(max-width:575px){.shiva-chat-panel{width:min(318px,calc(100vw - 18px));right:-2px}.shiva-chat-body{height:180px}.shiva-product-chat-list{grid-template-columns:1fr 1fr}.shiva-chat-actions{grid-template-columns:1fr 1fr}}

/* Footer logo visibility fix: keep the exact same logo size, only improve the light tagline visibility on the dark footer. */
.shiva-footer-logo img{
  /* Keep the exact same logo size; the original tagline is dark/grey and
     disappears on the navy footer. Give the transparent logo canvas a
     small white background so the tagline remains visible like the header. */
  background:#fff !important;
  padding:3px 4px !important;
  box-sizing:border-box !important;
  filter:none !important;
}

/* FINAL FOOTER CONTACT/SOCIAL FIX */
.shiva-footer-logo img{
  background:transparent !important;
  padding:0 !important;
  filter:none !important;
}
.shiva-footer-contact{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:6px !important;
  margin-top:9px !important;
}
.shiva-footer-contact a{
  text-align:center !important;
  white-space:nowrap !important;
}
.shiva-footer-social{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-top:10px !important;
}
.shiva-footer-social a{
  width:28px !important;
  height:28px !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#dbe5f4 !important;
  text-decoration:none !important;
  transition:.18s ease !important;
}
.shiva-footer-social a:hover{color:#fff !important;background:rgba(255,255,255,.13) !important;transform:translateY(-1px);}
@media(max-width:575px){
  .shiva-footer-contact{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:5px !important;}
  .shiva-footer-contact a{font-size:8.5px !important;padding:5px 2px !important;}
  .shiva-footer-social{justify-content:center !important;margin-top:8px !important;}
}

/* FINAL: show all four footer contact numbers on every screen */
.shiva-footer-contact{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;}
.shiva-footer-contact a{min-width:0!important;text-align:center!important;white-space:nowrap!important;}
@media(max-width:575px){
  .shiva-footer-contact{grid-template-columns:1fr!important;gap:5px!important;}
  .shiva-footer-contact a{font-size:9px!important;padding:5px 4px!important;}
  .shiva-mobile-contact-content{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;}
  .shiva-mobile-contact-content a{white-space:nowrap!important;text-align:center!important;font-size:9px!important;}
}

/* FINAL CONTACT NUMBERS: all four visible on desktop and mobile */
.shiva-footer-contact{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
.shiva-footer-contact a{min-width:0!important;text-align:center!important;white-space:nowrap!important}
@media(max-width:575px){
  .shiva-footer-contact{grid-template-columns:1fr!important;gap:5px!important}
  .shiva-footer-contact a{font-size:9px!important;padding:5px 4px!important}
  .shiva-mobile-contact-content{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important}
  .shiva-mobile-contact-content a{white-space:nowrap!important;text-align:center!important;font-size:9px!important}
}

/* FINAL FOOTER: keep all four mobile numbers visible on mobile */
@media(max-width:575px){
  .shiva-footer-contact{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;}
  .shiva-footer-contact a{display:block!important;font-size:8.5px!important;padding:5px 2px!important;white-space:nowrap!important;text-align:center!important;}
  .shiva-footer-social{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px!important;margin-top:8px!important;}
}

/* FINAL: footer social alignment + compact mobile icons + crisp footer logo */
.shiva-footer-social{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:100% !important;
  margin:10px auto 0 !important;
}
.shiva-footer-social a{
  width:28px !important;
  height:28px !important;
  flex:0 0 28px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.shiva-footer-logo img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  image-rendering:auto !important;
  filter:none !important;
}
@media(max-width:575px){
  .shiva-footer-social{
    justify-content:center !important;
    gap:6px !important;
    margin:7px auto 0 !important;
  }
  .shiva-footer-social a{
    width:23px !important;
    height:23px !important;
    flex:0 0 23px !important;
    font-size:11px !important;
  }
}

/* FINAL LOGO SIZE FIX: restore compact footer logo size; keep white tagline visible */
.shiva-footer-logo img{
  width:190px !important;
  max-width:70% !important;
  height:auto !important;
  display:block !important;
  margin:0 auto !important;
  image-rendering:auto !important;
}
@media(max-width:575px){
  .shiva-footer-logo img{
    width:145px !important;
    max-width:62% !important;
    height:auto !important;
  }
}


/* =========================================================
   SHIVA ASSISTANT — PREMIUM LAUNCHER + CHAT PANEL
   ========================================================= */
.shiva-chatbot{right:16px;bottom:16px;z-index:999999}
.shiva-chatbot-launcher{
  width:60px!important;height:60px!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  border-radius:50%;overflow:visible;isolation:isolate;
}
.shiva-chatbot-launcher::before{
  content:"";position:absolute;inset:2px;border-radius:50%;
  background:rgba(255,255,255,.04);border:1px solid rgba(38,79,210,.25);
  box-shadow:0 8px 24px rgba(15,29,62,.18);z-index:-1;transition:.25s ease;
}
.shiva-chatbot-launcher img{width:60px!important;height:60px!important;object-fit:contain;border-radius:50%;display:block}
.shiva-chatbot-launcher:hover{transform:translateY(-2px) scale(1.025)}
.shiva-chatbot-launcher:hover::before{
  background:linear-gradient(145deg,rgba(54,91,235,.14),rgba(255,126,31,.16));
  border-color:rgba(54,91,235,.55);
  box-shadow:0 10px 28px rgba(37,67,160,.22),0 0 0 3px rgba(255,126,31,.08);
}
.shiva-chat-pulse{right:0;top:0;width:10px;height:10px;border:2px solid var(--sp-navy)!important}
.shiva-chat-panel{
  width:350px!important;bottom:72px!important;border-radius:20px!important;
  background:#0f1b31!important;border:1px solid rgba(80,108,171,.42)!important;
  box-shadow:0 24px 70px rgba(5,12,28,.42),0 0 0 1px rgba(255,126,31,.06)!important;
}
.shiva-chat-head{
  min-height:68px!important;padding:12px 14px!important;
  background:linear-gradient(135deg,#13244a 0%,#1737c9 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.shiva-chat-head strong{font-size:13px!important}.shiva-chat-head small{font-size:9.5px!important;color:#d5def0!important}
.shiva-chat-head button{width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important}
.shiva-chat-body{height:220px!important;padding:13px!important;background:linear-gradient(180deg,#101e37,#0d1930)!important}
.shiva-bubble{font-size:11px!important;border-radius:13px!important;padding:9px 11px!important;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.shiva-bubble.bot{background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.10)!important;color:#eaf0fb!important}
.shiva-bubble.user{background:linear-gradient(135deg,#2747d6,#1737c9)!important;color:#fff!important}
.shiva-chat-actions{padding:10px!important;background:#0f1b31;border-top:1px solid rgba(255,255,255,.08)}
.shiva-chat-actions button,.shiva-chat-actions a{background:rgba(255,255,255,.055)!important;color:#e8eef9!important;border-color:rgba(255,255,255,.10)!important;border-radius:10px!important}
.shiva-chat-actions button:hover,.shiva-chat-actions a:hover{background:rgba(54,91,235,.20)!important;border-color:rgba(54,91,235,.48)!important;color:#fff!important}
.shiva-chat-actions a:last-child{background:linear-gradient(135deg,#20bf68,#159d55)!important;border-color:#20bf68!important}
.shiva-chat-input{padding:10px!important;background:#0b172b!important;border-top:1px solid rgba(255,255,255,.08)!important}
.shiva-chat-input input{background:rgba(255,255,255,.07)!important;color:#fff!important;border-color:rgba(255,255,255,.13)!important;border-radius:10px!important}
.shiva-chat-input input::placeholder{color:#8fa0bb!important}
.shiva-chat-input button{background:linear-gradient(135deg,#3154e5,#1737c9)!important;border-radius:10px!important}
@media(max-width:575px){
  .shiva-chatbot{right:8px;bottom:8px}
  .shiva-chatbot-launcher{width:50px!important;height:50px!important}
  .shiva-chatbot-launcher img{width:50px!important;height:50px!important}
  .shiva-chat-panel{bottom:60px!important;width:calc(100vw - 16px)!important;max-width:310px!important}
  .shiva-chat-body{height:185px!important}
}


/* =========================================================
   FINAL USER FIXES — AUG 2026
   ========================================================= */

/* Consistent site typography */
body,
button,
input,
textarea,
select,
.shiva-header,
.shiva-footer,
.sp-contact-section,
.sp-contact-form-card,
.sp-contact-fields,
.sp-contact-direct {
  font-family:'Poppins',sans-serif !important;
}

/* Mobile: center counter/stat blocks like the supplied reference */
@media (max-width:575px){
  .counter-area .row{
    justify-content:center !important;
  }
  .counter-area .counter-item{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
  .counter-area .counter-item .icon,
  .counter-area .counter-item .content,
  .counter-area .counter-item .title{
    text-align:center !important;
    justify-content:center !important;
    align-items:center !important;
  }
  .counter-area .counter-item .content{
    width:100% !important;
  }
}

/* Product image carousel: keep navigation above the clickable image layer. */
.our-products-grid .carousel{
  position:relative !important;
  touch-action:pan-y !important;
}
.our-products-grid .carousel-item{
  position:relative !important;
}
.our-products-grid .product-image-click-target{
  z-index:1 !important;
}
.our-products-grid .carousel-control-prev,
.our-products-grid .carousel-control-next{
  z-index:6 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}
.our-products-grid .product-img{
  cursor:zoom-in !important;
}

/* Product lightbox with previous/next navigation */
.product-image-lightbox{
  z-index:1000000 !important;
}
.product-lightbox-nav{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:44px !important;
  height:54px !important;
  border:0 !important;
  border-radius:10px !important;
  background:rgba(24,67,93,.92) !important;
  color:#fff !important;
  font-size:28px !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  z-index:3 !important;
  box-shadow:0 5px 20px rgba(0,0,0,.25) !important;
}
.product-lightbox-prev{left:18px !important;}
.product-lightbox-next{right:18px !important;}
.product-lightbox-nav:hover{background:#1800AD !important;}
.product-lightbox-counter{
  position:absolute !important;
  left:50% !important;
  bottom:18px !important;
  transform:translateX(-50%) !important;
  color:#fff !important;
  background:rgba(0,0,0,.58) !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:700 !important;
  z-index:3 !important;
}
@media(max-width:575px){
  .product-lightbox-nav{
    width:38px !important;
    height:46px !important;
    font-size:23px !important;
  }
  .product-lightbox-prev{left:8px !important;}
  .product-lightbox-next{right:8px !important;}
  .product-lightbox-counter{bottom:12px !important;font-size:10px !important;}
}

/* Mobile footer accordion: reliable plus/dropdown interaction */
@media(max-width:575px){
  .shiva-mobile-footer-nav{
    overflow:visible !important;
  }
  .shiva-mobile-footer-nav details.shiva-mobile-expand{
    overflow:visible !important;
  }
  .shiva-mobile-footer-nav details.shiva-mobile-expand > summary{
    user-select:none !important;
    -webkit-tap-highlight-color:transparent !important;
    cursor:pointer !important;
  }
  .shiva-mobile-footer-nav details.shiva-mobile-expand > summary > i{
    pointer-events:none !important;
  }
  .shiva-mobile-footer-content{
    position:relative !important;
    z-index:2 !important;
  }
}

/* Chatbot must never cover the Tcongs Infotech copyright line on mobile. */
@media(max-width:575px){
  .shiva-chatbot{
    right:10px !important;
    bottom:62px !important;
    z-index:99999 !important;
  }
  .shiva-chatbot-launcher{
    z-index:99999 !important;
  }
}


/* Final mobile chatbot position adjustment */
@media (max-width: 575px){
  .shiva-chatbot{bottom:3px !important;}
}

/* Final mobile chatbot position: keep the launcher clear of the Tcongs Infotech copyright line. */
@media (max-width: 575px){
  .shiva-chatbot{
    right: 9px !important;
    bottom: 28px !important;
  }
  .shiva-chatbot-launcher{
    width: 62px !important;
    height: 62px !important;
  }
  .shiva-chatbot-launcher img{
    width: 58px !important;
    height: 58px !important;
  }
  .shiva-chat-panel{
    bottom: 82px !important;
    max-height: 430px;
  }
}


/* FINAL SOCIAL ICON SIZE FIX — every footer icon, including X.com, is identical */
.shiva-footer-social{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;}
.shiva-footer-social a{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;flex:0 0 34px!important;border-radius:50%!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;}
.shiva-footer-social a i{font-size:15px!important;line-height:1!important;width:auto!important;height:auto!important;}
.shiva-footer-social .footer-x-link{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;flex:0 0 34px!important;border-radius:50%!important;padding:0!important;}
.shiva-footer-social .footer-x-link svg{width:15px!important;height:15px!important;max-width:15px!important;max-height:15px!important;display:block!important;fill:currentColor!important;}
@media(max-width:575px){
  .shiva-footer-social{gap:7px!important;}
  .shiva-footer-social a,.shiva-footer-social .footer-x-link{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;flex:0 0 30px!important;border-radius:50%!important;}
  .shiva-footer-social a i{font-size:13px!important;}
  .shiva-footer-social .footer-x-link svg{width:13px!important;height:13px!important;max-width:13px!important;max-height:13px!important;}
}

/* =========================================================
   FINAL REQUEST — FOOTER GET IN TOUCH + CLICKABLE DETAILS
   ========================================================= */
.shiva-get-in-touch { gap: 8px; }
.shiva-get-in-touch details { overflow: hidden; }
.shiva-get-in-touch .shiva-unit-details {
  display: grid;
  gap: 7px;
  padding: 9px 10px 11px;
  font-size: 10.5px;
  line-height: 1.5;
}
.shiva-footer-detail-link {
  display: flex !important;
  align-items: flex-start;
  gap: 8px;
  color: #cbd6e7 !important;
  text-decoration: none !important;
  font-size: 10.5px !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere;
}
.shiva-footer-detail-link i {
  width: 15px;
  flex: 0 0 15px;
  margin-top: 2px;
  color: #ff6970 !important;
  text-align: center;
  font-size: 10px;
}
.shiva-footer-detail-link:hover { color: #fff !important; }
.shiva-get-in-touch summary { font-family: 'Poppins', sans-serif !important; }
.shiva-get-in-touch summary > span i { color: #ff6970 !important; }
@media (max-width: 575px) {
  .shiva-get-in-touch .shiva-unit-details { padding: 9px 9px 10px; }
  .shiva-footer-detail-link { font-size: 10px !important; }
}

/* ===== FINAL TYPOGRAPHY MATCH: Gallery + Contact use the same typography as Home ===== */
.shiva-gallery-premium,
.shiva-gallery-premium * ,
.sp-contact-section,
.sp-contact-section * {
  font-family:'Poppins',sans-serif;
}

/* Home-style section heading typography */
.shiva-gallery-premium .sp-gallery-intro h2,
.sp-contact-section .sp-contact-intro h2 {
  margin-top:10px!important;
  margin-bottom:20px!important;
  color:#1d2746!important;
  font-size:32px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
}

.shiva-gallery-premium .sp-gallery-intro h2 em,
.sp-contact-section .sp-contact-intro h2 em {
  color:#1d2746!important;
  font-style:normal!important;
}

.shiva-gallery-premium .sp-kicker,
.shiva-gallery-premium .sp-mini-label,
.sp-contact-section .sp-contact-kicker {
  color:#1800AD!important;
  font-size:14px!important;
  font-weight:500!important;
  letter-spacing:normal!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}

.shiva-gallery-premium .sp-gallery-intro p,
.sp-contact-section .sp-contact-intro > div:first-child p {
  color:#4a4a4a!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.7!important;
  letter-spacing:normal!important;
}

/* Supporting gallery headings/text */
.shiva-gallery-premium .sp-video-copy h3,
.shiva-gallery-premium .sp-title-wrap h3 {
  font-family:'Poppins',sans-serif!important;
  font-weight:700!important;
  letter-spacing:normal!important;
}
.shiva-gallery-premium .sp-video-copy p,
.shiva-gallery-premium .sp-gallery-hint,
.shiva-gallery-premium .sp-gallery-meta,
.shiva-gallery-premium .sp-title-wrap .sp-mini-label {
  font-family:'Poppins',sans-serif!important;
  letter-spacing:normal!important;
}

/* Supporting contact headings/text */
.sp-contact-section .sp-contact-form-head h3,
.sp-contact-section .sp-contact-info-top h3 {
  font-family:'Poppins',sans-serif!important;
  font-weight:700!important;
  letter-spacing:normal!important;
}
.sp-contact-section .sp-contact-form-head p,
.sp-contact-section .sp-contact-info-top p,
.sp-contact-section .sp-contact-info-item,
.sp-contact-section .sp-contact-info-item strong,
.sp-contact-section .sp-contact-info-item b,
.sp-contact-section .sp-contact-hours,
.sp-contact-section .sp-contact-form-bottom p {
  font-family:'Poppins',sans-serif!important;
  letter-spacing:normal!important;
}

@media(max-width:575px){
  .shiva-gallery-premium .sp-gallery-intro h2,
  .sp-contact-section .sp-contact-intro h2{font-size:29px!important;line-height:1.2!important;}
  .shiva-gallery-premium .sp-gallery-intro p,
  .sp-contact-section .sp-contact-intro > div:first-child p{font-size:13px!important;line-height:1.7!important;}
  .shiva-gallery-premium .sp-kicker,
  .shiva-gallery-premium .sp-mini-label,
  .sp-contact-section .sp-contact-kicker{font-size:12px!important;}
}


/* =========================================================
   FINAL HOME-STYLE TYPOGRAPHY — GALLERY + CONTACT
   Keep all existing icons and use Shiva Punch Art logo colours.
   Logo blue: #1800AD | Logo red: #ff3b3b
   ========================================================= */

/* Gallery uses the same base font and heading treatment as Home. */
body.shiva-gallery-page,
body.shiva-gallery-page h1,
body.shiva-gallery-page h2,
body.shiva-gallery-page h3,
body.shiva-gallery-page h4,
body.shiva-gallery-page h5,
body.shiva-gallery-page h6,
body.shiva-gallery-page p,
body.shiva-gallery-page a,
body.shiva-gallery-page button,
body.shiva-gallery-page li,
body.shiva-gallery-page span {
  font-family:'Poppins',sans-serif !important;
}

body.shiva-gallery-page .breadcrumb-content h2{
  font-family:'Poppins',sans-serif !important;
  font-size:50px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:1.2px !important;
  text-transform:capitalize !important;
  color:#fff !important;
}

body.shiva-gallery-page .portfolio-cate-list-full ul li{
  font-family:'Poppins',sans-serif !important;
  color:#1800AD !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  letter-spacing:normal !important;
}
body.shiva-gallery-page .portfolio-cate-list-full ul li:hover,
body.shiva-gallery-page .portfolio-cate-list-full ul li.mixitup-control-active{
  color:#ff3b3b !important;
}
body.shiva-gallery-page .project-item .info .info-item .left-info h4,
body.shiva-gallery-page .project-item .info .info-item .left-info h4 a{
  font-family:'Poppins',sans-serif !important;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:normal !important;
  color:#333 !important;
}
body.shiva-gallery-page .project-item .info .info-item .left-info h4:hover a{
  color:#1800AD !important;
}
body.shiva-gallery-page .project-item .info .info-item .left-info a.cat{
  font-family:'Poppins',sans-serif !important;
  color:#666 !important;
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:500 !important;
}

/* Restore bundled Font Awesome for all icons after Home-style Poppins overrides. */
.shiva-gallery-premium .fas,
.shiva-gallery-premium .far,
.shiva-gallery-premium .fab,
.sp-contact-section .fas,
.sp-contact-section .far,
.sp-contact-section .fab,
.shiva-footer .fas,
.shiva-footer .far,
.shiva-footer .fab {
  font-family:"Font Awesome 5 Free" !important;
  font-style:normal !important;
  font-variant:normal !important;
  text-rendering:auto !important;
  -webkit-font-smoothing:antialiased !important;
}
.shiva-gallery-premium .fab,
.sp-contact-section .fab,
.shiva-footer .fab {
  font-family:"Font Awesome 5 Brands" !important;
  font-weight:400 !important;
}
.shiva-gallery-premium .fas,
.sp-contact-section .fas,
.shiva-footer .fas { font-weight:900 !important; }
.shiva-gallery-premium .far,
.sp-contact-section .far,
.shiva-footer .far { font-weight:400 !important; }

/* Do not hide gallery action icons. */
body.shiva-gallery-page .project-item .right-info,
body.shiva-gallery-page .project-item .right-info .img-gallery-popup,
body.shiva-gallery-page .project-item .right-info .img-gallery-popup a,
body.shiva-gallery-page .project-item .right-info .img-gallery-popup a i{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
body.shiva-gallery-page .project-item .right-info .img-gallery-popup a{
  color:#fff !important;
  background:#1800AD !important;
}
body.shiva-gallery-page .project-item .right-info .img-gallery-popup a:hover{
  color:#fff !important;
  background:#ff3b3b !important;
}

/* Contact: same Home Poppins + logo colours, without removing any icons. */
.sp-contact-section,
.sp-contact-section h1,
.sp-contact-section h2,
.sp-contact-section h3,
.sp-contact-section h4,
.sp-contact-section h5,
.sp-contact-section h6,
.sp-contact-section p,
.sp-contact-section a,
.sp-contact-section button,
.sp-contact-section input,
.sp-contact-section textarea,
.sp-contact-section label,
.sp-contact-section span,
.sp-contact-section strong,
.sp-contact-section small,
.sp-contact-section b,
.sp-contact-section i{
  font-family:'Poppins',sans-serif !important;
}
.sp-contact-section .sp-contact-kicker{
  color:#1800AD !important;
  font-size:14px !important;
  font-weight:500 !important;
  letter-spacing:normal !important;
}
.sp-contact-section .sp-contact-intro h2{
  color:#1d2746 !important;
  font-size:32px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:normal !important;
}
.sp-contact-section .sp-contact-intro h2 em{color:#1800AD !important;}
.sp-contact-section .sp-contact-intro>div:first-child p{
  color:#4a4a4a !important;
  font-size:16px !important;
  font-weight:400 !important;
  line-height:1.7 !important;
}
.sp-contact-section .sp-contact-form-head h3,
.sp-contact-section .sp-contact-info-top h3{
  font-weight:700 !important;
  letter-spacing:normal !important;
}
.sp-contact-section .sp-contact-form-head>div>span,
.sp-contact-section .sp-contact-submit{
  background:#1800AD !important;
}
.sp-contact-section .sp-contact-submit:hover{
  background:#ff3b3b !important;
}
.sp-contact-section .sp-contact-info-card{
  background:linear-gradient(145deg,#1800AD 0%,#1800AD 58%,#120079 100%) !important;
}
.sp-contact-section .sp-contact-info-card .sp-contact-kicker,
.sp-contact-section .sp-contact-info-top h3 em,
.sp-contact-section .sp-contact-info-icon,
.sp-contact-section .sp-contact-hours span i{
  color:#ff3b3b !important;
}
.sp-contact-section .sp-contact-info-icon{
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
}
.sp-contact-section .sp-contact-info-icon i{
  display:inline-block !important;
  visibility:visible !important;
}

@media(max-width:575px){
  body.shiva-gallery-page .breadcrumb-content h2{font-size:34px !important;}
  body.shiva-gallery-page .portfolio-cate-list-full ul li{font-size:13px !important;}
  body.shiva-gallery-page .project-item .info .info-item .left-info h4{font-size:16px !important;}
  body.shiva-gallery-page .project-item .info .info-item .left-info a.cat{font-size:13px !important;}
  .sp-contact-section .sp-contact-intro h2{font-size:29px !important;}
  .sp-contact-section .sp-contact-intro>div:first-child p{font-size:13px !important;}
  .sp-contact-section .sp-contact-kicker{font-size:12px !important;}
}

/* ===== FINAL VISIBILITY TUNE: brighter footer logo + clearer home hero ===== */
.shiva-footer-logo img{
  filter: brightness(1.32) saturate(1.18) contrast(1.04) !important;
  opacity:1 !important;
  image-rendering:auto !important;
}

/* Keep the hero photo crisp and much more visible while preserving the
   existing slider, timing, swipe support and layout. */
.shiva-hero-compact{
  background-color:#111 !important;
  background-blend-mode:normal !important;
  filter:none !important;
  -webkit-backface-visibility:hidden !important;
  backface-visibility:hidden !important;
}
.shiva-hero-compact::before{
  background:linear-gradient(
    90deg,
    rgba(8,12,24,.10) 0%,
    rgba(8,12,24,.025) 50%,
    rgba(8,12,24,.08) 100%
  ) !important;
}

/* Make the actual hero image render as large and clean as the source allows. */
@media(min-width:768px){
  .shiva-hero-compact{
    background-size:cover !important;
    background-position:center center !important;
  }
}

/* ===== FINAL VISIBILITY POLISH: brighter footer logo + maximum hero clarity ===== */
.shiva-footer-logo img{
  filter: brightness(1.14) saturate(1.08) contrast(1.02) !important;
  opacity:1 !important;
}

/* Keep the existing hero slider exactly as-is, but remove the visual haze over photos. */
.shiva-hero-compact::after{
  background:rgba(0,0,0,.055) !important;
}
.shiva-hero-compact::before{
  background:linear-gradient(90deg,rgba(8,12,24,.035) 0%,rgba(8,12,24,.01) 50%,rgba(8,12,24,.035) 100%) !important;
}
.shiva-hero-compact{
  image-rendering:auto !important;
  -webkit-font-smoothing:antialiased !important;
}
@media(max-width:767px){
  .shiva-hero-compact::after{background:rgba(0,0,0,.035) !important;}
}

/* Navbar: center navigation text and add Bombay Master Printers Association logo after WhatsApp. */
.shiva-nav-row{position:relative}
.shiva-nav-center{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}
.shiva-nav-center .menu{margin:0}
.shiva-nav-center .menu nav>ul{display:flex;align-items:center;justify-content:center;gap:25px;margin:0;padding:0}
.shiva-nav-center .menu nav>ul>li>a{text-align:center}
.shiva-nav-right{flex:0 0 auto}
.shiva-bombay-logo{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 52px;overflow:hidden;background:#fff;text-decoration:none!important}
.shiva-bombay-logo img{width:52px;height:52px;object-fit:contain;display:block}
@media(max-width:1199px){.shiva-nav-center .menu nav>ul{gap:17px}.shiva-bombay-logo{width:48px;height:48px;flex-basis:48px}.shiva-bombay-logo img{width:48px;height:48px}}
@media(max-width:991px){.shiva-nav-center{display:none}.shiva-bombay-logo{width:42px;height:42px;flex-basis:42px}.shiva-bombay-logo img{width:42px;height:42px}}
@media(max-width:575px){.shiva-bombay-logo{width:36px;height:36px;flex-basis:36px}.shiva-bombay-logo img{width:36px;height:36px}}

/* ===== FINAL NAVBAR COMPACT + CLEAR ASSOCIATION LOGO ===== */
.shiva-nav-row{gap:10px !important}
.shiva-nav-center{flex:1 1 auto !important;min-width:0 !important}
.shiva-nav-center .menu nav>ul{gap:11px !important}
.shiva-nav-center .menu nav>ul>li>a{font-size:13px !important;text-align:center !important;white-space:nowrap !important}
.shiva-nav-right{gap:7px !important}
.shiva-follow-btn{padding:7px 9px !important;font-size:10px !important}
.shiva-bombay-logo{width:70px !important;height:70px !important;flex:0 0 70px !important;overflow:hidden !important;background:#fff !important}
.shiva-bombay-logo img{width:70px !important;height:70px !important;object-fit:contain !important;display:block !important;image-rendering:auto !important}
@media(max-width:1199px){
  .shiva-nav-center .menu nav>ul{gap:8px !important}
  .shiva-nav-center .menu nav>ul>li>a{font-size:12px !important}
  .shiva-bombay-logo{width:62px !important;height:62px !important;flex-basis:62px !important}
  .shiva-bombay-logo img{width:62px !important;height:62px !important}
}
@media(max-width:991px){
  .shiva-bombay-logo{width:50px !important;height:50px !important;flex-basis:50px !important}
  .shiva-bombay-logo img{width:50px !important;height:50px !important}
}
@media(max-width:575px){
  .shiva-bombay-logo{width:46px !important;height:46px !important;flex-basis:46px !important}
  .shiva-bombay-logo img{width:46px !important;height:46px !important}
}


/* Contact locations moved from the footer: two clean, responsive unit cards. */
.sp-location-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.sp-location-card h3{display:flex;align-items:center;gap:9px;}
.sp-location-card h3 i{font-size:14px;color:#086ad8;}
.sp-location-card .sp-team-lines{gap:8px;}
.sp-location-card .sp-team-lines a{display:block;overflow-wrap:anywhere;}
.shiva-footer-grid-no-contact{grid-template-columns:minmax(180px,.75fr) minmax(260px,1.25fr)!important;}
@media(max-width:991px){.sp-location-grid{grid-template-columns:1fr 1fr!important}.shiva-footer-grid-no-contact{grid-template-columns:1fr 1fr!important;}}
@media(max-width:575px){.sp-location-grid{grid-template-columns:1fr!important}.shiva-footer-grid-no-contact{grid-template-columns:1fr!important;}}

/* Quality Guaranteed + 24/7 Service navbar badge — preserve supplied artwork, keep it crisp. */
.shiva-quality-logo{display:flex;align-items:center;justify-content:center;width:92px;height:48px;flex:0 0 92px;overflow:hidden;background:#fff;text-decoration:none!important;border-radius:4px;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}
.shiva-quality-logo img{display:block;width:92px;height:48px;object-fit:contain;object-position:center;image-rendering:auto}
.shiva-quality-logo:hover{transform:translateY(-1px);opacity:.96;box-shadow:0 4px 12px rgba(23,55,201,.14)}
@media(max-width:1199px){.shiva-quality-logo{width:82px;height:44px;flex-basis:82px}.shiva-quality-logo img{width:82px;height:44px}}
@media(max-width:991px){.shiva-quality-logo{width:72px;height:40px;flex-basis:72px}.shiva-quality-logo img{width:72px;height:40px}}
@media(max-width:575px){.shiva-quality-logo{width:64px;height:36px;flex-basis:64px}.shiva-quality-logo img{width:64px;height:36px}}


/* ===== NAVBAR FINAL: MOBILE SAFE + QUALITY BADGE BEFORE BOMBAY ===== */
.shiva-nav-right{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;}
.shiva-quality-logo,.shiva-bombay-logo{display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;background:transparent!important;border:0!important;text-decoration:none!important;}
.shiva-quality-logo{width:82px;height:44px;}
.shiva-quality-logo img{width:82px;height:44px;object-fit:contain;display:block;}
.shiva-bombay-logo{width:56px;height:56px;}
.shiva-bombay-logo img{width:56px;height:56px;object-fit:contain;display:block;}
.shiva-quality-logo:hover,.shiva-bombay-logo:hover{transform:translateY(-1px);opacity:.94;}
.shiva-mobile-brand-logos{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0 16px;padding:0 10px;}
.shiva-mobile-quality-logo,.shiva-mobile-bombay-logo{display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent;text-decoration:none;}
.shiva-mobile-quality-logo{width:132px;height:70px;}
.shiva-mobile-quality-logo img{width:132px;height:70px;object-fit:contain;display:block;}
.shiva-mobile-bombay-logo{width:58px;height:58px;}
.shiva-mobile-bombay-logo img{width:58px;height:58px;object-fit:contain;display:block;}
@media(max-width:1199px){
  .shiva-nav-center .menu nav>ul{gap:7px!important;}
  .shiva-nav-center .menu nav>ul>li>a{font-size:12px!important;}
  .shiva-quality-logo{width:72px;height:40px;}
  .shiva-quality-logo img{width:72px;height:40px;}
  .shiva-bombay-logo{width:48px;height:48px;}
  .shiva-bombay-logo img{width:48px;height:48px;}
}
@media(max-width:991px){
  .shiva-nav-row{gap:0!important;}
  .shiva-nav-center{display:none!important;}
  .shiva-nav-right{gap:0!important;}
  .shiva-nav-right .shiva-follow-btn,.shiva-nav-right .shiva-quality-logo,.shiva-nav-right .shiva-bombay-logo{display:none!important;}
  .shiva-nav-right .canvas_open{display:block!important;margin-left:auto;}
  .shiva-mobile-brand-logos{display:flex;}
}
@media(min-width:992px){
  .shiva-mobile-brand-logos{display:none!important;}
}
@media(max-width:575px){
  .shiva-mobile-brand-logos{gap:8px;margin:10px 0 14px;}
  .shiva-mobile-quality-logo{width:120px;height:64px;}
  .shiva-mobile-quality-logo img{width:120px;height:64px;}
  .shiva-mobile-bombay-logo{width:52px;height:52px;}
  .shiva-mobile-bombay-logo img{width:52px;height:52px;}
}

/* MOBILE NAV FINAL: keep WhatsApp + Bombay logo visible; do not alter the mobile menu */
@media (max-width: 991px){
  .shiva-nav-row{display:flex!important;align-items:center!important;gap:0!important;min-width:0!important;}
  .shiva-nav-center{display:none!important;}
  .shiva-nav-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;min-width:0!important;}
  .shiva-nav-right .shiva-follow-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;}
  .shiva-nav-right .shiva-quality-logo{display:none!important;}
  .shiva-nav-right .shiva-bombay-logo{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;background:transparent!important;}
  .shiva-nav-right .shiva-bombay-logo img{width:42px!important;height:42px!important;object-fit:contain!important;display:block!important;}
  .shiva-nav-right .canvas_open{display:block!important;flex:0 0 auto!important;margin-left:0!important;}
}
@media (max-width: 575px){
  .shiva-nav-row{min-height:62px!important;}
  .shiva-logo{min-width:0!important;flex:1 1 auto!important;}
  .shiva-logo img{width:150px!important;max-width:100%!important;height:auto!important;}
  .shiva-nav-right{flex:0 0 auto!important;gap:5px!important;}
  .shiva-nav-right .shiva-follow-btn{width:34px!important;height:34px!important;padding:0!important;border-radius:50%!important;}
  .shiva-nav-right .shiva-follow-btn span{display:none!important;}
  .shiva-nav-right .shiva-follow-btn i{font-size:16px!important;}
  .shiva-nav-right .shiva-bombay-logo{flex-basis:40px!important;width:40px!important;height:40px!important;}
  .shiva-nav-right .shiva-bombay-logo img{width:40px!important;height:40px!important;}
}


/* =========================================================
   REQUESTED FINAL-ONLY FIXES
   Do not change the existing design; these rules only correct
   the requested mobile alignment, unit links/icons, logo sizing,
   home-card alignment and mobile footer contact.
   ========================================================= */

/* Mobile navbar: keep the Shiva logo on the left, never centered. */
@media (max-width: 991px){
  .shiva-nav-row{display:flex!important;align-items:center!important;}
  .shiva-logo{flex:0 0 auto!important;margin-left:0!important;margin-right:auto!important;text-align:left!important;justify-content:flex-start!important;}
  .shiva-logo a{display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0!important;}
}

/* Bombay Master Printers logo: slightly larger on desktop and mobile. */
@media (min-width: 992px){
  .shiva-bombay-logo{width:62px!important;height:62px!important;flex-basis:62px!important;}
  .shiva-bombay-logo img{width:62px!important;height:62px!important;}
}
@media (max-width: 991px){
  .shiva-nav-right .shiva-bombay-logo{width:46px!important;height:46px!important;flex-basis:46px!important;}
  .shiva-nav-right .shiva-bombay-logo img{width:46px!important;height:46px!important;}
}

/* Home: all six service cards stay aligned to the same card edges/heights. */
.services-section .row{align-items:stretch!important;}
.services-section .row > [class*="col-"]{display:flex!important;}
.services-section .row > [class*="col-"] .info-box-2{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;}
.services-section .row > [class*="col-"] .content-top{width:100%!important;}

/* Our Units: Shiva's own blue + equal, centered unit-card alignment. */
.sp-location-grid{width:100%!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;align-items:stretch!important;}
.sp-location-card{height:100%!important;}
.sp-location-card h3 i{color:#1800AD!important;}
.sp-location-card .sp-team-lines a{color:#1800AD!important;}
.sp-location-card .sp-team-lines a:hover{color:#1800AD!important;}
.sp-location-card h3{align-items:center!important;}

/* Vasai uses the same location pin as Malad. */
.sp-location-card h3 .fa-industry{font-family:"Font Awesome 5 Free"!important;font-weight:900!important;}

/* Mobile footer: Contact Us is shown as the third footer card. */
.shiva-footer-mobile-contact{display:none!important;}
@media (max-width:575px){
  .shiva-footer-mobile-contact{display:block!important;}
  .shiva-footer-mobile-contact .shiva-footer-contact-links{display:grid!important;gap:6px!important;}
  .shiva-footer-mobile-contact .shiva-footer-contact-links a{font-size:10.5px!important;line-height:1.4!important;word-break:break-word!important;}
}


/* =========================================================
   USER REQUEST — FINAL ALIGNMENT ONLY
   Only the requested contact/home/footer alignment and link
   color corrections. Existing design/content remains intact.
   ========================================================= */
/* Our Units: match the exact outer width/alignment of the quick-link row. */
.sp-location-grid{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}
.sp-location-card{
  width:100% !important;
  min-width:0 !important;
  height:100% !important;
  box-sizing:border-box !important;
}
/* All blue links in the three small Contact cards use Shiva's own blue. */
.sp-contact-quick-links a,
.sp-contact-quick-links a:hover,
.sp-location-card .sp-team-lines a,
.sp-location-card .sp-team-lines a:hover{
  color:#1800AD !important;
}
/* Keep the lower quick cards on the same outer edges as the unit cards. */
.sp-contact-quick-grid{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
/* Home: both rows of the six cards share exactly the same column geometry. */
.services-section .container{width:100%;}
.services-section .row{
  align-items:stretch !important;
  margin-left:-15px !important;
  margin-right:-15px !important;
}
.services-section .row > [class*="col-"]{
  display:flex !important;
  align-items:stretch !important;
  box-sizing:border-box !important;
}
.services-section .row > [class*="col-"] .info-box-2{
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
/* Desktop footer: keep the two visible columns compact and centered instead of spreading. */
@media (min-width:992px){
  .shiva-footer-grid-no-contact{
    width:100% !important;
    max-width:920px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    grid-template-columns:minmax(180px,.72fr) minmax(300px,1.28fr) !important;
    gap:20px !important;
  }
}
/* Mobile footer: Contact Us appears with the same compact navigation rows. */
@media (max-width:575px){
  .sp-location-grid{
    grid-template-columns:1fr !important;
    gap:11px !important;
  }
  .sp-contact-quick-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .shiva-mobile-footer-nav > a.shiva-mobile-footer-row{
    min-height:48px !important;
  }
}

/* ===== CLIENT / NAV LOGO UPDATE ===== */
/* Use the supplied PDF 24/7 artwork and keep its visible size equal to Bombay logo. */
.shiva-quality-logo{width:62px!important;height:62px!important;flex-basis:62px!important;background:transparent!important;border:0!important;}
.shiva-quality-logo img{width:62px!important;height:62px!important;object-fit:contain!important;display:block!important;}
@media(max-width:1199px){.shiva-quality-logo{width:56px!important;height:56px!important;flex-basis:56px!important}.shiva-quality-logo img{width:56px!important;height:56px!important}}
@media(max-width:991px){.shiva-quality-logo{width:46px!important;height:46px!important;flex-basis:46px!important}.shiva-quality-logo img{width:46px!important;height:46px!important}}
@media(max-width:575px){.shiva-mobile-quality-logo{width:52px!important;height:52px!important}.shiva-mobile-quality-logo img{width:52px!important;height:52px!important}.shiva-mobile-brand-logos{gap:8px!important}}

/* The three Email / Location / WhatsApp quick boxes were removed from contact.html. */


/* ===== FINAL USER REQUEST: NAV 2 PDF LOGOS + CONTACT/CLIENT LOGOS ===== */
.shiva-quality-logo,.shiva-guarantee-logo{display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border:0!important;text-decoration:none!important;overflow:hidden!important;flex:0 0 62px!important;width:62px!important;height:62px!important;}
.shiva-quality-logo img,.shiva-guarantee-logo img{width:62px!important;height:62px!important;object-fit:contain!important;display:block!important;}
.shiva-guarantee-logo{border-radius:4px;}
.sp-location-grid{max-width:850px!important;margin-left:auto!important;margin-right:auto!important;gap:12px!important;}
.sp-location-card{width:100%!important;}
@media(max-width:1199px){.shiva-quality-logo,.shiva-guarantee-logo{width:56px!important;height:56px!important;flex-basis:56px!important}.shiva-quality-logo img,.shiva-guarantee-logo img{width:56px!important;height:56px!important}}
@media(max-width:991px){.shiva-quality-logo,.shiva-guarantee-logo{width:46px!important;height:46px!important;flex-basis:46px!important}.shiva-quality-logo img,.shiva-guarantee-logo img{width:46px!important;height:46px!important}.sp-location-grid{max-width:760px!important;gap:11px!important}}
@media(max-width:575px){.shiva-quality-logo,.shiva-guarantee-logo{width:42px!important;height:42px!important;flex-basis:42px!important}.shiva-quality-logo img,.shiva-guarantee-logo img{width:42px!important;height:42px!important}.sp-location-grid{max-width:100%!important;gap:11px!important}}
.shiva-client-logo-card img[alt="Rama Packaging logo"]{object-fit:contain!important;}
.shiva-client-logo-card img[alt="Graphic Prints logo"]{object-fit:contain!important;}


/* Final requested Our Units sizing/alignment only. */
.sp-location-grid{width:100%!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
.sp-location-card{width:100%!important;min-height:172px!important;padding:22px 24px!important;}
@media(max-width:991px){.sp-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.sp-location-card{min-height:165px!important;padding:20px 20px!important;}}
@media(max-width:575px){.sp-location-grid{max-width:100%!important;grid-template-columns:1fr!important;gap:10px!important}.sp-location-card{min-height:0!important;padding:16px 14px!important;}}
/* Mobile navbar: show both supplied header logos separately. */
.shiva-mobile-brand-logos{gap:8px!important;}
.shiva-mobile-guarantee-logo{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 52px;overflow:hidden;background:transparent;text-decoration:none!important;}
.shiva-mobile-guarantee-logo img{width:52px;height:52px;object-fit:contain;display:block;}
@media(max-width:575px){.shiva-mobile-guarantee-logo{width:42px;height:42px;flex-basis:42px}.shiva-mobile-guarantee-logo img{width:42px;height:42px}}

/* =========================================================
   MOBILE HEADER — FINAL CLEAN LAYOUT
   Desktop/tablet layout stays unchanged above 991px.
   On phones the header shows only:
   Shiva logo + WhatsApp + Mumbai/Printers logo + menu button.
   The other two trust logos live inside the off-canvas menu.
   ========================================================= */
@media (max-width: 991px){
  .shiva-navbar .container{width:100%;max-width:100%;padding-left:15px;padding-right:15px;}
  .shiva-nav-row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100%;
    min-height:68px !important;
    gap:10px !important;
    flex-wrap:nowrap !important;
  }
  .shiva-logo{
    flex:1 1 auto !important;
    min-width:0 !important;
    margin:0 !important;
  }
  .shiva-logo img{
    display:block !important;
    width:165px !important;
    max-width:100% !important;
    height:auto !important;
  }
  .shiva-nav-center{display:none !important;}
  .shiva-nav-right{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    gap:8px !important;
    margin:0 !important;
  }
  .shiva-nav-right .shiva-quality-logo,
  .shiva-nav-right .shiva-guarantee-logo{display:none !important;}
  .shiva-follow-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
  }
  .shiva-bombay-logo{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    margin:0 !important;
  }
  .shiva-bombay-logo img{
    display:block !important;
    width:42px !important;
    max-width:42px !important;
    height:42px !important;
    object-fit:contain !important;
  }
  .canvas_open{
    display:block !important;
    flex:0 0 auto !important;
    margin:0 !important;
  }
  .canvas_open a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:38px !important;
    height:38px !important;
  }
}

@media (max-width: 575px){
  .shiva-navbar .container{padding-left:12px;padding-right:12px;}
  .shiva-nav-row{min-height:62px !important;gap:7px !important;}
  .shiva-logo img{width:145px !important;}
  .shiva-nav-right{gap:6px !important;}
  .shiva-follow-btn{width:34px !important;height:34px !important;padding:0 !important;border-radius:50% !important;}
  .shiva-follow-btn span{display:none !important;}
  .shiva-follow-btn i{font-size:16px !important;}
  .shiva-bombay-logo img{width:36px !important;max-width:36px !important;height:36px !important;}
  .canvas_open a{width:36px !important;height:36px !important;}
}

@media (max-width: 380px){
  .shiva-navbar .container{padding-left:10px;padding-right:10px;}
  .shiva-nav-row{gap:5px !important;}
  .shiva-logo img{width:132px !important;}
  .shiva-nav-right{gap:5px !important;}
  .shiva-bombay-logo img{width:33px !important;max-width:33px !important;height:33px !important;}
  .shiva-follow-btn{width:32px !important;height:32px !important;}
  .canvas_open a{width:34px !important;height:34px !important;}
}


/* =========================================================
   FINAL REQUEST: chatbot artwork, mobile footer 2-2-1,
   footer logo visibility, and autoplay home videos
   ========================================================= */
/* Use the supplied Shiva mark everywhere the chatbot artwork appears. */
.shiva-chatbot-launcher img,
.shiva-chat-avatar img{
  object-fit:contain !important;
  border-radius:0 !important;
  display:block !important;
}

/* Footer logo: make the complete Shiva footer mark white for strong contrast. */
.shiva-footer-logo img{
  filter: brightness(0) invert(1) !important;
  opacity:1 !important;
}

/* Home inline videos keep the existing sections, but actually autoplay. */
.shiva-home-video-wrap{
  position:relative !important;
  overflow:hidden !important;
}
.shiva-home-autoplay-video{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  object-fit:cover !important;
  background:#000 !important;
}
.works-about-thumbanil .shiva-home-video-wrap{
  width:100% !important;
  aspect-ratio:848 / 478 !important;
}
.works-about-thumbanil .shiva-home-autoplay-video{
  min-height:100% !important;
}
.we-provide-content .shiva-provide-video-wrap{
  width:min(848px,100%) !important;
  height:auto !important;
  aspect-ratio:848 / 478 !important;
  margin:0 auto 28px !important;
  border-radius:4px !important;
}
.we-provide-content .shiva-provide-video-wrap .shiva-home-autoplay-video{
  object-fit:cover !important;
}

@media (max-width: 767px){
  .works-about-thumbanil .shiva-home-video-wrap{
    aspect-ratio:16 / 9 !important;
  }
  .we-provide-content .shiva-provide-video-wrap{
    width:100% !important;
    margin-bottom:22px !important;
    border-radius:3px !important;
  }
  .shiva-home-autoplay-video{
    object-fit:cover !important;
  }
}

/* Mobile footer requested layout: ABOUT | GALLERY / EXHIBITIONS | CONTACT / OUR PRODUCTS. */
@media (max-width:575px){
  .shiva-mobile-footer-nav{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 12px !important;
    align-items:stretch !important;
  }
  .shiva-mobile-footer-nav > a.shiva-mobile-footer-row,
  .shiva-mobile-footer-nav > details.shiva-mobile-footer-row{
    min-height:48px !important;
    width:100% !important;
    box-sizing:border-box !important;
  }
  .shiva-mobile-footer-nav > a.shiva-mobile-direct{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:0 10px !important;
  }
  .shiva-mobile-footer-nav > a.shiva-mobile-direct i{
    display:none !important;
  }
  .shiva-mobile-footer-nav > details.shiva-mobile-expand{
    grid-column:1 / -1 !important;
    width:100% !important;
  }
  .shiva-mobile-footer-nav > details.shiva-mobile-expand > summary{
    min-height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:0 10px !important;
    list-style:none !important;
  }
  .shiva-mobile-footer-nav > details.shiva-mobile-expand > summary::-webkit-details-marker{
    display:none !important;
  }
  .shiva-mobile-footer-nav > details.shiva-mobile-expand > summary i{
    display:inline-flex !important;
  }
  .shiva-mobile-footer-content{
    grid-column:1 / -1 !important;
    width:100% !important;
  }
}

/* FINAL HERO CTA BRAND HOVER — Shiva red/orange */
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more{
  background:linear-gradient(135deg,#ff2d1a 0%,#ff7a00 100%) !important;
  border-color:#ff4b20 !important;
  color:#fff !important;
  border-radius:999px !important;
}
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more:hover,
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more:focus,
section.hero-banner-area.shiva-auto-hero.shiva-hero-compact .hero-banner-content a.shiva-know-more:active{
  background:linear-gradient(135deg,#ff7a00 0%,#ff2d1a 100%) !important;
  border-color:#ff6a00 !important;
  color:#fff !important;
  box-shadow:0 9px 22px rgba(255,75,32,.35) !important;
  transform:translateY(-2px) !important;
}