/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com/hello-child/
Description: Hello Elementor Child for Sasira Automation — Elementor containers, Inter only.
Author: Shanmuk sai
Author URI: https://example.com
Template: hello-elementor
Version: 3.2.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
 * MAIN THEME CSS (frontend) — loaded last via functions.php so these rules win.
 * Shell/layout also in sasira-site.css; homepage pixel-match lives below.
 * Edit here: Appearance → Theme File Editor → style.css
 */

/* Inter only — also enqueued via functions.php */

html,
body,
body.elementor-page,
body.elementor-template-canvas,
.elementor-kit-7,
.elementor-page *,
.elementor-heading-title,
.elementor-widget-text-editor,
.elementor-button,
.elementor-button-text,
button,
input,
select,
textarea {
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Final navigation/404 polish: keep the sidebar icon language consistent on every page. */
@media (min-width: 1025px) {
  .sasira-sidebar-el .sasira-nav-el-wrap > .e-con-inner > .sasira-nav-el:nth-child(1) .elementor-button::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 10.5L12 3l9 7.5V20a1 1 0 01-1 1h-5v-6H9v6H4a1 1 0 01-1-1v-9.5z'/%3E%3C/svg%3E") !important; }
  .sasira-sidebar-el .sasira-nav-el-wrap > .e-con-inner > .sasira-nav-el:nth-child(2) .elementor-button::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E") !important; }
  .sasira-sidebar-el .sasira-nav-el-wrap > .e-con-inner > .sasira-nav-el:nth-child(3) .elementor-button::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z'/%3E%3C/svg%3E") !important; }
  .sasira-sidebar-el .sasira-nav-el-wrap > .e-con-inner > .sasira-nav-el:nth-child(4) .elementor-button::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z'/%3E%3C/svg%3E") !important; }
  .sasira-sidebar-el .sasira-nav-el-wrap > .e-con-inner > .sasira-nav-el:nth-child(5) .elementor-button::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75'/%3E%3C/svg%3E") !important; }
  .sasira-sidebar-el .sasira-nav-el-wrap > .e-con-inner > .sasira-nav-el:nth-child(6) .elementor-button::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.95.68l1.5 4.49a1 1 0 01-.5 1.21l-2.26 1.13a11.04 11.04 0 005.52 5.52l1.13-2.26a1 1 0 011.21-.5l4.49 1.5a1 1 0 01.68.94V19a2 2 0 01-2 2h-1C9.72 21 3 14.28 3 6V5z'/%3E%3C/svg%3E") !important; }
  .sasira-sidebar-el .is-active .elementor-button,
  .sasira-sidebar-el .sasira-nav-active .elementor-button,
  .sasira-sidebar-el .sasira-nav-products.is-open .elementor-button,
  .sasira-sidebar-el .is-active .elementor-button-text,
  .sasira-sidebar-el .sasira-nav-active .elementor-button-text { color: #fff !important; }
  .sasira-sidebar-el .is-active .elementor-button::before,
  .sasira-sidebar-el .sasira-nav-active .elementor-button::before,
  .sasira-sidebar-el .sasira-nav-products.is-open .elementor-button::before { filter: brightness(0) invert(1) !important; }
}

/* The 404 is intentionally self-contained: no global header and no partner rail. */
.error404 .sasira-404 { padding-right: 24px !important; }
.error404 .sasira-404__rail { display: none !important; }

/* Remove Elementor's fallback 20px container padding only when a page does
 * not define its own padding. Explicit Elementor/page styles remain stronger. */
:where(body.elementor-page, body.search) .e-con {
  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
}

/* Control & Automation Systems uses a legacy sidebar wrapper without an inner
 * container, so provide the same six icons for both Elementor structures. */
@media (min-width: 1025px) {
  .sasira-sidebar-el .sasira-nav-el-wrap > .sasira-nav-el:nth-child(1) .elementor-button::before,
  .sasira-sidebar-el .sasira-nav-el-wrap > .e-con-inner > .sasira-nav-el:nth-child(1) .elementor-button::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 10.5L12 3l9 7.5V20a1 1 0 01-1 1h-5v-6H9v6H4a1 1 0 01-1-1v-9.5z'/%3E%3C/svg%3E") !important; }
  .sasira-sidebar-el .sasira-nav-el-wrap > .sasira-nav-el:nth-child(2) .elementor-button::before,
  .sasira-sidebar-el .sasira-nav-el-wrap > .e-con-inner > .sasira-nav-el:nth-child(2) .elementor-button::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E") !important; }
  .sasira-sidebar-el .sasira-nav-el-wrap > .sasira-nav-el:nth-child(3) .elementor-button::before,
  .sasira-sidebar-el .sasira-nav-el-wrap > .e-con-inner > .sasira-nav-el:nth-child(3) .elementor-button::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z'/%3E%3C/svg%3E") !important; }
  .sasira-sidebar-el .sasira-nav-el-wrap > .sasira-nav-el:nth-child(4) .elementor-button::before,
  .sasira-sidebar-el .sasira-nav-el-wrap > .e-con-inner > .sasira-nav-el:nth-child(4) .elementor-button::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z'/%3E%3C/svg%3E") !important; }
  .sasira-sidebar-el .sasira-nav-el-wrap > .sasira-nav-el:nth-child(5) .elementor-button::before,
  .sasira-sidebar-el .sasira-nav-el-wrap > .e-con-inner > .sasira-nav-el:nth-child(5) .elementor-button::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75'/%3E%3C/svg%3E") !important; }
.sasira-sidebar-el .sasira-nav-el-wrap > .sasira-nav-el:nth-child(6) .elementor-button::before,
  .sasira-sidebar-el .sasira-nav-el-wrap > .e-con-inner > .sasira-nav-el:nth-child(6) .elementor-button::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.95.68l1.5 4.49a1 1 0 01-.5 1.21l-2.26 1.13a11.04 11.04 0 005.52 5.52l1.13-2.26a2 2 0 011.21-.5l4.49 1.5a2 2 0 01.68.94V19a2 2 0 01-2 2h-1C9.72 21 3 14.28 3 6V5z'/%3E%3C/svg%3E") !important; }
}

/* Branded search page — follows the self-contained 404 visual system. */
.sasira-search-page { background: #f5f7fc !important; }
.sasira-search-page .sasira-search-results {
  min-height: 100vh; box-sizing: border-box; display: grid; place-items: center;
  padding: 48px 24px 48px 240px; background: radial-gradient(circle at 85% 15%, rgba(255,45,138,.16), transparent 34%), linear-gradient(135deg,#f5f7fc 0%,#fff 56%,#e9edfa 100%); color:#09132c; font-family:Inter,system-ui,sans-serif;
}
.sasira-search-page .sasira-404__sidebar { position:fixed; inset:0 auto 0 0; z-index:20; width:240px; box-sizing:border-box; display:flex; flex-direction:column; padding:22px 16px 16px; background:#b8c0da; }
.sasira-search-page .sasira-404__brand { display:flex; height:130px; align-items:center; justify-content:center; margin-bottom:10px; }
.sasira-search-page .sasira-404__brand img { display:block; width:208px; height:130px; object-fit:contain; }
.sasira-search-page .sasira-404__nav { display:flex; flex:1 1 auto; flex-direction:column; gap:6px; }
.sasira-search-page .sasira-404__nav a { display:flex; min-height:44px; align-items:center; gap:12px; padding:10px 12px; border-radius:10px; color:#4b5563; font-size:15px; font-weight:600; text-decoration:none; }
.sasira-search-page .sasira-404__nav a:first-child { background:#2a2a9a; color:#fff; }
.sasira-search-page .sasira-404__nav a:hover,.sasira-search-page .sasira-404__nav a:focus-visible { background:rgba(42,42,154,.1); color:#2a2a9a; }
.sasira-search-page .sasira-404__nav a:first-child:hover,.sasira-search-page .sasira-404__nav a:first-child:focus-visible { background:#2a2a9a; color:#fff; }
.sasira-search-page .sasira-404__nav a span { color:inherit; }
.sasira-search-page .sasira-404__icon { display:inline-block; flex:0 0 20px; width:20px; height:20px; background:center/contain no-repeat; }
.sasira-search-page .sasira-404__icon--home { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fff' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 10.5L12 3l9 7.5V20a1 1 0 01-1 1h-5v-6H9v6H4a1 1 0 01-1-1v-9.5z'/%3E%3C/svg%3E"); }
.sasira-search-page .sasira-404__icon--about { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E"); }
.sasira-search-page .sasira-404__icon--products { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z'/%3E%3C/svg%3E"); }
.sasira-search-page .sasira-404__icon--gallery { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z'/%3E%3C/svg%3E"); }
.sasira-search-page .sasira-404__icon--careers { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75'/%3E%3C/svg%3E"); }
.sasira-search-page .sasira-404__icon--contact { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.95.68l1.5 4.49a1 1 0 01-.5 1.21l-2.26 1.13a11.04 11.04 0 005.52 5.52l1.13-2.26a2 2 0 011.21-.5l4.49 1.5a2 2 0 01.68.94V19a2 2 0 01-2 2h-1C9.72 21 3 14.28 3 6V5z'/%3E%3C/svg%3E"); }
.sasira-search-page .sasira-search-results__card { width:min(100%,760px); box-sizing:border-box; padding:clamp(30px,5vw,58px); border:1px solid rgba(42,42,154,.12); border-radius:28px; background:rgba(255,255,255,.92); box-shadow:0 24px 60px rgba(9,19,44,.14); text-align:left; }
.sasira-search-page .sasira-search-results__mark { margin:0; color:#2a2a9a; font-size:72px; line-height:.9; text-align:center; }
.sasira-search-page .sasira-404__title { text-align:center; }
.sasira-search-results__form { display:flex; gap:10px; margin:28px 0; }
.sasira-search-results__form input { min-width:0; flex:1; height:50px; padding:0 16px; border:1px solid #d5dbea; border-radius:12px; color:#09132c; background:#fff; font:inherit; }
.sasira-search-results__form button { border:0; border-radius:12px; padding:0 22px; background:#ff2d8a; color:#fff; font:700 15px Inter, sans-serif; cursor:pointer; }
.sasira-search-results__summary { color:#4b5563; line-height:1.5; }
.sasira-search-results__list { display:grid; gap:12px; margin-top:18px; }
.sasira-search-results__item { padding:18px 20px; border:1px solid #e3e7f1; border-radius:16px; background:#fff; }
.sasira-search-results__item h2 { margin:4px 0 6px; font-size:20px; line-height:1.25; }
.sasira-search-results__item h2 a { color:#2a2a9a; text-decoration:none; }
.sasira-search-results__item p { margin:0; color:#667085; line-height:1.55; }
.sasira-search-results__type { color:#ff2d8a !important; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
@media (max-width:1024px) { .sasira-search-page .sasira-search-results { padding:28px 18px; } .sasira-search-page .sasira-404__sidebar { display:none; } }
@media (max-width:480px) { .sasira-search-page .sasira-search-results__card { padding:32px 20px; border-radius:20px; } .sasira-search-results__form { flex-direction:column; } .sasira-search-results__form button { height:48px; } }
.error404 .sasira-404__nav a { display: flex; align-items: center; gap: 12px; }
.error404 .sasira-404__icon { display: inline-block; flex: 0 0 20px; width: 20px; height: 20px; background: center / contain no-repeat; }
.error404 .sasira-404__icon--home { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 10.5L12 3l9 7.5V20a1 1 0 01-1 1h-5v-6H9v6H4a1 1 0 01-1-1v-9.5z'/%3E%3C/svg%3E"); }
.error404 .sasira-404__icon--about { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E"); }
.error404 .sasira-404__icon--products { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z'/%3E%3C/svg%3E"); }
.error404 .sasira-404__icon--gallery { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z'/%3E%3C/svg%3E"); }
.error404 .sasira-404__icon--careers { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75'/%3E%3C/svg%3E"); }
.error404 .sasira-404__icon--contact { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.95.68l1.5 4.49a1 1 0 01-.5 1.21l-2.26 1.13a11.04 11.04 0 005.52 5.52l1.13-2.26a2 2 0 011.21-.5l4.49 1.5a1 1 0 01.68.94V19a2 2 0 01-2 2h-1C9.72 21 3 14.28 3 6V5z'/%3E%3C/svg%3E"); }

main#content {
	min-width: 100% !important;
	width: 100% !important;
	float: left !important;
}

/* Canvas pages full-bleed */
body.elementor-template-canvas {
	margin: 0 !important;
	padding: 0 !important;
	background: #ffffff !important;
}

body.elementor-template-canvas .elementor {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* ========================================================================
   SASIRA HOMEPAGE — PIXEL MATCH v2026 (Homepage.png + UI/UX Pro Max)
   Canonical homepage overrides — loads last; wins over earlier duplicates
   ======================================================================== */

:root {
  --sasira-navy: #2A2A9A;
  --sasira-navy-deep: #1A1A8A;
  --sasira-pink: #FF2D8A;
  --sasira-title: #1A2744;
  --sasira-body: #4B5563;
  --sasira-muted: #6B7280;
  --sasira-card: #F1F3F8;
  --sasira-border: #E5E7EB;
  --sasira-max: 1400px;
  --sasira-radius: 16px;
  --sasira-transition: 200ms ease;
}

/* Prevent accidental horizontal scroll on home */
body.home,
body.elementor-page-14 {
  overflow-x: hidden;
  background: #fff;
}

/* ---------- HERO ---------- */
body.home .sasira-sec-hero,
body.elementor-page-14 .sasira-sec-hero {
  position: relative !important;
  overflow: hidden !important;
  background: #fff !important;
  width: 100% !important;
  padding: 0 0 8px !important;
  margin: 0 !important;
}

body.home .sasira-hero-inner,
body.elementor-page-14 .sasira-hero-inner {
  position: relative !important;
  width: 100% !important;
  max-width: var(--sasira-max) !important;
  margin: 0 auto !important;
  min-height: 520px !important;
  padding: 28px 20px 12px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

body.home .sasira-hero-inner > .e-con-inner,
body.elementor-page-14 .sasira-hero-inner > .e-con-inner {
  position: relative !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 0 !important;
}

/* Pink wave — decorative, top-left of hero.
   Do NOT use :first-of-type inside .sasira-hero-inner — that matches the S-nav. */
body.home .sasira-wave-img,
body.elementor-page-14 .sasira-wave-img {
  position: absolute !important;
  left: max(-40px, -6vw) !important;
  top: -8px !important;
  z-index: 0 !important;
  width: min(38vw, 420px) !important;
  max-width: 420px !important;
  margin: 0 !important;
  pointer-events: none !important;
}

body.home .sasira-wave-img img,
body.home .sasira-hero-inner > .e-con-inner > .elementor-widget-image:first-of-type img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* S-nav graphic — labels baked into image */
body.home .sasira-s-img,
body.home .sasira-hero-inner > .e-con-inner > .elementor-widget-image:nth-of-type(2),
body.elementor-page-14 .sasira-s-img {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 700px !important;
  margin: 12px auto 0 !important;
  padding: 0 !important;
}

body.home .sasira-s-img img,
body.home .sasira-hero-inner > .e-con-inner > .elementor-widget-image:nth-of-type(2) img {
  width: 100% !important;
  max-width: 700px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Hero links → invisible hotspots over S-nav (no duplicate text) */
body.home .sasira-hero-links,
body.elementor-page-14 .sasira-hero-links {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  width: 100% !important;
  max-width: 700px !important;
  height: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: block !important;
  pointer-events: none !important;
  background: transparent !important;
  /* sit over the S image: parent is hero-inner content */
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* Anchor the hotspot layer to the S-img box */
body.home .sasira-hero-inner > .e-con-inner,
body.elementor-page-14 .sasira-hero-inner > .e-con-inner {
  /* ensure absolute children of links can reference S area */
}

.sasira-hero-link a{min-height:130px;}

/* Hotspot layer: sibling of S-img OR moved inside S-img by JS */
body.home .sasira-s-img {
  position: relative !important;
}

body.home .sasira-s-img .sasira-hero-links,
body.home .sasira-s-img + .sasira-hero-links,
body.home .sasira-hero-inner > .e-con-inner > .sasira-hero-links {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  inset: 0 !important;
}

body.home .sasira-hs-home:hover,
body.home .sasira-hs-home:focus-visible {
  outline: 2px solid var(--sasira-navy) !important;
  outline-offset: 2px !important;
  background: rgba(42, 42, 154, 0.08) !important;
}

body.home .sasira-s-img .sasira-hero-links > .e-con-inner,
body.home .sasira-hero-links > .e-con-inner {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

body.home .sasira-hero-link,
body.elementor-page-14 .sasira-hero-link {
  position: absolute !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: none !important;
  pointer-events: auto !important;
  z-index: 6 !important;
}

body.home .sasira-hero-link .elementor-widget-container,
body.home .sasira-hero-link .elementor-button,
body.home .sasira-hero-link a {
  display: block !important;
  width: 70px !important;
  height: 70px !important;
  min-height: 44px !important;
  min-width: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  border-radius: 50% !important;
  transition: box-shadow var(--sasira-transition), background var(--sasira-transition) !important;
}

body.home .sasira-hero-link .elementor-button-content-wrapper,
body.home .sasira-hero-link .elementor-button-text {
  display: none !important;
  font-size: 0 !important;
  color: transparent !important;
}

body.home .sasira-hero-link a:hover,
body.home .sasira-hero-link a:focus-visible {
  background: rgba(42, 42, 154, 0.08) !important;
  outline: 2px solid var(--sasira-navy) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px rgba(42, 42, 154, 0.15) !important;
}

/* Hotspot regions — % of S graphic (Homepage.png / s-nav asset) */
/* About Us — left arrow */
body.home .sasira-hero-link:nth-child(1),
body.home .sasira-hero-links > .sasira-hero-link:nth-of-type(1),
body.home .elementor-element-4d36396c {
  left: 20% !important;
  top: 51% !important;
  width: 70px !important;
  height: 70px !important;
  border-radius: 50% !important;
}

/* Gallery — bottom-left circle */
body.home .sasira-hero-link:nth-child(2),
body.home .elementor-element-0c314a3f {
  left: 30.5% !important;
  top: 62% !important;
  width: 70px !important;
  height: 70px !important;
  border-radius: 50% !important;
}

/* Products — mid-right circle */
body.home .sasira-hero-link:nth-child(3),
body.home .elementor-element-bb0e38f2 {
  left: 59.5% !important;
  top: 37% !important;
  width: 70px !important;
  height: 70px !important;
  border-radius: 50% !important;
}

/* Contact Us — top-right arrow */
body.home .sasira-hero-link:nth-child(4),
body.home .elementor-element-799f01cc {
  left: 64.5% !important;
  top: 19% !important;
  width: 70px !important;
  height:70px !important;
  border-radius: 50% !important;
}

/* ---------- COMPETENCIES ---------- */
body.home .sasira-sec-competencies,
body.elementor-page-14 .sasira-sec-competencies {
  background: #fff !important;
  width: 100% !important;
  padding: 24px 0 48px !important;
  overflow: visible !important;
}

body.home .sasira-comp-row,
body.elementor-page-14 .sasira-comp-row {
  width: 100% !important;
  max-width: var(--sasira-max) !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 28px !important;
}

/* Partner hex column */
body.home .sasira-logos-col,
body.elementor-page-14 .sasira-logos-col {
  flex: 0 0 230px !important;
  width: 230px !important;
  min-width: 150px !important;
  max-width: 230px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 0 0 !important;
  margin: 0 !important;
}

body.home .sasira-partner-hex,
body.elementor-page-14 .sasira-partner-hex {
  width: 160px !important;
  max-width: 160px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent;
  box-shadow: none !important;
  border-radius: 0 !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  overflow: visible !important;
}

body.home .sasira-partner-hex img,
body.home .sasira-partner-logo-img img {
  width: 100% !important;
  max-width: 162px !important;
  height: 120px !important;
  display: block !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 6px 14px rgba(15, 23, 42, 0.08));
}
body.home .sasira-partner-hex:last-child {margin-top:10px !important;}
body.home .sasira-partner-hex:last-child img{height: 120px !important;display: block;object-fit: cover !important;}

/* Right column: title + cards */
body.home .sasira-comp-right {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

body.home .sasira-comp-title-row,
body.elementor-page-14 .sasira-comp-title-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: 100% !important;
  gap: 16px !important;
  margin: 0 0 10px 0 !important;
  flex-wrap: nowrap !important;
}

body.home .sasira-comp-title-row .elementor-widget-heading {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
}

body.home .sasira-comp-heading .elementor-heading-title,
body.home .sasira-comp-title-row .elementor-heading-title {
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  color: var(--sasira-title) !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

/* Pink title underline — P0 fix */
body.home .sasira-comp-title-row .elementor-widget-divider {
  flex: 1 1 auto !important;
  min-width: 60px !important;
  width: auto !important;
  margin: 0 !important;
  align-self: center !important;
}

body.home .sasira-comp-title-row .elementor-divider {
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  width: 100% !important;
}

body.home .sasira-comp-title-row .elementor-divider-separator {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 2px !important;
  min-height: 2px !important;
  border: 0 !important;
  border-top: 0 !important;
  background-color: var(--sasira-pink) !important;
  background-image: none !important;
  border-radius: 2px !important;
  margin: 0 !important;
}

/* Cards 2×2 */
body.home .sasira-cards-row,
body.elementor-page-14 .sasira-cards-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 18px !important;
  width: 100% !important;
  align-items: stretch !important;
}

body.home .sasira-card-item,
body.elementor-page-14 .sasira-card-item {
  position: relative !important;
  flex: 0 0 calc(50% - 9px) !important;
  width: calc(50% - 9px) !important;
  max-width: calc(50% - 9px) !important;
  min-height: 240px !important;
  height: 240px !important;
  border-radius: var(--sasira-radius) !important;
  overflow: hidden !important;
  background: #0c1c5a !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.1) !important;
  transition: transform var(--sasira-transition), box-shadow var(--sasira-transition) !important;
  cursor: default;
}

body.home .sasira-card-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 36px rgba(15, 23, 42, 0.14) !important;
}

body.home .sasira-card-item > .e-con-inner {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 240px !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.home .sasira-card-item .elementor-widget-image,
body.home .sasira-card-item .sasira-card-photo {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  z-index: 0 !important;
}

body.home .sasira-card-item .elementor-widget-image .elementor-widget-container,
body.home .sasira-card-item .elementor-widget-image a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 0 !important;
}

body.home .sasira-card-item .elementor-widget-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 240px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: var(--sasira-radius) !important;
}

body.home .sasira-card-item::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  border-radius: var(--sasira-radius) !important;
  background: linear-gradient(
    to top,
    rgba(10, 30, 90, 0.9) 0%,
    rgba(10, 30, 90, 0.35) 48%,
    rgba(10, 30, 90, 0.06) 100%
  ) !important;
  pointer-events: none !important;transition:all 0.5s ease;
}
body.home .sasira-card-item:hover::after {background:#081c5ceb !important;transition:all 0.5s ease;}
body.home .sasira-card-item .elementor-widget-heading,
body.home .sasira-card-item .sasira-card-title {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 2 !important;
  margin: 0 !important;
  width: auto !important;
}

body.home .sasira-card-item .elementor-heading-title {
  color: #fff !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  white-space: pre-line !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
  margin: 0 !important;
}

/* ---------- TESTIMONIALS ---------- */
body.home .sasira-sec-testimonials {
  background: #fff !important;
  position: relative !important;
  z-index: 2 !important;
  padding: 40px 0 56px !important;
  width: 100% !important;
  overflow: hidden !important;
}


body.home .sasira-sec-testimonials .sasira-testi-inner,
body.elementor-page-14 .sasira-sec-testimonials .sasira-testi-inner {
  position: relative;
  z-index: 1;
}

body.home .sasira-testi-inner,
body.home .sasira-testi-inner > .e-con-inner {
  width: 100% !important;
  max-width: var(--sasira-max) !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

body.home .sasira-testi-header,
body.home .sasira-testi-header > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  width: 100% !important;
  gap: 20px !important;
  flex-wrap: nowrap !important;
  margin-bottom: 8px !important;
}

body.home .sasira-testi-head-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.home .sasira-testi-head-text .elementor-heading-title {
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  color: var(--sasira-title) !important;
  line-height: 1.2 !important;
  margin: 0 0 8px !important;
}

body.home .sasira-testi-head-text .elementor-widget-text-editor,
body.home .sasira-testi-head-text .elementor-widget-text-editor p {
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: var(--sasira-muted) !important;
  max-width: 480px !important;
  margin: 0 !important;
}

/* Nav: prev light, next active navy */
body.home .sasira-testimonials__nav {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  margin-left: auto !important;
  margin-top: 4px !important;
}

body.home .sasira-nav-btn .elementor-button,
body.home .sasira-testimonials__nav .elementor-button {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background var(--sasira-transition), color var(--sasira-transition),
    border-color var(--sasira-transition), box-shadow var(--sasira-transition) !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
}

/* Prev — light outline (inactive) */
body.home .sasira-nav-prev .elementor-button,
body.home .sasira-nav-btn:not(.is-active) .elementor-button {
  background: #fff !important;
  color: var(--sasira-title) !important;
  border: 1px solid var(--sasira-border) !important;
}

/* Next / active — solid navy */
body.home .sasira-nav-next .elementor-button,
body.home .sasira-nav-btn.is-active .elementor-button,
body.home .sasira-testimonials__nav .elementor-element.is-active .elementor-button {
  background: var(--sasira-navy) !important;
  color: #fff !important;
  border: 1px solid var(--sasira-navy) !important;
}

body.home .sasira-nav-prev .elementor-button:hover {
  border-color: var(--sasira-navy) !important;
  color: var(--sasira-navy) !important;
  background: #fff !important;
}

body.home .sasira-nav-next .elementor-button:hover {
  background: var(--sasira-navy-deep) !important;
  border-color: var(--sasira-navy-deep) !important;
  color: #fff !important;
}

body.home .sasira-nav-btn .elementor-button:focus-visible {
  outline: 2px solid var(--sasira-navy) !important;
  outline-offset: 2px !important;
}

/* Track + cards */
body.home .sasira-testimonials__track,
body.home #sasira-testi-track {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 22px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  width: 100% !important;
  max-width: 100% !important;
  padding: 48px 4px 16px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
}

body.home .sasira-testimonials__track::-webkit-scrollbar,
body.home #sasira-testi-track::-webkit-scrollbar {
  display: none;
}

body.home .sasira-tcard,
body.home .sasira-tcard-item {
  flex: 0 0 280px !important;
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
  scroll-snap-align: start;
  background: var(--sasira-card) !important;
  border-radius: 18px !important;
  padding: 36px 22px 24px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 8px !important;
  min-height: 260px !important;
  box-shadow: none !important;
  position: relative !important;
}

body.home .sasira-tcard__avatar {
  margin-top: -64px !important;
  margin-bottom: 6px !important;
}

body.home .sasira-tcard__avatar img {
  width: 120px !important;
  height: 120px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 4px solid #fff !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.12) !important;
  display: block !important;
  margin: 0 auto !important;
}

body.home .sasira-tcard__quote,
body.home .sasira-tcard__quote p {
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: var(--sasira-body) !important;
  margin: 4px 0 0 !important;
}

body.home .sasira-tcard__name {
  margin: 10px 0 0 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--sasira-title) !important;
  font-family: Inter, system-ui, sans-serif !important;
}

body.home .sasira-tcard__role {
  margin: 0 !important;
  font-size: 12.5px !important;
  color: var(--sasira-muted) !important;
  font-family: Inter, system-ui, sans-serif !important;
}

/* ---------- FOOTER ---------- */
body.home .sasira-sec-footer.sasira-footer-editable,
body.home .sasira-footer-editable,
body.elementor-page-14 .sasira-footer-editable {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 80px 24px 40px !important;
  min-height: 270px !important;
  overflow: hidden !important;
  background-color: transparent !important;
  background-image:
    radial-gradient(ellipse 48% 90% at 88% 55%, rgba(255, 45, 138, 0.72), transparent 58%),
    radial-gradient(ellipse 40% 80% at 78% 35%, rgba(180, 80, 220, 0.35), transparent 55%),
    radial-gradient(circle at 10% 78%, rgba(90, 160, 255, 0.35), transparent 42%),
    linear-gradient(105deg, #05133a 0%, #0a2470 38%, #153a9a 62%, #2a2a9a 100%) !important;
  background-repeat: no-repeat !important;
  display: flex !important;
  align-items: center!important;
  justify-content: center !important;
}


body.home .sasira-footer-editable::before,
body.home .sasira-footer-editable::after,
body.elementor-page-14 .sasira-footer-editable::before,
body.elementor-page-14 .sasira-footer-editable::after {
  display: block !important;
  content: "" !important;
}

/* Defeat Elementor lazy-load background stripping on footer (4th+ section) */
body.home .sasira-footer-editable,
body.home .sasira-footer-editable:not(.e-lazyloaded),
body.elementor-page-14 .sasira-footer-editable,
body.elementor-page-14 .sasira-footer-editable:not(.e-lazyloaded) {
  background-image:
    radial-gradient(ellipse 48% 90% at 88% 55%, rgba(255, 45, 138, 0.72), transparent 58%),
    radial-gradient(ellipse 40% 80% at 78% 35%, rgba(180, 80, 220, 0.35), transparent 55%),
    radial-gradient(circle at 10% 78%, rgba(90, 160, 255, 0.35), transparent 42%),
    linear-gradient(105deg, #05133a 0%, #0a2470 38%, #153a9a 62%, #2a2a9a 100%) !important;
}



/* ---------- RESPONSIVE ---------- */
@media (max-width: 1200px) {
  body.home .sasira-hero-inner {
    min-height: 460px !important;
  }
  body.home .sasira-s-img,
  body.home .sasira-s-img img {
    max-width: 620px !important;
  }
  body.home .sasira-s-img + .sasira-hero-links,
  body.home .sasira-hero-inner > .e-con-inner > .sasira-hero-links {
    max-width: 620px !important;
  }
}

/* Last-loaded fixes for the requested navigation and 404 behavior. */
@media (min-width: 1025px) {
  .sasira-sidebar-el .is-active .elementor-button,
  .sasira-sidebar-el .sasira-nav-active .elementor-button,
  .sasira-sidebar-el .sasira-nav-products.is-open .elementor-button,
  .sasira-sidebar-el .is-active .elementor-button-text,
  .sasira-sidebar-el .sasira-nav-active .elementor-button-text { color: #fff !important; }
  .sasira-sidebar-el .is-active .elementor-button::before,
  .sasira-sidebar-el .sasira-nav-active .elementor-button::before,
  .sasira-sidebar-el .sasira-nav-products.is-open .elementor-button::before { filter: brightness(0) invert(1) !important; }
}
.error404 .sasira-404 { padding-right: 24px !important; }
.error404 .sasira-404__rail { display: none !important; }

@media (max-width: 1024px) {
  body.home .sasira-comp-row {
    flex-direction: column !important;
    align-items: center !important;
    gap: 20px !important;
  }

  body.home .sasira-logos-col {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px 12px !important;
  }

  body.home .sasira-partner-hex {
    width: 120px !important;
    max-width: 120px !important;
  }

  body.home .sasira-partner-hex img {
    max-width: 120px !important;
  }

  body.home .sasira-comp-right {
    width: 100% !important;
  }

  body.home .sasira-card-item {
    flex: 0 0 calc(50% - 9px) !important;
    width: calc(50% - 9px) !important;
    max-width: calc(50% - 9px) !important;
  }

  body.home .sasira-comp-heading .elementor-heading-title {
    font-size: 24px !important;
  }

  body.home .sasira-wave-img {
    width: min(48vw, 280px) !important;
  }
}

@media (max-width: 767px) {
  body.home .sasira-hero-inner {
    min-height: 360px !important;
    padding: 16px 12px 8px !important;
  }

  body.home .sasira-s-img,
  body.home .sasira-s-img img {
    max-width: 100% !important;
  }

  body.home .sasira-s-img + .sasira-hero-links,
  body.home .sasira-hero-inner > .e-con-inner > .sasira-hero-links {
    max-width: 100% !important;
    width: 100% !important;
  }

  body.home .sasira-hero-link a {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  body.home .sasira-comp-row {
    padding: 0 16px !important;
  }

  body.home .sasira-card-item {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 220px !important;
    min-height: 220px !important;
  }

  body.home .sasira-card-item > .e-con-inner,
  body.home .sasira-card-item .elementor-widget-image img {
    min-height: 220px !important;
    height: 100% !important;
  }

  body.home .sasira-comp-heading .elementor-heading-title,
  body.home .sasira-comp-title-row .elementor-heading-title {
    white-space: normal !important;
    font-size: 22px !important;
  }

  body.home .sasira-testi-header,
  body.home .sasira-testi-header > .e-con-inner {
    flex-wrap: wrap !important;
  }

  body.home .sasira-testi-head-text .elementor-heading-title {
    font-size: 24px !important;
  }

  body.home .sasira-tcard,
  body.home .sasira-tcard-item {
    flex: 0 0 min(280px, 82vw) !important;
    width: min(280px, 82vw) !important;
    min-width: min(280px, 82vw) !important;
    max-width: min(280px, 82vw) !important;
  }

  body.home .sasira-testi-inner,
  body.home .sasira-testi-inner > .e-con-inner {
    padding: 0 16px !important;
  }

  body.home .sasira-sec-testimonials,
  }

@media (max-width: 480px) {
  body.home .sasira-partner-hex {
    width: 100px !important;
    max-width: 100px !important;
  }

  body.home .sasira-partner-hex img {
    max-width: 100px !important;
  }

  body.home .sasira-card-item .elementor-heading-title {
    font-size: 15px !important;
  }

  body.home .sasira-wave-img {
    width: min(55vw, 200px) !important;
    left: -12px !important;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  body.home .sasira-card-item,
  body.home .sasira-nav-btn .elementor-button,
  body.home .sasira-hero-link a {
    transition: none !important;
  }

  body.home .sasira-testimonials__track,
  body.home #sasira-testi-track {
    scroll-behavior: auto !important;
  }
}

/* ========================================================================
   ABOUT US PAGE (+ shell pages) — PIXEL MATCH
   Reference: About-us-page.png + About-us-page-menu-pop-up.png
   ======================================================================== */

:root {
  --sasira-navy: #2A2A9A;
  --sasira-navy-deep: #1A1A8A;
  --sasira-pink: #FF2D8A;
  --sasira-title: #1A2744;
  --sasira-body: #4B5563;
  --sasira-muted: #6B7280;
  --sasira-sidebar: #E8EDF5;
  --sasira-dark: #06153A;
  --sasira-dark-2: #0A1F52;
  --sasira-card: #F8F9FC;
  --sasira-border: #E5E7EB;
  --sasira-transition: 200ms ease;
}

/* ---------- Shell layout ---------- */
body.elementor-page-104,
body.page-template-elementor_canvas.elementor-page {
  overflow-x: hidden;
  background: #fff;
}

body.elementor-page-104 .sasira-shell-el,
body.elementor-page-104 .sasira-shell-el > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 100vh !important;
  background: #fff !important;
  position: relative !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Left sidebar */
body.elementor-page-104 .sasira-sidebar-el {
  flex: 0 0 240px !important;
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  background: var(--sasira-sidebar) !important;
  position: sticky !important;
  top: 0 !important;
  height: 100vh !important;
  max-height: 100vh !important;
  z-index: 40 !important;
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  box-sizing: border-box !important;
  padding: 28px 18px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
}

/* Brand wordmark */
body.elementor-page-104 .sasira-sidebar-el > .elementor-widget-heading:first-of-type .elementor-heading-title,
body.elementor-page-104 .sasira-sidebar-el .elementor-element-4bb5e725 .elementor-heading-title {
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--sasira-navy) !important;
  letter-spacing: 0.02em !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

body.elementor-page-104 .sasira-sidebar-el .elementor-element-2f411c24 .elementor-heading-title {
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--sasira-pink) !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  margin: 0 0 28px !important;
  line-height: 1.2 !important;
}

/* Nav buttons */
body.elementor-page-104 .sasira-nav-el-wrap,
body.elementor-page-104 .sasira-nav-el-wrap > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: 100% !important;
  flex: 1 1 auto !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
}

body.elementor-page-104 .sasira-sidebar-el .elementor-button {
  width: 100% !important;
  justify-content: flex-start !important;
  text-align: left !important;
  background: transparent !important;
  color: #4B5563 !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 12px 14px 12px 40px !important;
  min-height: 44px !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  transition: background var(--sasira-transition), color var(--sasira-transition) !important;
  cursor: pointer !important;
  position: relative !important;
}

/* Nav icon glyphs (match reference icon row) */
body.elementor-page-104 .sasira-nav-el-wrap .elementor-button::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  opacity: 0.85;
}

body.elementor-page-104 .elementor-element-9f3af16b .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234B5563' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 12l9-9 9 9M5 10v10a1 1 0 001 1h3m10-11v10a1 1 0 01-1 1h-3m-4 0h4'/%3E%3C/svg%3E");
}
body.elementor-page-104 .elementor-element-5b8ba2d4 .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234B5563' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E");
}
body.elementor-page-104 .elementor-element-9a3a3c5e .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234B5563' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4'/%3E%3C/svg%3E");
}
body.elementor-page-104 .elementor-element-d1cbc2e6 .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234B5563' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z'/%3E%3C/svg%3E");
}
body.elementor-page-104 .elementor-element-22e73ab4 .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234B5563' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/%3E%3C/svg%3E");
}
body.elementor-page-104 .elementor-element-2b1ce7f2 .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234B5563' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E");
}

/* White icons on active nav */
body.elementor-page-104 .sasira-sidebar-el .sasira-nav-active .elementor-button::before,
body.elementor-page-104 .sasira-sidebar-el .is-active .elementor-button::before,
body.elementor-page-104 .sasira-sidebar-el .sasira-nav-products.is-open .elementor-button::before {
  filter: brightness(0) invert(1);
  opacity: 1;
}

body.elementor-page-104 .sasira-sidebar-el .elementor-button:hover {
  background: rgba(42, 42, 154, 0.08) !important;
  color: var(--sasira-navy) !important;
}

body.elementor-page-104 .sasira-sidebar-el .sasira-nav-active .elementor-button,
body.elementor-page-104 .sasira-sidebar-el a.sasira-nav-active.elementor-button,
body.elementor-page-104 .sasira-sidebar-el .sasira-nav-active .elementor-button-text {
  background-color: var(--sasira-navy) !important;
  color: #fff !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
}

/* Products open state (mega menu) */
body.elementor-page-104 .sasira-sidebar-el .sasira-nav-products.is-open .elementor-button,
body.elementor-page-104 .sasira-sidebar-el .sasira-nav-products.is-open a.elementor-button {
  background-color: var(--sasira-navy) !important;
  color: #fff !important;
}

/* Need Help card */
body.elementor-page-104 .sasira-help-el {
  border-radius: 16px !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.08) !important;
  padding: 14px 14px 12px !important;
  margin-top: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.elementor-page-104 .sasira-help-el .elementor-heading-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--sasira-title) !important;
  margin: 0 !important;
}

body.elementor-page-104 .sasira-help-el .elementor-widget-text-editor,
body.elementor-page-104 .sasira-help-el .elementor-widget-text-editor p {
  font-size: 12px !important;
  color: var(--sasira-muted) !important;
  margin: 2px 0 0 !important;
  line-height: 1.4 !important;
}

body.elementor-page-104 .sasira-help-el .elementor-button {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  border-radius: 50% !important;
  background: var(--sasira-navy) !important;
  color: #fff !important;
  padding: 0 !important;
  justify-content: center !important;
  font-size: 0 !important;
  position: relative !important;
}


body.elementor-page-104 .sasira-help-el .elementor-button-text {
  font-size: 0 !important;
  color: transparent !important;
}

/* Main column */
body.elementor-page-104 .sasira-main-el {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  position: relative !important;
  background: #fff !important;
  padding: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: visible !important;
}

body.elementor-page-104 .sasira-main-el > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  padding: 0 !important;
  gap: 0 !important;
}

/* ---------- HERO ---------- */
body.elementor-page-104 .sasira-page-hero-el {
  position: relative !important;
  min-height: min(72vh, 620px) !important;
  height: auto !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding: 80px 100px 80px 64px !important;
  box-sizing: border-box !important;
  background-color: #06153A !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
}

body.elementor-page-104 .sasira-page-hero-el::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    100deg,
    rgba(6, 21, 58, 0.82) 0%,
    rgba(6, 21, 58, 0.55) 45%,
    rgba(6, 21, 58, 0.35) 100%
  );
  z-index: 0;
  pointer-events: none;
}

body.elementor-page-104 .sasira-page-hero-el > .e-con-inner,
body.elementor-page-104 .sasira-page-hero-el > .elementor-widget,
body.elementor-page-104 .sasira-page-hero-el .elementor-widget {
  position: relative !important;
  z-index: 1 !important;
}

body.elementor-page-104 .sasira-page-hero-el .elementor-heading-title {
  font-family: Inter, system-ui, sans-serif !important;
  font-size: clamp(40px, 5.2vw, 64px) !important;
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
  max-width: 640px !important;
  margin: 0 0 20px !important;
}

body.elementor-page-104 .sasira-page-hero-el .elementor-widget-text-editor,
body.elementor-page-104 .sasira-page-hero-el .elementor-widget-text-editor p {
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: rgba(255, 255, 255, 0.88) !important;
  max-width: 420px !important;
  margin: 0 !important;

}

/* Scroll cue via JS-injected element */
.sasira-scroll-cue {
  position: absolute;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.75);
  font-family: Inter, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  pointer-events: none;display:none;
}

.sasira-scroll-cue::after {
  content: "";
  width: 1px;
  height: 36px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), transparent);
}
form.sasira-products-search-form {border: 1px solid #fff;border-radius: 50px;color: #fff !important;outline: none;}
.sasira-products-search input {background: transparent !important;border: 0 !important;box-shadow: none !important;font-family: Inter, sans-serif !important;color: #ffffff !important;outline: none;}


/* ---------- WHO WE ARE ----------
   Structure: outer section > [left content col, device card] */
body.elementor-page-104 .sasira-main-el > .sasira-section-el.sasira-stats-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.95fr) !important;
  column-gap: 48px !important;
  row-gap: 24px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  padding: 72px 100px 64px 64px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  position: relative !important;background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Left content column (label, title, text, stats) */
body.elementor-page-104 .sasira-main-el > .sasira-section-el.sasira-stats-row > .sasira-stats-row,
body.elementor-page-104 .sasira-main-el > .sasira-section-el.sasira-stats-row > .elementor-element-c8583be8 {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  grid-column: 1 !important;
}

body.elementor-page-104 .sasira-main-el > .sasira-section-el.sasira-stats-row > .sasira-device-card-el,
body.elementor-page-104 .sasira-main-el > .sasira-section-el.sasira-stats-row > .elementor-element-79748581 {
  grid-column: 2 !important;
  align-self: center !important;
  justify-self: end !important;
  width: 100% !important;
  max-width: 380px !important;
}

body.elementor-page-104 .sasira-section-el .elementor-element-6010cab0 .elementor-heading-title,
body.elementor-page-104 .sasira-section-el > .elementor-widget-heading:first-of-type .elementor-heading-title {
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--sasira-pink) !important;
  margin: 0 0 8px !important;
}

body.elementor-page-104 .sasira-section-el .elementor-element-59a4904a .elementor-heading-title {
  font-family: Inter, system-ui, sans-serif !important;
  font-size: clamp(32px, 3.4vw, 44px) !important;
  font-weight: 800 !important;
  color: var(--sasira-title) !important;
  line-height: 1.15 !important;
  margin: 0 0 16px !important;
  max-width: 520px !important;
}

body.elementor-page-104 .sasira-section-el .elementor-element-f1fd341b,
body.elementor-page-104 .sasira-section-el .elementor-element-f1fd341b p {
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: var(--sasira-body) !important;
  max-width: 520px !important;
  margin: 0 0 10px !important;
}

/* Stats row */
body.elementor-page-104 .elementor-element-d0e5c40a,
body.elementor-page-104 .elementor-element-d0e5c40a > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 28px 48px !important;
  align-items: flex-start !important;
  width: 100% !important;
  margin-top: 20px !important;
}

body.elementor-page-104 .elementor-element-d0e5c40a > .e-con,
body.elementor-page-104 .elementor-element-d0e5c40a > .e-con-inner > .e-con {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 90px !important;
}

body.elementor-page-104 .elementor-element-d0e5c40a h3.elementor-heading-title {
  font-size: 36px !important;
  font-weight: 800 !important;
  color: var(--sasira-navy) !important;
  margin: 0 0 4px !important;
  line-height: 1 !important;
}

body.elementor-page-104 .elementor-element-d0e5c40a p.elementor-heading-title {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--sasira-muted) !important;
  margin: 0 !important;
}

/* Device card */
body.elementor-page-104 .sasira-device-card-el {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.elementor-page-104 .sasira-device-card-el img {
  width: 100% !important;
  max-width: 400px !important;
  height: auto !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12) !important;
  background:transparent !important;
  object-fit: contain !important;
  display: block !important;
  margin-left: auto !important;
}

/* ---------- CAPABILITIES (dark) ---------- */
body.elementor-page-104 .sasira-section-dark {
  background: linear-gradient(180deg, #06153A 0%, #0A1F52 100%) !important;
  padding: 72px 100px 72px 64px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  display: block !important;
}

body.elementor-page-104 .sasira-section-dark > .elementor-element-2e1daf6d .elementor-heading-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--sasira-pink) !important;
  margin: 0 0 12px !important;
}

body.elementor-page-104 .sasira-section-dark > .elementor-element-f65b9809,
body.elementor-page-104 .sasira-section-dark > .elementor-element-f65b9809 > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 32px !important;
  width: 100% !important;
  margin-bottom: 36px !important;
  flex-wrap: wrap !important;
}

body.elementor-page-104 .sasira-section-dark .elementor-element-cb72cf34 .elementor-heading-title {
  font-size: clamp(32px, 3.5vw, 44px) !important;
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  max-width: 420px !important;
}

body.elementor-page-104 .sasira-section-dark .elementor-element-0ff16a02,
body.elementor-page-104 .sasira-section-dark .elementor-element-0ff16a02 p {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  max-width: 360px !important;
  margin: 0 !important;
}

/* Capability rows 01 / 02 / 03 */
body.elementor-page-104 .sasira-section-dark > .elementor-element-83692619,
body.elementor-page-104 .sasira-section-dark > .elementor-element-83692619 > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: 100% !important;
}

body.elementor-page-104 .sasira-section-dark .elementor-element-d24995af,
body.elementor-page-104 .sasira-section-dark .elementor-element-88794ca1,
body.elementor-page-104 .sasira-section-dark .elementor-element-d58b7032 {
  display: grid !important;
  grid-template-columns: 80px minmax(160px, 220px) 1fr !important;
  align-items: center !important;
  gap: 20px 28px !important;
  width: 100% !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  padding: 22px 28px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

body.elementor-page-104 .sasira-section-dark .elementor-element-d24995af > .e-con-inner,
body.elementor-page-104 .sasira-section-dark .elementor-element-88794ca1 > .e-con-inner,
body.elementor-page-104 .sasira-section-dark .elementor-element-d58b7032 > .e-con-inner {
  display: contents !important;
}

body.elementor-page-104 .sasira-section-dark .elementor-element-f14c41a5 .elementor-heading-title,
body.elementor-page-104 .sasira-section-dark .elementor-element-a35ef7d8 .elementor-heading-title,
body.elementor-page-104 .sasira-section-dark .elementor-element-1fde877c .elementor-heading-title {
  font-size: 32px !important;
  font-weight: 800 !important;
  color: var(--sasira-pink) !important;
  margin: 0 !important;
  line-height: 1 !important;
}

body.elementor-page-104 .sasira-section-dark .elementor-element-93dde5df .elementor-heading-title,
body.elementor-page-104 .sasira-section-dark .elementor-element-df527d4b .elementor-heading-title,
body.elementor-page-104 .sasira-section-dark .elementor-element-7c44083d .elementor-heading-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin: 0 0 4px !important;
}

body.elementor-page-104 .sasira-section-dark .elementor-element-0ae3308b .elementor-heading-title,
body.elementor-page-104 .sasira-section-dark .elementor-element-2f7ae690 .elementor-heading-title,
body.elementor-page-104 .sasira-section-dark .elementor-element-90413f32 .elementor-heading-title {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.55) !important;
  margin: 0 !important;
}

body.elementor-page-104 .sasira-section-dark .elementor-element-9727d11c,
body.elementor-page-104 .sasira-section-dark .elementor-element-26d55df1,
body.elementor-page-104 .sasira-section-dark .elementor-element-50e40adb,
body.elementor-page-104 .sasira-section-dark .elementor-element-9727d11c p,
body.elementor-page-104 .sasira-section-dark .elementor-element-26d55df1 p,
body.elementor-page-104 .sasira-section-dark .elementor-element-50e40adb p {
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  margin: 0 !important;
}

/* ---------- SERVICE STORY ---------- */
body.elementor-page-104 .sasira-main-el > .elementor-element-e3026d52 {
  padding: 72px 100px 80px 64px !important;
  background: #F7F9FC !important;
  background-image: linear-gradient(180deg, #F7F9FC 0%, #EEF2F8 100%) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

body.elementor-page-104 .elementor-element-aa1274bf .elementor-heading-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--sasira-pink) !important;
  margin: 0 0 10px !important;
  text-align: center !important;
}

body.elementor-page-104 .elementor-element-48e515a8 .elementor-heading-title {
  font-size: clamp(28px, 3.2vw, 40px) !important;
  font-weight: 800 !important;
  color: var(--sasira-title) !important;
  line-height: 1.2 !important;
  margin: 0 0 14px !important;
  text-align: center !important;
}

body.elementor-page-104 .elementor-element-736daa1c,
body.elementor-page-104 .elementor-element-736daa1c p {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: var(--sasira-body) !important;
  max-width: 640px !important;
  margin: 0 auto 36px !important;
  text-align: center !important;
}

body.elementor-page-104 .elementor-element-e9f85d3d,
body.elementor-page-104 .elementor-element-e9f85d3d > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 1000px !important;
  margin: 0 auto !important;
}

body.elementor-page-104 .sasira-service-card-el {
  background: #fff !important;
  border-radius: 16px !important;
  padding: 28px 20px 24px !important;
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06) !important;
  text-align: center !important;
  min-height: 180px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  transition: transform var(--sasira-transition), box-shadow var(--sasira-transition) !important;
}

body.elementor-page-104 .sasira-service-card-el:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.1) !important;
}

body.elementor-page-104 .sasira-service-card-el .elementor-heading-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--sasira-title) !important;
  margin: 12px 0 8px !important;
  text-align: center !important;
}

body.elementor-page-104 .sasira-service-card-el .elementor-widget-text-editor,
body.elementor-page-104 .sasira-service-card-el .elementor-widget-text-editor p {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: var(--sasira-muted) !important;
  margin: 0 !important;
  text-align: center !important;
}

/* Icon circle before service card title */
body.elementor-page-104 .sasira-service-card-el::before {
  content: "";
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(42, 42, 154, 0.08);
  display: block;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
}



/* ---------- RIGHT LOGO RAIL ---------- */
/* body.elementor-page-104 .sasira-rail-el {
  position: fixed !important;
  right: 0 !important;
  top: 55% !important;
  transform: translateY(-50%) !important;
  z-index: 45 !important;
  width: 120px !important;
  min-width: 96px !important;
  max-width:200px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  pointer-events: none !important;
  flex: 0 0 0 !important;
} */
body.elementor-page-104 .sasira-rail-el,
.sasira-rail-el {
  position: fixed !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 50 !important;
  width: 132px !important;
  background: transparent !important;
}
body.elementor-page-104 .sasira-rail-el .elementor-widget-image,
body.elementor-page-104 .sasira-rail-logos-stack,
.sasira-rail-el .elementor-widget-image {
  pointer-events: auto !important;
  margin: 0 !important;
}

body.elementor-page-104 .sasira-rail-el img,
body.elementor-page-104 .sasira-rail-logos-stack img,
body.elementor-page-104 .sasira-rail-el .elementor-widget-image img,
.sasira-rail-el img,
.sasira-rail-el .elementor-widget-image img {
  width: 132px !important;
  height: 100vh !important;
  object-fit: cover !important;
  object-position: top center !important;
}

/* ---------- PRODUCTS MEGA MENU ---------- */
.sasira-products-mega {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: none;
  pointer-events: none;
}

.sasira-products-mega.is-open {
  display: block;
  pointer-events: auto;
}

.sasira-products-mega__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(6, 21, 58, 0.35);
  backdrop-filter: blur(2px);
}

.sasira-products-mega__panel {
  position: absolute;
  left: 240px;
  top: 48px;
  right: 96px;
  max-width: 920px;
  background: linear-gradient(135deg, #f3e8ff 0%, #e8e0f8 40%, #ddd6fe 100%);
  border-radius: 20px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.2);
  padding: 32px 36px 28px;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 28px 40px;
  animation: sasiraMegaIn 200ms ease;
}

@keyframes sasiraMegaIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.sasira-products-mega__col h3 {
  font-family: Inter, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--sasira-navy);
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.sasira-products-mega__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.sasira-products-mega__list a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  text-decoration: none;
  color: #374151;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: background var(--sasira-transition), color var(--sasira-transition);
  cursor: pointer;
  min-height: 44px;
}

