.elementor-670 .elementor-element.elementor-element-1f67e2d{--display:flex;--min-height:97px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:0200px;--padding-bottom:0200px;--padding-left:0px;--padding-right:0px;}.elementor-670 .elementor-element.elementor-element-1f67e2d:not(.elementor-motion-effects-element-type-background), .elementor-670 .elementor-element.elementor-element-1f67e2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://saprollforming.com/wp-content/uploads/2026/09/businessman-pressing-phone-button_488220-10438.avif");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-670 .elementor-element.elementor-element-1f67e2d::before, .elementor-670 .elementor-element.elementor-element-1f67e2d > .elementor-background-video-container::before, .elementor-670 .elementor-element.elementor-element-1f67e2d > .e-con-inner > .elementor-background-video-container::before, .elementor-670 .elementor-element.elementor-element-1f67e2d > .elementor-background-slideshow::before, .elementor-670 .elementor-element.elementor-element-1f67e2d > .e-con-inner > .elementor-background-slideshow::before, .elementor-670 .elementor-element.elementor-element-1f67e2d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor2 );--background-overlay:'';}.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-670 .elementor-element.elementor-element-d3414fc{text-align:center;}.elementor-670 .elementor-element.elementor-element-d3414fc .elementor-heading-title{font-family:"Roboto Serif", Sans-serif;font-size:35px;font-weight:600;color:var( --e-global-color-astglobalcolor4 );}.elementor-670 .elementor-element.elementor-element-9e1b61e{margin-top:050px;margin-bottom:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-670 .elementor-element.elementor-element-85f6a24 .elementor-icon-box-wrapper{gap:15px;}.elementor-670 .elementor-element.elementor-element-85f6a24.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-670 .elementor-element.elementor-element-85f6a24.elementor-view-framed .elementor-icon, .elementor-670 .elementor-element.elementor-element-85f6a24.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-670 .elementor-element.elementor-element-f7ef401 .elementor-icon-box-wrapper{gap:15px;}.elementor-670 .elementor-element.elementor-element-f7ef401.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-670 .elementor-element.elementor-element-f7ef401.elementor-view-framed .elementor-icon, .elementor-670 .elementor-element.elementor-element-f7ef401.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-670 .elementor-element.elementor-element-80c6d5b .elementor-icon-box-wrapper{gap:15px;}.elementor-670 .elementor-element.elementor-element-80c6d5b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-670 .elementor-element.elementor-element-80c6d5b.elementor-view-framed .elementor-icon, .elementor-670 .elementor-element.elementor-element-80c6d5b.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-670 .elementor-element.elementor-element-8230e47{margin-top:050px;margin-bottom:0px;padding:050px 0px 050px 0px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-670 .elementor-element.elementor-element-555b38c .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:19px;}.elementor-670 .elementor-element.elementor-element-555b38c .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-19px;}.elementor-670 .elementor-element.elementor-element-555b38c .elementor-field-group.recaptcha_v3-bottomleft, .elementor-670 .elementor-element.elementor-element-555b38c .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-670 .elementor-element.elementor-element-555b38c .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-670 .elementor-element.elementor-element-555b38c .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-670 .elementor-element.elementor-element-555b38c .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-670 .elementor-element.elementor-element-555b38c .elementor-field-type-html{padding-bottom:0px;}.elementor-670 .elementor-element.elementor-element-555b38c .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-670 .elementor-element.elementor-element-555b38c .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-670 .elementor-element.elementor-element-555b38c .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-670 .elementor-element.elementor-element-555b38c .elementor-button[type="submit"]{color:#ffffff;}.elementor-670 .elementor-element.elementor-element-555b38c .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-670 .elementor-element.elementor-element-555b38c .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-670 .elementor-element.elementor-element-555b38c .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-670 .elementor-element.elementor-element-555b38c .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-670 .elementor-element.elementor-element-555b38c .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-670 .elementor-element.elementor-element-555b38c .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-670 .elementor-element.elementor-element-555b38c{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(min-width:1025px){.elementor-670 .elementor-element.elementor-element-1f67e2d:not(.elementor-motion-effects-element-type-background), .elementor-670 .elementor-element.elementor-element-1f67e2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-670 .elementor-element.elementor-element-1f67e2d{--min-height:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-670 .elementor-element.elementor-element-9e1b61e{margin-top:025px;margin-bottom:0px;padding:025px 010px 025px 010px;}.elementor-670 .elementor-element.elementor-element-8230e47{margin-top:025px;margin-bottom:0px;padding:25px 010px 25px 010px;}}/* Start custom CSS for icon-box, class: .elementor-element-85f6a24 *//* =========================================================
   ICN-BX-CARD — PREMIUM INDUSTRIAL ICON BOX
   Elementor Icon Box Widget
   CSS CLASS: icn-bx-card

   PALETTE
   Primary        : #9E2A2B
   Secondary      : #00235D
   Text           : #0F0F0F
   Accent         : #FFA300
   Global Light   : #F8F6F3
   Gold           : #DAA14C

   FEATURES
   • Technical background pattern
   • Premium hover lift
   • Animated accent sweep
   • Icon movement
   • Soft industrial glow
   • Animated background pattern
   • Responsive
   ========================================================= */


