.elementor-952 .elementor-element.elementor-element-19248d0{padding:0% 5% 0% 5%;z-index:9999;}.elementor-bc-flex-widget .elementor-952 .elementor-element.elementor-element-de90d7c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-952 .elementor-element.elementor-element-de90d7c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-952 .elementor-element.elementor-element-f05f4bb{text-align:start;}.elementor-952 .elementor-element.elementor-element-f05f4bb img{width:19%;}.elementor-bc-flex-widget .elementor-952 .elementor-element.elementor-element-4beb298.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-952 .elementor-element.elementor-element-4beb298.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-952 .elementor-element.elementor-element-4cde4bd .elementor-menu-toggle{margin:0 auto;}.elementor-952 .elementor-element.elementor-element-4cde4bd .elementor-nav-menu .elementor-item{font-size:18px;}.elementor-952 .elementor-element.elementor-element-4cde4bd .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-952 .elementor-element.elementor-element-4cde4bd .elementor-nav-menu--main .elementor-item:hover,
					.elementor-952 .elementor-element.elementor-element-4cde4bd .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-952 .elementor-element.elementor-element-4cde4bd .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-952 .elementor-element.elementor-element-4cde4bd .elementor-nav-menu--main .elementor-item:focus{color:#6EC1E4;fill:#6EC1E4;}.elementor-952 .elementor-element.elementor-element-4cde4bd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-952 .elementor-element.elementor-element-4cde4bd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#6EC1E4;}.elementor-952 .elementor-element.elementor-element-4cde4bd .e--pointer-framed .elementor-item:before,
					.elementor-952 .elementor-element.elementor-element-4cde4bd .e--pointer-framed .elementor-item:after{border-color:#6EC1E4;}.elementor-952 .elementor-element.elementor-element-696321a:not(.elementor-motion-effects-element-type-background), .elementor-952 .elementor-element.elementor-element-696321a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://iig.technology/wp-content/uploads/2026/05/mailroom-hero.png");background-position:40% 0px;background-repeat:no-repeat;background-size:cover;}.elementor-952 .elementor-element.elementor-element-696321a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-125px;margin-bottom:0px;padding:10% 5% 0% 5%;}.elementor-952 .elementor-element.elementor-element-696321a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-952 .elementor-element.elementor-element-9c2af48{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-952 .elementor-element.elementor-element-42855a0:not(.elementor-motion-effects-element-type-background), .elementor-952 .elementor-element.elementor-element-42855a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-952 .elementor-element.elementor-element-42855a0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;color:#FFFFFF;}.elementor-952 .elementor-element.elementor-element-42855a0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-952 .elementor-element.elementor-element-42855a0 .elementor-heading-title{color:#FFFFFF;}.elementor-952 .elementor-element.elementor-element-7d30e8e{--display:flex;}.elementor-952 .elementor-element.elementor-element-57116b9:not(.elementor-motion-effects-element-type-background), .elementor-952 .elementor-element.elementor-element-57116b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-952 .elementor-element.elementor-element-57116b9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;color:#FFFFFF;padding:75px 0px 75px 0px;}.elementor-952 .elementor-element.elementor-element-57116b9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-952 .elementor-element.elementor-element-57116b9 .elementor-heading-title{color:#FFFFFF;}.elementor-952 .elementor-element.elementor-element-7041764 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:20px;}.elementor-952 .elementor-element.elementor-element-31ff2dc{--display:flex;}.elementor-952 .elementor-element.elementor-element-9abd8a5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-952 .elementor-element.elementor-element-e52e6d9{--display:flex;}.elementor-952 .elementor-element.elementor-element-41041be:not(.elementor-motion-effects-element-type-background), .elementor-952 .elementor-element.elementor-element-41041be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-952 .elementor-element.elementor-element-41041be{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;color:#FFFFFF;padding:75px 0px 75px 0px;}.elementor-952 .elementor-element.elementor-element-41041be > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-952 .elementor-element.elementor-element-41041be .elementor-heading-title{color:#FFFFFF;}.elementor-952 .elementor-element.elementor-element-a3d7906 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:20px;}.elementor-952 .elementor-element.elementor-element-ea8652e{--display:flex;}.elementor-952 .elementor-element.elementor-element-4435ca2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-952 .elementor-element.elementor-element-47377e8{--display:flex;}.elementor-952 .elementor-element.elementor-element-9ac41b1:not(.elementor-motion-effects-element-type-background), .elementor-952 .elementor-element.elementor-element-9ac41b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-952 .elementor-element.elementor-element-9ac41b1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;color:#FFFFFF;padding:75px 0px 75px 0px;}.elementor-952 .elementor-element.elementor-element-9ac41b1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-952 .elementor-element.elementor-element-9ac41b1 .elementor-heading-title{color:#FFFFFF;}.elementor-952 .elementor-element.elementor-element-f83bb63 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:20px;}.elementor-952 .elementor-element.elementor-element-9e18297{--display:flex;}.elementor-952 .elementor-element.elementor-element-b99a526{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-952 .elementor-element.elementor-element-eeeed32{--display:flex;}.elementor-952 .elementor-element.elementor-element-e816b67:not(.elementor-motion-effects-element-type-background), .elementor-952 .elementor-element.elementor-element-e816b67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-952 .elementor-element.elementor-element-e816b67{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;color:#FFFFFF;padding:0px 0px 0px 0px;}.elementor-952 .elementor-element.elementor-element-e816b67 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-952 .elementor-element.elementor-element-e816b67 .elementor-heading-title{color:#FFFFFF;}.elementor-952 .elementor-element.elementor-element-be91a0d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-952 .elementor-element.elementor-element-b46f804 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}@media(max-width:1024px){.elementor-952 .elementor-element.elementor-element-696321a:not(.elementor-motion-effects-element-type-background), .elementor-952 .elementor-element.elementor-element-696321a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0px;}}@media(max-width:767px){.elementor-952 .elementor-element.elementor-element-696321a:not(.elementor-motion-effects-element-type-background), .elementor-952 .elementor-element.elementor-element-696321a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0px;}}/* Start custom CSS for column, class: .elementor-element-c18fb21 */.hero-text h1 {
    font-size: 3.5rem;
    font-weight: 700 !important;
    line-height: 1.15;
    color: #ffffff;
    letter-spacing: -1px;
    max-width: 520px;
}
    
.hero-text p {
    font-size: 1.15rem;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.5;
    max-width: 520px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-696321a *//* =============================================
   HERO SECTION — frontend + Elementor edit canvas
   Root: section.hero-section (WP Advanced → CSS Classes)
   Never use :has(.hero-text) or bare .hero-text on section
   ============================================= */

/* --- 1. Section shell --- */
section.hero-section,
section.hero-section.elementor-element-edit-mode,
.elementor-editor-active section.hero-section {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    color: #ffffff !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    max-height: none !important;
    height: auto !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    padding-top: clamp(72px, 12vh, 140px) !important;
    padding-bottom: clamp(28px, 3vh, 48px) !important;
    padding-inline: clamp(24px, 5vw, 95px) !important;
}

section.hero-section > .elementor-container,
section.hero-section.elementor-element-edit-mode > .elementor-container,
.elementor-editor-active section.hero-section > .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

section.hero-section > .elementor-container > .elementor-column,
section.hero-section.elementor-element-edit-mode > .elementor-container > .elementor-column,
.elementor-editor-active section.hero-section > .elementor-container > .elementor-column {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

section.hero-section > .elementor-container > .elementor-column > .elementor-widget-wrap,
section.hero-section.elementor-element-edit-mode > .elementor-container > .elementor-column > .elementor-widget-wrap,
.elementor-editor-active section.hero-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 0 !important;
}

/* Editor: shapes / overlays must not affect layout */
section.hero-section > .elementor-background-overlay,
section.hero-section > .elementor-shape,
section.hero-section .hero-text .e-con-inner > .elementor-shape,
section.hero-section .elementor-column > .elementor-widget-wrap > .elementor-background-overlay {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Editor: no white widget panels */
section.hero-section.elementor-element-edit-mode .elementor-column,
section.hero-section.elementor-element-edit-mode .elementor-widget-wrap,
section.hero-section.elementor-element-edit-mode .hero-text,
section.hero-section.elementor-element-edit-mode .hero-text .elementor-widget,
.elementor-editor-active section.hero-section .elementor-column,
.elementor-editor-active section.hero-section .elementor-widget-wrap,
.elementor-editor-active section.hero-section .hero-text,
.elementor-editor-active section.hero-section .hero-text .elementor-widget {
    background-color: transparent !important;
    background-image: none !important;
}

/* Script widget sibling (outside .hero-text) — remove from editor flow */
section.hero-section.elementor-element-edit-mode > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-html:has(script),
.elementor-editor-active section.hero-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-html:has(script) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

/* --- 2. Hero copy container (.hero-text) --- */
section.hero-section .hero-text,
section.hero-section.elementor-element-edit-mode .hero-text,
.elementor-editor-active section.hero-section .hero-text {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
}

section.hero-section .hero-text.e-con,
section.hero-section .hero-text.e-con-boxed,
section.hero-section .hero-text.e-con.e-parent {
    --padding-top: 0px !important;
    --padding-bottom: 0px !important;
    --padding-left: 0px !important;
    --padding-right: 0px !important;
    --container-max-width: 100% !important;
    padding-block: 0 !important;
    padding-inline: 0 !important;
}

section.hero-section .hero-text .e-con-boxed:not(.hero-text) {
    width: 100% !important;
    padding: 0 !important;
}

section.hero-section .hero-text > .e-con-inner,
section.hero-section .hero-text .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    padding: 0 !important;
    max-width: 760px !important;
    width: 55% !important;
    min-width: 480px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Editor: atomic paragraph widgets flatten into flex (display:contents) */
section.hero-section.elementor-element-edit-mode .hero-text .e-con-inner > .elementor-widget-e-paragraph,
.elementor-editor-active section.hero-section .hero-text .e-con-inner > .elementor-widget-e-paragraph {
    display: contents !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

section.hero-section.elementor-element-edit-mode .hero-text .elementor-widget-heading,
section.hero-section.elementor-element-edit-mode .hero-text .elementor-widget-html,
.elementor-editor-active section.hero-section .hero-text .elementor-widget-heading,
.elementor-editor-active section.hero-section .hero-text .elementor-widget-html {
    margin: 0 !important;
    padding: 0 !important;
}

section.hero-section.elementor-element-edit-mode .hero-text .elementor-element-overlay,
.elementor-editor-active section.hero-section .hero-text .elementor-element-overlay {
    position: absolute !important;
    z-index: 5 !important;
}

/* --- 3. Typography --- */
section.hero-section .hero-text .elementor-widget-heading {
    width: 100% !important;
    max-width: 100% !important;
}

section.hero-section .hero-text .elementor-widget-html:has(.hero-glow-line) {
    display: block !important;
    width: 100% !important;
}

section.hero-section .hero-text .elementor-heading-title,
section.hero-section .hero-text .elementor-inline-editing {
    font-size: 3rem !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    margin: 0 0 24px !important;
    color: #ffffff !important;
    letter-spacing: -1px !important;
}

section.hero-section .hero-text .elementor-heading-title span {
    color: #00b4d8 !important;
}

section.hero-section .hero-text .hero-glow-line {
    width: 70px !important;
    height: 4px !important;
    background: linear-gradient(90deg, #00b4d8, #0077b6) !important;
    margin-bottom: 28px !important;
    border-radius: 2px !important;
}

section.hero-section .hero-text .e-con-inner > p,
section.hero-section .hero-text .e-con-inner > p.e-paragraph-base,
section.hero-section .hero-text .e-con-inner > .elementor-widget-e-paragraph,
section.hero-section .hero-text .e-con-inner > .elementor-widget-text-editor,
section.hero-section .hero-text .e-paragraph-base {
    font-size: 1.05rem !important;
    color: rgba(255, 255, 255, 0.9) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

section.hero-section .hero-text .e-con-inner > .elementor-widget-e-paragraph,
section.hero-section .hero-text .e-con-inner > .elementor-widget-text-editor {
    width: 100% !important;
}

section.hero-section .hero-text .e-con-inner > .elementor-widget-e-paragraph p,
section.hero-section .hero-text .e-con-inner > .elementor-widget-text-editor p,
section.hero-section .hero-text .e-con-inner p.e-paragraph-base {
    font-size: 1.05rem !important;
    color: rgba(255, 255, 255, 0.9) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
}

/* Paragraph spacing — render + edit (flattened p siblings) */
section.hero-section .hero-text .e-con-inner > p.e-paragraph-base:has(+ p),
section.hero-section .hero-text .e-con-inner > p.e-paragraph-base:has(+ .elementor-widget-e-paragraph),
section.hero-section .hero-text .e-con-inner > p.e-paragraph-base + p.e-paragraph-base,
section.hero-section .hero-text .e-con-inner > .elementor-widget-e-paragraph:has(+ .elementor-widget-e-paragraph) p.e-paragraph-base,
section.hero-section .hero-text .e-con-inner > p:has(+ p),
section.hero-section .hero-text .e-con-inner > p:has(+ .elementor-widget-e-paragraph),
section.hero-section .hero-text .e-con-inner > .elementor-widget-e-paragraph:has(+ p),
section.hero-section .hero-text .e-con-inner > .elementor-widget-e-paragraph:has(+ .elementor-widget-e-paragraph) {
    margin-bottom: 1.5rem !important;
}

/* Gap before CTA = same as between paragraphs (on last para, not button margin-top) */
section.hero-section .hero-text .e-con-inner > p.e-paragraph-base:has(+ .e-div-block-base),
section.hero-section .hero-text .e-con-inner > p.e-paragraph-base:has(+ .elementor-element.e-div-block-base),
section.hero-section .hero-text .e-con-inner > .elementor-widget-e-paragraph:has(+ .e-div-block-base),
section.hero-section .hero-text .e-con-inner > .elementor-widget-e-paragraph:has(+ .elementor-element.e-div-block-base) {
    margin-bottom: 1.5rem !important;
}

/* --- 4. CTA --- */
section.hero-section .hero-text .e-con-inner > .e-div-block-base,
section.hero-section .hero-text .e-con-inner > .elementor-element.e-div-block-base,
section.hero-section.elementor-element-edit-mode .hero-text .e-con-inner > .e-div-block-base,
section.hero-section.elementor-element-edit-mode .hero-text .e-con-inner > .elementor-element.e-div-block-base,
.elementor-editor-active section.hero-section .hero-text .e-con-inner > .e-div-block-base,
.elementor-editor-active section.hero-section .hero-text .e-con-inner > .elementor-element.e-div-block-base {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

section.hero-section .hero-text .e-div-block-base,
section.hero-section.elementor-element-edit-mode .hero-text .e-div-block-base,
.elementor-editor-active section.hero-section .hero-text .e-div-block-base {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 28px !important;
    width: fit-content !important;
    max-width: max-content !important;
    background: linear-gradient(135deg, #00b4d8, #0077b6) !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: transform 0.3s, box-shadow 0.3s !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    align-self: flex-start !important;
    min-height: 0 !important;
}

section.hero-section .hero-text .e-div-block-base:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 30px rgba(0, 180, 216, 0.3) !important;
}

section.hero-section .hero-text .e-div-block-base > .elementor-widget,
section.hero-section .hero-text .e-div-block-base > .elementor-element.elementor-widget {
    margin: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    background: transparent !important;
}

section.hero-section .hero-text .e-div-block-base .elementor-widget-button,
section.hero-section .hero-text .e-div-block-base .elementor-widget-e-button,
section.hero-section .hero-text .e-div-block-base .elementor-button-wrapper,
section.hero-section.elementor-element-edit-mode .hero-text .e-div-block-base .elementor-widget-e-button,
.elementor-editor-active section.hero-section .hero-text .e-div-block-base .elementor-widget-e-button {
    display: contents !important;
}

section.hero-section .hero-text .e-div-block-base .e-button-base,
section.hero-section .hero-text .e-div-block-base .elementor-button,
section.hero-section.elementor-element-edit-mode .hero-text .e-div-block-base .e-button-base,
.elementor-editor-active section.hero-section .hero-text .e-div-block-base .e-button-base {
    background: none !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    font-family: inherit !important;
    white-space: nowrap !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    display: inline !important;
    line-height: 1 !important;
}

section.hero-section .hero-text .e-div-block-base .e-button-base:hover,
section.hero-section .hero-text .e-div-block-base .elementor-button:hover {
    transform: none !important;
    box-shadow: none !important;
}

section.hero-section .hero-text .e-div-block-base .elementor-widget-html {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

section.hero-section .hero-text .e-div-block-base .elementor-widget-html svg {
    width: 18px !important;
    height: 18px !important;
    fill: #ffffff !important;
    display: block !important;
}

@media (max-width: 640px) {
    section.hero-section,
    section.hero-section.elementor-element-edit-mode,
    .elementor-editor-active section.hero-section {
        padding-top: 56px !important;
        padding-bottom: 32px !important;
        padding-inline: 24px !important;
    }

    section.hero-section .hero-text .elementor-heading-title,
    section.hero-section .hero-text .elementor-inline-editing {
        font-size: 2rem !important;
    }

    section.hero-section .hero-text > .e-con-inner,
    section.hero-section .hero-text .e-con-inner {
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    section.hero-section .hero-text .elementor-widget-heading {
        width: 100% !important;
        max-width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-42855a0 */.im-benefits {
        background: linear-gradient(180deg, #0e2b5e 0%, #0c2756 100%) !important;
        border-top: 1px solid rgba(0, 180, 216, 0.1) !important;
        border-bottom: 1px solid rgba(0, 180, 216, 0.1) !important;
        padding: 52px 40px !important;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        color: #ffffff !important;
}
.im-benefits .elementor-background-overlay {
        background: transparent !important;
        opacity: 0 !important;
}
/* suppress Elementor default e-con-boxed padding */
.im-benefits .e-con-boxed {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
}
/* --- Section title (not card title) --- */
    .im-benefits .elementor-widget-wrap > h2.e-heading-base,
    .im-benefits .elementor-widget-wrap > .elementor-widget-e-heading > h2.e-heading-base {
        font-size: 1.8rem !important;
        font-weight: 700 !important;
        margin: 0 0 24px !important;
        text-align: center !important;
        color: #ffffff !important;
        line-height: 1.3 !important;
        display: block !important;
        width: 100% !important;
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
}
/* --- Grid: Container inner wrapper --- */
    .im-benefits .e-con-boxed > .e-con-inner,
    .im-benefits .e-con.e-con-boxed.e-con--column > .e-con-inner {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 16px !important;
        max-width: 1200px !important;
        margin: 0 auto !important;
        width: 100% !important;
}
.im-benefits .e-con-boxed > .e-con-inner > .elementor-shape,
.im-benefits .e-con.e-con-boxed.e-con--column > .e-con-inner > .elementor-shape {
        display: none !important;
}
/* --- Each card --- */
    .im-benefits .e-div-block-base {
        background: rgba(13, 33, 71, 0.6) !important;
        border: 1px solid rgba(0, 180, 216, 0.15) !important;
        border-radius: 12px !important;
        padding: 20px 16px !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        transition: border-color 0.3s !important;
}
.im-benefits .e-div-block-base:hover {
        border-color: rgba(0, 180, 216, 0.4) !important;
}
/* --- Icon wrapper and SVG --- */
    .im-benefits .e-div-block-base > .elementor-widget-html {
        width: 44px !important;
        height: 44px !important;
        margin: 0 auto 10px !important;
        background: rgba(0, 180, 216, 0.1) !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
}
.im-benefits .e-div-block-base > .elementor-widget-html svg {
        width: 20px !important;
        height: 20px !important;
        fill: #00b4d8 !important;
        stroke: #00b4d8 !important;
        display: block !important;
}
/* --- Card title --- */
    .im-benefits .e-div-block-base .e-heading-base {
        font-size: 0.92rem !important;
        font-weight: 600 !important;
        margin: 0 0 6px !important;
        color: #ffffff !important;
}
/* --- Card description --- */
    .im-benefits .e-div-block-base .e-paragraph-base {
        font-size: 0.82rem !important;
        color: rgba(255, 255, 255, 0.6) !important;
        line-height: 1.4 !important;
        margin: 0 !important;
}
@media (max-width: 1024px) {
        .im-benefits .e-con-boxed > .e-con-inner,
        .im-benefits .e-con.e-con-boxed.e-con--column > .e-con-inner { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 640px) {
        .im-benefits { padding: 36px 20px !important; }
        .im-benefits .e-con-boxed > .e-con-inner,
        .im-benefits .e-con.e-con-boxed.e-con--column > .e-con-inner { grid-template-columns: 1fr !important; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-57116b9 */.im-intake {
        background: linear-gradient(180deg, #0f2d61 0%, #0c2756 100%) !important;
        border-top: 1px solid rgba(0, 180, 216, 0.1) !important;
        border-bottom: 1px solid rgba(0, 180, 216, 0.1) !important;
        padding: 52px 40px !important;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        color: #ffffff !important;
}
.im-intake .elementor-background-overlay {
        background: transparent !important;
        opacity: 0 !important;
}
.im-intake .elementor-container,
.im-intake .problem-inner {
        width: 100% !important;
        max-width: 100% !important;
}
.im-intake .problem-inner > .elementor-widget-wrap {
        display: flex !important;
        flex-direction: column !important;
        gap: 28px !important;
        align-items: stretch !important;
        max-width: 1200px !important;
        margin: 0 auto !important;
        padding: 0 !important;
}
.im-intake .problem-text.e-con-boxed,
.im-intake .pain-points.e-con-boxed {
        width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
}
.im-intake .problem-text > .e-con-inner {
        display: block !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
}
.im-intake .problem-heading-2 .elementor-heading-title {
        font-size: 1.8rem !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        margin: 0 0 12px !important;
        line-height: 1.3 !important;
}
.im-intake .accent-line {
        width: 60px !important;
        height: 3px !important;
        background: linear-gradient(90deg, #00b4d8, #0077b6) !important;
        margin-bottom: 20px !important;
        border-radius: 2px !important;
}
.im-intake .problem-text > .e-con-inner > p.e-paragraph-base,
.im-intake .problem-text > .e-con-inner > .elementor-widget-e-paragraph > p.e-paragraph-base {
        font-size: 1rem !important;
        font-weight: 400 !important;
        color: #b9c8de !important;
        line-height: 1.7 !important;
        margin: 0 !important;
        max-width: 860px !important;
}
.im-intake .pain-points > .e-con-inner,
.im-intake .pain-points.e-con.e-con--column > .e-con-inner {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 12px !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
}
.im-intake .pain-points > .e-con-inner > .e-div-block-base {
        padding: 16px 12px !important;
        background: rgba(13, 33, 71, 0.5) !important;
        border: 1px solid rgba(0, 180, 216, 0.12) !important;
        border-radius: 10px !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        min-height: 112px !important;
        transition: border-color 0.3s, transform 0.3s !important;
}
.im-intake .pain-points > .e-con-inner > .e-div-block-base:hover {
        border-color: rgba(0, 180, 216, 0.4) !important;
        transform: translateY(-2px) !important;
}
.im-intake .pain-points > .e-con-inner > .e-div-block-base > .elementor-widget-html {
        width: 40px !important;
        height: 40px !important;
        background: rgba(0, 180, 216, 0.1) !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
}
.im-intake .pain-points > .e-con-inner > .e-div-block-base > .elementor-widget-html svg {
        width: 18px !important;
        height: 18px !important;
        display: block !important;
}
.im-intake .pain-points .e-heading-base {
        font-size: 0.82rem !important;
        font-weight: 500 !important;
        color: rgba(255, 255, 255, 0.8) !important;
        line-height: 1.3 !important;
        margin: 0 !important;
}
@media (max-width: 768px) {
        .im-intake .pain-points > .e-con-inner,
        .im-intake .pain-points.e-con.e-con--column > .e-con-inner {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        }
}
@media (max-width: 640px) {
        .im-intake {
                padding: 36px 20px !important;
        }
        .im-intake .pain-points > .e-con-inner,
        .im-intake .pain-points.e-con.e-con--column > .e-con-inner {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        }
        .im-intake .problem-text > .e-con-inner > p.e-paragraph-base,
        .im-intake .problem-text > .e-con-inner > .elementor-widget-e-paragraph > p.e-paragraph-base {
                max-width: 100% !important;
        }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-41041be */.im-compliance {
        background: linear-gradient(180deg, rgba(7, 22, 50, 0.96) 0%, rgba(8, 25, 56, 0.96) 100%) !important;
        padding: 80px 40px !important;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        color: #ffffff !important;
        border-bottom: 0 !important;
}
/* Elementor container/column: full width, no Elementor max-width */
.im-compliance .elementor-container {
        width: 100% !important;
        max-width: 100% !important;
}
.im-compliance .problem-inner {
        width: 100% !important;
}
/* Override Elementor's default flex-direction:column on widget-wrap → 2-col grid */
.im-compliance .problem-inner > .elementor-widget-wrap {
        display: grid !important;
        grid-template-columns: 1fr 1.2fr !important;
        gap: 60px !important;
        align-items: center !important;
        max-width: 1200px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        flex-wrap: unset !important;
        flex-direction: unset !important;
}
/* Reset Elementor e-con-boxed default padding on both columns */
.im-compliance .problem-text.e-con-boxed,
.im-compliance .pain-points.e-con-boxed {
        padding: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
}
/* Reset e-con-inner defaults (Elementor sets max-width via CSS var + margin auto) */
.im-compliance .problem-text > .e-con-inner {
        display: block !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
}
/* Left col: heading styles */
.im-compliance .problem-heading-2 .elementor-heading-title {
        font-size: 1.8rem !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        margin: 0 0 12px !important;
        line-height: 1.3 !important;
}
.im-compliance .accent-line {
        width: 60px !important;
        height: 3px !important;
        background: linear-gradient(90deg, #00b4d8, #0077b6) !important;
        margin-bottom: 24px !important;
        border-radius: 2px !important;
}
.im-compliance .problem-text.e-con-boxed > .e-con-inner > p.e-paragraph-base,
.im-compliance .problem-text.e-con-boxed > .e-con-inner > .elementor-widget-e-paragraph > p.e-paragraph-base {
        font-size: 1rem !important;
        font-weight: 400 !important;
        color: #b9c8de !important;
        line-height: 1.7 !important;
        margin: 0 0 16px !important;
        opacity: 1 !important;
}
.im-compliance .problem-text.e-con-boxed > .e-con-inner > p.e-paragraph-base:last-child,
.im-compliance .problem-text.e-con-boxed > .e-con-inner > .elementor-widget-e-paragraph:last-child > p.e-paragraph-base {
        margin-bottom: 0 !important;
}
/* Right col: card grid — reset e-con-inner max-width, apply grid */
.im-compliance .pain-points > .e-con-inner {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 16px !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
}
/* Cards: e-div-block-base is also e-con — reset Elementor container padding */
.im-compliance .pain-points .e-div-block-base {
        padding: 20px 18px !important;
        background: rgba(13, 33, 71, 0.5) !important;
        border: 1px solid rgba(0, 180, 216, 0.12) !important;
        border-radius: 12px !important;
        transition: border-color 0.3s, transform 0.3s !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
}
.im-compliance .pain-points .e-div-block-base:hover,
.im-compliance .pain-points .e-div-block-base:focus,
.im-compliance .pain-points .e-div-block-base:active {
        border-color: rgba(0, 180, 216, 0.35) !important;
        transform: translateY(-3px) !important;
        outline: none !important;
        box-shadow: none !important;
}
.im-compliance .pain-points .e-heading-base {
        font-size: 0.92rem !important;
        font-weight: 600 !important;
        color: #00b4d8 !important;
        margin: 0 0 6px !important;
        line-height: 1.3 !important;
}
.im-compliance .pain-points .e-paragraph-base {
        font-size: 0.82rem !important;
        color: rgba(255, 255, 255, 0.6) !important;
        line-height: 1.5 !important;
        margin: 0 !important;
}
@media (max-width: 1024px) {
        .im-compliance .problem-inner > .elementor-widget-wrap {
                grid-template-columns: 1fr !important;
                gap: 40px !important;
        }
}
@media (max-width: 640px) {
        .im-compliance {
                padding: 50px 20px !important;
        }
        .im-compliance .pain-points > .e-con-inner {
                grid-template-columns: 1fr !important;
        }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9ac41b1 */.im-detail {
        background: linear-gradient(180deg, rgba(7, 22, 50, 0.96) 0%, rgba(8, 25, 56, 0.96) 100%) !important;
        padding: 80px 40px !important;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        color: #ffffff !important;
        border-top: 0 !important;
        margin-top: 0 !important;
}
.im-detail .elementor-container,
.im-detail .problem-inner {
        width: 100% !important;
        max-width: 100% !important;
}
.im-detail .problem-inner > .elementor-widget-wrap {
        display: flex !important;
        flex-direction: column !important;
        gap: 28px !important;
        align-items: stretch !important;
        max-width: 1200px !important;
        margin: 0 auto !important;
        padding: 0 !important;
}
.im-detail .problem-text.e-con-boxed,
.im-detail .pain-points.e-con-boxed {
        width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
}
.im-detail .problem-text > .e-con-inner {
        display: block !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
}
.im-detail .problem-heading-2 .elementor-heading-title {
        font-size: 1.8rem !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        margin: 0 0 12px !important;
        line-height: 1.3 !important;
}
.im-detail .accent-line {
        width: 60px !important;
        height: 3px !important;
        background: linear-gradient(90deg, #00b4d8, #0077b6) !important;
        margin-bottom: 24px !important;
        border-radius: 2px !important;
}
.im-detail .problem-text > .e-con-inner > p.e-paragraph-base,
.im-detail .problem-text > .e-con-inner > .elementor-widget-e-paragraph > p.e-paragraph-base {
        font-size: 1rem !important;
        font-weight: 400 !important;
        color: #b9c8de !important;
        line-height: 1.7 !important;
        margin: 0 !important;
        max-width: 860px !important;
}
.im-detail .pain-points > .e-con-inner,
.im-detail .pain-points.e-con.e-con--column > .e-con-inner {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 10px !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
}
.im-detail .pain-points > .e-con-inner > .e-div-block-base {
        position: relative !important;
        padding: 24px 18px 20px !important;
        background: rgba(13, 33, 71, 0.5) !important;
        border: 1px solid rgba(0, 180, 216, 0.12) !important;
        border-radius: 12px !important;
        transition: border-color 0.3s, transform 0.3s !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 0 !important;
        width: auto !important;
        flex: 1 1 0 !important;
        min-width: 180px !important;
        box-sizing: border-box !important;
        min-height: 170px !important;
}
.im-detail .pain-points > .e-con-inner > .e-div-block-base:hover,
.im-detail .pain-points > .e-con-inner > .e-div-block-base:focus,
.im-detail .pain-points > .e-con-inner > .e-div-block-base:active {
        border-color: rgba(0, 180, 216, 0.35) !important;
        transform: translateY(-3px) !important;
        outline: none !important;
        box-shadow: none !important;
}
/* Hard reset: prevent any theme/legacy pseudo-arrows on cards */
.im-detail .pain-points > .e-con-inner > .e-div-block-base::before,
.im-detail .pain-points > .e-con-inner > .e-div-block-base::after {
        content: none !important;
        display: none !important;
}
.im-detail .pain-points > .e-con-inner > .elementor-widget-html {
        flex: 0 0 auto !important;
        width: 18px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 !important;
}
.im-detail .pain-points > .e-con-inner > .elementor-widget-html > svg {
        display: none !important;
}
.im-detail .pain-points > .e-con-inner > .elementor-widget-html .pipeline-arrow {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 18px !important;
        height: 18px !important;
}
.im-detail .pain-points > .e-con-inner > .elementor-widget-html .pipeline-arrow svg {
        width: 14px !important;
        height: 14px !important;
        display: block !important;
}
.im-detail .pain-points .e-div-block-base > .elementor-widget-html {
        width: 36px !important;
        height: 36px !important;
        border-radius: 999px !important;
        background: rgba(0, 180, 216, 0.1) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 0 8px !important;
}
.im-detail .pain-points .e-div-block-base > .elementor-widget-html svg {
        width: 18px !important;
        height: 18px !important;
        display: block !important;
}
.im-detail .pain-points .e-div-block-base > p.e-paragraph-base:first-of-type {
        font-size: 0.72rem !important;
        font-weight: 700 !important;
        color: #00b4d8 !important;
        letter-spacing: 0.8px !important;
        margin: 0 0 6px !important;
        line-height: 1 !important;
}
.im-detail .pain-points .e-heading-base {
        font-size: 0.92rem !important;
        font-weight: 600 !important;
        color: #ffffff !important;
        margin: 0 0 6px !important;
        line-height: 1.3 !important;
}
.im-detail .pain-points .e-div-block-base > p.e-paragraph-base:last-of-type {
        font-size: 0.82rem !important;
        color: rgba(255, 255, 255, 0.6) !important;
        line-height: 1.5 !important;
        margin: 0 !important;
        max-width: 220px !important;
}
@media (max-width: 1024px) {
        .im-detail .pain-points {
                overflow-x: auto !important;
        }
        .im-detail .pain-points > .e-con-inner {
                min-width: 860px !important;
        }
}
@media (max-width: 640px) {
        .im-detail {
                padding: 50px 20px !important;
        }
        .im-detail .problem-text > .e-con-inner > p.e-paragraph-base,
        .im-detail .problem-text > .e-con-inner > .elementor-widget-e-paragraph > p.e-paragraph-base {
                max-width: 100% !important;
        }
}/* End custom CSS */