.sasira-products-mega__list a:hover {
  background: rgba(42, 42, 154, 0.1);
  color: var(--sasira-navy);
}

.sasira-products-mega__list a svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  opacity: 0.75;
}

.sasira-products-mega__brands {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.sasira-products-mega__brand {
  font-family: Inter, system-ui, sans-serif;
}

.sasira-products-mega__brand strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: var(--sasira-navy);
  margin-bottom: 2px;
}

.sasira-products-mega__brand span {
  font-size: 12px;
  color: #6B7280;
  line-height: 1.4;
}

.sasira-products-mega__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}

.sasira-products-mega__pills a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  border-radius: 10px;
  background: #fff;
  color: var(--sasira-navy);
  font-family: Inter, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
  transition: transform var(--sasira-transition), box-shadow var(--sasira-transition);
  cursor: pointer;
  min-height: 40px;
}

.sasira-products-mega__pills a:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.12);
}

.sasira-products-mega__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  color: var(--sasira-title);
  font-size: 20px;
  cursor: pointer;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Mobile menu toggle */
.sasira-menu-toggle {
  display: none;
  position: fixed;
  top: 14px;
  left: 14px;
  z-index: 100;
  background: var(--sasira-navy);
  color: #fff;
  border: 0;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 14px;
  font-family: Inter, sans-serif;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.2);
  min-width: 44px;
  min-height: 44px;
}