/* =========================================================
   1. MAIN CARD
   ========================================================= */

.icn-bx-card {
    position: relative !important;
    overflow: hidden !important;

    background:
        linear-gradient(
            135deg,
            rgba(248, 246, 243, 0.98),
            rgba(255, 255, 255, 0.98)
        ) !important;

    border-radius: 22px !important;

    padding: 34px 30px !important;

    isolation: isolate !important;

    box-shadow:
        0 10px 30px rgba(0, 35, 93, 0.08),
        0 2px 8px rgba(15, 15, 15, 0.04) !important;

    transition:
        transform 0.45s cubic-bezier(.2,.8,.2,1),
        box-shadow 0.45s ease,
        background 0.45s ease !important;
}


/* =========================================================
   2. TECHNICAL GRID PATTERN
   ========================================================= */

.icn-bx-card::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: -2 !important;

    pointer-events: none !important;

    background-image:
        linear-gradient(
            rgba(0, 35, 93, 0.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(0, 35, 93, 0.045) 1px,
            transparent 1px
        ) !important;

    background-size: 24px 24px !important;

    opacity: 0.95 !important;

    transform: translate3d(0, 0, 0) !important;

    transition:
        opacity 0.5s ease,
        transform 0.8s cubic-bezier(.2,.8,.2,1) !important;
}


/* =========================================================
   3. AMBIENT COLOR GLOW
   ========================================================= */

.icn-bx-card::after {
    content: "" !important;

    position: absolute !important;

    width: 180px !important;
    height: 180px !important;

    right: -85px !important;
    top: -85px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(255, 163, 0, 0.18) 0%,
            rgba(218, 161, 76, 0.08) 38%,
            transparent 70%
        ) !important;

    z-index: -1 !important;

    pointer-events: none !important;

    transition:
        transform 0.6s cubic-bezier(.2,.8,.2,1),
        opacity 0.5s ease !important;
}


/* =========================================================
   4. HOVER CARD
   ========================================================= */

.icn-bx-card:hover {
    transform: translateY(-9px) !important;

    background:
        linear-gradient(
            135deg,
            #FFFFFF,
            #F8F6F3
        ) !important;

    box-shadow:
        0 20px 45px rgba(0, 35, 93, 0.14),
        0 6px 18px rgba(158, 42, 43, 0.08) !important;
}


.icn-bx-card:hover::before {
    opacity: 1 !important;

    transform:
        translate3d(12px, 12px, 0) !important;
}


.icn-bx-card:hover::after {
    transform: scale(1.45) !important;

    opacity: 1 !important;
}


/* =========================================================
   5. ICON WRAPPER
   ========================================================= */

.icn-bx-card .elementor-icon-box-icon {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 68px !important;
    height: 68px !important;

    margin-bottom: 22px !important;

    border-radius: 18px !important;

    background:
        linear-gradient(
            135deg,
            #00235D,
            #003B8F
        ) !important;

    box-shadow:
        0 10px 22px rgba(0, 35, 93, 0.20) !important;

    transition:
        transform 0.45s cubic-bezier(.2,.8,.2,1),
        box-shadow 0.45s ease,
        background 0.45s ease !important;

    overflow: hidden !important;
}


/* =========================================================
   6. ICON INNER LIGHT
   ========================================================= */

.icn-bx-card .elementor-icon-box-icon::before {
    content: "" !important;

    position: absolute !important;

    width: 90px !important;
    height: 90px !important;

    top: -65px !important;
    left: -65px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(255, 163, 0, 0.65),
            transparent 65%
        ) !important;

    transition:
        transform 0.65s cubic-bezier(.2,.8,.2,1) !important;
}


/* =========================================================
   7. ICON
   ========================================================= */

.icn-bx-card .elementor-icon {
    position: relative !important;

    z-index: 2 !important;

    color: #FFA300 !important;

    font-size: 30px !important;

    transition:
        transform 0.45s cubic-bezier(.2,.8,.2,1),
        color 0.35s ease !important;
}


/* =========================================================
   8. ICON HOVER
   ========================================================= */

.icn-bx-card:hover .elementor-icon-box-icon {
    transform:
        translateY(-5px)
        rotate(-3deg) !important;

    background:
        linear-gradient(
            135deg,
            #9E2A2B,
            #00235D
        ) !important;

    box-shadow:
        0 14px 28px rgba(158, 42, 43, 0.22),
        0 0 0 5px rgba(255, 163, 0, 0.08) !important;
}


.icn-bx-card:hover .elementor-icon-box-icon::before {
    transform:
        translate3d(95px, 95px, 0) !important;
}


.icn-bx-card:hover .elementor-icon {
    transform:
        scale(1.12)
        rotate(4deg) !important;

    color: #FFFFFF !important;
}


/* =========================================================
   9. TITLE
   ========================================================= */

.icn-bx-card .elementor-icon-box-title {
    position: relative !important;

    margin: 0 0 11px !important;

    color: #00235D !important;

    font-weight: 700 !important;

    letter-spacing: -0.25px !important;

    transition:
        color 0.35s ease,
        transform 0.35s ease !important;
}


.icn-bx-card:hover .elementor-icon-box-title {
    color: #9E2A2B !important;

    transform:
        translateX(3px) !important;
}


/* =========================================================
   10. DESCRIPTION
   ========================================================= */

.icn-bx-card .elementor-icon-box-description {
    color: #334155 !important;

    line-height: 1.7 !important;

    transition:
        color 0.35s ease !important;
}


.icn-bx-card:hover .elementor-icon-box-description {
    color: #252525 !important;
}


/* =========================================================
   11. MOVING ACCENT LINE
   ========================================================= */

.icn-bx-card .elementor-icon-box-content {
    position: relative !important;
}


.icn-bx-card .elementor-icon-box-content::after {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    bottom: -20px !important;

    width: 38px !important;
    height: 3px !important;

    border-radius: 10px !important;

    background:
        linear-gradient(
            90deg,
            #FFA300,
            #DAA14C
        ) !important;

    transition:
        width 0.5s cubic-bezier(.2,.8,.2,1),
        background 0.35s ease !important;
}


.icn-bx-card:hover .elementor-icon-box-content::after {
    width: 85px !important;

    background:
        linear-gradient(
            90deg,
            #FFA300,
            #9E2A2B
        ) !important;
}


/* =========================================================
   12. SUBTLE CORNER DETAIL
   ========================================================= */

.icn-bx-card {
    --corner-size: 42px;
}


.icn-bx-card .elementor-icon-box-wrapper::after {
    content: "" !important;

    position: absolute !important;

    right: 0 !important;
    bottom: 0 !important;

    width: var(--corner-size) !important;
    height: var(--corner-size) !important;

    border-right: 2px solid rgba(158, 42, 43, 0.18) !important;
    border-bottom: 2px solid rgba(255, 163, 0, 0.28) !important;

    border-bottom-right-radius: 18px !important;

    opacity: 0.7 !important;

    transition:
        width 0.4s ease,
        height 0.4s ease,
        opacity 0.4s ease !important;
}


.icn-bx-card:hover .elementor-icon-box-wrapper::after {
    width: 58px !important;
    height: 58px !important;

    opacity: 1 !important;
}