/* ---------- RESPONSIVE ABOUT ---------- */
@media (max-width: 1200px) {
  body.elementor-page-104 .sasira-page-hero-el,
  body.elementor-page-104 .sasira-main-el > .sasira-section-el.sasira-stats-row,
  body.elementor-page-104 .sasira-section-dark,
  body.elementor-page-104 .sasira-main-el > .elementor-element-e3026d52 {
    padding-right: 88px !important;
  }
}

@media (max-width: 1024px) {
  .sasira-menu-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }

  body.elementor-page-104 .sasira-shell-el,
  body.elementor-page-104 .sasira-shell-el > .e-con-inner {
    flex-direction: column !important;
  }

  body.elementor-page-104 .sasira-sidebar-el {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    height: 100vh !important;
    width: 280px !important;
    min-width: 280px !important;
    max-width: 85vw !important;
    transform: translateX(-105%) !important;
    transition: transform 0.25s ease !important;
    box-shadow: 8px 0 30px rgba(0, 0, 0, 0.15) !important;
    z-index: 90 !important;
  }

  body.elementor-page-104 .sasira-sidebar-el.is-open {
    transform: translateX(0) !important;
  }

  body.elementor-page-104 .sasira-main-el {
    width: 100% !important;
    padding-right: 0 !important;
  }

  body.elementor-page-104 .sasira-rail-el {
    display: none !important;
  }

  body.elementor-page-104 .sasira-page-hero-el,
  body.elementor-page-104 .sasira-main-el > .sasira-section-el.sasira-stats-row,
  body.elementor-page-104 .sasira-section-dark,
  body.elementor-page-104 .sasira-main-el > .elementor-element-e3026d52 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  body.elementor-page-104 .sasira-page-hero-el {
    min-height: 52vh !important;
    padding-top: 72px !important;
    padding-bottom: 56px !important;
  }

  body.elementor-page-104 .sasira-main-el > .sasira-section-el.sasira-stats-row {
    grid-template-columns: 1fr !important;
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  body.elementor-page-104 .sasira-main-el > .sasira-section-el.sasira-stats-row > .sasira-stats-row,
  body.elementor-page-104 .sasira-main-el > .sasira-section-el.sasira-stats-row > .elementor-element-c8583be8,
  body.elementor-page-104 .sasira-main-el > .sasira-section-el.sasira-stats-row > .sasira-device-card-el,
  body.elementor-page-104 .sasira-main-el > .sasira-section-el.sasira-stats-row > .elementor-element-79748581 {
    grid-column: 1 !important;
    justify-self: stretch !important;
    max-width: 100% !important;
  }

  body.elementor-page-104 .sasira-device-card-el img {
    margin: 16px auto !important;
    max-width: 320px !important;
  }

  body.elementor-page-104 .sasira-section-dark .elementor-element-d24995af,
  body.elementor-page-104 .sasira-section-dark .elementor-element-88794ca1,
  body.elementor-page-104 .sasira-section-dark .elementor-element-d58b7032 {
    grid-template-columns: 64px 1fr !important;
    grid-template-rows: auto auto !important;
  }

  body.elementor-page-104 .sasira-section-dark .elementor-element-9727d11c,
  body.elementor-page-104 .sasira-section-dark .elementor-element-26d55df1,
  body.elementor-page-104 .sasira-section-dark .elementor-element-50e40adb {
    grid-column: 1 / -1 !important;
  }

  body.elementor-page-104 .elementor-element-e9f85d3d,
  body.elementor-page-104 .elementor-element-e9f85d3d > .e-con-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sasira-products-mega__panel {
    left: 16px;
    right: 16px;
    top: 64px;
    max-width: none;
    grid-template-columns: 1fr;
    max-height: calc(100vh - 88px);
    overflow-y: auto;
  }
}

@media (max-width: 600px) {
  body.elementor-page-104 .sasira-page-hero-el .elementor-heading-title {
    font-size: 34px !important;
  }

  body.elementor-page-104 .elementor-element-e9f85d3d,
  body.elementor-page-104 .elementor-element-e9f85d3d > .e-con-inner {
    grid-template-columns: 1fr !important;
  }

  body.elementor-page-104 .elementor-element-d0e5c40a h3.elementor-heading-title {
    font-size: 28px !important;
  }

  body.elementor-page-104 .sasira-section-dark {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sasira-products-mega__panel {
    animation: none;
  }
  body.elementor-page-104 .sasira-service-card-el {
    transition: none !important;
  }
}

/* ========================================================================
   HOMEPAGE PIXEL MATCH — C:\Homepage (1).png
   Appended last so these rules win over earlier homepage + Elementor vars.
   Desktop source: 1440px. Page 14 / body.home only.
   ======================================================================== */

body.home,
body.elementor-page-14 {
  --sasira-card: #F1F3F8;
}

/* ---------- HERO ---------- */
body.home .sasira-sec-hero,
body.elementor-page-14 .sasira-sec-hero {
  overflow: visible !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #fff !important;
  position: relative !important;
}

/* Clean pink mesh from the left edge (no About-Us crop in this asset). */
body.home .sasira-sec-hero::before,
body.elementor-page-14 .sasira-sec-hero::before {
  content: "" !important;
  position: absolute !important;
  left: -20% !important;
  top: -11% !important;
  width: min(60vw, 1024px) !important;
  height: min(43vw, 800px) !important;
  background: url("/staging/wp-content/uploads/2026/08/sasira-banner-elements.svg") no-repeat left top / cover !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body.home .sasira-hero-inner,
body.elementor-page-14 .sasira-hero-inner,
body.home .sasira-hero-inner > .e-con-inner,
body.elementor-page-14 .sasira-hero-inner > .e-con-inner {
  overflow: visible !important;
  max-width: 880px !important;
  width: 100% !important;
  margin: 0 auto !important;
  min-height: 0 !important;
  padding: 0 16px 8px !important;
  --width: 100% !important;
  --container-max-width: 880px !important;
}

/* S-nav PNG already includes the top-left pink wave. Hide the extra
   wave widget so the two graphics do not double / seam. */
body.home .sasira-wave-img,
body.elementor-page-14 .sasira-wave-img {
  display: none !important;
}

body.home.elementor-page-14 .sasira-sec-hero .sasira-s-img,
body.home.elementor-page-14 .sasira-hero-inner .sasira-s-img,
body.home.elementor-page-14 .sasira-hero-inner > .e-con-inner > .sasira-s-img,
body.home.elementor-page-14 .elementor-element-14333574 {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: min(820px, 100%) !important;
  max-width: min(820px, 100%) !important;
  margin: 0 auto !important;
  --width: 100% !important;
  --max-width: 820px !important;
}

body.home.elementor-page-14 .sasira-s-img .elementor-widget-container,
body.home.elementor-page-14 .sasira-s-img img,
body.home.elementor-page-14 .elementor-element-14333574 img {
  display: block !important;
  width: 100% !important;
  max-width: 820px !important;
  height: auto !important;
  margin: 0 auto !important;
}

/* Hotspots stay over the S graphic */
body.home .sasira-s-img .sasira-hero-links,
body.home .sasira-hero-links {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  transform: none !important;
  left: 0 !important;
  top: 0 !important;
}

/* ---------- COMPETENCIES ---------- */
body.home .sasira-sec-competencies,
body.elementor-page-14 .sasira-sec-competencies {
  padding: 8px 0 36px !important;
  overflow: visible !important;
}

body.home .sasira-comp-row,
body.elementor-page-14 .sasira-comp-row {
  max-width: 1400px !important;
  padding: 0 32px !important;
  gap: 22px !important;
  align-items: flex-start !important;
}

body.home .sasira-logos-col,
body.elementor-page-14 .sasira-logos-col {
  flex: 0 0 230px !important;
  width: 230px !important;
  min-width: 176px !important;
  max-width: 230px !important;
  gap: 0 !important;
  padding-top: 0px !important;
}

body.home .sasira-partner-hex,
body.elementor-page-14 .sasira-partner-hex {
  width:230px !important;
  max-width: 230px !important;
  margin: 0px auto !important;
}

body.home .sasira-partner-hex img,
body.home .sasira-partner-logo-img img {
  max-width: 162px !important;
  width: 100% !important;
}

body.home .sasira-comp-heading .elementor-heading-title,
body.home .sasira-comp-title-row .elementor-heading-title {
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

body.home .sasira-card-item,
body.elementor-page-14 .sasira-card-item {
  flex: 0 0 calc(50% - 9px) !important;
  width: calc(50% - 9px) !important;
  max-width: calc(50% - 9px) !important;
  height: 276px !important;
  min-height: 276px !important;
  border-radius: 16px !important;
}

body.home .sasira-card-item > .e-con-inner,
body.home .sasira-card-item .elementor-widget-image img {
  min-height: 276px !important;
  height: 100% !important;
}

body.home .sasira-card-item .elementor-widget-heading,
body.home .sasira-card-item .sasira-card-title {
  left: 22px !important;
  right: 28px !important;
  bottom: 20px !important;
}

body.home .sasira-card-item .elementor-heading-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  max-width:72% !important;
}

body.home .sasira-card-item::after {
  background: linear-gradient(
    to top,
    rgba(8, 28, 92, 0.92) 0%,
    rgba(10, 32, 100, 0.42) 46%,
    rgba(10, 30, 90, 0.05) 100%
  ) !important;
}

/* ---------- TESTIMONIALS ---------- */
body.home .sasira-sec-testimonials,
body.elementor-page-14 .sasira-sec-testimonials {
  overflow: visible !important;
  padding: 28px 0 0 !important;
}

body.home .sasira-testi-inner,
body.home .sasira-testi-inner > .e-con-inner {
  max-width: 1400px !important;
  padding: 0 32px !important;
}

/* Elementor set head-text --width:70% + nav --width:100% → 20px / 1080px collapse */
body.home .sasira-testi-header,
body.home .sasira-testi-header.e-con,
body.home .sasira-testi-header > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  gap: 24px !important;
  margin: 0 0 4px !important;
  --width: 100% !important;
}

body.home .sasira-testi-head-text,
body.home .sasira-testi-head-text.e-con,
body.elementor-page-14 .sasira-testi-head-text {
  --width: auto !important;
  --flex-grow: 1 !important;
  --flex-shrink: 1 !important;
  --flex-basis: 0% !important;
  --container-widget-width: 100% !important;
  flex: 1 1 0% !important;
  width: auto !important;
  min-width: 280px !important;
  max-width: none !important;
  height: auto !important;
}

body.home .sasira-testi-head-text > .e-con-inner {
  width: 100% !important;
  max-width: none !important;
}

body.home .sasira-testi-head-text .elementor-heading-title {
  white-space: nowrap !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: #1A2744 !important;
}

body.home .sasira-testi-head-text .elementor-widget-text-editor,
body.home .sasira-testi-head-text .elementor-widget-text-editor p {
  white-space: normal !important;
  max-width: 670px !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #6B7280 !important;
}

body.home .sasira-testimonials__nav,
body.home .sasira-testimonials__nav.e-con,
body.elementor-page-14 .sasira-testimonials__nav {
  --width: auto !important;
  --flex-grow: 0 !important;
  --flex-shrink: 0 !important;
  --flex-basis: auto !important;
  --container-widget-width: auto !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 100px !important;
  max-width: 120px !important;
  height: auto !important;
  margin-left: auto !important;
}

body.home .sasira-testimonials__nav > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  width: auto !important;
}

body.home .sasira-testimonials-shortcode,
body.home .sasira-testimonials-shortcode .elementor-widget-container,
body.home .sasira-testimonials-shortcode .elementor-shortcode {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

body.home .sasira-testimonials__track,
body.home #sasira-testi-track {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding: 52px 0 28px !important;
  scroll-snap-type: x mandatory;
}