/* =========================================================
   13. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .icn-bx-card {
        padding: 28px 25px !important;
        border-radius: 20px !important;
    }

    .icn-bx-card .elementor-icon-box-icon {
        width: 62px !important;
        height: 62px !important;
        margin-bottom: 18px !important;
    }

    .icn-bx-card .elementor-icon {
        font-size: 27px !important;
    }

}


/* =========================================================
   14. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .icn-bx-card {
        padding: 25px 22px !important;

        border-radius: 18px !important;

        box-shadow:
            0 8px 24px rgba(0, 35, 93, 0.09) !important;
    }

    .icn-bx-card .elementor-icon-box-icon {
        width: 58px !important;
        height: 58px !important;

        border-radius: 16px !important;

        margin-bottom: 16px !important;
    }

    .icn-bx-card .elementor-icon {
        font-size: 25px !important;
    }

    .icn-bx-card .elementor-icon-box-title {
        margin-bottom: 8px !important;
    }

    .icn-bx-card .elementor-icon-box-description {
        line-height: 1.6 !important;
    }

    /* Prevent excessive movement on touch devices */
    .icn-bx-card:hover {
        transform: translateY(-4px) !important;
    }

}


/* =========================================================
   15. ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .icn-bx-card,
    .icn-bx-card *,
    .icn-bx-card::before,
    .icn-bx-card::after {
        animation: none !important;
        transition: none !important;
    }

}
/* =========================================================
   CENTER ICON — ICN-BX-CARD
   ========================================================= */

.icn-bx-card .elementor-icon-box-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-left: auto !important;
    margin-right: auto !important;
}

/* Keep the icon perfectly centered */
.icn-bx-card .elementor-icon-box-wrapper {
    text-align: center !important;
}

.icn-bx-card .elementor-icon-box-content {
    text-align: center !important;
}

/* Center the animated accent line */
.icn-bx-card .elementor-icon-box-content::after {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* Keep hover expansion centered */
.icn-bx-card:hover .elementor-icon-box-content::after {
    left: 50% !important;
    transform: translateX(-50%) !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f7ef401 *//* =========================================================
   ICN-BX-CARD — PREMIUM INDUSTRIAL ICON BOX
   Elementor Icon Box Widget
   CSS CLASS: icn-bx-card

   PALETTE
   Primary        : #9E2A2B
   Secondary      : #00235D
   Text           : #0F0F0F
   Accent         : #FFA300
   Global Light   : #F8F6F3
   Gold           : #DAA14C

   FEATURES
   • Technical background pattern
   • Premium hover lift
   • Animated accent sweep
   • Icon movement
   • Soft industrial glow
   • Animated background pattern
   • Responsive
   ========================================================= */


/* =========================================================
   1. MAIN CARD
   ========================================================= */

.icn-bx-card {
    position: relative !important;
    overflow: hidden !important;

    background:
        linear-gradient(
            135deg,
            rgba(248, 246, 243, 0.98),
            rgba(255, 255, 255, 0.98)
        ) !important;

    border-radius: 22px !important;

    padding: 34px 30px !important;

    isolation: isolate !important;

    box-shadow:
        0 10px 30px rgba(0, 35, 93, 0.08),
        0 2px 8px rgba(15, 15, 15, 0.04) !important;

    transition:
        transform 0.45s cubic-bezier(.2,.8,.2,1),
        box-shadow 0.45s ease,
        background 0.45s ease !important;
}


/* =========================================================
   2. TECHNICAL GRID PATTERN
   ========================================================= */

.icn-bx-card::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: -2 !important;

    pointer-events: none !important;

    background-image:
        linear-gradient(
            rgba(0, 35, 93, 0.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(0, 35, 93, 0.045) 1px,
            transparent 1px
        ) !important;

    background-size: 24px 24px !important;

    opacity: 0.95 !important;

    transform: translate3d(0, 0, 0) !important;

    transition:
        opacity 0.5s ease,
        transform 0.8s cubic-bezier(.2,.8,.2,1) !important;
}


/* =========================================================
   3. AMBIENT COLOR GLOW
   ========================================================= */

.icn-bx-card::after {
    content: "" !important;

    position: absolute !important;

    width: 180px !important;
    height: 180px !important;

    right: -85px !important;
    top: -85px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(255, 163, 0, 0.18) 0%,
            rgba(218, 161, 76, 0.08) 38%,
            transparent 70%
        ) !important;

    z-index: -1 !important;

    pointer-events: none !important;

    transition:
        transform 0.6s cubic-bezier(.2,.8,.2,1),
        opacity 0.5s ease !important;
}


/* =========================================================
   4. HOVER CARD
   ========================================================= */

.icn-bx-card:hover {
    transform: translateY(-9px) !important;

    background:
        linear-gradient(
            135deg,
            #FFFFFF,
            #F8F6F3
        ) !important;

    box-shadow:
        0 20px 45px rgba(0, 35, 93, 0.14),
        0 6px 18px rgba(158, 42, 43, 0.08) !important;
}


.icn-bx-card:hover::before {
    opacity: 1 !important;

    transform:
        translate3d(12px, 12px, 0) !important;
}


.icn-bx-card:hover::after {
    transform: scale(1.45) !important;

    opacity: 1 !important;
}


/* =========================================================
   5. ICON WRAPPER
   ========================================================= */

.icn-bx-card .elementor-icon-box-icon {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 68px !important;
    height: 68px !important;

    margin-bottom: 22px !important;

    border-radius: 18px !important;

    background:
        linear-gradient(
            135deg,
            #00235D,
            #003B8F
        ) !important;

    box-shadow:
        0 10px 22px rgba(0, 35, 93, 0.20) !important;

    transition:
        transform 0.45s cubic-bezier(.2,.8,.2,1),
        box-shadow 0.45s ease,
        background 0.45s ease !important;

    overflow: hidden !important;
}


/* =========================================================
   6. ICON INNER LIGHT
   ========================================================= */

.icn-bx-card .elementor-icon-box-icon::before {
    content: "" !important;

    position: absolute !important;

    width: 90px !important;
    height: 90px !important;

    top: -65px !important;
    left: -65px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(255, 163, 0, 0.65),
            transparent 65%
        ) !important;

    transition:
        transform 0.65s cubic-bezier(.2,.8,.2,1) !important;
}