body.home #sasira-testi-track .sasira-tcard,
body.home #sasira-testi-track .sasira-tcard-item,
body.home #sasira-testi-track .sasira-tcard-clone,
body.home .sasira-tcard,
body.home .sasira-tcard-item,
body.home .sasira-tcard-clone {
  position: relative !important;
  flex: 0 0 258px !important;
  width: 258px !important;
  min-width: 258px !important;
  max-width: 258px !important;
  min-height: 268px !important;
  background: #F1F3F8 !important;
  border-radius: 18px !important;
  padding: 48px 20px 22px !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.home .sasira-tcard__avatar {
  position: absolute !important;
  top: -39px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
}

body.home .sasira-tcard__avatar img {
  width: 78px !important;
  height: 78px !important;
  border: 4px solid #fff !important;
}

/* Clean pink mesh behind the last cards — no baked-in card edges */
/* body.home .sasira-sec-testimonials::after,
body.elementor-page-14 .sasira-sec-testimonials::after {
  content: "" !important;
  position: absolute !important;
  top: auto !important;
  bottom: -10px !important;
  right: 0 !important;
  left: auto !important;
  width: min(42vw, 480px) !important;
  height: min(32vw, 280px) !important;
  background: url("/wp-content/uploads/2026/07/sasira-1785053194-wave-pink.png") no-repeat right bottom / contain !important;
  pointer-events: none !important;
  z-index: 0 !important;
  transform: scaleX(-1);
} */

/* ---------- FOOTER ---------- */
body.home .sasira-sec-footer.sasira-footer-editable,
body.elementor-page-14 .sasira-footer-editable,
body.home .sasira-footer-editable:not(.e-lazyloaded),
body.elementor-page-14 .sasira-footer-editable:not(.e-lazyloaded) {
  background-color: #fff !important;
  background-image: url("/staging/wp-content/uploads/2026/09/img-1-1.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;
  background-size: cover !important;
  min-height: 270px !important;
  padding: 0 !important;
  margin: 50px 0 0 !important;justify-content: flex-end !important;padding-bottom: 15px !important;}

/* body.home .sasira-footer-editable .elementor-heading-title,
body.home .sasira-footer-editable .sasira-footer-copy {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
} */

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1100px) {
  body.home.elementor-page-14 .sasira-sec-hero .sasira-s-img,
  body.home.elementor-page-14 .elementor-element-14333574,
  body.home .sasira-s-img,
  body.home .sasira-s-img img,
  body.home .elementor-element-14333574 {
    width: min(620px, 100%) !important;
    max-width: min(620px, 100%) !important;
  }

  body.home .sasira-hero-inner,
  body.home .sasira-hero-inner > .e-con-inner {
    max-width: min(680px, 100%) !important;
  }

  body.home .sasira-card-item {
    height: 240px !important;
    min-height: 240px !important;
  }

  body.home .sasira-card-item > .e-con-inner,
  body.home .sasira-card-item .elementor-widget-image img {
    min-height: 240px !important;
  }

  body.home .sasira-card-item .elementor-heading-title {
    font-size: 18px !important;
  }
}

@media (max-width: 1024px) {
  body.home .sasira-comp-row,
  body.home .sasira-comp-row.e-con,
  body.home .sasira-comp-row > .e-con-inner,
  body.elementor-page-14 .sasira-comp-row {
    flex-direction: column !important;
    --flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    --width: 100% !important;
  }

  body.home .sasira-logos-col,
  body.home .sasira-logos-col.e-con,
  body.home .sasira-comp-right,
  body.home .sasira-comp-right.e-con {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    --width: 100% !important;
  }

  body.home .sasira-logos-col {
    flex-direction: row !important;
    --flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px 10px !important;
    padding-top: 0 !important;
  }

  body.home .sasira-partner-hex {
    width: 128px !important;
    max-width: 128px !important;
    margin: 0 !important;
  }

  body.home .sasira-partner-hex img {
    max-width: 128px !important;
  }

  body.home .sasira-comp-right,
  body.home .sasira-cards-row {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  body.home .sasira-s-img,
  body.home .sasira-s-img img,
  body.home .elementor-element-14333574,
  body.home .sasira-hero-inner,
  body.home .sasira-hero-inner > .e-con-inner {
    max-width: 100% !important;
  }

  body.home .sasira-card-item {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 220px !important;
    min-height: 220px !important;
  }

  body.home .sasira-testi-head-text .elementor-heading-title {
    white-space: normal !important;
    font-size: 24px !important;
  }

  body.home .sasira-testi-header,
  body.home .sasira-testi-header > .e-con-inner {
    flex-wrap: wrap !important;
  }

  body.home .sasira-tcard,
  body.home .sasira-tcard-item,
  body.home .sasira-tcard-clone {
    flex: 0 0 min(258px, 82vw) !important;
    width: min(258px, 82vw) !important;
    min-width: min(258px, 82vw) !important;
    max-width: min(258px, 82vw) !important;
  }

  body.home .sasira-sec-footer.sasira-footer-editable {
    min-height: 140px !important;
  }
}

/* ========================================================================
   ABOUT US PIXEL MATCH — C:\Users\shanm\Downloads\About-us-page (1).png
   Page 104 only. Loads last. Desktop 1440 source + auto responsive.
   ======================================================================== */

body.elementor-page-104 {
  --sasira-navy: #2A2A9A;
  --sasira-pink: #FF2D8A;
  --sasira-title: #1A2744;
  --sasira-body: #4B5563;
  --sasira-muted: #6B7280;
  --sasira-sidebar: #E8EDF5;
  --sasira-dark: #06153A;
  --sasira-dark-2: #0A1F52;
}

body.elementor-page-104 .sasira-sidebar-el {
  padding: 22px 16px 16px !important;
}

/* Logo: S mark + SASIRA / AUTOMATION */
body.elementor-page-104 .sasira-sidebar-el .elementor-element-4bb5e725 {
  margin: 0 0 2px !important;
}
body.elementor-page-104 .sasira-sidebar-el .elementor-element-4bb5e725 .elementor-heading-title {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  color: #2A2A9A !important;
  text-transform: uppercase !important;
}
body.elementor-page-104 .sasira-sidebar-el .elementor-element-4bb5e725 .elementor-heading-title::before {
  content: "" !important;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  background: url("/staging/wp-content/uploads/2026/07/logo-s.jpg") center / contain no-repeat !important;
}
body.elementor-page-104 .sasira-sidebar-el .elementor-element-2f411c24 {
  margin: 0 0 22px 42px !important;
}
body.elementor-page-104 .sasira-sidebar-el .elementor-element-2f411c24 .elementor-heading-title {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  color: #FF2D8A !important;
  margin: 0 !important;
}

/* Nav pills */
body.elementor-page-104 .sasira-nav-el-wrap,
body.elementor-page-104 .sasira-nav-el-wrap > .e-con-inner {
  gap: 4px !important;
}
body.elementor-page-104 .sasira-sidebar-el .elementor-button {
  border-radius: 10px !important;
  padding: 10px 12px 10px 40px !important;
  font-size: 13.5px !important;display: flex;
    justify-content: flex-end !important;
    align-items: center;
}
body.elementor-page-104 .sasira-sidebar-el .sasira-nav-active .elementor-button,
body.elementor-page-104 .sasira-sidebar-el .is-active .elementor-button,
body.elementor-page-104 .sasira-sidebar-el .sasira-nav-active .elementor-button-text,
body.elementor-page-104 .sasira-sidebar-el .is-active .elementor-button-text {
  color: #fff !important;
  font-weight: 600 !important;
}
body.elementor-page-104 .sasira-sidebar-el .is-active .elementor-button::before,
body.elementor-page-104 .sasira-sidebar-el .sasira-nav-active .elementor-button::before {
  filter: brightness(0) invert(1);
  opacity: 1;
}

/* Need Help = white card; socials + copyright sit below it */
body.elementor-page-104 .sasira-help-el {
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08) !important;
  padding: 12px 12px 12px 14px !important;
  margin-top: auto !important;
  border-radius: 16px !important;
}
body.elementor-page-104 .sasira-help-el > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 0 !important;
}
body.elementor-page-104 .elementor-element-1a65ea3f,
body.elementor-page-104 .elementor-element-1a65ea3f > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
body.elementor-page-104 .elementor-element-1a65ea3f .elementor-element-9e0a8940,
body.elementor-page-104 .elementor-element-1a65ea3f .elementor-element-9e3acbbf {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
body.elementor-page-104 .sasira-help-el .elementor-element-9e0a8940 .elementor-heading-title {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #000417 !important;
}
body.elementor-page-104 .sasira-help-el .elementor-element-9e3acbbf,
body.elementor-page-104 .sasira-help-el .elementor-element-9e3acbbf p {
  font-size: 12px !important;
  color:#000417!important;
  margin: 0 !important;
}
body.elementor-page-104 .sasira-help-el .elementor-element-461e7fe6 {
  flex: 0 0 auto !important;  height: 34px !important;
}
body.elementor-page-104 .sasira-help-el .elementor-element-461e7fe6 .elementor-button {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #2A2A9A !important;
  padding: 0 !important;
}

/* Social row */
body.elementor-page-104 .sasira-socials {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 2px 2px 0;
}
body.elementor-page-104 .sasira-socials a {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #4B5563;
  background: transparent;
  transition: color 200ms ease, background 200ms ease;
}
body.elementor-page-104 .sasira-socials a:hover {
  color: #2A2A9A;
  background: rgba(42, 42, 154, 0.08);
}
body.elementor-page-104 .sasira-socials svg {
  width: 16px;
  height: 16px;
}

/* Sidebar copyright */
body.elementor-page-104 .elementor-element-167c35c6,
body.elementor-page-104 .elementor-element-167c35c6 p {
  font-size: 10px !important;
  line-height: 1.45 !important;
  color: #0D1B3E !important;
  margin: 0 !important;
  background: transparent !important;
}

/* ---------- HERO ---------- */
body.elementor-page-104 .sasira-page-hero-el {
  min-height: min(78vh, 640px) !important;
  padding: 88px 120px 96px 72px !important;
  background-size: cover !important;
  background-position: center right !important;
}
body.elementor-page-104 .sasira-page-hero-el::before {
  background: linear-gradient(
    100deg,
    rgba(8, 24, 64, 0.78) 0%,
    rgba(10, 28, 72, 0.52) 48%,
    rgba(12, 32, 80, 0.28) 100%
  ) !important;
}
body.elementor-page-104 .sasira-page-hero-el .elementor-heading-title {
  font-size: clamp(42px, 5.6vw, 68px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.05 !important;
  max-width: 620px !important;
  margin: 0 0 22px !important;
}
body.elementor-page-104 .sasira-page-hero-el .elementor-widget-text-editor,
body.elementor-page-104 .sasira-page-hero-el .elementor-widget-text-editor p {
  font-size: 16px !important;
  line-height: 1.55 !important;
  max-width: 430px !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
body.elementor-page-104 .sasira-scroll-cue {
  left: 50% !important;
  bottom: 28px !important;
  letter-spacing: 0.2em !important;
  font-size: 10px !important;
}

/* ---------- WHO WE ARE ---------- */
body.elementor-page-104 .sasira-main-el > .sasira-section-el.sasira-stats-row {
  padding: 80px 200px 72px 72px !important;
  column-gap: 56px !important;
}
body.elementor-page-104 .sasira-section-el .elementor-element-6010cab0 .elementor-heading-title {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  font-size: 12px !important;
  letter-spacing: 0.2em !important;
  color: #FF2D8A !important;
  margin: 0 0 14px !important;
}
body.elementor-page-104 .sasira-section-el .elementor-element-6010cab0 .elementor-heading-title::after {
  content: "";
  display: block;
  width: 72px;
  height: 2px;
  background: #FF2D8A;
  flex: 0 0 72px;
}
body.elementor-page-104 .sasira-section-el .elementor-element-59a4904a .elementor-heading-title {
  font-size: clamp(34px, 3.6vw, 46px) !important;
  max-width: 540px !important;
  margin: 0 0 20px !important;
}
body.elementor-page-104 .sasira-device-card-el {
  background: transparent !important;
  border-radius:0px !important;
  padding: 0px !important;
/*   box-shadow: 0 18px 48px rgba(15, 23, 42, 0.1) !important; */
}
body.elementor-page-104 .sasira-device-card-el img {
  max-width: 100% !important;
  margin: 0 auto !important;
  box-shadow: none !important;
  border-radius: 12px !important;
}
body.elementor-page-104 .elementor-element-d0e5c40a {
  margin-top: 28px !important;
}
body.elementor-page-104 .elementor-element-d0e5c40a h3.elementor-heading-title {
  font-size: 40px !important;
  color: #1A2744 !important;
}
body.elementor-page-104 .elementor-element-d0e5c40a > .e-con-inner > .e-con:nth-child(2) p.elementor-heading-title,
body.elementor-page-104 .elementor-element-d0e5c40a > .e-con:nth-child(2) p.elementor-heading-title {
  color: #FF2D8A !important;
}

/* ---------- CAPABILITIES ---------- */
body.elementor-page-104 .sasira-section-dark {
  padding: 80px 200px 80px 72px !important;
  background: #07163D !important;
}
body.elementor-page-104 .sasira-section-dark .elementor-element-d24995af,
body.elementor-page-104 .sasira-section-dark .elementor-element-88794ca1,
body.elementor-page-104 .sasira-section-dark .elementor-element-d58b7032 {
  background: rgba(255, 255, 255, 0.035) !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 26px 32px !important;
  grid-template-columns: 88px minmax(170px, 240px) 1fr !important;
}
body.elementor-page-104 .sasira-section-dark .elementor-element-f14c41a5 .elementor-heading-title,
body.elementor-page-104 .sasira-section-dark .elementor-element-a35ef7d8 .elementor-heading-title,
body.elementor-page-104 .sasira-section-dark .elementor-element-1fde877c .elementor-heading-title {
  font-size: 36px !important;
  color: #FF2D8A !important;
}

/* ---------- SERVICE STORY ---------- */
body.elementor-page-104 .sasira-main-el > .elementor-element-e3026d52 {
  padding: 80px 200px 88px 72px !important;
  background-color: #F4F6FA !important;
  background-image:
    linear-gradient(180deg, rgba(247, 249, 252, 0.92) 0%, rgba(244, 246, 250, 0.88) 100%),
    url("/staging/wp-content/uploads/2026/08/eccf9055b14d51915942f5d5d9e3fe3f4bf229b9-scaled.webp") !important;
  background-size: cover !important;
  background-position: center !important;
}
body.elementor-page-104 .sasira-service-card-el {
  border-radius: 18px !important;
  padding: 40px !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.07) !important;
}
body.elementor-page-104 .sasira-service-card-el::before {
  width: 36px !important;
  height: 36px !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-size: 26px !important;
}


/* ---------- RIGHT HEX RAIL ---------- */
/* body.elementor-page-104 .sasira-rail-el {
  top: 42% !important;
  width: 134px !important;
  max-width:134px !important;
} */
body.elementor-page-104 .sasira-rail-el .elementor-widget-image,
body.elementor-page-104 .sasira-rail-el .elementor-widget-image .elementor-widget-container,
body.elementor-page-104 .sasira-rail-el .elementor-widget-image a,
body.elementor-page-104 .sasira-rail-el img,
.sasira-rail-el .elementor-widget-image,
.sasira-rail-el .elementor-widget-image .elementor-widget-container,
.sasira-rail-el .elementor-widget-image a,
.sasira-rail-el img {
  width: 134px !important;
  max-width: 134px !important;
}
body.elementor-page-104 .sasira-rail-el img,
.sasira-rail-el img {
  object-fit: cover !important;
  object-position: top center !important;
}

/* ---------- MEGA MENU (popup design) ---------- */
.sasira-products-mega__panel {
  background: linear-gradient(160deg, #efe6fb 0%, #e4d8f6 55%, #d9caf0 100%) !important;
  border-radius: 18px !important;
  padding: 28px 32px 24px !important;
}

/* ---------- RESPONSIVE ABOUT ---------- */
@media (max-width: 1200px) {
  body.elementor-page-104 .sasira-page-hero-el,
  body.elementor-page-104 .sasira-main-el > .sasira-section-el.sasira-stats-row,
  body.elementor-page-104 .sasira-section-dark,
  body.elementor-page-104 .sasira-main-el > .elementor-element-e3026d52 {
    padding-right: 96px !important;
  }
}

@media (max-width: 1024px) {
  body.elementor-page-104 .sasira-page-hero-el,
  body.elementor-page-104 .sasira-main-el > .sasira-section-el.sasira-stats-row,
  body.elementor-page-104 .sasira-section-dark,
  body.elementor-page-104 .sasira-main-el > .elementor-element-e3026d52 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  body.elementor-page-104 .sasira-page-hero-el {
    min-height: 56vh !important;
    padding-top: 80px !important;
    padding-bottom: 64px !important;
  }
  body.elementor-page-104 .sasira-page-hero-el .elementor-heading-title {
    font-size: clamp(34px, 7vw, 48px) !important;
  }
  body.elementor-page-104 .sasira-rail-el {
    display: none !important;
  }
  body.elementor-page-104 .sasira-main-el > .sasira-section-el.sasira-stats-row {
    grid-template-columns: 1fr !important;
  }
  body.elementor-page-104 .sasira-device-card-el {
    max-width: 360px !important;
    margin: 8px auto 0 !important;
  }
  body.elementor-page-104 .sasira-section-dark .elementor-element-d24995af,
  body.elementor-page-104 .sasira-section-dark .elementor-element-88794ca1,
  body.elementor-page-104 .sasira-section-dark .elementor-element-d58b7032 {
    grid-template-columns: 64px 1fr !important;
  }
  body.elementor-page-104 .elementor-element-e9f85d3d,
  body.elementor-page-104 .elementor-element-e9f85d3d > .e-con-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.elementor-page-104 .sasira-page-hero-el .elementor-heading-title {
    font-size: 32px !important;
  }
  body.elementor-page-104 .sasira-section-el .elementor-element-59a4904a .elementor-heading-title,
  body.elementor-page-104 .sasira-section-dark .elementor-element-cb72cf34 .elementor-heading-title,
  body.elementor-page-104 .elementor-element-48e515a8 .elementor-heading-title {
    font-size: 28px !important;
  }
  body.elementor-page-104 .elementor-element-d0e5c40a h3.elementor-heading-title {
    font-size: 30px !important;
  }
  body.elementor-page-104 .sasira-section-dark .elementor-element-f65b9809 > .e-con-inner {
    flex-direction: column !important;
  }
}

@media (max-width: 600px) {
  body.elementor-page-104 .elementor-element-e9f85d3d,
  body.elementor-page-104 .elementor-element-e9f85d3d > .e-con-inner {
    grid-template-columns: 1fr !important;
  }
  body.elementor-page-104 .sasira-page-hero-el,
  body.elementor-page-104 .sasira-main-el > .sasira-section-el.sasira-stats-row,
  body.elementor-page-104 .sasira-section-dark,
  body.elementor-page-104 .sasira-main-el > .elementor-element-e3026d52 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* ========================================================================
   SHARED INNER-PAGE SHELL (was sasira-site.css)
   Sidebar / rail / forms / gallery cards — style.css is the only sheet.
   ======================================================================== */
.sasira-shell-el,
.sasira-shell-el > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  min-height: 100vh;
  width: 100%;
  background: #fff;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.sasira-sidebar-el {
  flex: 0 0 240px !important;
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  background: #E8EDF5 !important;
  position: sticky !important;
  top: 0;
  height: 100vh;
  max-height: 100vh;
  z-index: 30;
  overflow: hidden;
  box-sizing: border-box;
}
.sasira-main-el {
flex: 1 1 auto !important;
  min-width: 0 !important;
  position: relative;
  background: #fff;
  box-sizing: border-box;
}
.sasira-rail-el {
  position: fixed !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 50 !important;
  width: 96px !important;
/*   pointer-events: none; */
  background: transparent !important;
}
.sasira-rail-el img,
.sasira-rail-faceted-img img {
  width: 92px !important;
  height: auto !important;
  object-fit: contain !important;
  pointer-events: auto;
}
.sasira-menu-toggle {
  display: none;
  position: fixed;
  top: 14px;
  left: 14px;
  z-index: 100;
  background: #2A2A9A;
  color: #fff;
  border: 0;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 14px;
  font-family: Inter, sans-serif;
  font-weight: 600;
  cursor: pointer;
  min-width: 44px;
  min-height: 44px;
}

/* Gallery cards */
.sasira-portfolio-card-el {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background: #0C1C46 !important;
  min-height: 220px !important;
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.08);
}
.sasira-portfolio-card-el .sasira-portfolio-img img,
.sasira-portfolio-card-el .elementor-widget-image img {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  display: block !important;
}
.sasira-portfolio-head .elementor-heading-title {
  border-left: 3px solid #FF2D8A;
  padding-left: 12px !important;
}

/* Homepage card hit-area */
body.home .sasira-card-link,
body.home .sasira-card-link .elementor-button {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Contact Form 7 */
.sasira-form-wrap .wpcf7-form {
  display: grid;
  gap: 12px;
  max-width: 520px;
}
.sasira-form-wrap input[type="text"],
.sasira-form-wrap input[type="email"],
.sasira-form-wrap input[type="tel"],
.sasira-form-wrap textarea,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-family: Inter, system-ui, sans-serif !important;
}
.sasira-form-wrap input.wpcf7-submit,
.wpcf7 input[type="submit"] {
  background: #2A2A9A !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 12px 22px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

/* Careers */
body.elementor-page-107 .sasira-main-el .e-con:not(.sasira-page-hero-el) > .e-con-inner > .e-con {
  background: #F8FAFC;
  border-radius: 14px;
  padding: 20px 22px;
  border: 1px solid #E5E7EB;
}

.sasira-product-detail { max-width: 820px; }
.sasira-product-bullets { margin: 0 0 20px !important; padding-left: 1.2em !important; }
.sasira-product-bullets li { margin: 0 0 8px !important; color: #1F2937 !important; }

@media (max-width: 1024px) {
  .sasira-menu-toggle { display: inline-flex !important; align-items: center; justify-content: center; }
  .sasira-shell-el,
  .sasira-shell-el > .e-con-inner { flex-direction: column !important; }
  .sasira-sidebar-el {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    height: 100vh !important;
    width: min(280px, 86vw) !important;
    max-width: min(280px, 86vw) !important;
    transform: translateX(-105%) !important;
    transition: transform 0.25s ease !important;
    z-index: 90 !important;
    box-shadow: 8px 0 30px rgba(0, 0, 0, 0.15) !important;
  }
  .sasira-sidebar-el.is-open { transform: translateX(0) !important; }
  .sasira-main-el { padding-right: 0 !important; width: 100% !important; }
  .sasira-rail-el { display: none !important; }
  .sasira-portfolio-card-el { width: 100% !important; }
}

/* ========================================================================
   PRODUCTS PAGE — Elementor page 106
   Reference: sasira_automation_products.html
   Left / right chrome = About Us sidebar + faceted rail.
   ======================================================================== */
body.elementor-page-106 {
  --sasira-navy: #2A2A9A;
  --prod-navy: #09132c;
  --prod-pink: #c01d59;
  --prod-pink-hot: #d81b60;
  --prod-pink-card: #dfccde;
  --prod-blue-card: #d0d7e5;
  --prod-muted: #4b5563;
}

body.elementor-page-106 .sasira-main-el,
body.elementor-page-106 .sasira-main-el > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  background: #e9ecf2 !important;
  padding: 0 !important;
  gap: 0 !important;
}

/* Hero */
body.elementor-page-106 .sasira-products-hero {
  position: relative !important;
  min-height: min(60vh, 560px) !important;
  padding: 88px 120px 72px 56px !important;
  background-color: #09132c !important;
  background-size: cover !important;
  background-position: center left !important;
  overflow: hidden !important;
}
body.elementor-page-106 .sasira-products-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, rgba(9, 19, 44, 0.88) 0%, rgba(9, 19, 44, 0.55) 55%, rgba(9, 19, 44, 0.28) 100%);
  z-index: 0;
  pointer-events: none;
}
body.elementor-page-106 .sasira-products-hero > .e-con-inner,
body.elementor-page-106 .sasira-products-hero .elementor-widget {
  position: relative;
  z-index: 1;
}
body.elementor-page-106 .sasira-products-search {
  max-width: 560px !important;
  margin: 0 0 36px !important;
}
body.elementor-page-106 .sasira-products-search .elementor-search-form,
body.elementor-page-106 .sasira-products-search .elementor-search-form__container {
  background: rgba(255, 255, 255, 0.72) !important;
  border-radius: 30px !important;
  padding: 6px 8px 6px 16px !important;
  backdrop-filter: blur(10px);
  border: 0 !important;
}
body.elementor-page-106 .sasira-products-search input {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: Inter, sans-serif !important;
  color: #09132c !important;
}
body.elementor-page-106 .sasira-products-hero .elementor-heading-title {
  color: #fff !important;
  font-size: clamp(36px, 4.6vw, 64px) !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  max-width: 100% !important;
  margin: 0 0 28px !important;
}
body.elementor-page-106 .sasira-products-hero-actions,
body.elementor-page-106 .sasira-products-hero-actions > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}
body.elementor-page-106 .sasira-btn-spec .elementor-button {
  background: #c01d59 !important;
  color: #fff !important;
  border-radius: 30px !important;
  padding: 12px 22px !important;
  font-weight: 500 !important;
}
body.elementor-page-106 .sasira-btn-catalog .elementor-button {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 30px !important;
  padding: 12px 22px !important;
}

/* Product series cards */
body.elementor-page-106 .sasira-vfd-list {
  padding: 48px 105px 48px 56px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 28px !important;
}
body.elementor-page-106 .sasira-vfd-card,
body.elementor-page-106 .sasira-vfd-card > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 36px !important;
  border-radius: 20px !important;
  padding: 40px 48px !important;
  width: 100% !important;
}
body.elementor-page-106 .sasira-vfd-card--pink { background: #dfccde !important; }
body.elementor-page-106 .sasira-vfd-card--blue { background: transparent !important; }
body.elementor-page-106 .sasira-vfd-card--reverse,
body.elementor-page-106 .sasira-vfd-card--reverse > .e-con-inner {
  flex-direction: row-reverse !important;
}
body.elementor-page-106 .sasira-vfd-card__text { flex: 1 1 auto !important; min-width: 0 !important; }
body.elementor-page-106 .sasira-vfd-card__media { flex: 0 0 38% !important; text-align: center !important; }
body.elementor-page-106 .sasira-vfd-card .elementor-heading-title {
  color: #09132c !important;
  font-size: clamp(22px, 2.4vw, 32px) !important;
  font-weight: 700 !important;
  margin: 0 0 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
body.elementor-page-106 .sasira-vfd-card:not(.sasira-vfd-card--reverse) .elementor-heading-title::before {
  content: "|";
  color: #d81b60;
  font-weight: 300;
  font-size: 1.2em;
  line-height: 1;
}
body.elementor-page-106 .sasira-vfd-card--reverse .elementor-heading-title {
  justify-content: flex-end !important;
  flex-direction: row-reverse !important;
}
body.elementor-page-106 .sasira-vfd-card--reverse .elementor-heading-title::after {
  content: "|";
  color: #d81b60;
  font-weight: 300;
  font-size: 1.2em;
}
body.elementor-page-106 .sasira-vfd-card .elementor-widget-text-editor,
body.elementor-page-106 .sasira-vfd-card .elementor-widget-text-editor p {
  color: #1a2a47 !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}
body.elementor-page-106 .sasira-vfd-card img {
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.15));
}

/* Specs */
body.elementor-page-106 .sasira-vfd-specs {
  background: #09132c !important;
  padding: 64px 105px 80px 56px !important;
  border-top-right-radius: 40px !important;
}
body.elementor-page-106 .sasira-vfd-specs .elementor-heading-title {
  color: #d81b60 !important;
  text-align: center !important;
  font-size: clamp(24px, 2.6vw, 36px) !important;
  font-weight: 600 !important;
  margin: 0 0 8px !important;
}
body.elementor-page-106 .sasira-vfd-specs .elementor-widget-text-editor,
body.elementor-page-106 .sasira-vfd-specs .elementor-widget-text-editor p {
  color: #a0aec0 !important;
  text-align: center !important;
  margin: 0 0 28px !important;
}
.sasira-vfd-table-wrap {
  background: #fff;
  border-radius: 12px;
  overflow: auto;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
}
.sasira-vfd-table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  font-size: 13px;
  color: #09132c;
  font-family: Inter, system-ui, sans-serif;
}
.sasira-vfd-table th,
.sasira-vfd-table td {
  padding: 16px 12px;
  border: 1px solid #e2e8f0;
}
.sasira-vfd-table thead th {
  background: #c01d59;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}
.sasira-vfd-table thead th:first-child {
  background: #d81b60;
  text-align: left;
}
.sasira-vfd-table tbody td:first-child {
  font-weight: 600;
  text-align: left;
  background: #fce7f3;
}
.sasira-vfd-table tbody tr:nth-child(even) td:not(:first-child) { background: #f8fafc; }
.sasira-vfd-hi { color: #0284c7; font-weight: 600; }
.sasira-vfd-yes {
  background: #d1fae5;
  color: #065f46;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 12px;
}
.sasira-vfd-ok { color: #059669; font-weight: 600; }

@media (max-width: 1024px) {
  body.elementor-page-106 .sasira-products-hero,
  body.elementor-page-106 .sasira-vfd-list,
  body.elementor-page-106 .sasira-vfd-specs {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  body.elementor-page-106 .sasira-vfd-card,
  body.elementor-page-106 .sasira-vfd-card > .e-con-inner,
  body.elementor-page-106 .sasira-vfd-card--reverse,
  body.elementor-page-106 .sasira-vfd-card--reverse > .e-con-inner {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 22px !important;
  }
  body.elementor-page-106 .sasira-vfd-card .elementor-heading-title,
  body.elementor-page-106 .sasira-vfd-card--reverse .elementor-heading-title {
    justify-content: center !important;
    flex-direction: row !important;
  }
  body.elementor-page-106 .sasira-vfd-card__media { flex: none !important; }
}

@media (max-width: 767px) {
  body.elementor-page-106 .sasira-products-hero {
    min-height: 420px !important;
    padding-top: 72px !important;
  }
  body.elementor-page-106 .sasira-vfd-specs { border-top-right-radius: 24px !important; }
  .sasira-vfd-table { min-width: 760px; }
}

/* ========================================================================
   GALLERY (105) / CAREERS (107) / PRODUCT SINGLE (xd1000)
   About Us left sidebar + right rail. Reference HTML files in Downloads.
   ======================================================================== */
body.elementor-page-105 .sasira-main-el,
body.elementor-page-105 .sasira-main-el > .e-con-inner,
body.elementor-page-107 .sasira-main-el,
body.elementor-page-107 .sasira-main-el > .e-con-inner,
body.sasira-product-child .sasira-main-el,
body.sasira-product-child .sasira-main-el > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 !important;
  background: #f4f6f9 !important;
}
/* ----- Gallery ----- */
body.elementor-page-105 .sasira-gallery-hero {
  position: relative !important;
  min-height: 360px !important;
  padding: 72px 120px 64px 56px !important;
  background-image: url("https://sasiraa.com/staging/wp-content/uploads/2026/09/gallery-bg-scaled.webp") !important;
  background-size: cover !important;
  background-position: center !important;
  overflow: hidden !important;
}
body.elementor-page-105 .sasira-gallery-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(9, 19, 44, 0.82);
  z-index: 0;
}
body.elementor-page-105 .sasira-gallery-hero > .e-con-inner,
body.elementor-page-105 .sasira-gallery-hero .elementor-widget { position: relative; z-index: 1; }
body.elementor-page-105 .sasira-gallery-badge .elementor-heading-title {
  display: inline-block !important;
  background: rgba(255,255,255,.92) !important;
  color: #09132c !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  border-radius: 20px !important;
  padding: 6px 16px !important;
  margin: 0 0 18px !important;
}
body.elementor-page-105 .sasira-gallery-hero h1.elementor-heading-title {
  color: #fff !important;
  font-size: clamp(32px, 4vw, 56px) !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  max-width: 720px !important;
  margin: 0 0 16px !important;
}
body.elementor-page-105 .sasira-gallery-hero .elementor-widget-text-editor,
body.elementor-page-105 .sasira-gallery-hero .elementor-widget-text-editor p {
  color: #cbd5e1 !important;
  max-width: 680px !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}
body.elementor-page-105 .sasira-gallery-wrap { padding: 48px 200px 56px 72px !important; }
body.elementor-page-105 .sasira-gallery-heading .elementor-heading-title {
  color: #09132c !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 28px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
body.elementor-page-105 .sasira-gallery-heading .elementor-heading-title::before {
  content: "";
  width: 4px;
  height: 28px;
  background: #d81b60;
  border-radius: 2px;
}
body.elementor-page-105 .sasira-gallery-grid,
body.elementor-page-105 .sasira-gallery-grid > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 28px !important;
}
body.elementor-page-105 .sasira-gallery-col,
body.elementor-page-105 .sasira-gallery-col > .e-con-inner {
  flex: 1 1 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}
body.elementor-page-105 .sasira-gallery-card {
  background: #fff !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.05) !important;
}
body.elementor-page-105 .sasira-gallery-card img {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  display: block !important;
}
body.elementor-page-105 .sasira-gallery-card__body { padding: 22px 24px 26px !important; }
body.elementor-page-105 .sasira-gallery-cat .elementor-heading-title {
  color: #d81b60 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin: 0 0 6px !important;
}
body.elementor-page-105 .sasira-gallery-card h3.elementor-heading-title {
  color: #09132c !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin: 0 0 8px !important;
}
body.elementor-page-105 .sasira-gallery-card .elementor-widget-text-editor p {
  color: #6b7280 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ----- Careers ----- */
body.elementor-page-107 .sasira-main-el { padding: 28px 32px 48px !important; background: #f4f6f9 !important; }
body.elementor-page-107 .sasira-careers-hero,
body.elementor-page-107 .sasira-careers-hero > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  min-height: 460px !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  background: #15275e !important;
}
body.elementor-page-107 .sasira-careers-hero__text { flex: 1 1 50% !important; padding: 56px 48px !important; }
body.elementor-page-107 .sasira-careers-hero__photo {
  flex: 1 1 50% !important;
  min-height: 280px !important;
  background-image: url("/staging/wp-content/uploads/2026/07/s4-1785063842-16-about-hero.png") !important;
  background-size: cover !important;
  background-position: center !important;
}
body.elementor-page-107 .sasira-careers-hero h1.elementor-heading-title {
  color: #fff !important;
  font-size: clamp(36px, 4.4vw, 64px) !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  margin: 0 0 18px !important;
}
body.elementor-page-107 .sasira-careers-hero .elementor-widget-text-editor p {
  color: #bac4e0 !important;
  max-width: 460px !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}
body.elementor-page-107 .sasira-careers-cta .elementor-button {
  background: #265de6 !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 17px 24px !important;
  font-weight: 500 !important;width: auto;display: inline-flex;
}
body.elementor-page-107 .sasira-careers-intro,
body.elementor-page-107 .sasira-careers-intro > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 24px !important;
  padding: 36px 8px 8px !important;
}
body.elementor-page-107 .sasira-careers-label .elementor-heading-title {
  color: #f4437a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  margin: 0 0 10px !important;
}
body.elementor-page-107 .sasira-careers-intro h2.elementor-heading-title {
  color: #09132c !important;
  font-size: clamp(26px, 2.8vw, 36px) !important;
  font-weight: 700 !important;
  margin: 0 0 12px !important;
}
body.elementor-page-107 .sasira-careers-intro .elementor-widget-text-editor p {
  color: #6b7280 !important;
  max-width: 640px !important;
}
body.elementor-page-107 .sasira-careers-grow {
  background: #fff !important;
  border-radius: 12px !important;
  padding: 16px 22px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.04) !important;
  align-self: center !important;	
}
body.elementor-page-107 .sasira-careers-grow .elementor-heading-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1a2a47 !important;
  margin: 0 !important;
}
body.elementor-page-107 .sasira-job-list,
body.elementor-page-107 .sasira-job-list > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  padding: 8px 0 0 !important;
}
body.elementor-page-107 .sasira-job-card,
body.elementor-page-107 .sasira-job-card > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #fff !important;
  border-radius: 16px !important;
  padding: 22px 28px !important;
  box-shadow: 0 4px 15px rgba(0,0,0,.03) !important;
}
body.elementor-page-107 .sasira-job-card h3.elementor-heading-title {
  color: #09132c !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin: 0 0 4px !important;
}
body.elementor-page-107 .sasira-job-card .elementor-widget-text-editor p {
  color: #94a3b8 !important;
  margin: 0 !important;
  font-size: 14px !important;
}
body.elementor-page-107 .sasira-job-apply .elementor-button {
  background: #f1f5f9 !important;
  color: #1a2a47 !important;
  border-radius: 20px !important;
  padding: 15px 18px !important;
  font-weight: 600 !important;min-width: 132px;
    display: flex;
    width: auto;
}