/* =========================================================
   7. ICON
   ========================================================= */

.icn-bx-card .elementor-icon {
    position: relative !important;

    z-index: 2 !important;

    color: #FFA300 !important;

    font-size: 30px !important;

    transition:
        transform 0.45s cubic-bezier(.2,.8,.2,1),
        color 0.35s ease !important;
}


/* =========================================================
   8. ICON HOVER
   ========================================================= */

.icn-bx-card:hover .elementor-icon-box-icon {
    transform:
        translateY(-5px)
        rotate(-3deg) !important;

    background:
        linear-gradient(
            135deg,
            #9E2A2B,
            #00235D
        ) !important;

    box-shadow:
        0 14px 28px rgba(158, 42, 43, 0.22),
        0 0 0 5px rgba(255, 163, 0, 0.08) !important;
}


.icn-bx-card:hover .elementor-icon-box-icon::before {
    transform:
        translate3d(95px, 95px, 0) !important;
}


.icn-bx-card:hover .elementor-icon {
    transform:
        scale(1.12)
        rotate(4deg) !important;

    color: #FFFFFF !important;
}


/* =========================================================
   9. TITLE
   ========================================================= */

.icn-bx-card .elementor-icon-box-title {
    position: relative !important;

    margin: 0 0 11px !important;

    color: #00235D !important;

    font-weight: 700 !important;

    letter-spacing: -0.25px !important;

    transition:
        color 0.35s ease,
        transform 0.35s ease !important;
}


.icn-bx-card:hover .elementor-icon-box-title {
    color: #9E2A2B !important;

    transform:
        translateX(3px) !important;
}


/* =========================================================
   10. DESCRIPTION
   ========================================================= */

.icn-bx-card .elementor-icon-box-description {
    color: #334155 !important;

    line-height: 1.7 !important;

    transition:
        color 0.35s ease !important;
}


.icn-bx-card:hover .elementor-icon-box-description {
    color: #252525 !important;
}


/* =========================================================
   11. MOVING ACCENT LINE
   ========================================================= */

.icn-bx-card .elementor-icon-box-content {
    position: relative !important;
}


.icn-bx-card .elementor-icon-box-content::after {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    bottom: -20px !important;

    width: 38px !important;
    height: 3px !important;

    border-radius: 10px !important;

    background:
        linear-gradient(
            90deg,
            #FFA300,
            #DAA14C
        ) !important;

    transition:
        width 0.5s cubic-bezier(.2,.8,.2,1),
        background 0.35s ease !important;
}


.icn-bx-card:hover .elementor-icon-box-content::after {
    width: 85px !important;

    background:
        linear-gradient(
            90deg,
            #FFA300,
            #9E2A2B
        ) !important;
}


/* =========================================================
   12. SUBTLE CORNER DETAIL
   ========================================================= */

.icn-bx-card {
    --corner-size: 42px;
}


.icn-bx-card .elementor-icon-box-wrapper::after {
    content: "" !important;

    position: absolute !important;

    right: 0 !important;
    bottom: 0 !important;

    width: var(--corner-size) !important;
    height: var(--corner-size) !important;

    border-right: 2px solid rgba(158, 42, 43, 0.18) !important;
    border-bottom: 2px solid rgba(255, 163, 0, 0.28) !important;

    border-bottom-right-radius: 18px !important;

    opacity: 0.7 !important;

    transition:
        width 0.4s ease,
        height 0.4s ease,
        opacity 0.4s ease !important;
}


.icn-bx-card:hover .elementor-icon-box-wrapper::after {
    width: 58px !important;
    height: 58px !important;

    opacity: 1 !important;
}


/* =========================================================
   13. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .icn-bx-card {
        padding: 28px 25px !important;
        border-radius: 20px !important;
    }

    .icn-bx-card .elementor-icon-box-icon {
        width: 62px !important;
        height: 62px !important;
        margin-bottom: 18px !important;
    }

    .icn-bx-card .elementor-icon {
        font-size: 27px !important;
    }

}


/* =========================================================
   14. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .icn-bx-card {
        padding: 25px 22px !important;

        border-radius: 18px !important;

        box-shadow:
            0 8px 24px rgba(0, 35, 93, 0.09) !important;
    }

    .icn-bx-card .elementor-icon-box-icon {
        width: 58px !important;
        height: 58px !important;

        border-radius: 16px !important;

        margin-bottom: 16px !important;
    }

    .icn-bx-card .elementor-icon {
        font-size: 25px !important;
    }

    .icn-bx-card .elementor-icon-box-title {
        margin-bottom: 8px !important;
    }

    .icn-bx-card .elementor-icon-box-description {
        line-height: 1.6 !important;
    }

    /* Prevent excessive movement on touch devices */
    .icn-bx-card:hover {
        transform: translateY(-4px) !important;
    }

}


/* =========================================================
   15. ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .icn-bx-card,
    .icn-bx-card *,
    .icn-bx-card::before,
    .icn-bx-card::after {
        animation: none !important;
        transition: none !important;
    }

}
/* =========================================================
   CENTER ICON — ICN-BX-CARD
   ========================================================= */

.icn-bx-card .elementor-icon-box-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-left: auto !important;
    margin-right: auto !important;
}

/* Keep the icon perfectly centered */
.icn-bx-card .elementor-icon-box-wrapper {
    text-align: center !important;
}

.icn-bx-card .elementor-icon-box-content {
    text-align: center !important;
}