/* ----- Product single xD1000 ----- */
body.sasira-product-child .sasira-xd-hero,
body.sasira-product-child .sasira-xd-hero > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  min-height: 400px !important;
  background:  url('/staging/wp-content/uploads/2026/08/products-bg-scaled.webp')!important;
background-size:cover;background-position:center right;
  overflow: hidden !important;
}
body.sasira-product-child .sasira-xd-hero__left {
  flex: 1 1 50% !important;
  padding: 48px 56px !important;
  z-index: 2 !important;
}
body.sasira-product-child .sasira-xd-back .elementor-button {
  background: #fadce6 !important;
  color: #09132c !important;
  border-radius: 20px !important;
  padding: 8px 18px !important;
  font-weight: 600 !important;
  margin-bottom: 24px !important;
}
body.sasira-product-child .sasira-xd-hero h1.elementor-heading-title {
  color: #fff !important;
  font-size: clamp(40px, 5vw, 72px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin: 0 0 10px !important;
}
body.sasira-product-child .sasira-xd-hero__left .elementor-widget-text-editor p {
  color: #d1d5db !important;
  font-size: 18px !important;
  margin: 0 0 24px !important;
}
body.sasira-product-child .sasira-xd-enquire .elementor-button {
  background: #fff !important;
  color: #09132c !important;
  border-radius: 30px !important;
  padding: 12px 28px !important;
  font-weight: 600 !important;
}
body.sasira-product-child .sasira-xd-hero__right {
  flex: 1 1 50% !important;
  display: flex !important;    background: #fcd9e4 !important;
    clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
  align-items: center !important;
  justify-content: center !important;
  padding: 32px 48px 32px 72px !important;
}
body.sasira-product-child .sasira-xd-hero__right img {
  max-height: 320px !important;
  width: auto !important;
  filter: drop-shadow(0 15px 25px rgba(0,0,0,.12));
}
body.sasira-product-child .sasira-xd-overview { padding: 64px 56px !important; background: #fff !important; }
body.sasira-product-child .sasira-xd-overview h2.elementor-heading-title,
body.sasira-product-child .sasira-xd-why h2.elementor-heading-title,
body.sasira-product-child .sasira-xd-apps h2.elementor-heading-title {
  color: #EC4899 !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  font-weight: 600 !important;
  margin: 0 0 24px !important;
}
body.sasira-product-child .sasira-xd-overview .elementor-widget-text-editor p {
  color: #1a2a47 !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  max-width: 900px !important;
}
body.sasira-product-child .sasira-xd-why { background: #C3C6D19C !important; padding: 64px 200px 64px 56px !important; text-align: center !important; }
body.sasira-product-child .sasira-xd-why-grid,
body.sasira-product-child .sasira-xd-why-grid > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 28px !important;
}
body.sasira-product-child .sasira-xd-why-col,
body.sasira-product-child .sasira-xd-why-col > .e-con-inner {
  flex: 1 1 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 40px !important;
}
body.sasira-product-child .sasira-xd-why-photo { flex: 0 0 280px !important; }
body.sasira-product-child .sasira-xd-why-photo img {
  max-width: 260px !important;
  margin: 0 auto !important;
  filter: drop-shadow(0 20px 30px rgba(0,0,0,.15));
}
body.sasira-product-child .sasira-why-item h3.elementor-heading-title {
  color:#EC4899 !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  margin: 0 0 8px !important;
}
body.sasira-product-child .sasira-why-item .elementor-widget-text-editor p {
  color: #6b7280 !important;
  font-size: 14px !important;
  max-width: 260px !important;
  margin: 0 auto !important;
}
body.sasira-product-child .sasira-xd-apps { padding: 64px 200px 64px 80px !important; background: #fff !important; }
body.sasira-product-child .sasira-xd-app-grid,
body.sasira-product-child .sasira-xd-app-grid > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  gap: 24px !important;
}
body.sasira-product-child .sasira-app-card {
  flex: 1 1 0 !important;
  background: #fff !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 15px 35px rgba(0,0,0,.05) !important;
}
body.sasira-product-child .sasira-app-card img {
  width: 100% !important;
  height: 180px !important;
  object-fit: cover !important;
}
body.sasira-product-child .sasira-app-card__body { padding: 22px !important; }
body.sasira-product-child .sasira-app-card h3.elementor-heading-title {
  color: #09132c !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  margin: 0 0 10px !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid #003A5D !important;
  display: inline-block !important;
}
body.sasira-product-child .sasira-app-card .elementor-widget-text-editor p {
  color: #6b7280 !important;
  font-size: 14px !important;
  margin: 0 !important;
}

@media (max-width: 1100px) {
  body.elementor-page-105 .sasira-gallery-grid,
  body.elementor-page-105 .sasira-gallery-grid > .e-con-inner,
  body.sasira-product-child .sasira-xd-why-grid,
  body.sasira-product-child .sasira-xd-why-grid > .e-con-inner,
  body.sasira-product-child .sasira-xd-app-grid,
  body.sasira-product-child .sasira-xd-app-grid > .e-con-inner {
    flex-direction: column !important;
  }
  body.elementor-page-107 .sasira-careers-hero,
  body.elementor-page-107 .sasira-careers-hero > .e-con-inner,
  body.elementor-page-107 .sasira-careers-intro,
  body.elementor-page-107 .sasira-careers-intro > .e-con-inner {
    flex-direction: column !important;
  }
}
@media (max-width: 1024px) {
  body.elementor-page-105 .sasira-gallery-hero,
  body.elementor-page-105 .sasira-gallery-wrap,
  body.sasira-product-child .sasira-xd-overview,
  body.sasira-product-child .sasira-xd-why,
  body.sasira-product-child .sasira-xd-apps,
  body.sasira-product-child .sasira-xd-hero__left {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}
@media (max-width: 767px) {
  body.elementor-page-107 .sasira-job-card,
  body.elementor-page-107 .sasira-job-card > .e-con-inner,
  body.sasira-product-child .sasira-xd-hero,
  body.sasira-product-child .sasira-xd-hero > .e-con-inner {
    flex-direction: column !important;
  }
  body.sasira-product-child .sasira-xd-hero__right {
    clip-path: none;
    min-height: 240px !important;
    padding: 24px !important;
  }
  body.elementor-page-105 .sasira-gallery-hero h1.elementor-heading-title { font-size: 28px !important; }
  body.elementor-page-107 .sasira-careers-hero h1.elementor-heading-title { font-size: 32px !important; }
}

/* ========================================================================
   CONTACT (108) + PARTNER (phoenix-contact)
   About Us left sidebar + right faceted rail only. Pixel match HTML refs.
   ======================================================================== */

/* Shared chrome — Contact uses the same About sidebar / rail as Gallery */
body.elementor-page-108 .sasira-main-el,
body.elementor-page-108 .sasira-main-el > .e-con-inner,
body.sasira-partner-page .sasira-main-el,
body.sasira-partner-page .sasira-main-el > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 !important;
  background: #f4f6f9 !important;
}
body.elementor-page-108 .sasira-sidebar-el,
body.sasira-partner-page .sasira-sidebar-el {
  background: #E8EDF5 !important;
  padding: 22px 16px 16px !important;
}
body.elementor-page-108 .sasira-sidebar-el .elementor-widget-image img,
body.sasira-partner-page .sasira-sidebar-el .elementor-widget-image img {
  max-width: 168px !important;
  height: auto !important;
}
body.elementor-page-108 .sasira-sidebar-el .sasira-nav-el .elementor-button,
body.sasira-partner-page .sasira-sidebar-el .sasira-nav-el .elementor-button {
  width: 100% !important;
  justify-content: flex-start !important;
  border-radius: 10px !important;
  padding: 10px 12px 10px 40px !important;
  min-height: 44px !important;
  background: transparent !important;
  color: #4B5563 !important;
  position: relative !important;
}
body.elementor-page-108 .sasira-sidebar-el .is-active .elementor-button,
body.elementor-page-108 .sasira-sidebar-el .sasira-nav-active .elementor-button,
body.sasira-partner-page .sasira-sidebar-el .is-active .elementor-button,
body.sasira-partner-page .sasira-sidebar-el .sasira-nav-active .elementor-button,
body.elementor-page-108 .sasira-sidebar-el .is-active .elementor-button-text,
body.sasira-partner-page .sasira-sidebar-el .is-active .elementor-button-text {
  background-color: #2A2A9A !important;
  color: #fff !important;
  font-weight: 600 !important;
}
body.elementor-page-108 .sasira-help-el,
body.sasira-partner-page .sasira-help-el {
  background: #fff !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08) !important;
  padding: 12px 14px !important;
  margin-top: auto !important;
}
body.elementor-page-108 .sasira-rail-el img,
body.sasira-partner-page .sasira-rail-el img {
  width: 92px !important;
  height: 520px !important;
  object-fit: cover !important;
  object-position: top center !important;
}
body.elementor-page-108 .sasira-nav-el-wrap .elementor-button::before,
body.sasira-partner-page .sasira-nav-el-wrap .elementor-button::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  opacity: 0.85;
}
body.elementor-page-108 .elementor-element-9f3af16b .elementor-button::before,
body.sasira-partner-page .elementor-element-9f3af16b .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234B5563' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 12l9-9 9 9M5 10v10a1 1 0 001 1h3m10-11v10a1 1 0 01-1 1h-3m-4 0h4'/%3E%3C/svg%3E");
}
body.elementor-page-108 .elementor-element-5b8ba2d4 .elementor-button::before,
body.sasira-partner-page .elementor-element-5b8ba2d4 .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234B5563' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E");
}
body.elementor-page-108 .elementor-element-9a3a3c5e .elementor-button::before,
body.sasira-partner-page .elementor-element-9a3a3c5e .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234B5563' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4'/%3E%3C/svg%3E");
}
body.elementor-page-108 .elementor-element-d1cbc2e6 .elementor-button::before,
body.sasira-partner-page .elementor-element-d1cbc2e6 .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234B5563' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z'/%3E%3C/svg%3E");
}
body.elementor-page-108 .elementor-element-22e73ab4 .elementor-button::before,
body.sasira-partner-page .elementor-element-22e73ab4 .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234B5563' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/%3E%3C/svg%3E");
}
body.elementor-page-108 .elementor-element-2b1ce7f2 .elementor-button::before,
body.sasira-partner-page .elementor-element-2b1ce7f2 .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234B5563' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E");
}
body.elementor-page-108 .sasira-sidebar-el .is-active .elementor-button::before,
body.sasira-partner-page .sasira-sidebar-el .is-active .elementor-button::before {
  filter: brightness(0) invert(1);
  opacity: 1;
}

/* ----- Gallery refinements ----- */
body.elementor-page-105 .sasira-gallery-hero {
  min-height: 350px !important;
  height: 45vh !important;
  padding: 72px 140px 64px 64px !important;
}
body.elementor-page-105 .sasira-gallery-card {
  transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}
body.elementor-page-105 .sasira-gallery-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0,0,0,.1) !important;
}
body.elementor-page-105 .sasira-gallery-card img {
  transition: transform 0.5s ease;
}
body.elementor-page-105 .sasira-gallery-card:hover img {
  transform: scale(1.05);
}

/* ----- Careers refinements ----- */
body.elementor-page-107 .sasira-careers-hero__photo {
  position: relative !important;
  background-image: url("/staging/wp-content/uploads/2026/08/4f75b4edc4256593da0728b97997b0eb9f2c58c3.jpg") !important;
}
body.elementor-page-107 .sasira-careers-hero__photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #15275e;
  mix-blend-mode: color;
  pointer-events: none;
}
body.elementor-page-107 .sasira-careers-hero__photo::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(21, 39, 94, 0.4);
  z-index: 1;
  pointer-events: none;
}
body.elementor-page-107 .sasira-careers-cta .elementor-button::after {
  content: "→";
  margin-left: 10px;
  font-weight: 400;
}
body.elementor-page-107 .sasira-careers-dots .sasira-dots {
  display: flex !important;
  gap: 6px;
  margin: 36px 0 0 !important;
  align-items: center;
}
body.elementor-page-107 .sasira-careers-dots .sasira-dots span {
  display: block;
  height: 6px;
  width: 6px;
  border-radius: 3px;
  background: #4a5c8f;
}
body.elementor-page-107 .sasira-careers-dots .sasira-dots span.is-on {
  width: 24px;
  background: #f4437a;
}
body.elementor-page-107 .sasira-careers-grow {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  white-space: nowrap !important;min-width: 300px;
}
body.elementor-page-107 .sasira-careers-grow .elementor-heading-title::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  vertical-align: -3px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23265de6' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z'/%3E%3C/svg%3E") center / 18px no-repeat;
}
body.elementor-page-107 .sasira-job-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
  border: 1px solid transparent !important;
  cursor: pointer;
}
body.elementor-page-107 .sasira-job-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 30px rgba(0,0,0,.08) !important;
  border-color: #e2e8f0 !important;
}
body.elementor-page-107 .sasira-job-apply .elementor-button::after {
  content: "›";
  margin-left: 8px;
  color: #94a3b8;
}
body.elementor-page-107 .sasira-job-card:hover .sasira-job-apply .elementor-button {
  background: #265de6 !important;
  color: #fff !important;
}
body.elementor-page-107 .sasira-job-card:hover .sasira-job-apply .elementor-button::after {
  color: #fff;
}

/* ----- Contact page ----- */
body.elementor-page-108 .sasira-contact-map,
body.elementor-page-108 .sasira-contact-map > .e-con-inner {
  position: relative !important;
  min-height: 500px !important;
  height: 55vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 32px 24px !important;
  background-image: url("/staging/wp-content/uploads/2026/08/b65f4596caf998eac00f6739e82d18b4c42b88be.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}
body.elementor-page-108 .sasira-contact-map{display:none !important;}
body.elementor-page-108 .sasira-contact-map::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.75);
  z-index: 1;
}
body.elementor-page-108 .sasira-contact-map > .e-con-inner,
body.elementor-page-108 .sasira-contact-map .sasira-contact-card {
  position: relative;
  z-index: 2;
}
body.elementor-page-108 .sasira-contact-form-sec,
body.elementor-page-108 .sasira-contact-form-sec > .e-con-inner {
  min-height: 60vh !important;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 24px 24px 80px !important;
}
body.elementor-page-108 .sasira-contact-card {
  background: #fff !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.06) !important;
  padding: 48px 52px !important;
  width: 100% !important;
  max-width: 500px !important;
}
body.elementor-page-108 .sasira-enquiry-card {margin-top: -0px !important;}
body.elementor-page-108 .sasira-contact-card h2.elementor-heading-title {
  font-size: 35px !important;
  color: #09132c !important;
  text-align: center !important;
  font-weight: 600 !important;
  margin: 0 0 12px !important;
}
body.elementor-page-108 .sasira-card-desc .elementor-widget-container,
body.elementor-page-108 .sasira-card-desc p {
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 0 32px !important;
}
body.elementor-page-108 .sasira-info-item {
  padding-left: 32px !important;
  margin: 0 0 22px !important;
  position: relative !important;
}
body.elementor-page-108 .sasira-info-item p,
body.elementor-page-108 .sasira-info-item a {
  font-size: 15px !important;
  color: #1a2a47 !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  margin: 0 !important;
}
body.elementor-page-108 .sasira-info-item a:hover { color: #d81b60 !important; }
body.elementor-page-108 .sasira-info-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
}
body.elementor-page-108 .sasira-info-loc::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d81b60' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1112 6.5a2.5 2.5 0 010 5z'/%3E%3C/svg%3E");
}
body.elementor-page-108 .sasira-info-phone::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d81b60' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.57.57a1 1 0 011 1V20a1 1 0 01-1 1C10.4 21 3 13.6 3 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.45.57 3.57a1 1 0 01-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
}
body.elementor-page-108 .sasira-info-mail::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d81b60' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
}
body.elementor-page-108 .sasira-contact-hours,
body.elementor-page-108 .sasira-contact-hours > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: 8px !important;
  padding-top: 28px !important;
  border-top: 1px solid #e2e8f0 !important;
  gap: 12px !important;
}
body.elementor-page-108 .sasira-contact-hours .elementor-heading-title {
  display: block !important;
  font-size: 12px !important;
  color: #475569 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-weight: 600 !important;
  margin: 0 0 4px !important;
  text-align: left !important;
}
body.elementor-page-108 .sasira-contact-hours .elementor-widget-text-editor p {
  color: #09132c !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  margin: 0 !important;
}
body.elementor-page-108 .sasira-btn-directions .elementor-button {
  background: #f1f5f9 !important;
  color: transparent !important;
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2309132c' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l5.447 2.724A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px !important;
}

/* Enquiry form (shortcode) */
.sasira-enquiry { width: 100%;float:left; }
fieldset {display:none !important}
.sasira-enquiry__hp { position: absolute; left: -9999px; height: 0; overflow: hidden; }
.sasira-enquiry__group { margin-bottom: 28px; }
.sasira-enquiry__row {
  display: flex;
  gap: 32px;
}
.sasira-enquiry__row .sasira-enquiry__group { flex: 1; }
.sasira-enquiry__group label {
  display: block;
  font-size: 12px;
  color: #09132c;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  margin-bottom: 5px;
}
.sasira-enquiry__group input,
.sasira-enquiry__group textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #cbd5e1;
  padding: 8px 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: 16px;
  color: #1a2a47;
  background: transparent;
  outline: none;
  border-radius: 0;
  box-shadow: none;
}
.sasira-enquiry__group textarea { resize: none; height: 40px; }
.sasira-enquiry__group input:focus,
.sasira-enquiry__group textarea:focus { border-bottom-color: #09132c; }
.sasira-enquiry__actions {
  display: flex;
  gap: 16px;
  margin-top: 36px;
}
.sasira-enquiry__submit,
.sasira-enquiry__reset {
  flex: 1;
  border-radius: 8px;
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  font-family: Inter, system-ui, sans-serif;
  line-height: 1.3;min-width:150px;
}
.sasira-enquiry__submit {
  background: #09132c;
  color: #fff;
  border: none;min-width: 170px;
    width: 100%;
}
.sasira-enquiry__submit br{display:none;}
.sasira-enquiry__submit:hover { background: #1e3a8a; }
.sasira-enquiry__reset {
  background: #fff;
  color: #09132c;
  border: 1px solid #cbd5e1;
}
.sasira-enquiry__reset:hover { background: #f8fafc; border-color: #94a3b8; }
.sasira-enquiry__ok { color: #065f46; background: #d1fae5; padding: 12px 16px; border-radius: 8px; margin: 0 0 20px; }
.sasira-enquiry__err { color: #991b1b; background: #fee2e2; padding: 12px 16px; border-radius: 8px; margin: 0 0 20px; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {width: 100%;float: left;padding:5px 10px;border-radius: 5px;background: #ff0000;text-align: center;color: #fff;border:1px solid #ff0000;}
span.wpcf7-not-valid-tip{color: #ff0000;}
.wpcf7 form.sent .wpcf7-response-output {border:1px solid #46b450;width: 100%;float: left;padding: 5px 10px;border-radius: 5px;background: #46b450;text-align: center;color:#fff;}
.screen-reader-response{display:none !important;}

/* ----- Partner / Phoenix Contact ----- */
body.sasira-partner-page .sasira-main-el { background: #f0f4f8 !important; }
body.sasira-partner-page .sasira-partner-hero,
body.sasira-partner-page .sasira-partner-hero > .e-con-inner {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 40px !important;
  padding: 80px 64px !important;
  min-height: 340px !important;
  overflow: hidden !important;
  background-image: url("/staging/wp-content/uploads/2026/07/s4-1785063842-16-about-hero.png") !important;
  background-size: cover !important;
  background-position: center !important;
}
body.sasira-partner-page .sasira-partner-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(9, 19, 44, 0.85);
  z-index: 0;
}
body.sasira-partner-page .sasira-partner-hero > .e-con-inner,
body.sasira-partner-page .sasira-partner-hero .elementor-widget,
body.sasira-partner-page .sasira-partner-hero .e-con {
  position: relative;
  z-index: 2;
}
body.sasira-partner-page .sasira-partner-hero__text { flex: 1 1 58% !important; max-width: 640px !important; }
body.sasira-partner-page .sasira-partner-hero h1.elementor-heading-title {
  color: #fff !important;
  font-size: clamp(28px, 3.2vw, 45px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 0 20px !important;
}
body.sasira-partner-page .sasira-partner-hero .elementor-widget-text-editor p {
  color: #cbd5e1 !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}
body.sasira-partner-page .sasira-partner-hexlogo {
  flex: 0 0 200px !important;
  width: 200px !important;
  height: 200px !important;
background: #fff !important;
 /*    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 20px 40px rgba(0,0,0,.3) !important;
  margin-right: 24px !important;border-radius:50%;
}
body.sasira-partner-page .sasira-partner-hexlogo,
body.sasira-partner-page .sasira-partner-hexlogo > .e-con-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.sasira-partner-page .sasira-phoenix-word .elementor-heading-title {
  color: #09132c !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-align: center !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  max-width: 130px !important;
}
body.sasira-partner-page .sasira-partner-body {
  padding: 64px 200px 80px 80px!important;
  max-width: 100% !important;
  width: 100% !important;
}
body.sasira-partner-page .sasira-partner-quote,
body.sasira-partner-page .sasira-partner-quote p {
  font-style: italic !important;
  color: #1a2a47 !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  margin: 0 0 40px !important;
}
body.sasira-partner-page .sasira-partner-quote p {border-left: 3px solid #d81b60 !important;padding-left: 24px !important;}
body.sasira-partner-page .sasira-partner-showcase img {
  width: 100% !important;
  border-radius: 12px !important;
  box-shadow: 0 15px 35px rgba(0,0,0,.08) !important;
  max-height: 500px !important;
  object-fit: cover !important;
  margin: 0 0 64px !important;
}
body.sasira-partner-page .sasira-partner-split,
body.sasira-partner-page .sasira-partner-split > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 56px !important;
  margin: 0 0 72px !important;
}
body.sasira-partner-page .sasira-partner-info,
body.sasira-partner-page .sasira-partner-photo { flex: 1 1 50% !important; }
body.sasira-partner-page .sasira-partner-info h2.elementor-heading-title {
  font-size: clamp(28px, 2.8vw, 35px) !important;
  color: #09132c !important;
  font-weight: 700 !important;
  margin: 0 0 6px !important;
}
body.sasira-partner-page .sasira-partner-sub .elementor-heading-title {
  color: #d81b60 !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  margin: 0 0 20px !important;
}
body.sasira-partner-page .sasira-partner-info .elementor-widget-text-editor p {
  color: #475569 !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  margin: 0 0 28px !important;
}
body.sasira-partner-page .sasira-partner-specs,
body.sasira-partner-page .sasira-partner-specs > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  gap: 20px !important;
}
body.sasira-partner-page .sasira-spec-box {
  flex: 1 1 0 !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 18px !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.02) !important;
}
body.sasira-partner-page .sasira-spec-label .elementor-heading-title {
  font-size: 11px !important;
  color: #d81b60 !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  margin: 0 0 4px !important;
}
body.sasira-partner-page .sasira-spec-box h3.elementor-heading-title {
  font-size: 19px !important;
  color: #09132c !important;
  font-weight: 700 !important;
  margin: 0 0 2px !important;
}
body.sasira-partner-page .sasira-spec-box .elementor-widget-text-editor p {
  font-size: 13px !important;
  color: #475569 !important;
  margin: 0 !important;
}
body.sasira-partner-page .sasira-partner-photo {
  position: relative !important;
  background: linear-gradient(135deg, #e2e8f0 0%, #f1f5f9 100%) !important;
  border-radius: 12px !important;
  padding:36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.sasira-partner-page .sasira-partner-photo img {
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  filter: drop-shadow(0 20px 30px rgba(0,0,0,.15));
}
body.sasira-partner-page .sasira-partner-tag {
  position: absolute !important;
  bottom: -16px !important;
  right: -8px !important;
  background: #09132c !important;
  color: #fff !important;
  padding: 20px 22px !important;
  border-radius: 8px !important;
  max-width: 210px !important;
  box-shadow: 0 15px 30px rgba(9, 19, 44, 0.3) !important;
  z-index: 2 !important;
}
body.sasira-partner-page .sasira-partner-tag .elementor-heading-title {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}
body.sasira-partner-page .sasira-partner-sechead .elementor-heading-title {
  font-size: 24px !important;
  color: #09132c !important;
  font-weight: 600 !important;
  margin: 0 0 36px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid #cbd5e1 !important;
}
body.sasira-partner-page .sasira-tech-grid,
body.sasira-partner-page .sasira-tech-grid > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  gap: 28px !important;
  margin: 0 0 72px !important;
}
body.sasira-partner-page .sasira-tech-card {
  flex: 1 1 0 !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 36px 28px !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.02) !important;
  transition: transform 0.3s, box-shadow 0.3s;
}
body.sasira-partner-page .sasira-tech-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0,0,0,.08) !important;
}
body.sasira-partner-page .sasira-tech-card h4.elementor-heading-title {
  font-size: 20px !important;
  color: #1a2a47 !important;
  font-weight: 600 !important;
  margin: 0 0 16px !important;
}
body.sasira-partner-page .sasira-tech-card h4.elementor-heading-title::before {
  content: "";
  display: block;
  width: 45px;
  height: 45px;
  background: #09132c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fff' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z'/%3E%3C/svg%3E") center / 20px no-repeat;
  border-radius: 8px;
  margin-bottom: 20px;
}
body.sasira-partner-page .sasira-tech-card:nth-child(2) h4.elementor-heading-title::before,
body.sasira-partner-page .sasira-tech-grid > .e-con-inner > .sasira-tech-card:nth-child(2) h4.elementor-heading-title::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fff' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4'/%3E%3C/svg%3E");
}
body.sasira-partner-page .sasira-tech-card:nth-child(3) h4.elementor-heading-title::before,
body.sasira-partner-page .sasira-tech-grid > .e-con-inner > .sasira-tech-card:nth-child(3) h4.elementor-heading-title::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fff' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4'/%3E%3C/svg%3E");
}
body.sasira-partner-page .sasira-tech-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.sasira-partner-page .sasira-tech-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 10px;
  font-size: 14px;
  color: #475569;
  line-height: 1.5;
}
body.sasira-partner-page .sasira-tech-list li::before {
  content: "";
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23d81b60' stroke-width='2.4'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center / 16px no-repeat;
}
body.sasira-partner-page .sasira-partner-cta {
  background: #09132c !important;
  border-radius: 16px !important;
  padding: 64px !important;
  color: #fff !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 20px 40px rgba(9, 19, 44, 0.2) !important;
}
body.sasira-partner-page .sasira-partner-cta::after {
  content: "";
  position: absolute;
  right: -5px;
  top: 0%;
  width: 254px;
  height: 237px;
background-image:url('/staging/wp-content/uploads/2026/08/partner-product-Icon.svg');
  pointer-events: none;transform: rotate(0deg);opacity:0.2;
}
body.sasira-partner-page .sasira-partner-cta h2.elementor-heading-title {
  color: #fff !important;
  font-size: clamp(26px, 2.6vw, 35px) !important;
  font-weight: 600 !important;
  margin: 0 0 20px !important;
  max-width: 650px !important;
}
body.sasira-partner-page .sasira-partner-cta .elementor-widget-text-editor p {
  font-size: 17px !important;
  color: #cbd5e1 !important;
  line-height: 1.7 !important;
  margin: 0 0 32px !important;
  max-width: 650px !important;
}
body.sasira-partner-page .sasira-partner-cta-actions,
body.sasira-partner-page .sasira-partner-cta-actions > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  gap: 20px !important;
}
body.sasira-partner-page .sasira-btn-spec .elementor-button {
  background: #d81b60 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 12px 24px !important;
  font-weight: 500 !important;
}
body.sasira-partner-page .sasira-btn-spec .elementor-button:hover { background: #b81752 !important; }
body.sasira-partner-page .sasira-btn-catalog .elementor-button {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.5) !important;
  border-radius: 6px !important;
  padding: 12px 24px !important;
  font-weight: 500 !important;
}
body.sasira-partner-page .sasira-btn-catalog .elementor-button:hover {
  background: rgba(255,255,255,.1) !important;
  border-color: #fff !important;
}

@media (max-width: 1200px) {
  body.sasira-partner-page .sasira-tech-grid,
  body.sasira-partner-page .sasira-tech-grid > .e-con-inner {
    flex-wrap: wrap !important;
  }
  body.sasira-partner-page .sasira-tech-card { flex: 1 1 46% !important; }
  body.sasira-partner-page .sasira-partner-hexlogo { margin-right: 0 !important; }
}
@media (max-width: 1100px) {
  body.sasira-partner-page .sasira-partner-hero,
  body.sasira-partner-page .sasira-partner-hero > .e-con-inner,
  body.sasira-partner-page .sasira-partner-split,
  body.sasira-partner-page .sasira-partner-split > .e-con-inner,
  body.sasira-partner-page .sasira-tech-grid,
  body.sasira-partner-page .sasira-tech-grid > .e-con-inner {
    flex-direction: column !important;
  }
  body.sasira-partner-page .sasira-tech-card { flex: 1 1 100% !important; }
}
@media (max-width: 1024px) {
  body.elementor-page-108 .sasira-enquiry-card { margin-top: -40px !important; }
  body.sasira-partner-page .sasira-partner-hero,
  body.sasira-partner-page .sasira-partner-body,
  body.sasira-partner-page .sasira-partner-cta {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  body.elementor-page-107 .sasira-main-el { padding: 16px !important; }
}
@media (max-width: 767px) {
  body.elementor-page-108 .sasira-contact-card { padding: 28px 22px !important; }
  body.elementor-page-108 .sasira-contact-card h2.elementor-heading-title { font-size: 28px !important; }
  body.elementor-page-108 .sasira-contact-map,
  body.elementor-page-108 .sasira-contact-map > .e-con-inner { height: auto !important; min-height: 420px !important; }
  .sasira-enquiry__row,
  .sasira-enquiry__actions,
  body.sasira-partner-page .sasira-partner-specs,
  body.sasira-partner-page .sasira-partner-specs > .e-con-inner,
  body.sasira-partner-page .sasira-partner-cta-actions,
  body.sasira-partner-page .sasira-partner-cta-actions > .e-con-inner {
    flex-direction: column !important;
    gap: 0 !important;
  }
  .sasira-enquiry__actions { gap: 12px !important; }
  body.sasira-partner-page .sasira-partner-cta-actions { gap: 12px !important; }
  body.sasira-partner-page .sasira-partner-hero h1.elementor-heading-title { font-size: 26px !important; text-align: center !important; }
  body.sasira-partner-page .sasira-partner-hexlogo { width: 180px !important; height: 180px !important; flex-basis: 180px !important; margin: 0 auto !important; }
  body.sasira-partner-page .sasira-partner-tag { right: 12px !important; }
  body.sasira-partner-page .sasira-partner-cta { padding: 36px 22px !important; }
  body.elementor-page-105 .sasira-gallery-hero { height: auto !important; padding: 48px 24px !important; }
}

/* ========================================================================
   LEFT SIDEBAR — match Downloads/Aside - LeftSidebar.png
   Applies to every inner page that clones the About Us panel.
   ======================================================================== */
.sasira-sidebar-el,
body.elementor-page-104 .sasira-sidebar-el,
body.elementor-page-105 .sasira-sidebar-el,
body.elementor-page-106 .sasira-sidebar-el,
body.elementor-page-107 .sasira-sidebar-el,
body.elementor-page-108 .sasira-sidebar-el,
body.sasira-product-child .sasira-sidebar-el,
body.sasira-partner-page .sasira-sidebar-el {
  background: #B8C0DA !important;
  background-color: #B8C0DA !important;
  padding: 28px 18px 22px !important;
  display: flex !important;
  flex-direction: column !important;
}
.sasira-sidebar-el .elementor-element-2f04d43 {
  margin: 0 0 28px !important;
  width: 100% !important;
}
.sasira-sidebar-el .elementor-element-2f04d43 img,
.sasira-sidebar-el .elementor-element-2f04d43 a {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: 130px !important;
  max-height: 130px !important;
  object-fit: contain !important;
  object-position: left center !important;
}
.sasira-sidebar-el .elementor-element-4bb5e725,
.sasira-sidebar-el .elementor-element-2f411c24 {
  display: none !important;
}

.sasira-sidebar-el .sasira-nav-el-wrap,
.sasira-sidebar-el .sasira-nav-el-wrap > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  flex: 1 1 auto !important;
  margin: 0 0 16px !important;
}
.sasira-sidebar-el .elementor-button,
.sasira-sidebar-el .sasira-nav-el .elementor-button {
  background: transparent !important;
  background-color: transparent !important;
  color: #101828 !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 10px !important;
  padding: 11px 12px 11px 42px !important;
  min-height: 44px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  justify-content: flex-start !important;
  position: relative !important;
}
.sasira-sidebar-el .elementor-button-text {
  color: #101828 !important;
}
.sasira-sidebar-el .sasira-nav-el-wrap .elementor-button::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  opacity: 1;
  filter: none;
}
.sasira-sidebar-el .elementor-element-9f3af16b .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 10.5L12 3l9 7.5V20a1 1 0 01-1 1h-5v-6H9v6H4a1 1 0 01-1-1v-9.5z'/%3E%3C/svg%3E") !important;
}
.sasira-sidebar-el .elementor-element-5b8ba2d4 .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E") !important;
}
.sasira-sidebar-el .elementor-element-9a3a3c5e .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z'/%3E%3C/svg%3E") !important;
}
.sasira-sidebar-el .elementor-element-d1cbc2e6 .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z'/%3E%3C/svg%3E") !important;
}
.sasira-sidebar-el .elementor-element-22e73ab4 .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75'/%3E%3C/svg%3E") !important;
}
.sasira-sidebar-el .elementor-element-2b1ce7f2 .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101828' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.95.68l1.5 4.49a1 1 0 01-.5 1.21l-2.26 1.13a11.04 11.04 0 005.52 5.52l1.13-2.26a1 1 0 011.21-.5l4.49 1.5a1 1 0 01.68.94V19a2 2 0 01-2 2h-1C9.72 21 3 14.28 3 6V5z'/%3E%3C/svg%3E") !important;
}
.sasira-sidebar-el .sasira-nav-el .elementor-button:hover {
  background: rgba(42, 42, 154, 0.08) !important;
  color: #2A2A9A !important;
}
.sasira-sidebar-el .is-active .elementor-button,
.sasira-sidebar-el .sasira-nav-active .elementor-button,
.sasira-sidebar-el .sasira-nav-products.is-open .elementor-button,
.sasira-sidebar-el .is-active .elementor-button-text,
.sasira-sidebar-el .sasira-nav-active .elementor-button-text {
  background: rgba(8, 16, 40, 0.12) !important;
  background-color: rgba(8, 16, 40, 0.12) !important;
  color: #0B1220 !important;
  font-weight: 600 !important;
}
.sasira-sidebar-el .is-active .elementor-button::before,
.sasira-sidebar-el .sasira-nav-active .elementor-button::before,
.sasira-sidebar-el .sasira-nav-products.is-open .elementor-button::before {
  filter: none !important;
  opacity: 1 !important;
}

/* Need Help card — same as About Us on every page */
.sasira-sidebar-el .sasira-help-el,
.sasira-sidebar-el .elementor-element-1a65ea3f,
body.elementor-page-104 .sasira-help-el,
body.elementor-page-105 .sasira-help-el,
body.elementor-page-106 .sasira-help-el,
body.elementor-page-107 .sasira-help-el,
body.elementor-page-108 .sasira-help-el,
body.sasira-product-child .sasira-help-el,
body.sasira-partner-page .sasira-help-el {
/*   background: #fff !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08) !important;
  padding: 12px 12px 12px 14px !important; */ 
  margin-top: auto !important;
  width: 100% !important;
}
.sasira-sidebar-el .sasira-help-el > .e-con-inner,
.sasira-sidebar-el .elementor-element-1a65ea3f > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 0 !important;
  background: transparent !important;
}
.sasira-sidebar-el .sasira-help-el .elementor-heading-title,
.sasira-sidebar-el .elementor-element-9e0a8940 .elementor-heading-title {
  color: #1A2744 !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}
.sasira-sidebar-el .sasira-help-el .elementor-widget-text-editor,
.sasira-sidebar-el .sasira-help-el .elementor-widget-text-editor p,
.sasira-sidebar-el .elementor-element-9e3acbbf,
.sasira-sidebar-el .elementor-element-9e3acbbf p {
  color: #6B7280 !important;
  font-size: 12px !important;
  margin: 2px 0 0 !important;
}
.sasira-sidebar-el .sasira-help-el .elementor-button,
.sasira-sidebar-el .elementor-element-461e7fe6 .elementor-button,
body.elementor-page-104 .sasira-help-el .elementor-element-461e7fe6 .elementor-button {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  border-radius: 50% !important;
  background: #E53935 !important;
  background-color: #E53935 !important;
  padding: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  box-shadow: none !important;
}
.sasira-sidebar-el .sasira-help-el .elementor-button::before,
.sasira-sidebar-el .sasira-help-el .elementor-button::after {
  display: none !important;
}
.sasira-sidebar-el .sasira-help-el .elementor-button::after {
  display: block !important;
  content: "" !important;
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fff' stroke-width='2.2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 16px no-repeat;
}

/* Socials + copyright */
.sasira-sidebar-el .sasira-socials {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 2px 8px;
}
.sasira-sidebar-el .sasira-socials a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #8B9BB4;
  text-decoration: none;
}
.sasira-sidebar-el .sasira-socials a.is-linkedin { background: #0A66C2; }
.sasira-sidebar-el .sasira-socials a.is-facebook { background: #8B9BB4; }
.sasira-sidebar-el .sasira-socials a.is-x { background: #fff; color: #111; }
.sasira-sidebar-el .sasira-socials a.is-instagram {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  color: #fff;
}
.sasira-sidebar-el .sasira-socials svg { width: 14px; height: 14px; }
.sasira-sidebar-el .sasira-copyright,
.sasira-sidebar-el .elementor-element-167c35c6,
.sasira-sidebar-el .elementor-element-167c35c6 p {
  font-size: 11px !important;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, 0.55) !important;
  margin: 0 !important;
  background: transparent !important;
}

/* ========================================================================
   350px–480px — keep existing layouts, only scale spacing/type
   ======================================================================== */
@media (max-width: 480px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }
  .elementor,
  .elementor-section,
  .e-con,
  .sasira-shell-el,
  .sasira-main-el {
    max-width: 100% !important;
  }
  .sasira-menu-toggle {
    top: 10px !important;
    left: 10px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
  }
  .sasira-sidebar-el,
  body.elementor-page-104 .sasira-sidebar-el {
    width: min(260px, 88vw) !important;
    min-width: 0 !important;
    max-width: min(260px, 88vw) !important;
    padding: 20px 14px 16px !important;
  }
  .sasira-sidebar-el .elementor-element-2f04d43 img {
    width: 160px !important;
    max-height: 46px !important;
  }
  .sasira-sidebar-el .elementor-button {
    min-height: 40px !important;
    font-size: 14px !important;
    padding: 9px 10px 9px 38px !important;
  }

  /* Home */
  body.home .sasira-hero-inner { padding: 12px 10px 6px !important; }
  body.home .sasira-comp-row,
  body.home .sasira-testi-inner,
  body.home .sasira-testi-inner > .e-con-inner { padding-left: 12px !important; padding-right: 12px !important; }
  body.home .sasira-comp-heading .elementor-heading-title,
  body.home .sasira-comp-title-row .elementor-heading-title { font-size: 20px !important; }
  body.home .sasira-testi-head-text .elementor-heading-title { font-size: 20px !important; }
  body.home .sasira-card-item { height: 200px !important; min-height: 200px !important; }
  body.home .sasira-tcard,
  body.home .sasira-tcard-item {
    flex: 0 0 min(250px, 86vw) !important;
    width: min(250px, 86vw) !important;
    min-width: min(250px, 86vw) !important;
    max-width: min(250px, 86vw) !important;
  }
  body.home .sasira-partner-hex { width: 88px !important; max-width: 88px !important; }
  body.home .sasira-wave-img { width: min(50vw, 170px) !important; }

  /* Inner main columns */
  body.elementor-page-104 .sasira-page-hero-el,
  body.elementor-page-105 .sasira-gallery-hero,
  body.elementor-page-105 .sasira-gallery-wrap,
  body.elementor-page-106 .sasira-products-hero,
  body.elementor-page-106 .sasira-vfd-list,
  body.elementor-page-106 .sasira-vfd-specs,
  body.elementor-page-107 .sasira-main-el,
  body.elementor-page-108 .sasira-contact-map,
  body.elementor-page-108 .sasira-contact-form-sec,
  body.sasira-partner-page .sasira-partner-hero,
  body.sasira-partner-page .sasira-partner-body,
  body.sasira-product-child .sasira-xd-overview,
  body.sasira-product-child .sasira-xd-why,
  body.sasira-product-child .sasira-xd-apps,
  body.sasira-product-child .sasira-xd-hero__left {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  body.elementor-page-104 .sasira-page-hero-el { padding-top: 64px !important; padding-bottom: 40px !important; min-height: 46vh !important; }
  body.elementor-page-104 .sasira-page-hero-el .elementor-heading-title { font-size: 26px !important; }
  body.elementor-page-105 .sasira-gallery-hero { height: auto !important; min-height: 260px !important; padding-top: 56px !important; padding-bottom: 36px !important; }
  body.elementor-page-105 .sasira-gallery-hero h1.elementor-heading-title { font-size: 24px !important; }
  body.elementor-page-105 .sasira-gallery-card img { height: 170px !important; }
  body.elementor-page-107 .sasira-careers-hero { min-height: 0 !important; border-radius: 20px !important; }
  body.elementor-page-107 .sasira-careers-hero__text { padding: 28px 20px !important; }
  body.elementor-page-107 .sasira-careers-hero h1.elementor-heading-title { font-size: 28px !important; }
  body.elementor-page-107 .sasira-careers-hero__photo { min-height: 180px !important; }
  body.elementor-page-107 .sasira-job-card { padding: 16px 16px !important; }
  body.elementor-page-108 .sasira-contact-card { padding: 22px 18px !important; border-radius: 16px !important; }
  body.elementor-page-108 .sasira-contact-card h2.elementor-heading-title { font-size: 24px !important; }
  body.elementor-page-108 .sasira-enquiry-card { margin-top: -28px !important; }
  body.elementor-page-108 .sasira-contact-map,
  body.elementor-page-108 .sasira-contact-map > .e-con-inner { min-height: 360px !important; height: auto !important; }
  .sasira-enquiry__submit,
  .sasira-enquiry__reset { padding: 12px 14px !important; font-size: 14px !important; }
  body.sasira-partner-page .sasira-partner-hero { padding-top: 48px !important; padding-bottom: 40px !important; }
  body.sasira-partner-page .sasira-partner-hero h1.elementor-heading-title { font-size: 22px !important; }
  body.sasira-partner-page .sasira-partner-hexlogo { width: 150px !important; height: 150px !important; flex-basis: 150px !important; }
  body.sasira-partner-page .sasira-partner-body { padding-top: 32px !important; padding-bottom: 40px !important; }
  body.sasira-partner-page .sasira-partner-cta { padding: 28px 18px !important; }
  body.sasira-partner-page .sasira-partner-photo { padding: 24px !important; }
  body.elementor-page-106 .sasira-vfd-card { padding: 22px 16px !important; }
  body.sasira-product-child .sasira-xd-hero h1.elementor-heading-title { font-size: 32px !important; }
}

@media (max-width: 360px) {
  .sasira-sidebar-el .elementor-element-2f04d43 img { width: 146px !important; }
  .sasira-sidebar-el .sasira-socials { gap: 8px; }
  .sasira-sidebar-el .sasira-socials a { width: 28px; height: 28px; }
  body.elementor-page-105 .sasira-gallery-hero h1.elementor-heading-title,
  body.elementor-page-107 .sasira-careers-hero h1.elementor-heading-title { font-size: 22px !important; }
  body.elementor-page-104 .sasira-page-hero-el .elementor-heading-title { font-size: 22px !important; }
  body.home .sasira-comp-heading .elementor-heading-title { font-size: 18px !important; }
}

/* ========================================================================
   PRODUCTS MEGA — match Overlay+Border+Shadow+OverlayBlur.png 100%
   ======================================================================== */
.sasira-products-mega {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: none;
}
.sasira-products-mega.is-open {
  display: block;
}
body.sasira-mega-open {
  overflow: hidden !important;
}
.sasira-products-mega[hidden] { display: none !important; }
.sasira-products-mega.is-open[hidden] { display: block !important; }

/* ========================================================================
   MOBILE ELEMENTOR CHROME — shared header, menu, partner strip and footer
   Desktop is intentionally untouched; these components only render at 1024px
   and below. All visible content comes from native Elementor widgets.
   ======================================================================== */
.sasira-mobile-chrome { display: none !important; }

@media (min-width: 1025px) {
  .sasira-mobile-chrome { display: none !important; }
}

@media (max-width: 1024px) {
  html,
  body {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }

  body.sasira-mobile-chrome-page .sasira-mobile-header {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    z-index: 120 !important;
    background: #c6cce0 !important;
    border-radius:0 0 !important;
    overflow: hidden !important;
  }
.elementor .elementor-hidden-mobile, .elementor .elementor-hidden-phone {display: none !important;}

  .sasira-mobile-header__bar,
  .sasira-mobile-header__bar > .e-con-inner {
    width: 100% !important;
    min-height: 66px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    background: #c6cce0 !important;
    padding: 10px 16px !important;
  }

  .sasira-mobile-header__logo,
  .sasira-mobile-header__logo .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: 160px !important;
    margin: 0 !important;
  }

  .sasira-mobile-header__logo img {
    display: block !important;
    width: 142px !important;
    max-width: 46vw !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .sasira-mobile-menu-toggle,
  .sasira-mobile-menu-toggle .elementor-widget-container {
    width: 48px !important;
    min-width: 48px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
  }

  .sasira-mobile-menu-toggle .elementor-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #ff0b87 !important;
    box-shadow: none !important;
  }

  .sasira-mobile-menu-toggle .elementor-button-text {
    display: none !important;
  }

  .sasira-mobile-menu-toggle .elementor-button::before {
    content: "\2630" !important;
    display: block !important;
    color: #ff0b87 !important;
    font-family: Arial, sans-serif !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
  }

  body.sasira-mobile-menu-open .sasira-mobile-menu-toggle .elementor-button::before {
    content: "\00d7" !important;
    font-size: 38px !important;
    font-weight: 400 !important;
  }

  .sasira-mobile-partners,
  .sasira-mobile-partners > .e-con-inner {
    width: 100% !important;
    min-height: 88px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 4px !important;
    padding: 10px !important;
    background: #c6cce0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
    overflow: hidden !important;
  }

  .sasira-mobile-partner {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: 68px !important;
    min-width: 0 !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 5px !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  .sasira-mobile-partner__image,
  .sasira-mobile-partner__image .elementor-widget-container {
    width: 100% !important;
    max-width: 64px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .sasira-mobile-partner__image img {
    display: block !important;
    width: 100% !important;
    max-width: 58px !important;
    height: auto !important;
    max-height: 42px !important;
    object-fit: contain !important;
  }

  body.sasira-mobile-chrome-page .sasira-menu-toggle,
  body.sasira-mobile-chrome-page .sasira-sidebar-el,
  body.sasira-mobile-chrome-page .sasira-rail-el {
    display: none !important;
  }

  body.sasira-mobile-chrome-page .sasira-footer-editable:not(.sasira-mobile-footer) {
    display: none !important;
  }

  .sasira-mobile-menu {
    display: none !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-height: 100vh !important;
    z-index: 9999 !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    padding: 0 !important;
    margin: 0 !important;
    background: rgba(4, 10, 35, 0.46) !important;
  }

  .sasira-mobile-menu.is-open {
    display: flex !important;
  }

  .sasira-mobile-menu__backdrop {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }

  .sasira-mobile-menu__panel {
    position: relative !important;
    z-index: 2 !important;
    width: min(300px, 78vw) !important;
    height: 100% !important;
    min-height: 100% !important;
    overflow-y: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding: 28px 18px 24px !important;
    margin: 0 !important;
    background: #dce3f0 !important;
    border-radius: 22px 0 0 22px !important;
    box-shadow: -12px 0 30px rgba(5, 12, 40, 0.2) !important;
  }

  .sasira-mobile-menu__title,
  .sasira-mobile-menu__title .elementor-heading-title {
    margin: 0 0 18px !important;
    color: #09132c !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
    text-align: left !important;
  }

  .sasira-mobile-menu__nav,
  .sasira-mobile-menu__nav > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .sasira-mobile-nav-item,
  .sasira-mobile-nav-item .elementor-widget-container {
    width: 100% !important;
    margin: 0 !important;
  }

  .sasira-mobile-nav-item .elementor-button {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 13px !important;
    width: 100% !important;
    min-height: 54px !important;
    padding: 12px 14px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: transparent !important;
    color: #16213f !important;
    font-family: Inter, system-ui, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    text-align: left !important;
    box-shadow: none !important;
  }

  .sasira-mobile-nav-item .elementor-button::before {
    display: inline-flex !important;
    width: 26px !important;
    min-width: 26px !important;
    justify-content: center !important;
    color: #16213f !important;
    font-family: "Font Awesome 5 Free" !important;
    font-size: 20px !important;
    font-weight: 900 !important;
  }

/*   .sasira-mobile-nav-home .elementor-button::before { content: "\f015" !important; }
  .sasira-mobile-nav-about .elementor-button::before { content: "\f007" !important; }
  .sasira-mobile-nav-products .elementor-button::before { content: "\f1b2" !important; }
  .sasira-mobile-nav-gallery .elementor-button::before { content: "\f03e" !important; }
  .sasira-mobile-nav-careers .elementor-button::before { content: "\f0c0" !important; }
  .sasira-mobile-nav-contact .elementor-button::before { content: "\f095" !important; }
 */
  .sasira-mobile-nav-item .elementor-button:hover,
  .sasira-mobile-nav-item.is-active .elementor-button {
    background: #064dbe !important;
    color: #FFFFFF !important;
    box-shadow: 0 7px 16px rgba(5, 61, 156, 0.2) !important;
  }

  .sasira-mobile-nav-item.is-active .elementor-button::before {
    color: #FFFFFF !important;
  }

  .sasira-mobile-footer {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 250px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    padding: 30px 16px 28px !important;
    background: #070b83 !important;
    border-top: 4px solid #ff0b87 !important;
    color: #FFFFFF !important;
  }

  .sasira-mobile-footer__logo-card {
    width: min(178px, 62vw) !important;
    min-width: 150px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 18px !important;
    margin: 0 !important;
    background: #FFFFFF !important;
    border-radius: 24px !important;
    box-shadow: 0 0 14px rgba(255, 255, 255, 0.58) !important;
  }

  .sasira-mobile-footer__logo,
  .sasira-mobile-footer__logo .elementor-widget-container {
    width: 100% !important;
    margin: 0 !important;
  }

  .sasira-mobile-footer__logo img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .sasira-mobile-footer__links,
  .sasira-mobile-footer__links > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 4px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .sasira-mobile-footer__link,
  .sasira-mobile-footer__link .elementor-widget-container {
    width: auto !important;
    margin: 0 !important;
  }

  .sasira-mobile-footer__link .elementor-button {
    min-height: 26px !important;
    padding: 2px 5px !important;
    background: transparent !important;
    color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
  }

  .sasira-mobile-footer__link .elementor-button:hover {
    color: #ff9dcc !important;
  }

  .sasira-mobile-footer__socials,
  .sasira-mobile-footer__socials .elementor-social-icons-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 0 !important;
  }

  .sasira-mobile-footer__socials a {
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #1469c5 !important;
    color: #FFFFFF !important;
  }

  .sasira-mobile-footer__socials a:nth-child(2) { background: #4b66a9 !important; }
  .sasira-mobile-footer__socials a:nth-child(3) { background: #FFFFFF !important; color: #111827 !important; }
  .sasira-mobile-footer__socials a:nth-child(4) { background: linear-gradient(45deg, #f09433, #dc2743, #bc1888) !important; }

  .sasira-mobile-footer__copy,
  .sasira-mobile-footer__copy .elementor-widget-container,
  .sasira-mobile-footer__copy p {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.86) !important;
    font-family: Inter, system-ui, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
    text-align: center !important;
  }

  body.sasira-mobile-chrome-page .sasira-legal-page {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 38px 18px 52px !important;
    background: #FFFFFF !important;
  }

  body.sasira-mobile-chrome-page .sasira-legal-page__heading .elementor-heading-title {
    color: #091B50 !important;
    font-size: clamp(28px, 7vw, 42px) !important;
    text-align: left !important;
  }

  body.sasira-mobile-chrome-page .sasira-legal-page__copy,
  body.sasira-mobile-chrome-page .sasira-legal-page__copy p {
    color: #34446d !important;
    text-align: left !important;
  }
}

@media (max-width: 767px) {
  .sasira-mobile-header__bar { min-height: 62px !important; padding: 9px 12px !important; }
  .sasira-mobile-header__logo img { width: 132px !important; }
  .sasira-mobile-partners { min-height: 78px !important; padding: 8px 8px !important; }
  .sasira-mobile-partner { min-height: 54px !important; max-width: 64px !important; }
  .sasira-mobile-partner__image img { max-width: 54px !important; max-height: 38px !important; }
  .sasira-mobile-menu__panel { width: min(290px, 100vw) !important; padding: 24px 14px 20px !important; }
  .sasira-mobile-nav-item .elementor-button { min-height: 50px !important; font-size: 18px !important; }
  .sasira-mobile-footer { min-height: 238px !important; gap: 15px !important; }
  body.elementor-page-106 .sasira-vfd-table { min-width: 760px !important; }
  body.elementor-page-106 .sasira-vfd-specs { overflow-x: hidden !important; }
}

@media (max-width: 380px) {
  .sasira-mobile-header__logo img { width: 124px !important; }
  .sasira-mobile-partners { gap: 1px !important; padding-left: 5px !important; padding-right: 5px !important; }
  .sasira-mobile-partner { max-width: 61px !important; padding-left: 3px !important; padding-right: 3px !important; }
  .sasira-mobile-partner__image img { max-width: 51px !important; }
  .sasira-mobile-footer__link .elementor-button { font-size: 11px !important; padding-left: 3px !important; padding-right: 3px !important; }
}

.sasira-products-mega__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(6, 8, 14, 0.62);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.sasira-products-mega__panel {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  transform: translate(-50%, -50%) !important;
  width: min(1080px, calc(100vw - 72px)) !important;
  max-width: 1080px !important;
  background: #F0D6EC !important;
  border-radius: 28px !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.18),
    0 18px 50px rgba(0, 0, 0, 0.38),
    0 40px 90px rgba(0, 0, 0, 0.42) !important;
  padding: 40px 44px 36px !important;
  display: grid !important;
  grid-template-columns: 1fr 1.05fr !important;
  gap: 28px 56px !important;
  max-height: calc(100vh - 48px);
  overflow: auto;
  animation: none !important;
}

.sasira-products-mega__close {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sasira-products-mega__col--nav h3 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 22px !important;
  padding: 0 0 12px !important;
  border-bottom: 1.5px solid #1A2370 !important;
  color: #1A2370 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  font-family: Inter, system-ui, sans-serif !important;
}
.sasira-products-mega__col--nav h3 svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: #1A2370;
}

.sasira-products-mega__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.sasira-products-mega__list a {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 12px 4px !important;
  min-height: 44px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1A2370 !important;
  font-size: 15.5px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  font-family: Inter, system-ui, sans-serif !important;
}
.sasira-products-mega__list a:hover {
  background: transparent !important;
  color: #0D1648 !important;
}
.sasira-products-mega__list a svg {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px;
  opacity: 1 !important;
  color: #1A2370;
}

.sasira-products-mega__col--brands {
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
  padding-top: 6px !important;
}
.sasira-products-mega__brand strong {
  display: block !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1A2370 !important;
  margin: 0 0 6px !important;
  font-family: Inter, system-ui, sans-serif !important;
}
.sasira-products-mega__brand span {
  display: block !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #6B6F8A !important;
  font-weight: 400 !important;
  max-width: 360px;
}
.sasira-products-mega__brand.is-featured {
  border-left: 3px solid #1A2370;
  padding: 4px 0 4px 18px;
}

.sasira-products-mega__pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 8px !important;
}
.sasira-products-mega__pills a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-width: 168px !important;
  min-height: 48px !important;
  padding: 12px 22px !important;
  border-radius: 10px !important;
  background: #E85A9B !important;
  color: #fff !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  font-family: Inter, system-ui, sans-serif !important;
}
.sasira-products-mega__pills a:hover {
  background: #D94A8C !important;
  transform: none !important;
  box-shadow: none !important;
}
.sasira-products-mega__pills a svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

@media (max-width: 900px) {
  .sasira-products-mega__panel {
    width: calc(100vw - 24px) !important;
    grid-template-columns: 1fr !important;
    padding: 28px 22px 24px !important;
    gap: 28px !important;
    max-height: calc(100vh - 24px);
  }
}

/* ========================================================================
   INNER-PAGE BANNERS = 100vh (homepage excluded)
   ======================================================================== */
body:not(.home):not(.elementor-page-14) .sasira-page-hero-el,
body.elementor-page-104 .sasira-page-hero-el,
body.elementor-page-105 .sasira-gallery-hero,
body.elementor-page-106 .sasira-products-hero,
body.elementor-page-108 .sasira-contact-map,
body.elementor-page-108 .sasira-contact-map > .e-con-inner,
body.sasira-partner-page .sasira-partner-hero,
body.sasira-partner-page .sasira-partner-hero > .e-con-inner,
body.sasira-product-child .sasira-xd-hero,
body.sasira-product-child .sasira-xd-hero > .e-con-inner {
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: none !important;
}

body.home .sasira-sec-hero,
body.home .sasira-hero-inner,
body.elementor-page-14 .sasira-sec-hero,
body.elementor-page-14 .sasira-hero-inner {
  height: auto !important;
}

/* Careers banner — shorter than the 100vh inner-page heroes */
body.elementor-page-107 .sasira-careers-hero,
body.elementor-page-107 .sasira-careers-hero > .e-con-inner {
  height: auto !important;
  min-height: 360px !important;
  max-height: 450px !important;
}
body.elementor-page-107 .sasira-careers-hero__photo {
  min-height: 360px !important;
}
@media (max-width: 1100px) {
  body.elementor-page-107 .sasira-careers-hero,
  body.elementor-page-107 .sasira-careers-hero > .e-con-inner {
    max-height: none !important;
    min-height: 0 !important;
  }
  body.elementor-page-107 .sasira-careers-hero__photo {
    min-height: 220px !important;
  }
}

/* ========================================================================
   WCAG + CROSS-BROWSER — no layout changes
   ======================================================================== */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
.sasira-sr-only,
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  -webkit-clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}
.skip-link:focus,
.screen-reader-text:focus {
  position: fixed !important;
  left: 12px;
  top: 12px;
  z-index: 100000;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  clip-path: none;
  -webkit-clip-path: none;
  overflow: visible;
  white-space: normal;
  background: #09132c;
  color: #fff;
  padding: 12px 16px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
}

/* Sidebar contrast follows About Us (gray on light panel). Do not invert icons. */
.sasira-sidebar-el .sasira-nav-el .elementor-button,
.sasira-sidebar-el .sasira-nav-el .elementor-button-text {
  color: #4B5563 !important;
}
.sasira-sidebar-el .sasira-nav-el-wrap .elementor-button::before,
.sasira-sidebar-el .elementor-element-9f3af16b .elementor-button::before,
.sasira-sidebar-el .elementor-element-5b8ba2d4 .elementor-button::before,
.sasira-sidebar-el .elementor-element-9a3a3c5e .elementor-button::before,
.sasira-sidebar-el .elementor-element-d1cbc2e6 .elementor-button::before,
.sasira-sidebar-el .elementor-element-22e73ab4 .elementor-button::before,
.sasira-sidebar-el .elementor-element-2b1ce7f2 .elementor-button::before {
  filter: none !important;
  opacity: 0.85 !important;
}
.sasira-sidebar-el .sasira-nav-el.is-active .elementor-button,
.sasira-sidebar-el .sasira-nav-el.sasira-nav-active .elementor-button,
.sasira-sidebar-el .sasira-nav-el.is-active .elementor-button-text,
.sasira-sidebar-el .sasira-nav-el.sasira-nav-active .elementor-button-text {
  color: #fff !important;
}
.sasira-sidebar-el .sasira-copyright,
.sasira-sidebar-el .elementor-element-167c35c6,
.sasira-sidebar-el .elementor-element-167c35c6 p {
  color: #6B7280 !important;
}

a:focus-visible,
button:focus-visible,
.elementor-button:focus-visible,
.sasira-menu-toggle:focus-visible,
.sasira-enquiry input:focus-visible,
.sasira-enquiry textarea:focus-visible,
.sasira-products-mega__list a:focus-visible,
.sasira-products-mega__pills a:focus-visible {
  outline: 3px solid #FFD54A !important;
  outline-offset: 2px !important;
}

.sasira-products-mega__close:focus,
.sasira-products-mega__close:focus-visible {
  clip: auto;
  width: 40px;
  height: 40px;
  margin: 0;
  overflow: visible;
  top: 12px;
  right: 12px;
  z-index: 3;
  background: #1A2370;
  color: #fff;
  border-radius: 50%;
  font-size: 0;
}
.sasira-products-mega__backdrop {
  background: rgba(6, 8, 14, 0.72);
}

.sasira-enquiry__group input,
.sasira-enquiry__group textarea {
  -webkit-appearance: none;
  appearance: none;
}

/* 100vh + dynamic viewport for iOS Safari, no layout change */
body:not(.home):not(.elementor-page-14) .sasira-page-hero-el,
body.elementor-page-104 .sasira-page-hero-el,
body.elementor-page-105 .sasira-gallery-hero,
body.elementor-page-106 .sasira-products-hero,
body.elementor-page-108 .sasira-contact-map,
body.sasira-partner-page .sasira-partner-hero,
body.sasira-product-child .sasira-xd-hero {
  min-height: 100vh !important;
  min-height: 100dvh !important;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .sasira-products-mega__panel,
  .sasira-gallery-card,
  .sasira-job-card,
  .sasira-tech-card {
    transition: none !important;
    animation: none !important;
  }
}

/* Elementor Social Icons in the left sidebar (editable in the builder) */
.sasira-sidebar-el .sasira-socials-el,
.sasira-sidebar-el .elementor-widget-social-icons {
  padding: 16px 2px 8px !important;
}
.sasira-sidebar-el .elementor-social-icons-wrapper,
.sasira-sidebar-el .elementor-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: flex-start !important;
}
.sasira-sidebar-el .elementor-social-icon {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 50% !important;
  font-size: 14px !important;
  line-height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.sasira-sidebar-el .elementor-social-icon i,
.sasira-sidebar-el .elementor-social-icon svg {
  width: 14px !important;
  height: 14px !important;
  font-size: 14px !important;
}

/* ========================================================================
   CANONICAL INNER CHROME = About Us (page 104)
   Gallery (105), Careers (107), Products (106), Contact, partner, product-child.
   Last-win. Kills Elementor 36px gap that clipped menu items.
   ======================================================================== */
body.elementor-page-104 .sasira-sidebar-el,
body.elementor-page-105 .sasira-sidebar-el,
body.elementor-page-106 .sasira-sidebar-el,
body.elementor-page-107 .sasira-sidebar-el,
body.elementor-page-108 .sasira-sidebar-el,
body.sasira-product-child .sasira-sidebar-el,
body.sasira-partner-page .sasira-sidebar-el,
.sasira-sidebar-el,
.sasira-sidebar-el.e-con,
.sasira-sidebar-el > .e-con-inner {
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  --gap: 0px !important;
  --row-gap: 0px !important;
  --column-gap: 0px !important;
}
body.elementor-page-104 .sasira-sidebar-el,
body.elementor-page-105 .sasira-sidebar-el,
body.elementor-page-106 .sasira-sidebar-el,
body.elementor-page-107 .sasira-sidebar-el,
body.elementor-page-108 .sasira-sidebar-el,
body.sasira-product-child .sasira-sidebar-el,
body.sasira-partner-page .sasira-sidebar-el,
.sasira-sidebar-el {
  background: #E8EDF5 !important;
  background-color: #E8EDF5 !important;
  padding: 22px 16px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}
.sasira-sidebar-el > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  --gap: 0px !important;
}
.sasira-sidebar-el .elementor-widget,
.sasira-sidebar-el .e-con.e-child,
.sasira-sidebar-el .elementor-element {
  margin-top: 0 !important;
  margin-bottom: 0 !important;gap:10px !important;
}