/* Center the animated accent line */
.icn-bx-card .elementor-icon-box-content::after {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* Keep hover expansion centered */
.icn-bx-card:hover .elementor-icon-box-content::after {
    left: 50% !important;
    transform: translateX(-50%) !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-80c6d5b *//* =========================================================
   ICN-BX-CARD — PREMIUM INDUSTRIAL ICON BOX
   Elementor Icon Box Widget
   CSS CLASS: icn-bx-card

   PALETTE
   Primary        : #9E2A2B
   Secondary      : #00235D
   Text           : #0F0F0F
   Accent         : #FFA300
   Global Light   : #F8F6F3
   Gold           : #DAA14C

   FEATURES
   • Technical background pattern
   • Premium hover lift
   • Animated accent sweep
   • Icon movement
   • Soft industrial glow
   • Animated background pattern
   • Responsive
   ========================================================= */


/* =========================================================
   1. MAIN CARD
   ========================================================= */

.icn-bx-card {
    position: relative !important;
    overflow: hidden !important;

    background:
        linear-gradient(
            135deg,
            rgba(248, 246, 243, 0.98),
            rgba(255, 255, 255, 0.98)
        ) !important;

    border-radius: 22px !important;

    padding: 34px 30px !important;

    isolation: isolate !important;

    box-shadow:
        0 10px 30px rgba(0, 35, 93, 0.08),
        0 2px 8px rgba(15, 15, 15, 0.04) !important;

    transition:
        transform 0.45s cubic-bezier(.2,.8,.2,1),
        box-shadow 0.45s ease,
        background 0.45s ease !important;
}


/* =========================================================
   2. TECHNICAL GRID PATTERN
   ========================================================= */

.icn-bx-card::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: -2 !important;

    pointer-events: none !important;

    background-image:
        linear-gradient(
            rgba(0, 35, 93, 0.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(0, 35, 93, 0.045) 1px,
            transparent 1px
        ) !important;

    background-size: 24px 24px !important;

    opacity: 0.95 !important;

    transform: translate3d(0, 0, 0) !important;

    transition:
        opacity 0.5s ease,
        transform 0.8s cubic-bezier(.2,.8,.2,1) !important;
}


/* =========================================================
   3. AMBIENT COLOR GLOW
   ========================================================= */

.icn-bx-card::after {
    content: "" !important;

    position: absolute !important;

    width: 180px !important;
    height: 180px !important;

    right: -85px !important;
    top: -85px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(255, 163, 0, 0.18) 0%,
            rgba(218, 161, 76, 0.08) 38%,
            transparent 70%
        ) !important;

    z-index: -1 !important;

    pointer-events: none !important;

    transition:
        transform 0.6s cubic-bezier(.2,.8,.2,1),
        opacity 0.5s ease !important;
}


/* =========================================================
   4. HOVER CARD
   ========================================================= */

.icn-bx-card:hover {
    transform: translateY(-9px) !important;

    background:
        linear-gradient(
            135deg,
            #FFFFFF,
            #F8F6F3
        ) !important;

    box-shadow:
        0 20px 45px rgba(0, 35, 93, 0.14),
        0 6px 18px rgba(158, 42, 43, 0.08) !important;
}


.icn-bx-card:hover::before {
    opacity: 1 !important;

    transform:
        translate3d(12px, 12px, 0) !important;
}


.icn-bx-card:hover::after {
    transform: scale(1.45) !important;

    opacity: 1 !important;
}


/* =========================================================
   5. ICON WRAPPER
   ========================================================= */

.icn-bx-card .elementor-icon-box-icon {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 68px !important;
    height: 68px !important;

    margin-bottom: 22px !important;

    border-radius: 18px !important;

    background:
        linear-gradient(
            135deg,
            #00235D,
            #003B8F
        ) !important;

    box-shadow:
        0 10px 22px rgba(0, 35, 93, 0.20) !important;

    transition:
        transform 0.45s cubic-bezier(.2,.8,.2,1),
        box-shadow 0.45s ease,
        background 0.45s ease !important;

    overflow: hidden !important;
}


/* =========================================================
   6. ICON INNER LIGHT
   ========================================================= */

.icn-bx-card .elementor-icon-box-icon::before {
    content: "" !important;

    position: absolute !important;

    width: 90px !important;
    height: 90px !important;

    top: -65px !important;
    left: -65px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(255, 163, 0, 0.65),
            transparent 65%
        ) !important;

    transition:
        transform 0.65s cubic-bezier(.2,.8,.2,1) !important;
}


/* =========================================================
   7. ICON
   ========================================================= */

.icn-bx-card .elementor-icon {
    position: relative !important;

    z-index: 2 !important;

    color: #FFA300 !important;

    font-size: 30px !important;

    transition:
        transform 0.45s cubic-bezier(.2,.8,.2,1),
        color 0.35s ease !important;
}


/* =========================================================
   8. ICON HOVER
   ========================================================= */

.icn-bx-card:hover .elementor-icon-box-icon {
    transform:
        translateY(-5px)
        rotate(-3deg) !important;

    background:
        linear-gradient(
            135deg,
            #9E2A2B,
            #00235D
        ) !important;

    box-shadow:
        0 14px 28px rgba(158, 42, 43, 0.22),
        0 0 0 5px rgba(255, 163, 0, 0.08) !important;
}


.icn-bx-card:hover .elementor-icon-box-icon::before {
    transform:
        translate3d(95px, 95px, 0) !important;
}


.icn-bx-card:hover .elementor-icon {
    transform:
        scale(1.12)
        rotate(4deg) !important;

    color: #FFFFFF !important;
}


/* =========================================================
   9. TITLE
   ========================================================= */

.icn-bx-card .elementor-icon-box-title {
    position: relative !important;

    margin: 0 0 11px !important;

    color: #00235D !important;

    font-weight: 700 !important;

    letter-spacing: -0.25px !important;

    transition:
        color 0.35s ease,
        transform 0.35s ease !important;
}