/* Logo — 130px height on every inner page */
body.elementor-page-104 .sasira-sidebar-el .elementor-element-2f04d43,
body.elementor-page-105 .sasira-sidebar-el .elementor-element-2f04d43,
body.elementor-page-106 .sasira-sidebar-el .elementor-element-2f04d43,
body.elementor-page-107 .sasira-sidebar-el .elementor-element-2f04d43,
body.elementor-page-108 .sasira-sidebar-el .elementor-element-2f04d43,
body.sasira-product-child .sasira-sidebar-el .elementor-element-2f04d43,
body.sasira-partner-page .sasira-sidebar-el .elementor-element-2f04d43,
.sasira-sidebar-el .elementor-element-2f04d43 {
  margin: 0 0 10px !important;
  flex: 0 0 auto !important;
  width: 100% !important;
}
body.elementor-page-104 .sasira-sidebar-el .elementor-element-2f04d43 img,
body.elementor-page-105 .sasira-sidebar-el .elementor-element-2f04d43 img,
body.elementor-page-106 .sasira-sidebar-el .elementor-element-2f04d43 img,
body.elementor-page-107 .sasira-sidebar-el .elementor-element-2f04d43 img,
body.elementor-page-108 .sasira-sidebar-el .elementor-element-2f04d43 img,
body.elementor-page-108 .sasira-sidebar-el .elementor-widget-image img,
body.sasira-product-child .sasira-sidebar-el .elementor-element-2f04d43 img,
body.sasira-partner-page .sasira-sidebar-el .elementor-element-2f04d43 img,
body.sasira-partner-page .sasira-sidebar-el .elementor-widget-image img,
.sasira-sidebar-el .elementor-element-2f04d43 img,
.sasira-sidebar-el .elementor-element-2f04d43 a,
.sasira-sidebar-el .elementor-element-2f04d43 .elementor-widget-container {
  display: block !important;
  height: 130px !important;
  max-height: 130px !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: left center !important;
}

/* Nav — About Us pills, all 6 items stay visible */
.sasira-sidebar-el .sasira-nav-el-wrap,
.sasira-sidebar-el .sasira-nav-el-wrap > .e-con-inner,
body.elementor-page-104 .sasira-nav-el-wrap,
body.elementor-page-105 .sasira-nav-el-wrap,
body.elementor-page-106 .sasira-nav-el-wrap,
body.elementor-page-107 .sasira-nav-el-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  --gap: 4px !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  width: 100% !important;
}
.sasira-sidebar-el .sasira-nav-el {
  flex: 0 0 auto !important;
  width: 100% !important;
}
body.elementor-page-104 .sasira-sidebar-el .sasira-nav-el .elementor-button,
body.elementor-page-105 .sasira-sidebar-el .sasira-nav-el .elementor-button,
body.elementor-page-106 .sasira-sidebar-el .sasira-nav-el .elementor-button,
body.elementor-page-107 .sasira-sidebar-el .sasira-nav-el .elementor-button,
body.elementor-page-108 .sasira-sidebar-el .sasira-nav-el .elementor-button,
body.sasira-product-child .sasira-sidebar-el .sasira-nav-el .elementor-button,
body.sasira-partner-page .sasira-sidebar-el .sasira-nav-el .elementor-button,
.sasira-sidebar-el .sasira-nav-el .elementor-button {
  width: 100% !important;
  display: flex !important;
  justify-content: flex-start !important;
  text-align: left !important;
  align-items: center !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #4B5563 !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 10px 12px 10px 40px !important;
  min-height: 36px !important;
  height: auto !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  position: relative !important;
  cursor: pointer !important;
  transition: background-color 0.18s ease, color 0.18s ease !important;
}

body.elementor-page-104 .sasira-sidebar-el .sasira-nav-el .elementor-button-text,
body.elementor-page-105 .sasira-sidebar-el .sasira-nav-el .elementor-button-text,
body.elementor-page-106 .sasira-sidebar-el .sasira-nav-el .elementor-button-text,
body.elementor-page-107 .sasira-sidebar-el .sasira-nav-el .elementor-button-text,
body.elementor-page-108 .sasira-sidebar-el .sasira-nav-el .elementor-button-text,
body.sasira-product-child .sasira-sidebar-el .sasira-nav-el .elementor-button-text,
body.sasira-partner-page .sasira-sidebar-el .sasira-nav-el .elementor-button-text,
.sasira-sidebar-el .sasira-nav-el .elementor-button-text {
  color: #4B5563 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.sasira-sidebar-el .sasira-nav-el .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 16px !important;
  height: 16px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 16px !important;
  opacity: 0.85 !important;
  filter: none !important;
}
.sasira-sidebar-el .elementor-element-9f3af16b .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234B5563' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 12l9-9 9 9M5 10v10a1 1 0 001 1h3m10-11v10a1 1 0 01-1 1h-3m-4 0h4'/%3E%3C/svg%3E") !important;
}
.sasira-sidebar-el .elementor-element-5b8ba2d4 .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234B5563' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E") !important;
}
.sasira-sidebar-el .elementor-element-9a3a3c5e .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234B5563' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4'/%3E%3C/svg%3E") !important;
}
.sasira-sidebar-el .elementor-element-d1cbc2e6 .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234B5563' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z'/%3E%3C/svg%3E") !important;
}
.sasira-sidebar-el .elementor-element-22e73ab4 .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234B5563' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/%3E%3C/svg%3E") !important;
}
.sasira-sidebar-el .elementor-element-2b1ce7f2 .elementor-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234B5563' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E") !important;
}
body.elementor-page-104 .sasira-sidebar-el .sasira-nav-el .elementor-button:hover,
body.elementor-page-105 .sasira-sidebar-el .sasira-nav-el .elementor-button:hover,
body.elementor-page-106 .sasira-sidebar-el .sasira-nav-el .elementor-button:hover,
body.elementor-page-107 .sasira-sidebar-el .sasira-nav-el .elementor-button:hover,
body.elementor-page-108 .sasira-sidebar-el .sasira-nav-el .elementor-button:hover,
body.sasira-product-child .sasira-sidebar-el .sasira-nav-el .elementor-button:hover,
body.sasira-partner-page .sasira-sidebar-el .sasira-nav-el .elementor-button:hover,
body.elementor-page-104 .sasira-sidebar-el .sasira-nav-el:hover .elementor-button,
body.elementor-page-105 .sasira-sidebar-el .sasira-nav-el:hover .elementor-button,
body.elementor-page-106 .sasira-sidebar-el .sasira-nav-el:hover .elementor-button,
body.elementor-page-107 .sasira-sidebar-el .sasira-nav-el:hover .elementor-button,
body.elementor-page-108 .sasira-sidebar-el .sasira-nav-el:hover .elementor-button,
body.sasira-product-child .sasira-sidebar-el .sasira-nav-el:hover .elementor-button,
body.sasira-partner-page .sasira-sidebar-el .sasira-nav-el:hover .elementor-button,
.sasira-sidebar-el .sasira-nav-el .elementor-button:hover,
.sasira-sidebar-el .sasira-nav-el:hover .elementor-button {
  background: rgba(42, 42, 154, 0.08) !important;
  background-color: rgba(42, 42, 154, 0.08) !important;
  color: #2A2A9A !important;
}
body.elementor-page-104 .sasira-sidebar-el .sasira-nav-el .elementor-button:hover .elementor-button-text,
body.elementor-page-105 .sasira-sidebar-el .sasira-nav-el .elementor-button:hover .elementor-button-text,
body.elementor-page-106 .sasira-sidebar-el .sasira-nav-el .elementor-button:hover .elementor-button-text,
body.elementor-page-107 .sasira-sidebar-el .sasira-nav-el .elementor-button:hover .elementor-button-text,
body.elementor-page-108 .sasira-sidebar-el .sasira-nav-el .elementor-button:hover .elementor-button-text,
body.sasira-product-child .sasira-sidebar-el .sasira-nav-el .elementor-button:hover .elementor-button-text,
body.sasira-partner-page .sasira-sidebar-el .sasira-nav-el .elementor-button:hover .elementor-button-text,
body.elementor-page-104 .sasira-sidebar-el .sasira-nav-el:hover .elementor-button-text,
body.elementor-page-105 .sasira-sidebar-el .sasira-nav-el:hover .elementor-button-text,
body.elementor-page-106 .sasira-sidebar-el .sasira-nav-el:hover .elementor-button-text,
body.elementor-page-107 .sasira-sidebar-el .sasira-nav-el:hover .elementor-button-text,
body.elementor-page-108 .sasira-sidebar-el .sasira-nav-el:hover .elementor-button-text,
.sasira-sidebar-el .sasira-nav-el .elementor-button:hover .elementor-button-text,
.sasira-sidebar-el .sasira-nav-el:hover .elementor-button-text {
  color: #2A2A9A !important;
}
body.elementor-page-104 .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button,
body.elementor-page-105 .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button,
body.elementor-page-106 .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button,
body.elementor-page-107 .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button,
body.elementor-page-108 .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button,
body.sasira-product-child .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button,
body.sasira-partner-page .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button,
.sasira-sidebar-el .sasira-nav-el.is-active .elementor-button,
.sasira-sidebar-el .sasira-nav-el.sasira-nav-active .elementor-button,
.sasira-sidebar-el .sasira-nav-products.is-open .elementor-button,
body.elementor-page-104 .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button:hover,
body.elementor-page-105 .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button:hover,
body.elementor-page-106 .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button:hover,
body.elementor-page-107 .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button:hover,
body.elementor-page-108 .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button:hover,
body.sasira-product-child .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button:hover,
body.sasira-partner-page .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button:hover,
.sasira-sidebar-el .sasira-nav-el.is-active .elementor-button:hover,
.sasira-sidebar-el .sasira-nav-el.is-active:hover .elementor-button {
  background-color: #2A2A9A !important;
  color: #fff !important;
  font-weight: 600 !important;
}
.sasira-sidebar-el .sasira-nav-el.is-active .elementor-button-text,
.sasira-sidebar-el .sasira-nav-el.sasira-nav-active .elementor-button-text,
body.elementor-page-104 .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button:hover .elementor-button-text,
body.elementor-page-105 .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button:hover .elementor-button-text,
body.elementor-page-106 .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button:hover .elementor-button-text,
body.elementor-page-107 .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button:hover .elementor-button-text,
body.elementor-page-108 .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button:hover .elementor-button-text,
.sasira-sidebar-el .sasira-nav-el.is-active .elementor-button:hover .elementor-button-text,
.sasira-sidebar-el .sasira-nav-el.is-active:hover .elementor-button-text {
  color: #fff !important;
  font-weight: 600 !important;
}
.sasira-sidebar-el .sasira-nav-el.is-active .elementor-button::before,
.sasira-sidebar-el .sasira-nav-el.sasira-nav-active .elementor-button::before,
.sasira-sidebar-el .sasira-nav-products.is-open .elementor-button::before {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
}

/* Need Help — About Us white card + red arrow (not a nav pill) */
body.elementor-page-104 .sasira-help-el,
body.elementor-page-105 .sasira-help-el,
body.elementor-page-106 .sasira-help-el,
body.elementor-page-107 .sasira-help-el,
body.elementor-page-108 .sasira-help-el,
body.sasira-product-child .sasira-help-el,
body.sasira-partner-page .sasira-help-el,
.sasira-sidebar-el .sasira-help-el {
  background: #fff !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08) !important;
  padding: 12px 12px 12px 14px !important;
  margin-top: auto !important;
  width: 100% !important;
  flex: 0 0 auto !important;
}
.sasira-sidebar-el .sasira-help-el > .e-con-inner,
.sasira-sidebar-el .elementor-element-1a65ea3f,
.sasira-sidebar-el .elementor-element-1a65ea3f > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 2px 8px !important;
  --gap: 2px !important;
  padding: 0 !important;
  width: 100% !important;
}
.sasira-sidebar-el .sasira-help-el .elementor-element-9e0a8940,
.sasira-sidebar-el .sasira-help-el .elementor-element-9e3acbbf {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.sasira-sidebar-el .sasira-help-el .elementor-heading-title {
  margin: 0 !important;
  line-height: 1.25 !important;
}
.sasira-sidebar-el .sasira-help-el .elementor-widget-text-editor,
.sasira-sidebar-el .sasira-help-el .elementor-widget-text-editor p {
  margin: 0 !important;
  line-height: 1.3 !important;
}
body.elementor-page-104 .sasira-sidebar-el .sasira-help-el .elementor-button,
body.elementor-page-105 .sasira-sidebar-el .sasira-help-el .elementor-button,
body.elementor-page-106 .sasira-sidebar-el .sasira-help-el .elementor-button,
body.elementor-page-107 .sasira-sidebar-el .sasira-help-el .elementor-button,
body.elementor-page-108 .sasira-sidebar-el .sasira-help-el .elementor-button,
body.elementor-page-108 .sasira-sidebar-el .elementor-element-461e7fe6 .elementor-button,
body.sasira-product-child .sasira-sidebar-el .sasira-help-el .elementor-button,
body.sasira-partner-page .sasira-sidebar-el .sasira-help-el .elementor-button,
.sasira-sidebar-el .sasira-help-el .elementor-button,
.sasira-sidebar-el .elementor-element-461e7fe6 .elementor-button {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  border-radius: 50% !important;
  background: #E53935 !important;
  background-color: #E53935 !important;
  padding: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  box-shadow: none !important;
  justify-content: center !important;
}
.sasira-sidebar-el .sasira-help-el .elementor-button-icon,
.sasira-sidebar-el .sasira-help-el .elementor-button svg,
.sasira-sidebar-el .elementor-element-461e7fe6 .elementor-button-icon,
.sasira-sidebar-el .elementor-element-461e7fe6 .elementor-button svg {
  display: none !important;
}

/* Socials + copyright sit under Need Help */
.sasira-sidebar-el .sasira-socials-el,
.sasira-sidebar-el .elementor-widget-social-icons,
.sasira-sidebar-el .sasira-copyright,
.sasira-sidebar-el .elementor-element-167c35c6 {
  flex: 0 0 auto !important;
}

/* Right faceted rail — same as About Us on Gallery + Careers + rest */
body.elementor-page-104 .sasira-rail-el,
body.elementor-page-105 .sasira-rail-el,
body.elementor-page-106 .sasira-rail-el,
body.elementor-page-107 .sasira-rail-el,
body.elementor-page-108 .sasira-rail-el,
body.sasira-product-child .sasira-rail-el,
body.sasira-partner-page .sasira-rail-el,
.sasira-rail-el {
  /*position: fixed !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 50 !important;*/
  width: 132px !important;
  min-width: 132px !important;
  max-width: 134px !important;
  background: transparent !important;
  pointer-events: none !important;
}
body.elementor-page-104 .sasira-rail-el img,
body.elementor-page-105 .sasira-rail-el img,
body.elementor-page-106 .sasira-rail-el img,
body.elementor-page-107 .sasira-rail-el img,
body.elementor-page-108 .sasira-rail-el img,
body.sasira-product-child .sasira-rail-el img,
body.sasira-partner-page .sasira-rail-el img,
.sasira-rail-el img,
.sasira-rail-el .elementor-widget-image img {
  width: 134px !important;
  max-width: 134px !important;
  height: 100vh !important;
  object-fit: cover !important;
  object-position: top center !important;
  pointer-events: auto !important;
}
.sasira-rail-el .elementor-button {
  pointer-events: auto !important;
}

.sasira-sidebar-el .sasira-nav-el.is-active .elementor-button-text, .sasira-sidebar-el .sasira-nav-el.sasira-nav-active .elementor-button-text{color:#fff !important;}

@media (min-width: 1025px) {
  .sasira-sidebar-el,
  .sasira-sidebar-el.e-con,
  body.elementor-page-104 .sasira-sidebar-el,
  body.elementor-page-105 .sasira-sidebar-el,
  body.elementor-page-106 .sasira-sidebar-el,
  body.elementor-page-107 .sasira-sidebar-el,
  body.elementor-page-108 .sasira-sidebar-el,
  body.sasira-product-child .sasira-sidebar-el,
  body.sasira-partner-page .sasira-sidebar-el {
    position: sticky !important;
    top: 0 !important;
    flex: 0 0 240px !important;
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }
  .sasira-sidebar-el::-webkit-scrollbar,
  .sasira-sidebar-el > .e-con-inner::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  .sasira-sidebar-el > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    gap: 0 !important;
    --gap: 0px !important;
  }
  .sasira-sidebar-el .sasira-nav-el-wrap,
  .sasira-sidebar-el .sasira-nav-el-wrap > .e-con-inner {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  body.admin-bar .sasira-sidebar-el,
  body.admin-bar.elementor-page-104 .sasira-sidebar-el,
  body.admin-bar.elementor-page-105 .sasira-sidebar-el,
  body.admin-bar.elementor-page-106 .sasira-sidebar-el,
  body.admin-bar.elementor-page-107 .sasira-sidebar-el,
  body.admin-bar.elementor-page-108 .sasira-sidebar-el {
    top: 32px !important;
    height: calc(100vh - 32px) !important;
    max-height: calc(100vh - 32px) !important;
  }
}

@media (max-width: 1024px) {
  .sasira-rail-el,
  body.elementor-page-105 .sasira-rail-el,
  body.elementor-page-107 .sasira-rail-el {
    display: none !important;
  }
}

/* xD1000 product reference: compact hero with a responsive mobile stack. */
body.sasira-product-child .sasira-xd-hero,
body.sasira-product-child .sasira-xd-hero > .e-con-inner {
  height: 100% !important;
  min-height: 400px !important;
  max-height: 600px !important;
}

body.sasira-product-child .sasira-why-icon {
  margin: 0 auto 12px !important;
  color: #EC487F !important;
}

@media (max-width: 767px) {
  body.sasira-product-child .sasira-xd-hero,
  body.sasira-product-child .sasira-xd-hero > .e-con-inner {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}

/* Sasira mobile header refinement — mobile only; desktop layout remains unchanged. */
@media (max-width: 1024px) {
  body.sasira-mobile-chrome-page .sasira-mobile-header__bar,
  body.sasira-mobile-chrome-page .sasira-mobile-header__bar > .e-con-inner {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 90px !important;
    min-height: 90px !important;
    max-height: 90px !important;
    padding: 8px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    overflow: hidden !important;
  }

  body.sasira-mobile-chrome-page .sasira-mobile-header__logo,
  body.sasira-mobile-chrome-page .sasira-mobile-header__logo .elementor-widget-container {
    box-sizing: border-box !important;
    flex: 0 1 auto !important;
    width: 142px !important;
    max-width: calc(100% - 72px) !important;
    height: 70px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
  }

  body.sasira-mobile-chrome-page .sasira-mobile-header__logo img {
    display: block !important;
    width: 142px !important;
    max-width: 100% !important;
    height: 64px !important;
    max-height: 64px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  body.sasira-mobile-chrome-page .sasira-mobile-menu-toggle,
  body.sasira-mobile-chrome-page .sasira-mobile-menu-toggle .elementor-widget-container {
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.sasira-mobile-chrome-page .sasira-mobile-menu-toggle .elementor-button {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: #ff0b87 !important;
    touch-action: manipulation !important;
    transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease !important;
  }

  body.sasira-mobile-chrome-page .sasira-mobile-menu-toggle .elementor-button:hover,
  body.sasira-mobile-chrome-page .sasira-mobile-menu-toggle .elementor-button:focus-visible {
    background: rgba(255, 11, 135, 0.10) !important;
    border-color: rgba(255, 11, 135, 0.35) !important;
    outline: 3px solid rgba(255, 11, 135, 0.22) !important;
    outline-offset: 2px !important;
  }

  body.sasira-mobile-chrome-page .sasira-mobile-menu-toggle .elementor-button:active {
    transform: scale(0.96) !important;
  }

  @media (prefers-reduced-motion: reduce) {
    body.sasira-mobile-chrome-page .sasira-mobile-menu-toggle .elementor-button {
      transition: none !important;
    }
  }
}

/* Final mobile chrome override: keep the mobile header fixed without touching desktop. */
@media (max-width: 1024px) {
  body.sasira-mobile-chrome-page {
    --sasira-mobile-bar-height: 90px;
  }

  body.sasira-mobile-chrome-page .sasira-mobile-header {
    position: relative !important;
    z-index: 1200 !important;
    box-sizing: border-box !important;
    padding-top: var(--sasira-mobile-bar-height) !important;
  }

  body.sasira-mobile-chrome-page .sasira-mobile-header__bar {
    position: fixed !important;
    inset: env(safe-area-inset-top, 0px) 0 auto 0 !important;
    z-index: 1201 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: var(--sasira-mobile-bar-height) !important;
    min-height: var(--sasira-mobile-bar-height) !important;
    max-height: var(--sasira-mobile-bar-height) !important;
    padding: 8px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(9, 19, 44, 0.12) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }

  body.sasira-mobile-chrome-page .sasira-mobile-partners {
    display: flex !important;
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    min-height: 88px !important;
  }

  body.sasira-mobile-chrome-page .sasira-mobile-header__logo {
    flex: 0 1 auto !important;
    width: 142px !important;
    max-width: calc(100% - 72px) !important;
    height: 70px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
  }

  body.sasira-mobile-chrome-page .sasira-mobile-header__logo img {
    width: 142px !important;
    max-width: 100% !important;
    height: 64px !important;
    max-height: 64px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  body.sasira-mobile-chrome-page .sasira-mobile-menu-toggle {
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin-left: auto !important;
  }

  body.sasira-mobile-chrome-page .sasira-mobile-menu {
    z-index: 1300 !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
  }
}

/* Keep off-screen carousel clones from creating page-level horizontal scroll on desktop. */
@media (min-width: 1025px) {
  html {
    overflow-x: hidden !important;
  }

  /* Allow sticky sidebars to follow the document scroll instead of body auto-scroll. */
  html {
    overflow-y: auto !important;
  }

  body {
    overflow-x: clip !important;
    overflow-y: visible !important;
  }
}

/* Product detail pages use the same desktop left sidebar as About Us. */
@media (min-width: 1025px) {
  body.sasira-product-child .sasira-sidebar-el {
    display: flex !important;
    position: sticky !important;
    top: 0 !important;
    align-self: flex-start !important;
  }
}

/* Keep the active Products label and icon readable on product detail pages. */
body.sasira-product-child .sasira-sidebar-el .sasira-nav-products.is-active .elementor-button,
body.sasira-product-child .sasira-sidebar-el .sasira-nav-products.sasira-nav-active .elementor-button,
body.sasira-product-child .sasira-sidebar-el .sasira-nav-products.is-active .elementor-button-text,
body.sasira-product-child .sasira-sidebar-el .sasira-nav-products.sasira-nav-active .elementor-button-text {
  color: #ffffff !important;
}

body.sasira-product-child .sasira-sidebar-el .sasira-nav-products.is-active .elementor-button::before,
body.sasira-product-child .sasira-sidebar-el .sasira-nav-products.sasira-nav-active .elementor-button::before {
  color: #ffffff !important;
}

/* Keep the XD1000 desktop sidebar pinned to the viewport while preserving its layout column. */
@media (min-width: 1025px) {
  body.sasira-product-child .sasira-shell-el {
    box-sizing: border-box !important;
    padding-left: 240px !important;
  }

  body.sasira-product-child .sasira-sidebar-el {
    position: fixed !important;
    inset: 0 auto auto 0 !important;
    width: 240px !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: none !important;
    z-index: 1100 !important;
  }
}

/* Shared desktop sidebar behavior for every public Elementor shell page. */
@media (min-width: 1025px) {
  body.sasira-mobile-chrome-page .sasira-shell-el:has(> .sasira-sidebar-el) {
    box-sizing: border-box !important;
    padding-left: 240px !important;
  }

  body.sasira-mobile-chrome-page .sasira-shell-el > .sasira-sidebar-el {
    position: fixed !important;
    inset: 0 auto auto 0 !important;
    width: 240px !important;
    height: 100% !important;
    min-height: 100vh !important;
    max-height: 200vh !important;
    z-index: 1100 !important;background:#B8C0DA !important;border-right: 6px solid #1E3A8A;
  }

  /* Keep the six native navigation icons visible on every sidebar variant. */
  body.sasira-mobile-chrome-page .sasira-sidebar-el .sasira-nav-el .elementor-button::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    width: 18px !important;
    height: 18px !important;
    transform: translateY(-50%) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Active navigation uses white label and icon contrast on all pages. */
  body.sasira-mobile-chrome-page .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button,
  body.sasira-mobile-chrome-page .sasira-sidebar-el .sasira-nav-el.sasira-nav-active .elementor-button,
  body.sasira-mobile-chrome-page .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button-text,
  body.sasira-mobile-chrome-page .sasira-sidebar-el .sasira-nav-el.sasira-nav-active .elementor-button-text {
    color: #ffffff !important;
  }

  body.sasira-mobile-chrome-page .sasira-sidebar-el .sasira-nav-el.is-active .elementor-button::before,
body.sasira-mobile-chrome-page .sasira-sidebar-el .sasira-nav-el.sasira-nav-active .elementor-button::before {
    filter: brightness(0) invert(1) !important;
  }
}

/* Align the remaining product detail heroes with the XD1000 visual rhythm. */
@media (min-width: 1025px) {
  body.elementor-page-170 .sasira-page-hero-el,
  body.elementor-page-170 .sasira-page-hero-el > .e-con-inner,
  body.elementor-page-172 .sasira-page-hero-el,
  body.elementor-page-172 .sasira-page-hero-el > .e-con-inner,
  body.elementor-page-173 .sasira-page-hero-el,
  body.elementor-page-173 .sasira-page-hero-el > .e-con-inner {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
  }

  body.elementor-page-170 .sasira-page-hero-el,
  body.elementor-page-172 .sasira-page-hero-el,
  body.elementor-page-173 .sasira-page-hero-el {
    background-color: #071b55 !important;
  }

  body.elementor-page-170 .sasira-scroll-cue,
  body.elementor-page-172 .sasira-scroll-cue,
  body.elementor-page-173 .sasira-scroll-cue {
    display: none !important;
  }
}

/* Products popup close control: visible, high-contrast, and keyboard accessible. */
.sasira-products-mega__close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 20 !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #ff2d8a !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.sasira-products-mega__close::before {
  content: "×" !important;
  color: #ffffff !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 44px !important;
}

.sasira-products-mega__close:hover,
.sasira-products-mega__close:focus-visible {
  background: #c91668 !important;
  color: transparent !important;
}

/* Keep the Need Help arrow aligned to the About Us card’s right inset. */
.sasira-sidebar-el .sasira-help-el .elementor-element-461e7fe6 {
  flex: 0 0 34px !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Branded 404 page. */
.error404 {
  background: #f5f7fc !important;
}

.error404 .sasira-404 {
  min-height: 100vh;
  box-sizing: border-box;
  display: grid;
  place-items: center;
  padding: 48px 24px;
  background:
    radial-gradient(circle at 85% 15%, rgba(255, 45, 138, 0.16), transparent 34%),
    linear-gradient(135deg, #f5f7fc 0%, #ffffff 56%, #e9edfa 100%);
  color: #09132c;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.error404 .sasira-404__card {
  width: min(100%, 680px);
  box-sizing: border-box;
  padding: clamp(32px, 6vw, 72px);
  border: 1px solid rgba(42, 42, 154, 0.12);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 24px 60px rgba(9, 19, 44, 0.14);
  text-align: center;
}

.error404 .sasira-404__eyebrow {
  margin: 0 0 12px;
  color: #ff2d8a;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.error404 .sasira-404__code {
  margin: 0;
  color: #2a2a9a;
  font-size: clamp(88px, 20vw, 168px);
  font-weight: 800;
  letter-spacing: -0.08em;
  line-height: 0.9;
}

.error404 .sasira-404__title {
  margin: 24px 0 12px;
  color: #09132c;
  font-size: clamp(28px, 5vw, 44px);
  line-height: 1.1;
}

.error404 .sasira-404__copy {
  max-width: 46ch;
  margin: 0 auto 28px;
  color: #4b5563;
  font-size: 16px;
  line-height: 1.6;
}

.error404 .sasira-404__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.error404 .sasira-404__actions a {
  display: inline-flex;
  min-height: 48px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  transition: transform 180ms ease, background-color 180ms ease;
}

.error404 .sasira-404__actions a:first-child {
  background: #2a2a9a;
  color: #ffffff;
}

.error404 .sasira-404__actions a:last-child {
  border: 1px solid rgba(42, 42, 154, 0.24);
  background: #ffffff;
  color: #2a2a9a;
}

.error404 .sasira-404__actions a:hover,
.error404 .sasira-404__actions a:focus-visible {
  transform: translateY(-2px);
}

@media (max-width: 480px) {
  .error404 .sasira-404 {
    padding: 20px 16px;
  }

  .error404 .sasira-404__card {
    border-radius: 20px;
    padding: 36px 20px;
  }

  .error404 .sasira-404__actions {
    flex-direction: column;
  }

  .error404 .sasira-404__actions a {
    width: 100%;
  }
}

/* 404 side rails mirror the About Us desktop frame. */
@media (min-width: 1025px) {
  .error404 .sasira-404 {
    padding-left: 240px;
    padding-right: 132px;
  }

  .error404 .sasira-404__sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 20;
    width: 240px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 22px 16px 16px;
    background: #b8c0da;
  }

  .error404 .sasira-404__brand {
    display: flex;
    height: 130px;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
  }

  .error404 .sasira-404__brand img {
    display: block;
    width: 208px;
    height: 130px;
    object-fit: contain;
  }

  .error404 .sasira-404__nav {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 6px;
  }

  .error404 .sasira-404__nav a {
    display: flex;
    min-height: 44px;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    color: #4b5563;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
  }

  .error404 .sasira-404__nav a:hover,
  .error404 .sasira-404__nav a:focus-visible {
    background: rgba(42, 42, 154, 0.1);
    color: #2a2a9a;
  }

  .error404 .sasira-404__nav a:first-child {
    background: #2a2a9a;
    color: #ffffff;
  }

  .error404 .sasira-404__nav a:first-child span {
    color: #ffffff;
  }

  .error404 .sasira-404__nav a span {
    color: inherit;
  }

}

@media (max-width: 1024px) {
  .error404 .sasira-404__sidebar,
  .error404 .sasira-404__rail {
    display: none;
  }
}

/* Final specificity override for legacy product pages: match the XD1000 hero height. */
@media (min-width: 1025px) {
  body.elementor-page-170.sasira-product-child .sasira-page-hero-el,
  body.elementor-page-170.sasira-product-child .sasira-page-hero-el > .e-con-inner,
  body.elementor-page-172.sasira-product-child .sasira-page-hero-el,
  body.elementor-page-172.sasira-product-child .sasira-page-hero-el > .e-con-inner,
  body.elementor-page-173.sasira-product-child .sasira-page-hero-el,
  body.elementor-page-173.sasira-product-child .sasira-page-hero-el > .e-con-inner {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
  }

  body.elementor-page-170.sasira-product-child .sasira-scroll-cue,
  body.elementor-page-172.sasira-product-child .sasira-scroll-cue,
body.elementor-page-173.sasira-product-child .sasira-scroll-cue {
    display: none !important;
  }

  body.elementor-page-170.sasira-product-child .sasira-product-detail,
  body.elementor-page-172.sasira-product-child .sasira-product-detail,
  body.elementor-page-173.sasira-product-child .sasira-product-detail {
    width: 100% !important;
    max-width: none !important;
    min-height: 542px !important;
    box-sizing: border-box !important;
    padding: 64px 56px !important;
    background: #ffffff !important;
  }
}

/* Last-loaded fixes for the requested navigation and 404 behavior. */
@media (min-width: 1025px) {
  .sasira-sidebar-el .is-active .elementor-button,
  .sasira-sidebar-el .sasira-nav-active .elementor-button,
  .sasira-sidebar-el .sasira-nav-products.is-open .elementor-button,
  .sasira-sidebar-el .is-active .elementor-button-text,
  .sasira-sidebar-el .sasira-nav-active .elementor-button-text { color: #fff !important; }
  .sasira-sidebar-el .is-active .elementor-button::before,
  .sasira-sidebar-el .sasira-nav-active .elementor-button::before,
  .sasira-sidebar-el .sasira-nav-products.is-open .elementor-button::before { filter: brightness(0) invert(1) !important; }
}
.error404 .sasira-404 { padding-right: 24px !important; }
.error404 .sasira-404__rail { display: none !important; }

/* ========================================================================
   2026-10-07 MOBILE/TABLET FIXES (phone + tablet only; desktop untouched)
   All rules below are scoped to max-width:1024px / max-width:767px.
   ======================================================================== */

/* (a) Inner-page / About / brand-partner / xD1000 heroes: drop the forced 100vh on tablet/phone.
   Extra "html" + doubled classes only raise specificity above the global 100vh rules. */
@media (max-width: 1024px) {
  html body:not(.home):not(.elementor-page-14) .sasira-page-hero-el.sasira-page-hero-el,
  html body.sasira-partner-page .sasira-partner-hero.sasira-partner-hero,
  html body.sasira-partner-page .sasira-partner-hero.sasira-partner-hero > .e-con-inner,
  html body.sasira-product-child .sasira-xd-hero.sasira-xd-hero,
  html body.sasira-product-child .sasira-xd-hero.sasira-xd-hero > .e-con-inner {
    height: auto !important;
    min-height: 60vh !important;
    max-height: none !important;
  }
}
@media (max-width: 767px) {
  html body.sasira-partner-page .sasira-partner-hero.sasira-partner-hero,
  html body.sasira-partner-page .sasira-partner-hero.sasira-partner-hero > .e-con-inner,
  html body.sasira-product-child .sasira-xd-hero.sasira-xd-hero,
  html body.sasira-product-child .sasira-xd-hero.sasira-xd-hero > .e-con-inner {
    min-height: auto !important;
  }
  html body:not(.home):not(.elementor-page-14) .sasira-page-hero-el.sasira-page-hero-el {
    min-height: 420px !important;
  }
}

/* (b) About Us stats: clean 3-column row on phones */
@media (max-width: 767px) {
  body.elementor-page-104 .elementor-element-d0e5c40a {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
  }
  body.elementor-page-104 .elementor-element-d0e5c40a > .e-con {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    text-align: left !important;
  }
  body.elementor-page-104 .elementor-element-d0e5c40a h3.elementor-heading-title {
    font-size: 26px !important;
    line-height: 1.15 !important;
  }
  body.elementor-page-104 .elementor-element-d0e5c40a p.elementor-heading-title {
    font-size: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: .04em !important;
    word-break: normal !important;
  }
}

/* (c) Homepage S-logo hotspots: stop 70px tap boxes overlapping on phones */
@media (max-width: 767px) {
  body.home .sasira-hero-links .sasira-hero-link {
    width: 34px !important;
    height: 34px !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }
  body.home .sasira-hero-links .sasira-hero-link > a.elementor-button {
    min-width: 34px !important;
    min-height: 34px !important;
    width: 34px !important;
    height: 34px !important;
  }
  /* keep the dotted decoration behind the S/arrows */
  body.home .sasira-sec-hero .sasira-wave-imgs {
    z-index: 0 !important;
    opacity: .45 !important;
    pointer-events: none !important;
  }
  body.home .sasira-hero-inner {
    position: relative !important;
    z-index: 2 !important;
  }
}

/* (d) Mobile menu close affordance (CSS only). The existing JS already closes the menu
   when the backdrop is tapped, so a visible "x" is drawn on the backdrop's top-left,
   outside the right-hand panel. Tapping it = tapping the backdrop = close. */
@media (max-width: 1024px) {
  .sasira-mobile-menu.is-open .sasira-mobile-menu__backdrop {
    cursor: pointer !important;
  }
  .sasira-mobile-menu.is-open .sasira-mobile-menu__backdrop::after {
    content: "\00d7" !important;
    position: absolute !important;
    top: 18px !important;
    left: 14px !important;
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #ff0b87 !important;
    font: 400 34px/1 Arial, sans-serif !important;
    box-shadow: 0 2px 10px rgba(5, 12, 40, .25) !important;
    z-index: 1 !important;
  }
  /* logged-in users: clear the 46px WP admin bar */
  body.admin-bar .sasira-mobile-menu.is-open .sasira-mobile-menu__backdrop::after {
    top: 64px !important;
  }
}
/* ===================== END 2026-10-07 MOBILE/TABLET FIXES ===================== */

/* 2026-10-12: hide the search bar in the OUR PRODUCTS hero on /staging/products/ (page 106) */
body.page-id-106 .elementor-element-590642ef.sasira-products-search { display: none !important; }