.icn-bx-card:hover .elementor-icon-box-title {
    color: #9E2A2B !important;

    transform:
        translateX(3px) !important;
}


/* =========================================================
   10. DESCRIPTION
   ========================================================= */

.icn-bx-card .elementor-icon-box-description {
    color: #334155 !important;

    line-height: 1.7 !important;

    transition:
        color 0.35s ease !important;
}


.icn-bx-card:hover .elementor-icon-box-description {
    color: #252525 !important;
}


/* =========================================================
   11. MOVING ACCENT LINE
   ========================================================= */

.icn-bx-card .elementor-icon-box-content {
    position: relative !important;
}


.icn-bx-card .elementor-icon-box-content::after {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    bottom: -20px !important;

    width: 38px !important;
    height: 3px !important;

    border-radius: 10px !important;

    background:
        linear-gradient(
            90deg,
            #FFA300,
            #DAA14C
        ) !important;

    transition:
        width 0.5s cubic-bezier(.2,.8,.2,1),
        background 0.35s ease !important;
}


.icn-bx-card:hover .elementor-icon-box-content::after {
    width: 85px !important;

    background:
        linear-gradient(
            90deg,
            #FFA300,
            #9E2A2B
        ) !important;
}


/* =========================================================
   12. SUBTLE CORNER DETAIL
   ========================================================= */

.icn-bx-card {
    --corner-size: 42px;
}


.icn-bx-card .elementor-icon-box-wrapper::after {
    content: "" !important;

    position: absolute !important;

    right: 0 !important;
    bottom: 0 !important;

    width: var(--corner-size) !important;
    height: var(--corner-size) !important;

    border-right: 2px solid rgba(158, 42, 43, 0.18) !important;
    border-bottom: 2px solid rgba(255, 163, 0, 0.28) !important;

    border-bottom-right-radius: 18px !important;

    opacity: 0.7 !important;

    transition:
        width 0.4s ease,
        height 0.4s ease,
        opacity 0.4s ease !important;
}


.icn-bx-card:hover .elementor-icon-box-wrapper::after {
    width: 58px !important;
    height: 58px !important;

    opacity: 1 !important;
}


/* =========================================================
   13. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .icn-bx-card {
        padding: 28px 25px !important;
        border-radius: 20px !important;
    }

    .icn-bx-card .elementor-icon-box-icon {
        width: 62px !important;
        height: 62px !important;
        margin-bottom: 18px !important;
    }

    .icn-bx-card .elementor-icon {
        font-size: 27px !important;
    }

}


/* =========================================================
   14. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .icn-bx-card {
        padding: 25px 22px !important;

        border-radius: 18px !important;

        box-shadow:
            0 8px 24px rgba(0, 35, 93, 0.09) !important;
    }

    .icn-bx-card .elementor-icon-box-icon {
        width: 58px !important;
        height: 58px !important;

        border-radius: 16px !important;

        margin-bottom: 16px !important;
    }

    .icn-bx-card .elementor-icon {
        font-size: 25px !important;
    }

    .icn-bx-card .elementor-icon-box-title {
        margin-bottom: 8px !important;
    }

    .icn-bx-card .elementor-icon-box-description {
        line-height: 1.6 !important;
    }

    /* Prevent excessive movement on touch devices */
    .icn-bx-card:hover {
        transform: translateY(-4px) !important;
    }

}


/* =========================================================
   15. ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .icn-bx-card,
    .icn-bx-card *,
    .icn-bx-card::before,
    .icn-bx-card::after {
        animation: none !important;
        transition: none !important;
    }

}
/* =========================================================
   CENTER ICON — ICN-BX-CARD
   ========================================================= */

.icn-bx-card .elementor-icon-box-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-left: auto !important;
    margin-right: auto !important;
}

/* Keep the icon perfectly centered */
.icn-bx-card .elementor-icon-box-wrapper {
    text-align: center !important;
}

.icn-bx-card .elementor-icon-box-content {
    text-align: center !important;
}

/* Center the animated accent line */
.icn-bx-card .elementor-icon-box-content::after {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* Keep hover expansion centered */
.icn-bx-card:hover .elementor-icon-box-content::after {
    left: 50% !important;
    transform: translateX(-50%) !important;
}/* End custom CSS */