.elementor-4371 .elementor-element.elementor-element-f0c8a42{--display:flex;}.elementor-4371 .elementor-element.elementor-element-51261c9{--spacer-size:100px;}.elementor-4371 .elementor-element.elementor-element-cd6c14b{text-align:center;}.elementor-4371 .elementor-element.elementor-element-63dff6b{--spacer-size:25px;}.elementor-4371 .elementor-element.elementor-element-56be537{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-4371 .elementor-element.elementor-element-f43fcb0{--display:flex;}.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-4371 .elementor-element.elementor-element-c3e2214 .tx-description{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-c3e2214 .tx-title
        {font-size:25px;}.elementor-4371 .elementor-element.elementor-element-c3e2214{text-align:left;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4371 .elementor-element.elementor-element-fe06817 .elementor-button{background-color:#111F54;}.elementor-4371 .elementor-element.elementor-element-fe06817 .elementor-button:hover, .elementor-4371 .elementor-element.elementor-element-fe06817 .elementor-button:focus{background-color:#B0DC86;color:#111F54;}.elementor-4371 .elementor-element.elementor-element-fe06817 .elementor-button:hover svg, .elementor-4371 .elementor-element.elementor-element-fe06817 .elementor-button:focus svg{fill:#111F54;}.elementor-4371 .elementor-element.elementor-element-6ad308b{--display:flex;}.elementor-4371 .elementor-element.elementor-element-6088479 .tx-description{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-6088479 .tx-title
        {font-size:25px;}.elementor-4371 .elementor-element.elementor-element-6cca04e .elementor-button{background-color:#111F54;}.elementor-4371 .elementor-element.elementor-element-6cca04e .elementor-button:hover, .elementor-4371 .elementor-element.elementor-element-6cca04e .elementor-button:focus{background-color:#B0DC86;color:#111F54;}.elementor-4371 .elementor-element.elementor-element-6cca04e .elementor-button:hover svg, .elementor-4371 .elementor-element.elementor-element-6cca04e .elementor-button:focus svg{fill:#111F54;}.elementor-4371 .elementor-element.elementor-element-b4eae48{--display:flex;}.elementor-4371 .elementor-element.elementor-element-dc1e467 .tx-description{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-dc1e467 .tx-title
        {font-size:25px;}.elementor-4371 .elementor-element.elementor-element-ad26026 .elementor-button{background-color:#111F54;}.elementor-4371 .elementor-element.elementor-element-ad26026 .elementor-button:hover, .elementor-4371 .elementor-element.elementor-element-ad26026 .elementor-button:focus{background-color:#B0DC86;color:#111F54;}.elementor-4371 .elementor-element.elementor-element-ad26026 .elementor-button:hover svg, .elementor-4371 .elementor-element.elementor-element-ad26026 .elementor-button:focus svg{fill:#111F54;}.elementor-4371 .elementor-element.elementor-element-362a9cb{--display:flex;}.elementor-4371 .elementor-element.elementor-element-37397fd .tx-description{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-37397fd .tx-title
        {font-size:25px;}.elementor-4371 .elementor-element.elementor-element-6886284 .elementor-button{background-color:#111F54;}.elementor-4371 .elementor-element.elementor-element-6886284 .elementor-button:hover, .elementor-4371 .elementor-element.elementor-element-6886284 .elementor-button:focus{background-color:#B0DC86;color:#111F54;}.elementor-4371 .elementor-element.elementor-element-6886284 .elementor-button:hover svg, .elementor-4371 .elementor-element.elementor-element-6886284 .elementor-button:focus svg{fill:#111F54;}.elementor-4371 .elementor-element.elementor-element-17e4351{--display:flex;}.elementor-4371 .elementor-element.elementor-element-f0561e4 .tx-description{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-f0561e4 .tx-title
        {font-size:25px;}.elementor-4371 .elementor-element.elementor-element-81504dc .elementor-button{background-color:#111F54;}.elementor-4371 .elementor-element.elementor-element-81504dc .elementor-button:hover, .elementor-4371 .elementor-element.elementor-element-81504dc .elementor-button:focus{background-color:#B0DC86;color:#111F54;}.elementor-4371 .elementor-element.elementor-element-81504dc .elementor-button:hover svg, .elementor-4371 .elementor-element.elementor-element-81504dc .elementor-button:focus svg{fill:#111F54;}.elementor-4371 .elementor-element.elementor-element-4e70fa1{--display:flex;}.elementor-4371 .elementor-element.elementor-element-a504977 .tx-description{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-a504977 .tx-title
        {font-size:25px;}.elementor-4371 .elementor-element.elementor-element-76f8a61 .elementor-button{background-color:#111F54;}.elementor-4371 .elementor-element.elementor-element-76f8a61 .elementor-button:hover, .elementor-4371 .elementor-element.elementor-element-76f8a61 .elementor-button:focus{background-color:#B0DC86;color:#111F54;}.elementor-4371 .elementor-element.elementor-element-76f8a61 .elementor-button:hover svg, .elementor-4371 .elementor-element.elementor-element-76f8a61 .elementor-button:focus svg{fill:#111F54;}.elementor-4371 .elementor-element.elementor-element-105ca68{--display:flex;}.elementor-4371 .elementor-element.elementor-element-aec8229 .tx-description{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-aec8229 .tx-title
        {font-size:25px;}.elementor-4371 .elementor-element.elementor-element-b90c770 .elementor-button{background-color:#111F54;}.elementor-4371 .elementor-element.elementor-element-b90c770 .elementor-button:hover, .elementor-4371 .elementor-element.elementor-element-b90c770 .elementor-button:focus{background-color:#B0DC86;color:#111F54;}.elementor-4371 .elementor-element.elementor-element-b90c770 .elementor-button:hover svg, .elementor-4371 .elementor-element.elementor-element-b90c770 .elementor-button:focus svg{fill:#111F54;}.elementor-4371 .elementor-element.elementor-element-f4be5e1{--display:flex;}.elementor-4371 .elementor-element.elementor-element-ad55b9c .tx-description{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-ad55b9c .tx-title
        {font-size:25px;}.elementor-4371 .elementor-element.elementor-element-7d80751 .elementor-button{background-color:#111F54;}.elementor-4371 .elementor-element.elementor-element-7d80751 .elementor-button:hover, .elementor-4371 .elementor-element.elementor-element-7d80751 .elementor-button:focus{background-color:#B0DC86;color:#111F54;}.elementor-4371 .elementor-element.elementor-element-7d80751 .elementor-button:hover svg, .elementor-4371 .elementor-element.elementor-element-7d80751 .elementor-button:focus svg{fill:#111F54;}.elementor-4371 .elementor-element.elementor-element-6e4cfc5{--display:flex;}.elementor-4371 .elementor-element.elementor-element-ffb992b .tx-description{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-ffb992b .tx-title
        {font-size:25px;}.elementor-4371 .elementor-element.elementor-element-f06f0f5 .elementor-button{background-color:#111F54;}.elementor-4371 .elementor-element.elementor-element-f06f0f5 .elementor-button:hover, .elementor-4371 .elementor-element.elementor-element-f06f0f5 .elementor-button:focus{background-color:#B0DC86;color:#111F54;}.elementor-4371 .elementor-element.elementor-element-f06f0f5 .elementor-button:hover svg, .elementor-4371 .elementor-element.elementor-element-f06f0f5 .elementor-button:focus svg{fill:#111F54;}.elementor-4371 .elementor-element.elementor-element-8d10f20{--display:flex;}.elementor-4371 .elementor-element.elementor-element-b550230 .tx-description{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-b550230 .tx-title
        {font-size:25px;}.elementor-4371 .elementor-element.elementor-element-212c414 .elementor-button{background-color:#111F54;}.elementor-4371 .elementor-element.elementor-element-212c414 .elementor-button:hover, .elementor-4371 .elementor-element.elementor-element-212c414 .elementor-button:focus{background-color:#B0DC86;color:#111F54;}.elementor-4371 .elementor-element.elementor-element-212c414 .elementor-button:hover svg, .elementor-4371 .elementor-element.elementor-element-212c414 .elementor-button:focus svg{fill:#111F54;}.elementor-4371 .elementor-element.elementor-element-7106dc7{--display:flex;}.elementor-4371 .elementor-element.elementor-element-652ef7e .tx-description{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-652ef7e .tx-title
        {font-size:25px;}.elementor-4371 .elementor-element.elementor-element-f91512c .elementor-button{background-color:#111F54;}.elementor-4371 .elementor-element.elementor-element-f91512c .elementor-button:hover, .elementor-4371 .elementor-element.elementor-element-f91512c .elementor-button:focus{background-color:#B0DC86;color:#111F54;}.elementor-4371 .elementor-element.elementor-element-f91512c .elementor-button:hover svg, .elementor-4371 .elementor-element.elementor-element-f91512c .elementor-button:focus svg{fill:#111F54;}.elementor-4371 .elementor-element.elementor-element-92315d8{--display:flex;}.elementor-4371 .elementor-element.elementor-element-8699fa7 .tx-description{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-8699fa7 .tx-title
        {font-size:25px;}.elementor-4371 .elementor-element.elementor-element-fd8a550 .elementor-button{background-color:#111F54;}.elementor-4371 .elementor-element.elementor-element-fd8a550 .elementor-button:hover, .elementor-4371 .elementor-element.elementor-element-fd8a550 .elementor-button:focus{background-color:#B0DC86;color:#111F54;}.elementor-4371 .elementor-element.elementor-element-fd8a550 .elementor-button:hover svg, .elementor-4371 .elementor-element.elementor-element-fd8a550 .elementor-button:focus svg{fill:#111F54;}.elementor-4371 .elementor-element.elementor-element-f71fcf6{--display:flex;}.elementor-4371 .elementor-element.elementor-element-b0d7b19 .tx-description{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-b0d7b19 .tx-title
        {font-size:25px;}.elementor-4371 .elementor-element.elementor-element-d2e3e33 .elementor-button{background-color:#111F54;}.elementor-4371 .elementor-element.elementor-element-d2e3e33 .elementor-button:hover, .elementor-4371 .elementor-element.elementor-element-d2e3e33 .elementor-button:focus{background-color:#B0DC86;color:#111F54;}.elementor-4371 .elementor-element.elementor-element-d2e3e33 .elementor-button:hover svg, .elementor-4371 .elementor-element.elementor-element-d2e3e33 .elementor-button:focus svg{fill:#111F54;}.elementor-4371 .elementor-element.elementor-element-4e0b8c4{--display:flex;}.elementor-4371 .elementor-element.elementor-element-03ac925 .tx-description{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-03ac925 .tx-title
        {font-size:25px;}.elementor-4371 .elementor-element.elementor-element-b28dcc3 .elementor-button{background-color:#111F54;}.elementor-4371 .elementor-element.elementor-element-b28dcc3 .elementor-button:hover, .elementor-4371 .elementor-element.elementor-element-b28dcc3 .elementor-button:focus{background-color:#B0DC86;color:#111F54;}.elementor-4371 .elementor-element.elementor-element-b28dcc3 .elementor-button:hover svg, .elementor-4371 .elementor-element.elementor-element-b28dcc3 .elementor-button:focus svg{fill:#111F54;}.elementor-4371 .elementor-element.elementor-element-a19bc8b{--display:flex;}.elementor-4371 .elementor-element.elementor-element-30105ab .tx-description{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-30105ab .tx-title
        {font-size:25px;}.elementor-4371 .elementor-element.elementor-element-341b4a6 .elementor-button{background-color:#111F54;}.elementor-4371 .elementor-element.elementor-element-341b4a6 .elementor-button:hover, .elementor-4371 .elementor-element.elementor-element-341b4a6 .elementor-button:focus{background-color:#B0DC86;color:#111F54;}.elementor-4371 .elementor-element.elementor-element-341b4a6 .elementor-button:hover svg, .elementor-4371 .elementor-element.elementor-element-341b4a6 .elementor-button:focus svg{fill:#111F54;}.elementor-4371 .elementor-element.elementor-element-03c1d6e{--display:flex;}.elementor-4371 .elementor-element.elementor-element-b0c1753 .tx-description{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-b0c1753 .tx-title
        {font-size:25px;}.elementor-4371 .elementor-element.elementor-element-bcb76a3 .elementor-button{background-color:#111F54;}.elementor-4371 .elementor-element.elementor-element-bcb76a3 .elementor-button:hover, .elementor-4371 .elementor-element.elementor-element-bcb76a3 .elementor-button:focus{background-color:#B0DC86;color:#111F54;}.elementor-4371 .elementor-element.elementor-element-bcb76a3 .elementor-button:hover svg, .elementor-4371 .elementor-element.elementor-element-bcb76a3 .elementor-button:focus svg{fill:#111F54;}.elementor-4371 .elementor-element.elementor-element-9792b25{--display:flex;}.elementor-4371 .elementor-element.elementor-element-de545a9 .tx-description{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-de545a9 .tx-title
        {font-size:25px;}.elementor-4371 .elementor-element.elementor-element-f813e86 .elementor-button{background-color:#111F54;}.elementor-4371 .elementor-element.elementor-element-f813e86 .elementor-button:hover, .elementor-4371 .elementor-element.elementor-element-f813e86 .elementor-button:focus{background-color:#B0DC86;color:#111F54;}.elementor-4371 .elementor-element.elementor-element-f813e86 .elementor-button:hover svg, .elementor-4371 .elementor-element.elementor-element-f813e86 .elementor-button:focus svg{fill:#111F54;}.elementor-4371 .elementor-element.elementor-element-1d58033{--display:flex;}.elementor-4371 .elementor-element.elementor-element-2165ab1 .tx-description{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-2165ab1 .tx-title
        {font-size:25px;}.elementor-4371 .elementor-element.elementor-element-3117420 .elementor-button{background-color:#111F54;}.elementor-4371 .elementor-element.elementor-element-3117420 .elementor-button:hover, .elementor-4371 .elementor-element.elementor-element-3117420 .elementor-button:focus{background-color:#B0DC86;color:#111F54;}.elementor-4371 .elementor-element.elementor-element-3117420 .elementor-button:hover svg, .elementor-4371 .elementor-element.elementor-element-3117420 .elementor-button:focus svg{fill:#111F54;}.elementor-4371 .elementor-element.elementor-element-7fc2663{--display:flex;}.elementor-4371 .elementor-element.elementor-element-47be39b .tx-description{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-47be39b .tx-title
        {font-size:25px;}.elementor-4371 .elementor-element.elementor-element-c4f4cbb .elementor-button{background-color:#111F54;}.elementor-4371 .elementor-element.elementor-element-c4f4cbb .elementor-button:hover, .elementor-4371 .elementor-element.elementor-element-c4f4cbb .elementor-button:focus{background-color:#B0DC86;color:#111F54;}.elementor-4371 .elementor-element.elementor-element-c4f4cbb .elementor-button:hover svg, .elementor-4371 .elementor-element.elementor-element-c4f4cbb .elementor-button:focus svg{fill:#111F54;}.elementor-4371 .elementor-element.elementor-element-980a101{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-4371 .elementor-element.elementor-element-70c65a7{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-4371 .elementor-element.elementor-element-70c65a7 .elementor-divider-separator{width:100%;}.elementor-4371 .elementor-element.elementor-element-70c65a7 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4371 .elementor-element.elementor-element-01deb17{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4371 .elementor-element.elementor-element-94d0b90{--display:flex;--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;}.elementor-4371 .elementor-element.elementor-element-be50cdb .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-4371 .elementor-element.elementor-element-ddefc04{--display:flex;--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;}.elementor-4371 .elementor-element.elementor-element-c3d9693 .tx-title{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
        .elementor-4371 .elementor-element.elementor-element-c3d9693 .tx-title
        {font-size:34px;}.elementor-4371 .elementor-element.elementor-element-833f06e{--display:flex;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4371 .elementor-element.elementor-element-0f571ae{--display:flex;}.elementor-widget-text-editor{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-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4371 .elementor-element.elementor-element-51bae7a{text-align:justify;color:#000000;}.elementor-4371 .elementor-element.elementor-element-f1c143b{--display:flex;}.elementor-4371 .elementor-element.elementor-element-b8fb8f8{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-4371 .elementor-element.elementor-element-55ad511{border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-4371 .elementor-element.elementor-element-55ad511:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-4371 .elementor-element.elementor-element-638e2c4{border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-4371 .elementor-element.elementor-element-638e2c4:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-4371 .elementor-element.elementor-element-b05bc15{border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-4371 .elementor-element.elementor-element-b05bc15:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-4371 .elementor-element.elementor-element-224b157{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#111F54;}.elementor-4371 .elementor-element.elementor-element-224b157 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#111F54;}.elementor-4371 .elementor-element.elementor-element-224b157.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B0DC86;}.elementor-4371 .elementor-element.elementor-element-224b157.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4371 .elementor-element.elementor-element-224b157.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B0DC86;}.elementor-4371 .elementor-element.elementor-element-224b157 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#111F54;}.elementor-4371 .elementor-element.elementor-element-d46f165{--display:flex;}.elementor-4371 .elementor-element.elementor-element-ddb4233{--spacer-size:50px;}.elementor-4371 .elementor-element.elementor-element-8e7cccf:not(.elementor-motion-effects-element-type-background), .elementor-4371 .elementor-element.elementor-element-8e7cccf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-4371 .elementor-element.elementor-element-8e7cccf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:110px 0px 110px 0px;}.elementor-4371 .elementor-element.elementor-element-8e7cccf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4371 .elementor-element.elementor-element-9338bf9 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4371 .elementor-element.elementor-element-e0b2958 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4371 .elementor-element.elementor-element-cea7fce .tx-title{color:#FFFFFF;}.elementor-4371 .elementor-element.elementor-element-cea7fce{text-align:center;}.elementor-4371 .elementor-element.elementor-element-2f7f3c6{overflow:hidden;margin-top:40px;margin-bottom:0px;}.elementor-4371 .elementor-element.elementor-element-e8e6382 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4371 .elementor-element.elementor-element-987160e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:110px 0px 110px 0px;}.elementor-4371 .elementor-element.elementor-element-987160e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4371 .elementor-element.elementor-element-61ce756 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4371 .elementor-element.elementor-element-c79789a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4371 .elementor-element.elementor-element-75ca70b{text-align:center;}.elementor-4371 .elementor-element.elementor-element-da21e35 > .elementor-container{max-width:1200px;}.elementor-4371 .elementor-element.elementor-element-da21e35 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:15px;}.elementor-4371 .elementor-element.elementor-element-da21e35{margin-top:40px;margin-bottom:0px;}.elementor-4371 .elementor-element.elementor-element-1f4f686 > .elementor-container{max-width:1200px;}.elementor-4371 .elementor-element.elementor-element-1f4f686 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:15px;}.elementor-4371 .elementor-element.elementor-element-1f4f686{margin-top:0px;margin-bottom:0px;}.elementor-4371 .elementor-element.elementor-element-d372f12 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4371 .elementor-element.elementor-element-327b28a{margin-top:0px;margin-bottom:0px;}.elementor-4371 .elementor-element.elementor-element-0f0630c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4371 .elementor-element.elementor-element-86152c9{--spacer-size:70px;}.elementor-4371 .elementor-element.elementor-element-630767b{text-align:center;}.elementor-4371 .elementor-element.elementor-element-14ebe22{--spacer-size:50px;}.elementor-4371 .elementor-element.elementor-element-1b49f9f:not(.elementor-motion-effects-element-type-background), .elementor-4371 .elementor-element.elementor-element-1b49f9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-4371 .elementor-element.elementor-element-1b49f9f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 110px 0px;}.elementor-4371 .elementor-element.elementor-element-1b49f9f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4371 .elementor-element.elementor-element-36f9a53 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4371 .elementor-element.elementor-element-157fbf0 .tx-section{background-color:#F2F2F2;}.elementor-4371 .elementor-element.elementor-element-2326f66 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4371 .elementor-element.elementor-element-55d2c06{--display:flex;}.elementor-4371 .elementor-element.elementor-element-a16b756{--spacer-size:100px;}@media(min-width:768px){.elementor-4371 .elementor-element.elementor-element-56be537{--content-width:1200px;}.elementor-4371 .elementor-element.elementor-element-94d0b90{--width:70%;}.elementor-4371 .elementor-element.elementor-element-ddefc04{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4371 .elementor-element.elementor-element-c231640{width:50%;}.elementor-4371 .elementor-element.elementor-element-f9b8d78{width:50%;}.elementor-4371 .elementor-element.elementor-element-20397bb{width:50%;}.elementor-4371 .elementor-element.elementor-element-1280180{width:50%;}.elementor-4371 .elementor-element.elementor-element-1136605{width:50%;}.elementor-4371 .elementor-element.elementor-element-68f7124{width:50%;}}@media(max-width:1024px){.elementor-4371 .elementor-element.elementor-element-56be537{--grid-auto-flow:row;}.elementor-4371 .elementor-element.elementor-element-b8fb8f8{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4371 .elementor-element.elementor-element-56be537{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4371 .elementor-element.elementor-element-b8fb8f8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-f43fcb0 *//* =====================================================
   TRISMATICS PREMIUM HOVER TAB / CARD
   Brand Colors:
   Navy Blue   : #111F54
   Light Green : #B0DC86
   White       : #FFFFFF
===================================================== */


/* =====================================================
   MAIN CARD
===================================================== */

.trismatics-hover-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid rgba(17, 31, 84, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17, 31, 84, 0.08);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    cursor: pointer;
    z-index: 1;
}


/* =====================================================
   ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(176, 220, 134, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #111F54 0%,
            #172B6A 55%,
            #1D397C 100%
        );

    transform: translateY(105%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}


/* =====================================================
   LIGHT GREEN GLOW EFFECT
===================================================== */

.trismatics-hover-tab::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;

    background: rgba(176, 220, 134, 0.18);
    border-radius: 50%;

    transform: scale(0);
    transition: transform 0.55s ease;
    z-index: -1;
}


/* =====================================================
   CARD HOVER
===================================================== */

.trismatics-hover-tab:hover {
    transform: translateY(-10px);
    border-color: rgba(176, 220, 134, 0.50);

    box-shadow:
        0 22px 45px rgba(17, 31, 84, 0.20),
        0 0 0 1px rgba(176, 220, 134, 0.15);
}

.trismatics-hover-tab:hover::before {
    transform: translateY(0);
}

.trismatics-hover-tab:hover::after {
    transform: scale(1.5);
}


/* =====================================================
   HEADING
===================================================== */

.trismatics-hover-tab h1,
.trismatics-hover-tab h2,
.trismatics-hover-tab h3,
.trismatics-hover-tab h4,
.trismatics-hover-tab .elementor-heading-title {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Heading animation on card hover */

.trismatics-hover-tab:hover h1,
.trismatics-hover-tab:hover h2,
.trismatics-hover-tab:hover h3,
.trismatics-hover-tab:hover h4,
.trismatics-hover-tab:hover .elementor-heading-title {

    color: #ffffff !important;
    transform: translateY(-2px);
}


/* =====================================================
   SUBHEADING
===================================================== */

.trismatics-hover-tab .tab-subheading,
.trismatics-hover-tab .tab-subheading .elementor-heading-title,
.trismatics-hover-tab .tab-subheading p,
.trismatics-hover-tab .tab-subheading span {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Subheading becomes white */

.trismatics-hover-tab:hover .tab-subheading,
.trismatics-hover-tab:hover .tab-subheading .elementor-heading-title,
.trismatics-hover-tab:hover .tab-subheading p,
.trismatics-hover-tab:hover .tab-subheading span {

    color: #ffffff !important;
}


/* =====================================================
   DESCRIPTION TEXT
===================================================== */

.trismatics-hover-tab p,
.trismatics-hover-tab .elementor-widget-text-editor,
.trismatics-hover-tab .elementor-widget-text-editor p {

    transition: color 0.35s ease;
}


/* Description white on hover */

.trismatics-hover-tab:hover p,
.trismatics-hover-tab:hover .elementor-widget-text-editor,
.trismatics-hover-tab:hover .elementor-widget-text-editor p {

    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.trismatics-hover-tab i,
.trismatics-hover-tab svg {

    color: #111F54;
    fill: #111F54;

    transition:
        color 0.4s ease,
        fill 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Icon animation */

.trismatics-hover-tab:hover i,
.trismatics-hover-tab:hover svg {

    color: #B0DC86;
    fill: #B0DC86;

    transform:
        translateY(-4px)
        scale(1.12)
        rotate(-4deg);
}


/* =====================================================
   BUTTON BASE STYLE
===================================================== */

.trismatics-hover-tab .elementor-button {

    position: relative;
    overflow: hidden;

    background: #111F54;
    color: #ffffff;

    border: 1px solid #111F54;
    border-radius: 10px;

    padding: 12px 22px;

    box-shadow: none;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

    z-index: 1;
}


/* =====================================================
   BUTTON ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* =====================================================
   BUTTON WHEN CARD IS HOVERED
===================================================== */

.trismatics-hover-tab:hover .elementor-button {

    background: transparent;

    color: #111F54;

    border-color: #B0DC86;

    box-shadow:
        0 8px 22px rgba(176, 220, 134, 0.22);
}


/* Fill button with green */

.trismatics-hover-tab:hover .elementor-button::before {
    left: 0;
}


/* =====================================================
   DIRECT BUTTON HOVER EFFECT
===================================================== */

.trismatics-hover-tab .elementor-button:hover {

    transform:
        translateY(-4px)
        scale(1.04);

    background: #ffffff;

    color: #111F54 !important;

    border-color: #ffffff;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.18);
}


/* Button background on direct hover */

.trismatics-hover-tab .elementor-button:hover::before {
    left: 0;
    background: #ffffff;
}


/* =====================================================
   BUTTON TEXT
===================================================== */

.trismatics-hover-tab .elementor-button-text {

    position: relative;
    z-index: 2;

    color: #ffffff;

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


/* Text on card hover */

.trismatics-hover-tab:hover .elementor-button-text {
    color: #111F54 !important;
}


/* Text movement on direct button hover */

.trismatics-hover-tab .elementor-button:hover .elementor-button-text {

    color: #111F54 !important;
    transform: translateX(2px);
}


/* =====================================================
   BUTTON ICON
===================================================== */

.trismatics-hover-tab .elementor-button-icon i,
.trismatics-hover-tab .elementor-button-icon svg {

    color: inherit;
    fill: currentColor;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        fill 0.35s ease;
}


/* Arrow / icon movement */

.trismatics-hover-tab .elementor-button:hover .elementor-button-icon i,
.trismatics-hover-tab .elementor-button:hover .elementor-button-icon svg {

    color: #111F54;
    fill: #111F54;

    transform: translateX(5px);
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 767px) {

    .trismatics-hover-tab {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .trismatics-hover-tab:hover {
        transform: translateY(-5px);
    }

    .trismatics-hover-tab .elementor-button {
        padding: 11px 18px;
    }
}


/* =====================================================
   ACCESSIBILITY / KEYBOARD FOCUS
===================================================== */

.trismatics-hover-tab .elementor-button:focus-visible {

    outline: 3px solid #B0DC86;
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ad308b *//* =====================================================
   TRISMATICS PREMIUM HOVER TAB / CARD
   Brand Colors:
   Navy Blue   : #111F54
   Light Green : #B0DC86
   White       : #FFFFFF
===================================================== */


/* =====================================================
   MAIN CARD
===================================================== */

.trismatics-hover-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid rgba(17, 31, 84, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17, 31, 84, 0.08);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    cursor: pointer;
    z-index: 1;
}


/* =====================================================
   ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(176, 220, 134, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #111F54 0%,
            #172B6A 55%,
            #1D397C 100%
        );

    transform: translateY(105%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}


/* =====================================================
   LIGHT GREEN GLOW EFFECT
===================================================== */

.trismatics-hover-tab::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;

    background: rgba(176, 220, 134, 0.18);
    border-radius: 50%;

    transform: scale(0);
    transition: transform 0.55s ease;
    z-index: -1;
}


/* =====================================================
   CARD HOVER
===================================================== */

.trismatics-hover-tab:hover {
    transform: translateY(-10px);
    border-color: rgba(176, 220, 134, 0.50);

    box-shadow:
        0 22px 45px rgba(17, 31, 84, 0.20),
        0 0 0 1px rgba(176, 220, 134, 0.15);
}

.trismatics-hover-tab:hover::before {
    transform: translateY(0);
}

.trismatics-hover-tab:hover::after {
    transform: scale(1.5);
}


/* =====================================================
   HEADING
===================================================== */

.trismatics-hover-tab h1,
.trismatics-hover-tab h2,
.trismatics-hover-tab h3,
.trismatics-hover-tab h4,
.trismatics-hover-tab .elementor-heading-title {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Heading animation on card hover */

.trismatics-hover-tab:hover h1,
.trismatics-hover-tab:hover h2,
.trismatics-hover-tab:hover h3,
.trismatics-hover-tab:hover h4,
.trismatics-hover-tab:hover .elementor-heading-title {

    color: #ffffff !important;
    transform: translateY(-2px);
}


/* =====================================================
   SUBHEADING
===================================================== */

.trismatics-hover-tab .tab-subheading,
.trismatics-hover-tab .tab-subheading .elementor-heading-title,
.trismatics-hover-tab .tab-subheading p,
.trismatics-hover-tab .tab-subheading span {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Subheading becomes white */

.trismatics-hover-tab:hover .tab-subheading,
.trismatics-hover-tab:hover .tab-subheading .elementor-heading-title,
.trismatics-hover-tab:hover .tab-subheading p,
.trismatics-hover-tab:hover .tab-subheading span {

    color: #ffffff !important;
}


/* =====================================================
   DESCRIPTION TEXT
===================================================== */

.trismatics-hover-tab p,
.trismatics-hover-tab .elementor-widget-text-editor,
.trismatics-hover-tab .elementor-widget-text-editor p {

    transition: color 0.35s ease;
}


/* Description white on hover */

.trismatics-hover-tab:hover p,
.trismatics-hover-tab:hover .elementor-widget-text-editor,
.trismatics-hover-tab:hover .elementor-widget-text-editor p {

    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.trismatics-hover-tab i,
.trismatics-hover-tab svg {

    color: #111F54;
    fill: #111F54;

    transition:
        color 0.4s ease,
        fill 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Icon animation */

.trismatics-hover-tab:hover i,
.trismatics-hover-tab:hover svg {

    color: #B0DC86;
    fill: #B0DC86;

    transform:
        translateY(-4px)
        scale(1.12)
        rotate(-4deg);
}


/* =====================================================
   BUTTON BASE STYLE
===================================================== */

.trismatics-hover-tab .elementor-button {

    position: relative;
    overflow: hidden;

    background: #111F54;
    color: #ffffff;

    border: 1px solid #111F54;
    border-radius: 10px;

    padding: 12px 22px;

    box-shadow: none;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

    z-index: 1;
}


/* =====================================================
   BUTTON ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* =====================================================
   BUTTON WHEN CARD IS HOVERED
===================================================== */

.trismatics-hover-tab:hover .elementor-button {

    background: transparent;

    color: #111F54;

    border-color: #B0DC86;

    box-shadow:
        0 8px 22px rgba(176, 220, 134, 0.22);
}


/* Fill button with green */

.trismatics-hover-tab:hover .elementor-button::before {
    left: 0;
}


/* =====================================================
   DIRECT BUTTON HOVER EFFECT
===================================================== */

.trismatics-hover-tab .elementor-button:hover {

    transform:
        translateY(-4px)
        scale(1.04);

    background: #ffffff;

    color: #111F54 !important;

    border-color: #ffffff;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.18);
}


/* Button background on direct hover */

.trismatics-hover-tab .elementor-button:hover::before {
    left: 0;
    background: #ffffff;
}


/* =====================================================
   BUTTON TEXT
===================================================== */

.trismatics-hover-tab .elementor-button-text {

    position: relative;
    z-index: 2;

    color: #ffffff;

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


/* Text on card hover */

.trismatics-hover-tab:hover .elementor-button-text {
    color: #111F54 !important;
}


/* Text movement on direct button hover */

.trismatics-hover-tab .elementor-button:hover .elementor-button-text {

    color: #111F54 !important;
    transform: translateX(2px);
}


/* =====================================================
   BUTTON ICON
===================================================== */

.trismatics-hover-tab .elementor-button-icon i,
.trismatics-hover-tab .elementor-button-icon svg {

    color: inherit;
    fill: currentColor;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        fill 0.35s ease;
}


/* Arrow / icon movement */

.trismatics-hover-tab .elementor-button:hover .elementor-button-icon i,
.trismatics-hover-tab .elementor-button:hover .elementor-button-icon svg {

    color: #111F54;
    fill: #111F54;

    transform: translateX(5px);
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 767px) {

    .trismatics-hover-tab {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .trismatics-hover-tab:hover {
        transform: translateY(-5px);
    }

    .trismatics-hover-tab .elementor-button {
        padding: 11px 18px;
    }
}


/* =====================================================
   ACCESSIBILITY / KEYBOARD FOCUS
===================================================== */

.trismatics-hover-tab .elementor-button:focus-visible {

    outline: 3px solid #B0DC86;
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4eae48 *//* =====================================================
   TRISMATICS PREMIUM HOVER TAB / CARD
   Brand Colors:
   Navy Blue   : #111F54
   Light Green : #B0DC86
   White       : #FFFFFF
===================================================== */


/* =====================================================
   MAIN CARD
===================================================== */

.trismatics-hover-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid rgba(17, 31, 84, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17, 31, 84, 0.08);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    cursor: pointer;
    z-index: 1;
}


/* =====================================================
   ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(176, 220, 134, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #111F54 0%,
            #172B6A 55%,
            #1D397C 100%
        );

    transform: translateY(105%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}


/* =====================================================
   LIGHT GREEN GLOW EFFECT
===================================================== */

.trismatics-hover-tab::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;

    background: rgba(176, 220, 134, 0.18);
    border-radius: 50%;

    transform: scale(0);
    transition: transform 0.55s ease;
    z-index: -1;
}


/* =====================================================
   CARD HOVER
===================================================== */

.trismatics-hover-tab:hover {
    transform: translateY(-10px);
    border-color: rgba(176, 220, 134, 0.50);

    box-shadow:
        0 22px 45px rgba(17, 31, 84, 0.20),
        0 0 0 1px rgba(176, 220, 134, 0.15);
}

.trismatics-hover-tab:hover::before {
    transform: translateY(0);
}

.trismatics-hover-tab:hover::after {
    transform: scale(1.5);
}


/* =====================================================
   HEADING
===================================================== */

.trismatics-hover-tab h1,
.trismatics-hover-tab h2,
.trismatics-hover-tab h3,
.trismatics-hover-tab h4,
.trismatics-hover-tab .elementor-heading-title {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Heading animation on card hover */

.trismatics-hover-tab:hover h1,
.trismatics-hover-tab:hover h2,
.trismatics-hover-tab:hover h3,
.trismatics-hover-tab:hover h4,
.trismatics-hover-tab:hover .elementor-heading-title {

    color: #ffffff !important;
    transform: translateY(-2px);
}


/* =====================================================
   SUBHEADING
===================================================== */

.trismatics-hover-tab .tab-subheading,
.trismatics-hover-tab .tab-subheading .elementor-heading-title,
.trismatics-hover-tab .tab-subheading p,
.trismatics-hover-tab .tab-subheading span {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Subheading becomes white */

.trismatics-hover-tab:hover .tab-subheading,
.trismatics-hover-tab:hover .tab-subheading .elementor-heading-title,
.trismatics-hover-tab:hover .tab-subheading p,
.trismatics-hover-tab:hover .tab-subheading span {

    color: #ffffff !important;
}


/* =====================================================
   DESCRIPTION TEXT
===================================================== */

.trismatics-hover-tab p,
.trismatics-hover-tab .elementor-widget-text-editor,
.trismatics-hover-tab .elementor-widget-text-editor p {

    transition: color 0.35s ease;
}


/* Description white on hover */

.trismatics-hover-tab:hover p,
.trismatics-hover-tab:hover .elementor-widget-text-editor,
.trismatics-hover-tab:hover .elementor-widget-text-editor p {

    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.trismatics-hover-tab i,
.trismatics-hover-tab svg {

    color: #111F54;
    fill: #111F54;

    transition:
        color 0.4s ease,
        fill 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Icon animation */

.trismatics-hover-tab:hover i,
.trismatics-hover-tab:hover svg {

    color: #B0DC86;
    fill: #B0DC86;

    transform:
        translateY(-4px)
        scale(1.12)
        rotate(-4deg);
}


/* =====================================================
   BUTTON BASE STYLE
===================================================== */

.trismatics-hover-tab .elementor-button {

    position: relative;
    overflow: hidden;

    background: #111F54;
    color: #ffffff;

    border: 1px solid #111F54;
    border-radius: 10px;

    padding: 12px 22px;

    box-shadow: none;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

    z-index: 1;
}


/* =====================================================
   BUTTON ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* =====================================================
   BUTTON WHEN CARD IS HOVERED
===================================================== */

.trismatics-hover-tab:hover .elementor-button {

    background: transparent;

    color: #111F54;

    border-color: #B0DC86;

    box-shadow:
        0 8px 22px rgba(176, 220, 134, 0.22);
}


/* Fill button with green */

.trismatics-hover-tab:hover .elementor-button::before {
    left: 0;
}


/* =====================================================
   DIRECT BUTTON HOVER EFFECT
===================================================== */

.trismatics-hover-tab .elementor-button:hover {

    transform:
        translateY(-4px)
        scale(1.04);

    background: #ffffff;

    color: #111F54 !important;

    border-color: #ffffff;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.18);
}


/* Button background on direct hover */

.trismatics-hover-tab .elementor-button:hover::before {
    left: 0;
    background: #ffffff;
}


/* =====================================================
   BUTTON TEXT
===================================================== */

.trismatics-hover-tab .elementor-button-text {

    position: relative;
    z-index: 2;

    color: #ffffff;

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


/* Text on card hover */

.trismatics-hover-tab:hover .elementor-button-text {
    color: #111F54 !important;
}


/* Text movement on direct button hover */

.trismatics-hover-tab .elementor-button:hover .elementor-button-text {

    color: #111F54 !important;
    transform: translateX(2px);
}


/* =====================================================
   BUTTON ICON
===================================================== */

.trismatics-hover-tab .elementor-button-icon i,
.trismatics-hover-tab .elementor-button-icon svg {

    color: inherit;
    fill: currentColor;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        fill 0.35s ease;
}


/* Arrow / icon movement */

.trismatics-hover-tab .elementor-button:hover .elementor-button-icon i,
.trismatics-hover-tab .elementor-button:hover .elementor-button-icon svg {

    color: #111F54;
    fill: #111F54;

    transform: translateX(5px);
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 767px) {

    .trismatics-hover-tab {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .trismatics-hover-tab:hover {
        transform: translateY(-5px);
    }

    .trismatics-hover-tab .elementor-button {
        padding: 11px 18px;
    }
}


/* =====================================================
   ACCESSIBILITY / KEYBOARD FOCUS
===================================================== */

.trismatics-hover-tab .elementor-button:focus-visible {

    outline: 3px solid #B0DC86;
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-362a9cb *//* =====================================================
   TRISMATICS PREMIUM HOVER TAB / CARD
   Brand Colors:
   Navy Blue   : #111F54
   Light Green : #B0DC86
   White       : #FFFFFF
===================================================== */


/* =====================================================
   MAIN CARD
===================================================== */

.trismatics-hover-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid rgba(17, 31, 84, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17, 31, 84, 0.08);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    cursor: pointer;
    z-index: 1;
}


/* =====================================================
   ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(176, 220, 134, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #111F54 0%,
            #172B6A 55%,
            #1D397C 100%
        );

    transform: translateY(105%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}


/* =====================================================
   LIGHT GREEN GLOW EFFECT
===================================================== */

.trismatics-hover-tab::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;

    background: rgba(176, 220, 134, 0.18);
    border-radius: 50%;

    transform: scale(0);
    transition: transform 0.55s ease;
    z-index: -1;
}


/* =====================================================
   CARD HOVER
===================================================== */

.trismatics-hover-tab:hover {
    transform: translateY(-10px);
    border-color: rgba(176, 220, 134, 0.50);

    box-shadow:
        0 22px 45px rgba(17, 31, 84, 0.20),
        0 0 0 1px rgba(176, 220, 134, 0.15);
}

.trismatics-hover-tab:hover::before {
    transform: translateY(0);
}

.trismatics-hover-tab:hover::after {
    transform: scale(1.5);
}


/* =====================================================
   HEADING
===================================================== */

.trismatics-hover-tab h1,
.trismatics-hover-tab h2,
.trismatics-hover-tab h3,
.trismatics-hover-tab h4,
.trismatics-hover-tab .elementor-heading-title {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Heading animation on card hover */

.trismatics-hover-tab:hover h1,
.trismatics-hover-tab:hover h2,
.trismatics-hover-tab:hover h3,
.trismatics-hover-tab:hover h4,
.trismatics-hover-tab:hover .elementor-heading-title {

    color: #ffffff !important;
    transform: translateY(-2px);
}


/* =====================================================
   SUBHEADING
===================================================== */

.trismatics-hover-tab .tab-subheading,
.trismatics-hover-tab .tab-subheading .elementor-heading-title,
.trismatics-hover-tab .tab-subheading p,
.trismatics-hover-tab .tab-subheading span {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Subheading becomes white */

.trismatics-hover-tab:hover .tab-subheading,
.trismatics-hover-tab:hover .tab-subheading .elementor-heading-title,
.trismatics-hover-tab:hover .tab-subheading p,
.trismatics-hover-tab:hover .tab-subheading span {

    color: #ffffff !important;
}


/* =====================================================
   DESCRIPTION TEXT
===================================================== */

.trismatics-hover-tab p,
.trismatics-hover-tab .elementor-widget-text-editor,
.trismatics-hover-tab .elementor-widget-text-editor p {

    transition: color 0.35s ease;
}


/* Description white on hover */

.trismatics-hover-tab:hover p,
.trismatics-hover-tab:hover .elementor-widget-text-editor,
.trismatics-hover-tab:hover .elementor-widget-text-editor p {

    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.trismatics-hover-tab i,
.trismatics-hover-tab svg {

    color: #111F54;
    fill: #111F54;

    transition:
        color 0.4s ease,
        fill 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Icon animation */

.trismatics-hover-tab:hover i,
.trismatics-hover-tab:hover svg {

    color: #B0DC86;
    fill: #B0DC86;

    transform:
        translateY(-4px)
        scale(1.12)
        rotate(-4deg);
}


/* =====================================================
   BUTTON BASE STYLE
===================================================== */

.trismatics-hover-tab .elementor-button {

    position: relative;
    overflow: hidden;

    background: #111F54;
    color: #ffffff;

    border: 1px solid #111F54;
    border-radius: 10px;

    padding: 12px 22px;

    box-shadow: none;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

    z-index: 1;
}


/* =====================================================
   BUTTON ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* =====================================================
   BUTTON WHEN CARD IS HOVERED
===================================================== */

.trismatics-hover-tab:hover .elementor-button {

    background: transparent;

    color: #111F54;

    border-color: #B0DC86;

    box-shadow:
        0 8px 22px rgba(176, 220, 134, 0.22);
}


/* Fill button with green */

.trismatics-hover-tab:hover .elementor-button::before {
    left: 0;
}


/* =====================================================
   DIRECT BUTTON HOVER EFFECT
===================================================== */

.trismatics-hover-tab .elementor-button:hover {

    transform:
        translateY(-4px)
        scale(1.04);

    background: #ffffff;

    color: #111F54 !important;

    border-color: #ffffff;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.18);
}


/* Button background on direct hover */

.trismatics-hover-tab .elementor-button:hover::before {
    left: 0;
    background: #ffffff;
}


/* =====================================================
   BUTTON TEXT
===================================================== */

.trismatics-hover-tab .elementor-button-text {

    position: relative;
    z-index: 2;

    color: #ffffff;

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


/* Text on card hover */

.trismatics-hover-tab:hover .elementor-button-text {
    color: #111F54 !important;
}


/* Text movement on direct button hover */

.trismatics-hover-tab .elementor-button:hover .elementor-button-text {

    color: #111F54 !important;
    transform: translateX(2px);
}


/* =====================================================
   BUTTON ICON
===================================================== */

.trismatics-hover-tab .elementor-button-icon i,
.trismatics-hover-tab .elementor-button-icon svg {

    color: inherit;
    fill: currentColor;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        fill 0.35s ease;
}


/* Arrow / icon movement */

.trismatics-hover-tab .elementor-button:hover .elementor-button-icon i,
.trismatics-hover-tab .elementor-button:hover .elementor-button-icon svg {

    color: #111F54;
    fill: #111F54;

    transform: translateX(5px);
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 767px) {

    .trismatics-hover-tab {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .trismatics-hover-tab:hover {
        transform: translateY(-5px);
    }

    .trismatics-hover-tab .elementor-button {
        padding: 11px 18px;
    }
}


/* =====================================================
   ACCESSIBILITY / KEYBOARD FOCUS
===================================================== */

.trismatics-hover-tab .elementor-button:focus-visible {

    outline: 3px solid #B0DC86;
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17e4351 *//* =====================================================
   TRISMATICS PREMIUM HOVER TAB / CARD
   Brand Colors:
   Navy Blue   : #111F54
   Light Green : #B0DC86
   White       : #FFFFFF
===================================================== */


/* =====================================================
   MAIN CARD
===================================================== */

.trismatics-hover-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid rgba(17, 31, 84, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17, 31, 84, 0.08);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    cursor: pointer;
    z-index: 1;
}


/* =====================================================
   ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(176, 220, 134, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #111F54 0%,
            #172B6A 55%,
            #1D397C 100%
        );

    transform: translateY(105%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}


/* =====================================================
   LIGHT GREEN GLOW EFFECT
===================================================== */

.trismatics-hover-tab::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;

    background: rgba(176, 220, 134, 0.18);
    border-radius: 50%;

    transform: scale(0);
    transition: transform 0.55s ease;
    z-index: -1;
}


/* =====================================================
   CARD HOVER
===================================================== */

.trismatics-hover-tab:hover {
    transform: translateY(-10px);
    border-color: rgba(176, 220, 134, 0.50);

    box-shadow:
        0 22px 45px rgba(17, 31, 84, 0.20),
        0 0 0 1px rgba(176, 220, 134, 0.15);
}

.trismatics-hover-tab:hover::before {
    transform: translateY(0);
}

.trismatics-hover-tab:hover::after {
    transform: scale(1.5);
}


/* =====================================================
   HEADING
===================================================== */

.trismatics-hover-tab h1,
.trismatics-hover-tab h2,
.trismatics-hover-tab h3,
.trismatics-hover-tab h4,
.trismatics-hover-tab .elementor-heading-title {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Heading animation on card hover */

.trismatics-hover-tab:hover h1,
.trismatics-hover-tab:hover h2,
.trismatics-hover-tab:hover h3,
.trismatics-hover-tab:hover h4,
.trismatics-hover-tab:hover .elementor-heading-title {

    color: #ffffff !important;
    transform: translateY(-2px);
}


/* =====================================================
   SUBHEADING
===================================================== */

.trismatics-hover-tab .tab-subheading,
.trismatics-hover-tab .tab-subheading .elementor-heading-title,
.trismatics-hover-tab .tab-subheading p,
.trismatics-hover-tab .tab-subheading span {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Subheading becomes white */

.trismatics-hover-tab:hover .tab-subheading,
.trismatics-hover-tab:hover .tab-subheading .elementor-heading-title,
.trismatics-hover-tab:hover .tab-subheading p,
.trismatics-hover-tab:hover .tab-subheading span {

    color: #ffffff !important;
}


/* =====================================================
   DESCRIPTION TEXT
===================================================== */

.trismatics-hover-tab p,
.trismatics-hover-tab .elementor-widget-text-editor,
.trismatics-hover-tab .elementor-widget-text-editor p {

    transition: color 0.35s ease;
}


/* Description white on hover */

.trismatics-hover-tab:hover p,
.trismatics-hover-tab:hover .elementor-widget-text-editor,
.trismatics-hover-tab:hover .elementor-widget-text-editor p {

    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.trismatics-hover-tab i,
.trismatics-hover-tab svg {

    color: #111F54;
    fill: #111F54;

    transition:
        color 0.4s ease,
        fill 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Icon animation */

.trismatics-hover-tab:hover i,
.trismatics-hover-tab:hover svg {

    color: #B0DC86;
    fill: #B0DC86;

    transform:
        translateY(-4px)
        scale(1.12)
        rotate(-4deg);
}


/* =====================================================
   BUTTON BASE STYLE
===================================================== */

.trismatics-hover-tab .elementor-button {

    position: relative;
    overflow: hidden;

    background: #111F54;
    color: #ffffff;

    border: 1px solid #111F54;
    border-radius: 10px;

    padding: 12px 22px;

    box-shadow: none;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

    z-index: 1;
}


/* =====================================================
   BUTTON ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* =====================================================
   BUTTON WHEN CARD IS HOVERED
===================================================== */

.trismatics-hover-tab:hover .elementor-button {

    background: transparent;

    color: #111F54;

    border-color: #B0DC86;

    box-shadow:
        0 8px 22px rgba(176, 220, 134, 0.22);
}


/* Fill button with green */

.trismatics-hover-tab:hover .elementor-button::before {
    left: 0;
}


/* =====================================================
   DIRECT BUTTON HOVER EFFECT
===================================================== */

.trismatics-hover-tab .elementor-button:hover {

    transform:
        translateY(-4px)
        scale(1.04);

    background: #ffffff;

    color: #111F54 !important;

    border-color: #ffffff;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.18);
}


/* Button background on direct hover */

.trismatics-hover-tab .elementor-button:hover::before {
    left: 0;
    background: #ffffff;
}


/* =====================================================
   BUTTON TEXT
===================================================== */

.trismatics-hover-tab .elementor-button-text {

    position: relative;
    z-index: 2;

    color: #ffffff;

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


/* Text on card hover */

.trismatics-hover-tab:hover .elementor-button-text {
    color: #111F54 !important;
}


/* Text movement on direct button hover */

.trismatics-hover-tab .elementor-button:hover .elementor-button-text {

    color: #111F54 !important;
    transform: translateX(2px);
}


/* =====================================================
   BUTTON ICON
===================================================== */

.trismatics-hover-tab .elementor-button-icon i,
.trismatics-hover-tab .elementor-button-icon svg {

    color: inherit;
    fill: currentColor;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        fill 0.35s ease;
}


/* Arrow / icon movement */

.trismatics-hover-tab .elementor-button:hover .elementor-button-icon i,
.trismatics-hover-tab .elementor-button:hover .elementor-button-icon svg {

    color: #111F54;
    fill: #111F54;

    transform: translateX(5px);
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 767px) {

    .trismatics-hover-tab {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .trismatics-hover-tab:hover {
        transform: translateY(-5px);
    }

    .trismatics-hover-tab .elementor-button {
        padding: 11px 18px;
    }
}


/* =====================================================
   ACCESSIBILITY / KEYBOARD FOCUS
===================================================== */

.trismatics-hover-tab .elementor-button:focus-visible {

    outline: 3px solid #B0DC86;
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e70fa1 *//* =====================================================
   TRISMATICS PREMIUM HOVER TAB / CARD
   Brand Colors:
   Navy Blue   : #111F54
   Light Green : #B0DC86
   White       : #FFFFFF
===================================================== */


/* =====================================================
   MAIN CARD
===================================================== */

.trismatics-hover-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid rgba(17, 31, 84, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17, 31, 84, 0.08);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    cursor: pointer;
    z-index: 1;
}


/* =====================================================
   ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(176, 220, 134, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #111F54 0%,
            #172B6A 55%,
            #1D397C 100%
        );

    transform: translateY(105%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}


/* =====================================================
   LIGHT GREEN GLOW EFFECT
===================================================== */

.trismatics-hover-tab::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;

    background: rgba(176, 220, 134, 0.18);
    border-radius: 50%;

    transform: scale(0);
    transition: transform 0.55s ease;
    z-index: -1;
}


/* =====================================================
   CARD HOVER
===================================================== */

.trismatics-hover-tab:hover {
    transform: translateY(-10px);
    border-color: rgba(176, 220, 134, 0.50);

    box-shadow:
        0 22px 45px rgba(17, 31, 84, 0.20),
        0 0 0 1px rgba(176, 220, 134, 0.15);
}

.trismatics-hover-tab:hover::before {
    transform: translateY(0);
}

.trismatics-hover-tab:hover::after {
    transform: scale(1.5);
}


/* =====================================================
   HEADING
===================================================== */

.trismatics-hover-tab h1,
.trismatics-hover-tab h2,
.trismatics-hover-tab h3,
.trismatics-hover-tab h4,
.trismatics-hover-tab .elementor-heading-title {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Heading animation on card hover */

.trismatics-hover-tab:hover h1,
.trismatics-hover-tab:hover h2,
.trismatics-hover-tab:hover h3,
.trismatics-hover-tab:hover h4,
.trismatics-hover-tab:hover .elementor-heading-title {

    color: #ffffff !important;
    transform: translateY(-2px);
}


/* =====================================================
   SUBHEADING
===================================================== */

.trismatics-hover-tab .tab-subheading,
.trismatics-hover-tab .tab-subheading .elementor-heading-title,
.trismatics-hover-tab .tab-subheading p,
.trismatics-hover-tab .tab-subheading span {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Subheading becomes white */

.trismatics-hover-tab:hover .tab-subheading,
.trismatics-hover-tab:hover .tab-subheading .elementor-heading-title,
.trismatics-hover-tab:hover .tab-subheading p,
.trismatics-hover-tab:hover .tab-subheading span {

    color: #ffffff !important;
}


/* =====================================================
   DESCRIPTION TEXT
===================================================== */

.trismatics-hover-tab p,
.trismatics-hover-tab .elementor-widget-text-editor,
.trismatics-hover-tab .elementor-widget-text-editor p {

    transition: color 0.35s ease;
}


/* Description white on hover */

.trismatics-hover-tab:hover p,
.trismatics-hover-tab:hover .elementor-widget-text-editor,
.trismatics-hover-tab:hover .elementor-widget-text-editor p {

    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.trismatics-hover-tab i,
.trismatics-hover-tab svg {

    color: #111F54;
    fill: #111F54;

    transition:
        color 0.4s ease,
        fill 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Icon animation */

.trismatics-hover-tab:hover i,
.trismatics-hover-tab:hover svg {

    color: #B0DC86;
    fill: #B0DC86;

    transform:
        translateY(-4px)
        scale(1.12)
        rotate(-4deg);
}


/* =====================================================
   BUTTON BASE STYLE
===================================================== */

.trismatics-hover-tab .elementor-button {

    position: relative;
    overflow: hidden;

    background: #111F54;
    color: #ffffff;

    border: 1px solid #111F54;
    border-radius: 10px;

    padding: 12px 22px;

    box-shadow: none;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

    z-index: 1;
}


/* =====================================================
   BUTTON ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* =====================================================
   BUTTON WHEN CARD IS HOVERED
===================================================== */

.trismatics-hover-tab:hover .elementor-button {

    background: transparent;

    color: #111F54;

    border-color: #B0DC86;

    box-shadow:
        0 8px 22px rgba(176, 220, 134, 0.22);
}


/* Fill button with green */

.trismatics-hover-tab:hover .elementor-button::before {
    left: 0;
}


/* =====================================================
   DIRECT BUTTON HOVER EFFECT
===================================================== */

.trismatics-hover-tab .elementor-button:hover {

    transform:
        translateY(-4px)
        scale(1.04);

    background: #ffffff;

    color: #111F54 !important;

    border-color: #ffffff;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.18);
}


/* Button background on direct hover */

.trismatics-hover-tab .elementor-button:hover::before {
    left: 0;
    background: #ffffff;
}


/* =====================================================
   BUTTON TEXT
===================================================== */

.trismatics-hover-tab .elementor-button-text {

    position: relative;
    z-index: 2;

    color: #ffffff;

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


/* Text on card hover */

.trismatics-hover-tab:hover .elementor-button-text {
    color: #111F54 !important;
}


/* Text movement on direct button hover */

.trismatics-hover-tab .elementor-button:hover .elementor-button-text {

    color: #111F54 !important;
    transform: translateX(2px);
}


/* =====================================================
   BUTTON ICON
===================================================== */

.trismatics-hover-tab .elementor-button-icon i,
.trismatics-hover-tab .elementor-button-icon svg {

    color: inherit;
    fill: currentColor;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        fill 0.35s ease;
}


/* Arrow / icon movement */

.trismatics-hover-tab .elementor-button:hover .elementor-button-icon i,
.trismatics-hover-tab .elementor-button:hover .elementor-button-icon svg {

    color: #111F54;
    fill: #111F54;

    transform: translateX(5px);
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 767px) {

    .trismatics-hover-tab {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .trismatics-hover-tab:hover {
        transform: translateY(-5px);
    }

    .trismatics-hover-tab .elementor-button {
        padding: 11px 18px;
    }
}


/* =====================================================
   ACCESSIBILITY / KEYBOARD FOCUS
===================================================== */

.trismatics-hover-tab .elementor-button:focus-visible {

    outline: 3px solid #B0DC86;
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-105ca68 *//* =====================================================
   TRISMATICS PREMIUM HOVER TAB / CARD
   Brand Colors:
   Navy Blue   : #111F54
   Light Green : #B0DC86
   White       : #FFFFFF
===================================================== */


/* =====================================================
   MAIN CARD
===================================================== */

.trismatics-hover-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid rgba(17, 31, 84, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17, 31, 84, 0.08);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    cursor: pointer;
    z-index: 1;
}


/* =====================================================
   ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(176, 220, 134, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #111F54 0%,
            #172B6A 55%,
            #1D397C 100%
        );

    transform: translateY(105%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}


/* =====================================================
   LIGHT GREEN GLOW EFFECT
===================================================== */

.trismatics-hover-tab::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;

    background: rgba(176, 220, 134, 0.18);
    border-radius: 50%;

    transform: scale(0);
    transition: transform 0.55s ease;
    z-index: -1;
}


/* =====================================================
   CARD HOVER
===================================================== */

.trismatics-hover-tab:hover {
    transform: translateY(-10px);
    border-color: rgba(176, 220, 134, 0.50);

    box-shadow:
        0 22px 45px rgba(17, 31, 84, 0.20),
        0 0 0 1px rgba(176, 220, 134, 0.15);
}

.trismatics-hover-tab:hover::before {
    transform: translateY(0);
}

.trismatics-hover-tab:hover::after {
    transform: scale(1.5);
}


/* =====================================================
   HEADING
===================================================== */

.trismatics-hover-tab h1,
.trismatics-hover-tab h2,
.trismatics-hover-tab h3,
.trismatics-hover-tab h4,
.trismatics-hover-tab .elementor-heading-title {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Heading animation on card hover */

.trismatics-hover-tab:hover h1,
.trismatics-hover-tab:hover h2,
.trismatics-hover-tab:hover h3,
.trismatics-hover-tab:hover h4,
.trismatics-hover-tab:hover .elementor-heading-title {

    color: #ffffff !important;
    transform: translateY(-2px);
}


/* =====================================================
   SUBHEADING
===================================================== */

.trismatics-hover-tab .tab-subheading,
.trismatics-hover-tab .tab-subheading .elementor-heading-title,
.trismatics-hover-tab .tab-subheading p,
.trismatics-hover-tab .tab-subheading span {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Subheading becomes white */

.trismatics-hover-tab:hover .tab-subheading,
.trismatics-hover-tab:hover .tab-subheading .elementor-heading-title,
.trismatics-hover-tab:hover .tab-subheading p,
.trismatics-hover-tab:hover .tab-subheading span {

    color: #ffffff !important;
}


/* =====================================================
   DESCRIPTION TEXT
===================================================== */

.trismatics-hover-tab p,
.trismatics-hover-tab .elementor-widget-text-editor,
.trismatics-hover-tab .elementor-widget-text-editor p {

    transition: color 0.35s ease;
}


/* Description white on hover */

.trismatics-hover-tab:hover p,
.trismatics-hover-tab:hover .elementor-widget-text-editor,
.trismatics-hover-tab:hover .elementor-widget-text-editor p {

    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.trismatics-hover-tab i,
.trismatics-hover-tab svg {

    color: #111F54;
    fill: #111F54;

    transition:
        color 0.4s ease,
        fill 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Icon animation */

.trismatics-hover-tab:hover i,
.trismatics-hover-tab:hover svg {

    color: #B0DC86;
    fill: #B0DC86;

    transform:
        translateY(-4px)
        scale(1.12)
        rotate(-4deg);
}


/* =====================================================
   BUTTON BASE STYLE
===================================================== */

.trismatics-hover-tab .elementor-button {

    position: relative;
    overflow: hidden;

    background: #111F54;
    color: #ffffff;

    border: 1px solid #111F54;
    border-radius: 10px;

    padding: 12px 22px;

    box-shadow: none;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

    z-index: 1;
}


/* =====================================================
   BUTTON ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* =====================================================
   BUTTON WHEN CARD IS HOVERED
===================================================== */

.trismatics-hover-tab:hover .elementor-button {

    background: transparent;

    color: #111F54;

    border-color: #B0DC86;

    box-shadow:
        0 8px 22px rgba(176, 220, 134, 0.22);
}


/* Fill button with green */

.trismatics-hover-tab:hover .elementor-button::before {
    left: 0;
}


/* =====================================================
   DIRECT BUTTON HOVER EFFECT
===================================================== */

.trismatics-hover-tab .elementor-button:hover {

    transform:
        translateY(-4px)
        scale(1.04);

    background: #ffffff;

    color: #111F54 !important;

    border-color: #ffffff;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.18);
}


/* Button background on direct hover */

.trismatics-hover-tab .elementor-button:hover::before {
    left: 0;
    background: #ffffff;
}


/* =====================================================
   BUTTON TEXT
===================================================== */

.trismatics-hover-tab .elementor-button-text {

    position: relative;
    z-index: 2;

    color: #ffffff;

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


/* Text on card hover */

.trismatics-hover-tab:hover .elementor-button-text {
    color: #111F54 !important;
}


/* Text movement on direct button hover */

.trismatics-hover-tab .elementor-button:hover .elementor-button-text {

    color: #111F54 !important;
    transform: translateX(2px);
}


/* =====================================================
   BUTTON ICON
===================================================== */

.trismatics-hover-tab .elementor-button-icon i,
.trismatics-hover-tab .elementor-button-icon svg {

    color: inherit;
    fill: currentColor;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        fill 0.35s ease;
}


/* Arrow / icon movement */

.trismatics-hover-tab .elementor-button:hover .elementor-button-icon i,
.trismatics-hover-tab .elementor-button:hover .elementor-button-icon svg {

    color: #111F54;
    fill: #111F54;

    transform: translateX(5px);
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 767px) {

    .trismatics-hover-tab {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .trismatics-hover-tab:hover {
        transform: translateY(-5px);
    }

    .trismatics-hover-tab .elementor-button {
        padding: 11px 18px;
    }
}


/* =====================================================
   ACCESSIBILITY / KEYBOARD FOCUS
===================================================== */

.trismatics-hover-tab .elementor-button:focus-visible {

    outline: 3px solid #B0DC86;
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4be5e1 *//* =====================================================
   TRISMATICS PREMIUM HOVER TAB / CARD
   Brand Colors:
   Navy Blue   : #111F54
   Light Green : #B0DC86
   White       : #FFFFFF
===================================================== */


/* =====================================================
   MAIN CARD
===================================================== */

.trismatics-hover-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid rgba(17, 31, 84, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17, 31, 84, 0.08);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    cursor: pointer;
    z-index: 1;
}


/* =====================================================
   ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(176, 220, 134, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #111F54 0%,
            #172B6A 55%,
            #1D397C 100%
        );

    transform: translateY(105%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}


/* =====================================================
   LIGHT GREEN GLOW EFFECT
===================================================== */

.trismatics-hover-tab::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;

    background: rgba(176, 220, 134, 0.18);
    border-radius: 50%;

    transform: scale(0);
    transition: transform 0.55s ease;
    z-index: -1;
}


/* =====================================================
   CARD HOVER
===================================================== */

.trismatics-hover-tab:hover {
    transform: translateY(-10px);
    border-color: rgba(176, 220, 134, 0.50);

    box-shadow:
        0 22px 45px rgba(17, 31, 84, 0.20),
        0 0 0 1px rgba(176, 220, 134, 0.15);
}

.trismatics-hover-tab:hover::before {
    transform: translateY(0);
}

.trismatics-hover-tab:hover::after {
    transform: scale(1.5);
}


/* =====================================================
   HEADING
===================================================== */

.trismatics-hover-tab h1,
.trismatics-hover-tab h2,
.trismatics-hover-tab h3,
.trismatics-hover-tab h4,
.trismatics-hover-tab .elementor-heading-title {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Heading animation on card hover */

.trismatics-hover-tab:hover h1,
.trismatics-hover-tab:hover h2,
.trismatics-hover-tab:hover h3,
.trismatics-hover-tab:hover h4,
.trismatics-hover-tab:hover .elementor-heading-title {

    color: #ffffff !important;
    transform: translateY(-2px);
}


/* =====================================================
   SUBHEADING
===================================================== */

.trismatics-hover-tab .tab-subheading,
.trismatics-hover-tab .tab-subheading .elementor-heading-title,
.trismatics-hover-tab .tab-subheading p,
.trismatics-hover-tab .tab-subheading span {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Subheading becomes white */

.trismatics-hover-tab:hover .tab-subheading,
.trismatics-hover-tab:hover .tab-subheading .elementor-heading-title,
.trismatics-hover-tab:hover .tab-subheading p,
.trismatics-hover-tab:hover .tab-subheading span {

    color: #ffffff !important;
}


/* =====================================================
   DESCRIPTION TEXT
===================================================== */

.trismatics-hover-tab p,
.trismatics-hover-tab .elementor-widget-text-editor,
.trismatics-hover-tab .elementor-widget-text-editor p {

    transition: color 0.35s ease;
}


/* Description white on hover */

.trismatics-hover-tab:hover p,
.trismatics-hover-tab:hover .elementor-widget-text-editor,
.trismatics-hover-tab:hover .elementor-widget-text-editor p {

    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.trismatics-hover-tab i,
.trismatics-hover-tab svg {

    color: #111F54;
    fill: #111F54;

    transition:
        color 0.4s ease,
        fill 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Icon animation */

.trismatics-hover-tab:hover i,
.trismatics-hover-tab:hover svg {

    color: #B0DC86;
    fill: #B0DC86;

    transform:
        translateY(-4px)
        scale(1.12)
        rotate(-4deg);
}


/* =====================================================
   BUTTON BASE STYLE
===================================================== */

.trismatics-hover-tab .elementor-button {

    position: relative;
    overflow: hidden;

    background: #111F54;
    color: #ffffff;

    border: 1px solid #111F54;
    border-radius: 10px;

    padding: 12px 22px;

    box-shadow: none;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

    z-index: 1;
}


/* =====================================================
   BUTTON ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* =====================================================
   BUTTON WHEN CARD IS HOVERED
===================================================== */

.trismatics-hover-tab:hover .elementor-button {

    background: transparent;

    color: #111F54;

    border-color: #B0DC86;

    box-shadow:
        0 8px 22px rgba(176, 220, 134, 0.22);
}


/* Fill button with green */

.trismatics-hover-tab:hover .elementor-button::before {
    left: 0;
}


/* =====================================================
   DIRECT BUTTON HOVER EFFECT
===================================================== */

.trismatics-hover-tab .elementor-button:hover {

    transform:
        translateY(-4px)
        scale(1.04);

    background: #ffffff;

    color: #111F54 !important;

    border-color: #ffffff;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.18);
}


/* Button background on direct hover */

.trismatics-hover-tab .elementor-button:hover::before {
    left: 0;
    background: #ffffff;
}


/* =====================================================
   BUTTON TEXT
===================================================== */

.trismatics-hover-tab .elementor-button-text {

    position: relative;
    z-index: 2;

    color: #ffffff;

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


/* Text on card hover */

.trismatics-hover-tab:hover .elementor-button-text {
    color: #111F54 !important;
}


/* Text movement on direct button hover */

.trismatics-hover-tab .elementor-button:hover .elementor-button-text {

    color: #111F54 !important;
    transform: translateX(2px);
}


/* =====================================================
   BUTTON ICON
===================================================== */

.trismatics-hover-tab .elementor-button-icon i,
.trismatics-hover-tab .elementor-button-icon svg {

    color: inherit;
    fill: currentColor;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        fill 0.35s ease;
}


/* Arrow / icon movement */

.trismatics-hover-tab .elementor-button:hover .elementor-button-icon i,
.trismatics-hover-tab .elementor-button:hover .elementor-button-icon svg {

    color: #111F54;
    fill: #111F54;

    transform: translateX(5px);
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 767px) {

    .trismatics-hover-tab {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .trismatics-hover-tab:hover {
        transform: translateY(-5px);
    }

    .trismatics-hover-tab .elementor-button {
        padding: 11px 18px;
    }
}


/* =====================================================
   ACCESSIBILITY / KEYBOARD FOCUS
===================================================== */

.trismatics-hover-tab .elementor-button:focus-visible {

    outline: 3px solid #B0DC86;
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e4cfc5 *//* =====================================================
   TRISMATICS PREMIUM HOVER TAB / CARD
   Brand Colors:
   Navy Blue   : #111F54
   Light Green : #B0DC86
   White       : #FFFFFF
===================================================== */


/* =====================================================
   MAIN CARD
===================================================== */

.trismatics-hover-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid rgba(17, 31, 84, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17, 31, 84, 0.08);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    cursor: pointer;
    z-index: 1;
}


/* =====================================================
   ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(176, 220, 134, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #111F54 0%,
            #172B6A 55%,
            #1D397C 100%
        );

    transform: translateY(105%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}


/* =====================================================
   LIGHT GREEN GLOW EFFECT
===================================================== */

.trismatics-hover-tab::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;

    background: rgba(176, 220, 134, 0.18);
    border-radius: 50%;

    transform: scale(0);
    transition: transform 0.55s ease;
    z-index: -1;
}


/* =====================================================
   CARD HOVER
===================================================== */

.trismatics-hover-tab:hover {
    transform: translateY(-10px);
    border-color: rgba(176, 220, 134, 0.50);

    box-shadow:
        0 22px 45px rgba(17, 31, 84, 0.20),
        0 0 0 1px rgba(176, 220, 134, 0.15);
}

.trismatics-hover-tab:hover::before {
    transform: translateY(0);
}

.trismatics-hover-tab:hover::after {
    transform: scale(1.5);
}


/* =====================================================
   HEADING
===================================================== */

.trismatics-hover-tab h1,
.trismatics-hover-tab h2,
.trismatics-hover-tab h3,
.trismatics-hover-tab h4,
.trismatics-hover-tab .elementor-heading-title {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Heading animation on card hover */

.trismatics-hover-tab:hover h1,
.trismatics-hover-tab:hover h2,
.trismatics-hover-tab:hover h3,
.trismatics-hover-tab:hover h4,
.trismatics-hover-tab:hover .elementor-heading-title {

    color: #ffffff !important;
    transform: translateY(-2px);
}


/* =====================================================
   SUBHEADING
===================================================== */

.trismatics-hover-tab .tab-subheading,
.trismatics-hover-tab .tab-subheading .elementor-heading-title,
.trismatics-hover-tab .tab-subheading p,
.trismatics-hover-tab .tab-subheading span {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Subheading becomes white */

.trismatics-hover-tab:hover .tab-subheading,
.trismatics-hover-tab:hover .tab-subheading .elementor-heading-title,
.trismatics-hover-tab:hover .tab-subheading p,
.trismatics-hover-tab:hover .tab-subheading span {

    color: #ffffff !important;
}


/* =====================================================
   DESCRIPTION TEXT
===================================================== */

.trismatics-hover-tab p,
.trismatics-hover-tab .elementor-widget-text-editor,
.trismatics-hover-tab .elementor-widget-text-editor p {

    transition: color 0.35s ease;
}


/* Description white on hover */

.trismatics-hover-tab:hover p,
.trismatics-hover-tab:hover .elementor-widget-text-editor,
.trismatics-hover-tab:hover .elementor-widget-text-editor p {

    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.trismatics-hover-tab i,
.trismatics-hover-tab svg {

    color: #111F54;
    fill: #111F54;

    transition:
        color 0.4s ease,
        fill 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Icon animation */

.trismatics-hover-tab:hover i,
.trismatics-hover-tab:hover svg {

    color: #B0DC86;
    fill: #B0DC86;

    transform:
        translateY(-4px)
        scale(1.12)
        rotate(-4deg);
}


/* =====================================================
   BUTTON BASE STYLE
===================================================== */

.trismatics-hover-tab .elementor-button {

    position: relative;
    overflow: hidden;

    background: #111F54;
    color: #ffffff;

    border: 1px solid #111F54;
    border-radius: 10px;

    padding: 12px 22px;

    box-shadow: none;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

    z-index: 1;
}


/* =====================================================
   BUTTON ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* =====================================================
   BUTTON WHEN CARD IS HOVERED
===================================================== */

.trismatics-hover-tab:hover .elementor-button {

    background: transparent;

    color: #111F54;

    border-color: #B0DC86;

    box-shadow:
        0 8px 22px rgba(176, 220, 134, 0.22);
}


/* Fill button with green */

.trismatics-hover-tab:hover .elementor-button::before {
    left: 0;
}


/* =====================================================
   DIRECT BUTTON HOVER EFFECT
===================================================== */

.trismatics-hover-tab .elementor-button:hover {

    transform:
        translateY(-4px)
        scale(1.04);

    background: #ffffff;

    color: #111F54 !important;

    border-color: #ffffff;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.18);
}


/* Button background on direct hover */

.trismatics-hover-tab .elementor-button:hover::before {
    left: 0;
    background: #ffffff;
}


/* =====================================================
   BUTTON TEXT
===================================================== */

.trismatics-hover-tab .elementor-button-text {

    position: relative;
    z-index: 2;

    color: #ffffff;

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


/* Text on card hover */

.trismatics-hover-tab:hover .elementor-button-text {
    color: #111F54 !important;
}


/* Text movement on direct button hover */

.trismatics-hover-tab .elementor-button:hover .elementor-button-text {

    color: #111F54 !important;
    transform: translateX(2px);
}


/* =====================================================
   BUTTON ICON
===================================================== */

.trismatics-hover-tab .elementor-button-icon i,
.trismatics-hover-tab .elementor-button-icon svg {

    color: inherit;
    fill: currentColor;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        fill 0.35s ease;
}


/* Arrow / icon movement */

.trismatics-hover-tab .elementor-button:hover .elementor-button-icon i,
.trismatics-hover-tab .elementor-button:hover .elementor-button-icon svg {

    color: #111F54;
    fill: #111F54;

    transform: translateX(5px);
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 767px) {

    .trismatics-hover-tab {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .trismatics-hover-tab:hover {
        transform: translateY(-5px);
    }

    .trismatics-hover-tab .elementor-button {
        padding: 11px 18px;
    }
}


/* =====================================================
   ACCESSIBILITY / KEYBOARD FOCUS
===================================================== */

.trismatics-hover-tab .elementor-button:focus-visible {

    outline: 3px solid #B0DC86;
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8d10f20 *//* =====================================================
   TRISMATICS PREMIUM HOVER TAB / CARD
   Brand Colors:
   Navy Blue   : #111F54
   Light Green : #B0DC86
   White       : #FFFFFF
===================================================== */


/* =====================================================
   MAIN CARD
===================================================== */

.trismatics-hover-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid rgba(17, 31, 84, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17, 31, 84, 0.08);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    cursor: pointer;
    z-index: 1;
}


/* =====================================================
   ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(176, 220, 134, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #111F54 0%,
            #172B6A 55%,
            #1D397C 100%
        );

    transform: translateY(105%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}


/* =====================================================
   LIGHT GREEN GLOW EFFECT
===================================================== */

.trismatics-hover-tab::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;

    background: rgba(176, 220, 134, 0.18);
    border-radius: 50%;

    transform: scale(0);
    transition: transform 0.55s ease;
    z-index: -1;
}


/* =====================================================
   CARD HOVER
===================================================== */

.trismatics-hover-tab:hover {
    transform: translateY(-10px);
    border-color: rgba(176, 220, 134, 0.50);

    box-shadow:
        0 22px 45px rgba(17, 31, 84, 0.20),
        0 0 0 1px rgba(176, 220, 134, 0.15);
}

.trismatics-hover-tab:hover::before {
    transform: translateY(0);
}

.trismatics-hover-tab:hover::after {
    transform: scale(1.5);
}


/* =====================================================
   HEADING
===================================================== */

.trismatics-hover-tab h1,
.trismatics-hover-tab h2,
.trismatics-hover-tab h3,
.trismatics-hover-tab h4,
.trismatics-hover-tab .elementor-heading-title {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Heading animation on card hover */

.trismatics-hover-tab:hover h1,
.trismatics-hover-tab:hover h2,
.trismatics-hover-tab:hover h3,
.trismatics-hover-tab:hover h4,
.trismatics-hover-tab:hover .elementor-heading-title {

    color: #ffffff !important;
    transform: translateY(-2px);
}


/* =====================================================
   SUBHEADING
===================================================== */

.trismatics-hover-tab .tab-subheading,
.trismatics-hover-tab .tab-subheading .elementor-heading-title,
.trismatics-hover-tab .tab-subheading p,
.trismatics-hover-tab .tab-subheading span {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Subheading becomes white */

.trismatics-hover-tab:hover .tab-subheading,
.trismatics-hover-tab:hover .tab-subheading .elementor-heading-title,
.trismatics-hover-tab:hover .tab-subheading p,
.trismatics-hover-tab:hover .tab-subheading span {

    color: #ffffff !important;
}


/* =====================================================
   DESCRIPTION TEXT
===================================================== */

.trismatics-hover-tab p,
.trismatics-hover-tab .elementor-widget-text-editor,
.trismatics-hover-tab .elementor-widget-text-editor p {

    transition: color 0.35s ease;
}


/* Description white on hover */

.trismatics-hover-tab:hover p,
.trismatics-hover-tab:hover .elementor-widget-text-editor,
.trismatics-hover-tab:hover .elementor-widget-text-editor p {

    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.trismatics-hover-tab i,
.trismatics-hover-tab svg {

    color: #111F54;
    fill: #111F54;

    transition:
        color 0.4s ease,
        fill 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Icon animation */

.trismatics-hover-tab:hover i,
.trismatics-hover-tab:hover svg {

    color: #B0DC86;
    fill: #B0DC86;

    transform:
        translateY(-4px)
        scale(1.12)
        rotate(-4deg);
}


/* =====================================================
   BUTTON BASE STYLE
===================================================== */

.trismatics-hover-tab .elementor-button {

    position: relative;
    overflow: hidden;

    background: #111F54;
    color: #ffffff;

    border: 1px solid #111F54;
    border-radius: 10px;

    padding: 12px 22px;

    box-shadow: none;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

    z-index: 1;
}


/* =====================================================
   BUTTON ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* =====================================================
   BUTTON WHEN CARD IS HOVERED
===================================================== */

.trismatics-hover-tab:hover .elementor-button {

    background: transparent;

    color: #111F54;

    border-color: #B0DC86;

    box-shadow:
        0 8px 22px rgba(176, 220, 134, 0.22);
}


/* Fill button with green */

.trismatics-hover-tab:hover .elementor-button::before {
    left: 0;
}


/* =====================================================
   DIRECT BUTTON HOVER EFFECT
===================================================== */

.trismatics-hover-tab .elementor-button:hover {

    transform:
        translateY(-4px)
        scale(1.04);

    background: #ffffff;

    color: #111F54 !important;

    border-color: #ffffff;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.18);
}


/* Button background on direct hover */

.trismatics-hover-tab .elementor-button:hover::before {
    left: 0;
    background: #ffffff;
}


/* =====================================================
   BUTTON TEXT
===================================================== */

.trismatics-hover-tab .elementor-button-text {

    position: relative;
    z-index: 2;

    color: #ffffff;

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


/* Text on card hover */

.trismatics-hover-tab:hover .elementor-button-text {
    color: #111F54 !important;
}


/* Text movement on direct button hover */

.trismatics-hover-tab .elementor-button:hover .elementor-button-text {

    color: #111F54 !important;
    transform: translateX(2px);
}


/* =====================================================
   BUTTON ICON
===================================================== */

.trismatics-hover-tab .elementor-button-icon i,
.trismatics-hover-tab .elementor-button-icon svg {

    color: inherit;
    fill: currentColor;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        fill 0.35s ease;
}


/* Arrow / icon movement */

.trismatics-hover-tab .elementor-button:hover .elementor-button-icon i,
.trismatics-hover-tab .elementor-button:hover .elementor-button-icon svg {

    color: #111F54;
    fill: #111F54;

    transform: translateX(5px);
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 767px) {

    .trismatics-hover-tab {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .trismatics-hover-tab:hover {
        transform: translateY(-5px);
    }

    .trismatics-hover-tab .elementor-button {
        padding: 11px 18px;
    }
}


/* =====================================================
   ACCESSIBILITY / KEYBOARD FOCUS
===================================================== */

.trismatics-hover-tab .elementor-button:focus-visible {

    outline: 3px solid #B0DC86;
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7106dc7 *//* =====================================================
   TRISMATICS PREMIUM HOVER TAB / CARD
   Brand Colors:
   Navy Blue   : #111F54
   Light Green : #B0DC86
   White       : #FFFFFF
===================================================== */


/* =====================================================
   MAIN CARD
===================================================== */

.trismatics-hover-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid rgba(17, 31, 84, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17, 31, 84, 0.08);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    cursor: pointer;
    z-index: 1;
}


/* =====================================================
   ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(176, 220, 134, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #111F54 0%,
            #172B6A 55%,
            #1D397C 100%
        );

    transform: translateY(105%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}


/* =====================================================
   LIGHT GREEN GLOW EFFECT
===================================================== */

.trismatics-hover-tab::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;

    background: rgba(176, 220, 134, 0.18);
    border-radius: 50%;

    transform: scale(0);
    transition: transform 0.55s ease;
    z-index: -1;
}


/* =====================================================
   CARD HOVER
===================================================== */

.trismatics-hover-tab:hover {
    transform: translateY(-10px);
    border-color: rgba(176, 220, 134, 0.50);

    box-shadow:
        0 22px 45px rgba(17, 31, 84, 0.20),
        0 0 0 1px rgba(176, 220, 134, 0.15);
}

.trismatics-hover-tab:hover::before {
    transform: translateY(0);
}

.trismatics-hover-tab:hover::after {
    transform: scale(1.5);
}


/* =====================================================
   HEADING
===================================================== */

.trismatics-hover-tab h1,
.trismatics-hover-tab h2,
.trismatics-hover-tab h3,
.trismatics-hover-tab h4,
.trismatics-hover-tab .elementor-heading-title {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Heading animation on card hover */

.trismatics-hover-tab:hover h1,
.trismatics-hover-tab:hover h2,
.trismatics-hover-tab:hover h3,
.trismatics-hover-tab:hover h4,
.trismatics-hover-tab:hover .elementor-heading-title {

    color: #ffffff !important;
    transform: translateY(-2px);
}


/* =====================================================
   SUBHEADING
===================================================== */

.trismatics-hover-tab .tab-subheading,
.trismatics-hover-tab .tab-subheading .elementor-heading-title,
.trismatics-hover-tab .tab-subheading p,
.trismatics-hover-tab .tab-subheading span {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Subheading becomes white */

.trismatics-hover-tab:hover .tab-subheading,
.trismatics-hover-tab:hover .tab-subheading .elementor-heading-title,
.trismatics-hover-tab:hover .tab-subheading p,
.trismatics-hover-tab:hover .tab-subheading span {

    color: #ffffff !important;
}


/* =====================================================
   DESCRIPTION TEXT
===================================================== */

.trismatics-hover-tab p,
.trismatics-hover-tab .elementor-widget-text-editor,
.trismatics-hover-tab .elementor-widget-text-editor p {

    transition: color 0.35s ease;
}


/* Description white on hover */

.trismatics-hover-tab:hover p,
.trismatics-hover-tab:hover .elementor-widget-text-editor,
.trismatics-hover-tab:hover .elementor-widget-text-editor p {

    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.trismatics-hover-tab i,
.trismatics-hover-tab svg {

    color: #111F54;
    fill: #111F54;

    transition:
        color 0.4s ease,
        fill 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Icon animation */

.trismatics-hover-tab:hover i,
.trismatics-hover-tab:hover svg {

    color: #B0DC86;
    fill: #B0DC86;

    transform:
        translateY(-4px)
        scale(1.12)
        rotate(-4deg);
}


/* =====================================================
   BUTTON BASE STYLE
===================================================== */

.trismatics-hover-tab .elementor-button {

    position: relative;
    overflow: hidden;

    background: #111F54;
    color: #ffffff;

    border: 1px solid #111F54;
    border-radius: 10px;

    padding: 12px 22px;

    box-shadow: none;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

    z-index: 1;
}


/* =====================================================
   BUTTON ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* =====================================================
   BUTTON WHEN CARD IS HOVERED
===================================================== */

.trismatics-hover-tab:hover .elementor-button {

    background: transparent;

    color: #111F54;

    border-color: #B0DC86;

    box-shadow:
        0 8px 22px rgba(176, 220, 134, 0.22);
}


/* Fill button with green */

.trismatics-hover-tab:hover .elementor-button::before {
    left: 0;
}


/* =====================================================
   DIRECT BUTTON HOVER EFFECT
===================================================== */

.trismatics-hover-tab .elementor-button:hover {

    transform:
        translateY(-4px)
        scale(1.04);

    background: #ffffff;

    color: #111F54 !important;

    border-color: #ffffff;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.18);
}


/* Button background on direct hover */

.trismatics-hover-tab .elementor-button:hover::before {
    left: 0;
    background: #ffffff;
}


/* =====================================================
   BUTTON TEXT
===================================================== */

.trismatics-hover-tab .elementor-button-text {

    position: relative;
    z-index: 2;

    color: #ffffff;

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


/* Text on card hover */

.trismatics-hover-tab:hover .elementor-button-text {
    color: #111F54 !important;
}


/* Text movement on direct button hover */

.trismatics-hover-tab .elementor-button:hover .elementor-button-text {

    color: #111F54 !important;
    transform: translateX(2px);
}


/* =====================================================
   BUTTON ICON
===================================================== */

.trismatics-hover-tab .elementor-button-icon i,
.trismatics-hover-tab .elementor-button-icon svg {

    color: inherit;
    fill: currentColor;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        fill 0.35s ease;
}


/* Arrow / icon movement */

.trismatics-hover-tab .elementor-button:hover .elementor-button-icon i,
.trismatics-hover-tab .elementor-button:hover .elementor-button-icon svg {

    color: #111F54;
    fill: #111F54;

    transform: translateX(5px);
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 767px) {

    .trismatics-hover-tab {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .trismatics-hover-tab:hover {
        transform: translateY(-5px);
    }

    .trismatics-hover-tab .elementor-button {
        padding: 11px 18px;
    }
}


/* =====================================================
   ACCESSIBILITY / KEYBOARD FOCUS
===================================================== */

.trismatics-hover-tab .elementor-button:focus-visible {

    outline: 3px solid #B0DC86;
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92315d8 *//* =====================================================
   TRISMATICS PREMIUM HOVER TAB / CARD
   Brand Colors:
   Navy Blue   : #111F54
   Light Green : #B0DC86
   White       : #FFFFFF
===================================================== */


/* =====================================================
   MAIN CARD
===================================================== */

.trismatics-hover-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid rgba(17, 31, 84, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17, 31, 84, 0.08);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    cursor: pointer;
    z-index: 1;
}


/* =====================================================
   ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(176, 220, 134, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #111F54 0%,
            #172B6A 55%,
            #1D397C 100%
        );

    transform: translateY(105%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}


/* =====================================================
   LIGHT GREEN GLOW EFFECT
===================================================== */

.trismatics-hover-tab::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;

    background: rgba(176, 220, 134, 0.18);
    border-radius: 50%;

    transform: scale(0);
    transition: transform 0.55s ease;
    z-index: -1;
}


/* =====================================================
   CARD HOVER
===================================================== */

.trismatics-hover-tab:hover {
    transform: translateY(-10px);
    border-color: rgba(176, 220, 134, 0.50);

    box-shadow:
        0 22px 45px rgba(17, 31, 84, 0.20),
        0 0 0 1px rgba(176, 220, 134, 0.15);
}

.trismatics-hover-tab:hover::before {
    transform: translateY(0);
}

.trismatics-hover-tab:hover::after {
    transform: scale(1.5);
}


/* =====================================================
   HEADING
===================================================== */

.trismatics-hover-tab h1,
.trismatics-hover-tab h2,
.trismatics-hover-tab h3,
.trismatics-hover-tab h4,
.trismatics-hover-tab .elementor-heading-title {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Heading animation on card hover */

.trismatics-hover-tab:hover h1,
.trismatics-hover-tab:hover h2,
.trismatics-hover-tab:hover h3,
.trismatics-hover-tab:hover h4,
.trismatics-hover-tab:hover .elementor-heading-title {

    color: #ffffff !important;
    transform: translateY(-2px);
}


/* =====================================================
   SUBHEADING
===================================================== */

.trismatics-hover-tab .tab-subheading,
.trismatics-hover-tab .tab-subheading .elementor-heading-title,
.trismatics-hover-tab .tab-subheading p,
.trismatics-hover-tab .tab-subheading span {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Subheading becomes white */

.trismatics-hover-tab:hover .tab-subheading,
.trismatics-hover-tab:hover .tab-subheading .elementor-heading-title,
.trismatics-hover-tab:hover .tab-subheading p,
.trismatics-hover-tab:hover .tab-subheading span {

    color: #ffffff !important;
}


/* =====================================================
   DESCRIPTION TEXT
===================================================== */

.trismatics-hover-tab p,
.trismatics-hover-tab .elementor-widget-text-editor,
.trismatics-hover-tab .elementor-widget-text-editor p {

    transition: color 0.35s ease;
}


/* Description white on hover */

.trismatics-hover-tab:hover p,
.trismatics-hover-tab:hover .elementor-widget-text-editor,
.trismatics-hover-tab:hover .elementor-widget-text-editor p {

    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.trismatics-hover-tab i,
.trismatics-hover-tab svg {

    color: #111F54;
    fill: #111F54;

    transition:
        color 0.4s ease,
        fill 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Icon animation */

.trismatics-hover-tab:hover i,
.trismatics-hover-tab:hover svg {

    color: #B0DC86;
    fill: #B0DC86;

    transform:
        translateY(-4px)
        scale(1.12)
        rotate(-4deg);
}


/* =====================================================
   BUTTON BASE STYLE
===================================================== */

.trismatics-hover-tab .elementor-button {

    position: relative;
    overflow: hidden;

    background: #111F54;
    color: #ffffff;

    border: 1px solid #111F54;
    border-radius: 10px;

    padding: 12px 22px;

    box-shadow: none;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

    z-index: 1;
}


/* =====================================================
   BUTTON ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* =====================================================
   BUTTON WHEN CARD IS HOVERED
===================================================== */

.trismatics-hover-tab:hover .elementor-button {

    background: transparent;

    color: #111F54;

    border-color: #B0DC86;

    box-shadow:
        0 8px 22px rgba(176, 220, 134, 0.22);
}


/* Fill button with green */

.trismatics-hover-tab:hover .elementor-button::before {
    left: 0;
}


/* =====================================================
   DIRECT BUTTON HOVER EFFECT
===================================================== */

.trismatics-hover-tab .elementor-button:hover {

    transform:
        translateY(-4px)
        scale(1.04);

    background: #ffffff;

    color: #111F54 !important;

    border-color: #ffffff;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.18);
}


/* Button background on direct hover */

.trismatics-hover-tab .elementor-button:hover::before {
    left: 0;
    background: #ffffff;
}


/* =====================================================
   BUTTON TEXT
===================================================== */

.trismatics-hover-tab .elementor-button-text {

    position: relative;
    z-index: 2;

    color: #ffffff;

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


/* Text on card hover */

.trismatics-hover-tab:hover .elementor-button-text {
    color: #111F54 !important;
}


/* Text movement on direct button hover */

.trismatics-hover-tab .elementor-button:hover .elementor-button-text {

    color: #111F54 !important;
    transform: translateX(2px);
}


/* =====================================================
   BUTTON ICON
===================================================== */

.trismatics-hover-tab .elementor-button-icon i,
.trismatics-hover-tab .elementor-button-icon svg {

    color: inherit;
    fill: currentColor;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        fill 0.35s ease;
}


/* Arrow / icon movement */

.trismatics-hover-tab .elementor-button:hover .elementor-button-icon i,
.trismatics-hover-tab .elementor-button:hover .elementor-button-icon svg {

    color: #111F54;
    fill: #111F54;

    transform: translateX(5px);
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 767px) {

    .trismatics-hover-tab {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .trismatics-hover-tab:hover {
        transform: translateY(-5px);
    }

    .trismatics-hover-tab .elementor-button {
        padding: 11px 18px;
    }
}


/* =====================================================
   ACCESSIBILITY / KEYBOARD FOCUS
===================================================== */

.trismatics-hover-tab .elementor-button:focus-visible {

    outline: 3px solid #B0DC86;
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f71fcf6 *//* =====================================================
   TRISMATICS PREMIUM HOVER TAB / CARD
   Brand Colors:
   Navy Blue   : #111F54
   Light Green : #B0DC86
   White       : #FFFFFF
===================================================== */


/* =====================================================
   MAIN CARD
===================================================== */

.trismatics-hover-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid rgba(17, 31, 84, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17, 31, 84, 0.08);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    cursor: pointer;
    z-index: 1;
}


/* =====================================================
   ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(176, 220, 134, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #111F54 0%,
            #172B6A 55%,
            #1D397C 100%
        );

    transform: translateY(105%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}


/* =====================================================
   LIGHT GREEN GLOW EFFECT
===================================================== */

.trismatics-hover-tab::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;

    background: rgba(176, 220, 134, 0.18);
    border-radius: 50%;

    transform: scale(0);
    transition: transform 0.55s ease;
    z-index: -1;
}


/* =====================================================
   CARD HOVER
===================================================== */

.trismatics-hover-tab:hover {
    transform: translateY(-10px);
    border-color: rgba(176, 220, 134, 0.50);

    box-shadow:
        0 22px 45px rgba(17, 31, 84, 0.20),
        0 0 0 1px rgba(176, 220, 134, 0.15);
}

.trismatics-hover-tab:hover::before {
    transform: translateY(0);
}

.trismatics-hover-tab:hover::after {
    transform: scale(1.5);
}


/* =====================================================
   HEADING
===================================================== */

.trismatics-hover-tab h1,
.trismatics-hover-tab h2,
.trismatics-hover-tab h3,
.trismatics-hover-tab h4,
.trismatics-hover-tab .elementor-heading-title {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Heading animation on card hover */

.trismatics-hover-tab:hover h1,
.trismatics-hover-tab:hover h2,
.trismatics-hover-tab:hover h3,
.trismatics-hover-tab:hover h4,
.trismatics-hover-tab:hover .elementor-heading-title {

    color: #ffffff !important;
    transform: translateY(-2px);
}


/* =====================================================
   SUBHEADING
===================================================== */

.trismatics-hover-tab .tab-subheading,
.trismatics-hover-tab .tab-subheading .elementor-heading-title,
.trismatics-hover-tab .tab-subheading p,
.trismatics-hover-tab .tab-subheading span {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Subheading becomes white */

.trismatics-hover-tab:hover .tab-subheading,
.trismatics-hover-tab:hover .tab-subheading .elementor-heading-title,
.trismatics-hover-tab:hover .tab-subheading p,
.trismatics-hover-tab:hover .tab-subheading span {

    color: #ffffff !important;
}


/* =====================================================
   DESCRIPTION TEXT
===================================================== */

.trismatics-hover-tab p,
.trismatics-hover-tab .elementor-widget-text-editor,
.trismatics-hover-tab .elementor-widget-text-editor p {

    transition: color 0.35s ease;
}


/* Description white on hover */

.trismatics-hover-tab:hover p,
.trismatics-hover-tab:hover .elementor-widget-text-editor,
.trismatics-hover-tab:hover .elementor-widget-text-editor p {

    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.trismatics-hover-tab i,
.trismatics-hover-tab svg {

    color: #111F54;
    fill: #111F54;

    transition:
        color 0.4s ease,
        fill 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Icon animation */

.trismatics-hover-tab:hover i,
.trismatics-hover-tab:hover svg {

    color: #B0DC86;
    fill: #B0DC86;

    transform:
        translateY(-4px)
        scale(1.12)
        rotate(-4deg);
}


/* =====================================================
   BUTTON BASE STYLE
===================================================== */

.trismatics-hover-tab .elementor-button {

    position: relative;
    overflow: hidden;

    background: #111F54;
    color: #ffffff;

    border: 1px solid #111F54;
    border-radius: 10px;

    padding: 12px 22px;

    box-shadow: none;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

    z-index: 1;
}


/* =====================================================
   BUTTON ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* =====================================================
   BUTTON WHEN CARD IS HOVERED
===================================================== */

.trismatics-hover-tab:hover .elementor-button {

    background: transparent;

    color: #111F54;

    border-color: #B0DC86;

    box-shadow:
        0 8px 22px rgba(176, 220, 134, 0.22);
}


/* Fill button with green */

.trismatics-hover-tab:hover .elementor-button::before {
    left: 0;
}


/* =====================================================
   DIRECT BUTTON HOVER EFFECT
===================================================== */

.trismatics-hover-tab .elementor-button:hover {

    transform:
        translateY(-4px)
        scale(1.04);

    background: #ffffff;

    color: #111F54 !important;

    border-color: #ffffff;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.18);
}


/* Button background on direct hover */

.trismatics-hover-tab .elementor-button:hover::before {
    left: 0;
    background: #ffffff;
}


/* =====================================================
   BUTTON TEXT
===================================================== */

.trismatics-hover-tab .elementor-button-text {

    position: relative;
    z-index: 2;

    color: #ffffff;

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


/* Text on card hover */

.trismatics-hover-tab:hover .elementor-button-text {
    color: #111F54 !important;
}


/* Text movement on direct button hover */

.trismatics-hover-tab .elementor-button:hover .elementor-button-text {

    color: #111F54 !important;
    transform: translateX(2px);
}


/* =====================================================
   BUTTON ICON
===================================================== */

.trismatics-hover-tab .elementor-button-icon i,
.trismatics-hover-tab .elementor-button-icon svg {

    color: inherit;
    fill: currentColor;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        fill 0.35s ease;
}


/* Arrow / icon movement */

.trismatics-hover-tab .elementor-button:hover .elementor-button-icon i,
.trismatics-hover-tab .elementor-button:hover .elementor-button-icon svg {

    color: #111F54;
    fill: #111F54;

    transform: translateX(5px);
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 767px) {

    .trismatics-hover-tab {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .trismatics-hover-tab:hover {
        transform: translateY(-5px);
    }

    .trismatics-hover-tab .elementor-button {
        padding: 11px 18px;
    }
}


/* =====================================================
   ACCESSIBILITY / KEYBOARD FOCUS
===================================================== */

.trismatics-hover-tab .elementor-button:focus-visible {

    outline: 3px solid #B0DC86;
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e0b8c4 *//* =====================================================
   TRISMATICS PREMIUM HOVER TAB / CARD
   Brand Colors:
   Navy Blue   : #111F54
   Light Green : #B0DC86
   White       : #FFFFFF
===================================================== */


/* =====================================================
   MAIN CARD
===================================================== */

.trismatics-hover-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid rgba(17, 31, 84, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17, 31, 84, 0.08);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    cursor: pointer;
    z-index: 1;
}


/* =====================================================
   ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(176, 220, 134, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #111F54 0%,
            #172B6A 55%,
            #1D397C 100%
        );

    transform: translateY(105%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}


/* =====================================================
   LIGHT GREEN GLOW EFFECT
===================================================== */

.trismatics-hover-tab::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;

    background: rgba(176, 220, 134, 0.18);
    border-radius: 50%;

    transform: scale(0);
    transition: transform 0.55s ease;
    z-index: -1;
}


/* =====================================================
   CARD HOVER
===================================================== */

.trismatics-hover-tab:hover {
    transform: translateY(-10px);
    border-color: rgba(176, 220, 134, 0.50);

    box-shadow:
        0 22px 45px rgba(17, 31, 84, 0.20),
        0 0 0 1px rgba(176, 220, 134, 0.15);
}

.trismatics-hover-tab:hover::before {
    transform: translateY(0);
}

.trismatics-hover-tab:hover::after {
    transform: scale(1.5);
}


/* =====================================================
   HEADING
===================================================== */

.trismatics-hover-tab h1,
.trismatics-hover-tab h2,
.trismatics-hover-tab h3,
.trismatics-hover-tab h4,
.trismatics-hover-tab .elementor-heading-title {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Heading animation on card hover */

.trismatics-hover-tab:hover h1,
.trismatics-hover-tab:hover h2,
.trismatics-hover-tab:hover h3,
.trismatics-hover-tab:hover h4,
.trismatics-hover-tab:hover .elementor-heading-title {

    color: #ffffff !important;
    transform: translateY(-2px);
}


/* =====================================================
   SUBHEADING
===================================================== */

.trismatics-hover-tab .tab-subheading,
.trismatics-hover-tab .tab-subheading .elementor-heading-title,
.trismatics-hover-tab .tab-subheading p,
.trismatics-hover-tab .tab-subheading span {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Subheading becomes white */

.trismatics-hover-tab:hover .tab-subheading,
.trismatics-hover-tab:hover .tab-subheading .elementor-heading-title,
.trismatics-hover-tab:hover .tab-subheading p,
.trismatics-hover-tab:hover .tab-subheading span {

    color: #ffffff !important;
}


/* =====================================================
   DESCRIPTION TEXT
===================================================== */

.trismatics-hover-tab p,
.trismatics-hover-tab .elementor-widget-text-editor,
.trismatics-hover-tab .elementor-widget-text-editor p {

    transition: color 0.35s ease;
}


/* Description white on hover */

.trismatics-hover-tab:hover p,
.trismatics-hover-tab:hover .elementor-widget-text-editor,
.trismatics-hover-tab:hover .elementor-widget-text-editor p {

    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.trismatics-hover-tab i,
.trismatics-hover-tab svg {

    color: #111F54;
    fill: #111F54;

    transition:
        color 0.4s ease,
        fill 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Icon animation */

.trismatics-hover-tab:hover i,
.trismatics-hover-tab:hover svg {

    color: #B0DC86;
    fill: #B0DC86;

    transform:
        translateY(-4px)
        scale(1.12)
        rotate(-4deg);
}


/* =====================================================
   BUTTON BASE STYLE
===================================================== */

.trismatics-hover-tab .elementor-button {

    position: relative;
    overflow: hidden;

    background: #111F54;
    color: #ffffff;

    border: 1px solid #111F54;
    border-radius: 10px;

    padding: 12px 22px;

    box-shadow: none;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

    z-index: 1;
}


/* =====================================================
   BUTTON ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* =====================================================
   BUTTON WHEN CARD IS HOVERED
===================================================== */

.trismatics-hover-tab:hover .elementor-button {

    background: transparent;

    color: #111F54;

    border-color: #B0DC86;

    box-shadow:
        0 8px 22px rgba(176, 220, 134, 0.22);
}


/* Fill button with green */

.trismatics-hover-tab:hover .elementor-button::before {
    left: 0;
}


/* =====================================================
   DIRECT BUTTON HOVER EFFECT
===================================================== */

.trismatics-hover-tab .elementor-button:hover {

    transform:
        translateY(-4px)
        scale(1.04);

    background: #ffffff;

    color: #111F54 !important;

    border-color: #ffffff;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.18);
}


/* Button background on direct hover */

.trismatics-hover-tab .elementor-button:hover::before {
    left: 0;
    background: #ffffff;
}


/* =====================================================
   BUTTON TEXT
===================================================== */

.trismatics-hover-tab .elementor-button-text {

    position: relative;
    z-index: 2;

    color: #ffffff;

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


/* Text on card hover */

.trismatics-hover-tab:hover .elementor-button-text {
    color: #111F54 !important;
}


/* Text movement on direct button hover */

.trismatics-hover-tab .elementor-button:hover .elementor-button-text {

    color: #111F54 !important;
    transform: translateX(2px);
}


/* =====================================================
   BUTTON ICON
===================================================== */

.trismatics-hover-tab .elementor-button-icon i,
.trismatics-hover-tab .elementor-button-icon svg {

    color: inherit;
    fill: currentColor;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        fill 0.35s ease;
}


/* Arrow / icon movement */

.trismatics-hover-tab .elementor-button:hover .elementor-button-icon i,
.trismatics-hover-tab .elementor-button:hover .elementor-button-icon svg {

    color: #111F54;
    fill: #111F54;

    transform: translateX(5px);
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 767px) {

    .trismatics-hover-tab {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .trismatics-hover-tab:hover {
        transform: translateY(-5px);
    }

    .trismatics-hover-tab .elementor-button {
        padding: 11px 18px;
    }
}


/* =====================================================
   ACCESSIBILITY / KEYBOARD FOCUS
===================================================== */

.trismatics-hover-tab .elementor-button:focus-visible {

    outline: 3px solid #B0DC86;
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a19bc8b *//* =====================================================
   TRISMATICS PREMIUM HOVER TAB / CARD
   Brand Colors:
   Navy Blue   : #111F54
   Light Green : #B0DC86
   White       : #FFFFFF
===================================================== */


/* =====================================================
   MAIN CARD
===================================================== */

.trismatics-hover-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid rgba(17, 31, 84, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17, 31, 84, 0.08);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    cursor: pointer;
    z-index: 1;
}


/* =====================================================
   ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(176, 220, 134, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #111F54 0%,
            #172B6A 55%,
            #1D397C 100%
        );

    transform: translateY(105%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}


/* =====================================================
   LIGHT GREEN GLOW EFFECT
===================================================== */

.trismatics-hover-tab::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;

    background: rgba(176, 220, 134, 0.18);
    border-radius: 50%;

    transform: scale(0);
    transition: transform 0.55s ease;
    z-index: -1;
}


/* =====================================================
   CARD HOVER
===================================================== */

.trismatics-hover-tab:hover {
    transform: translateY(-10px);
    border-color: rgba(176, 220, 134, 0.50);

    box-shadow:
        0 22px 45px rgba(17, 31, 84, 0.20),
        0 0 0 1px rgba(176, 220, 134, 0.15);
}

.trismatics-hover-tab:hover::before {
    transform: translateY(0);
}

.trismatics-hover-tab:hover::after {
    transform: scale(1.5);
}


/* =====================================================
   HEADING
===================================================== */

.trismatics-hover-tab h1,
.trismatics-hover-tab h2,
.trismatics-hover-tab h3,
.trismatics-hover-tab h4,
.trismatics-hover-tab .elementor-heading-title {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Heading animation on card hover */

.trismatics-hover-tab:hover h1,
.trismatics-hover-tab:hover h2,
.trismatics-hover-tab:hover h3,
.trismatics-hover-tab:hover h4,
.trismatics-hover-tab:hover .elementor-heading-title {

    color: #ffffff !important;
    transform: translateY(-2px);
}


/* =====================================================
   SUBHEADING
===================================================== */

.trismatics-hover-tab .tab-subheading,
.trismatics-hover-tab .tab-subheading .elementor-heading-title,
.trismatics-hover-tab .tab-subheading p,
.trismatics-hover-tab .tab-subheading span {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Subheading becomes white */

.trismatics-hover-tab:hover .tab-subheading,
.trismatics-hover-tab:hover .tab-subheading .elementor-heading-title,
.trismatics-hover-tab:hover .tab-subheading p,
.trismatics-hover-tab:hover .tab-subheading span {

    color: #ffffff !important;
}


/* =====================================================
   DESCRIPTION TEXT
===================================================== */

.trismatics-hover-tab p,
.trismatics-hover-tab .elementor-widget-text-editor,
.trismatics-hover-tab .elementor-widget-text-editor p {

    transition: color 0.35s ease;
}


/* Description white on hover */

.trismatics-hover-tab:hover p,
.trismatics-hover-tab:hover .elementor-widget-text-editor,
.trismatics-hover-tab:hover .elementor-widget-text-editor p {

    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.trismatics-hover-tab i,
.trismatics-hover-tab svg {

    color: #111F54;
    fill: #111F54;

    transition:
        color 0.4s ease,
        fill 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Icon animation */

.trismatics-hover-tab:hover i,
.trismatics-hover-tab:hover svg {

    color: #B0DC86;
    fill: #B0DC86;

    transform:
        translateY(-4px)
        scale(1.12)
        rotate(-4deg);
}


/* =====================================================
   BUTTON BASE STYLE
===================================================== */

.trismatics-hover-tab .elementor-button {

    position: relative;
    overflow: hidden;

    background: #111F54;
    color: #ffffff;

    border: 1px solid #111F54;
    border-radius: 10px;

    padding: 12px 22px;

    box-shadow: none;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

    z-index: 1;
}


/* =====================================================
   BUTTON ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* =====================================================
   BUTTON WHEN CARD IS HOVERED
===================================================== */

.trismatics-hover-tab:hover .elementor-button {

    background: transparent;

    color: #111F54;

    border-color: #B0DC86;

    box-shadow:
        0 8px 22px rgba(176, 220, 134, 0.22);
}


/* Fill button with green */

.trismatics-hover-tab:hover .elementor-button::before {
    left: 0;
}


/* =====================================================
   DIRECT BUTTON HOVER EFFECT
===================================================== */

.trismatics-hover-tab .elementor-button:hover {

    transform:
        translateY(-4px)
        scale(1.04);

    background: #ffffff;

    color: #111F54 !important;

    border-color: #ffffff;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.18);
}


/* Button background on direct hover */

.trismatics-hover-tab .elementor-button:hover::before {
    left: 0;
    background: #ffffff;
}


/* =====================================================
   BUTTON TEXT
===================================================== */

.trismatics-hover-tab .elementor-button-text {

    position: relative;
    z-index: 2;

    color: #ffffff;

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


/* Text on card hover */

.trismatics-hover-tab:hover .elementor-button-text {
    color: #111F54 !important;
}


/* Text movement on direct button hover */

.trismatics-hover-tab .elementor-button:hover .elementor-button-text {

    color: #111F54 !important;
    transform: translateX(2px);
}


/* =====================================================
   BUTTON ICON
===================================================== */

.trismatics-hover-tab .elementor-button-icon i,
.trismatics-hover-tab .elementor-button-icon svg {

    color: inherit;
    fill: currentColor;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        fill 0.35s ease;
}


/* Arrow / icon movement */

.trismatics-hover-tab .elementor-button:hover .elementor-button-icon i,
.trismatics-hover-tab .elementor-button:hover .elementor-button-icon svg {

    color: #111F54;
    fill: #111F54;

    transform: translateX(5px);
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 767px) {

    .trismatics-hover-tab {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .trismatics-hover-tab:hover {
        transform: translateY(-5px);
    }

    .trismatics-hover-tab .elementor-button {
        padding: 11px 18px;
    }
}


/* =====================================================
   ACCESSIBILITY / KEYBOARD FOCUS
===================================================== */

.trismatics-hover-tab .elementor-button:focus-visible {

    outline: 3px solid #B0DC86;
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-03c1d6e *//* =====================================================
   TRISMATICS PREMIUM HOVER TAB / CARD
   Brand Colors:
   Navy Blue   : #111F54
   Light Green : #B0DC86
   White       : #FFFFFF
===================================================== */


/* =====================================================
   MAIN CARD
===================================================== */

.trismatics-hover-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid rgba(17, 31, 84, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17, 31, 84, 0.08);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    cursor: pointer;
    z-index: 1;
}


/* =====================================================
   ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(176, 220, 134, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #111F54 0%,
            #172B6A 55%,
            #1D397C 100%
        );

    transform: translateY(105%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}


/* =====================================================
   LIGHT GREEN GLOW EFFECT
===================================================== */

.trismatics-hover-tab::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;

    background: rgba(176, 220, 134, 0.18);
    border-radius: 50%;

    transform: scale(0);
    transition: transform 0.55s ease;
    z-index: -1;
}


/* =====================================================
   CARD HOVER
===================================================== */

.trismatics-hover-tab:hover {
    transform: translateY(-10px);
    border-color: rgba(176, 220, 134, 0.50);

    box-shadow:
        0 22px 45px rgba(17, 31, 84, 0.20),
        0 0 0 1px rgba(176, 220, 134, 0.15);
}

.trismatics-hover-tab:hover::before {
    transform: translateY(0);
}

.trismatics-hover-tab:hover::after {
    transform: scale(1.5);
}


/* =====================================================
   HEADING
===================================================== */

.trismatics-hover-tab h1,
.trismatics-hover-tab h2,
.trismatics-hover-tab h3,
.trismatics-hover-tab h4,
.trismatics-hover-tab .elementor-heading-title {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Heading animation on card hover */

.trismatics-hover-tab:hover h1,
.trismatics-hover-tab:hover h2,
.trismatics-hover-tab:hover h3,
.trismatics-hover-tab:hover h4,
.trismatics-hover-tab:hover .elementor-heading-title {

    color: #ffffff !important;
    transform: translateY(-2px);
}


/* =====================================================
   SUBHEADING
===================================================== */

.trismatics-hover-tab .tab-subheading,
.trismatics-hover-tab .tab-subheading .elementor-heading-title,
.trismatics-hover-tab .tab-subheading p,
.trismatics-hover-tab .tab-subheading span {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Subheading becomes white */

.trismatics-hover-tab:hover .tab-subheading,
.trismatics-hover-tab:hover .tab-subheading .elementor-heading-title,
.trismatics-hover-tab:hover .tab-subheading p,
.trismatics-hover-tab:hover .tab-subheading span {

    color: #ffffff !important;
}


/* =====================================================
   DESCRIPTION TEXT
===================================================== */

.trismatics-hover-tab p,
.trismatics-hover-tab .elementor-widget-text-editor,
.trismatics-hover-tab .elementor-widget-text-editor p {

    transition: color 0.35s ease;
}


/* Description white on hover */

.trismatics-hover-tab:hover p,
.trismatics-hover-tab:hover .elementor-widget-text-editor,
.trismatics-hover-tab:hover .elementor-widget-text-editor p {

    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.trismatics-hover-tab i,
.trismatics-hover-tab svg {

    color: #111F54;
    fill: #111F54;

    transition:
        color 0.4s ease,
        fill 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Icon animation */

.trismatics-hover-tab:hover i,
.trismatics-hover-tab:hover svg {

    color: #B0DC86;
    fill: #B0DC86;

    transform:
        translateY(-4px)
        scale(1.12)
        rotate(-4deg);
}


/* =====================================================
   BUTTON BASE STYLE
===================================================== */

.trismatics-hover-tab .elementor-button {

    position: relative;
    overflow: hidden;

    background: #111F54;
    color: #ffffff;

    border: 1px solid #111F54;
    border-radius: 10px;

    padding: 12px 22px;

    box-shadow: none;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

    z-index: 1;
}


/* =====================================================
   BUTTON ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* =====================================================
   BUTTON WHEN CARD IS HOVERED
===================================================== */

.trismatics-hover-tab:hover .elementor-button {

    background: transparent;

    color: #111F54;

    border-color: #B0DC86;

    box-shadow:
        0 8px 22px rgba(176, 220, 134, 0.22);
}


/* Fill button with green */

.trismatics-hover-tab:hover .elementor-button::before {
    left: 0;
}


/* =====================================================
   DIRECT BUTTON HOVER EFFECT
===================================================== */

.trismatics-hover-tab .elementor-button:hover {

    transform:
        translateY(-4px)
        scale(1.04);

    background: #ffffff;

    color: #111F54 !important;

    border-color: #ffffff;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.18);
}


/* Button background on direct hover */

.trismatics-hover-tab .elementor-button:hover::before {
    left: 0;
    background: #ffffff;
}


/* =====================================================
   BUTTON TEXT
===================================================== */

.trismatics-hover-tab .elementor-button-text {

    position: relative;
    z-index: 2;

    color: #ffffff;

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


/* Text on card hover */

.trismatics-hover-tab:hover .elementor-button-text {
    color: #111F54 !important;
}


/* Text movement on direct button hover */

.trismatics-hover-tab .elementor-button:hover .elementor-button-text {

    color: #111F54 !important;
    transform: translateX(2px);
}


/* =====================================================
   BUTTON ICON
===================================================== */

.trismatics-hover-tab .elementor-button-icon i,
.trismatics-hover-tab .elementor-button-icon svg {

    color: inherit;
    fill: currentColor;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        fill 0.35s ease;
}


/* Arrow / icon movement */

.trismatics-hover-tab .elementor-button:hover .elementor-button-icon i,
.trismatics-hover-tab .elementor-button:hover .elementor-button-icon svg {

    color: #111F54;
    fill: #111F54;

    transform: translateX(5px);
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 767px) {

    .trismatics-hover-tab {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .trismatics-hover-tab:hover {
        transform: translateY(-5px);
    }

    .trismatics-hover-tab .elementor-button {
        padding: 11px 18px;
    }
}


/* =====================================================
   ACCESSIBILITY / KEYBOARD FOCUS
===================================================== */

.trismatics-hover-tab .elementor-button:focus-visible {

    outline: 3px solid #B0DC86;
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9792b25 *//* =====================================================
   TRISMATICS PREMIUM HOVER TAB / CARD
   Brand Colors:
   Navy Blue   : #111F54
   Light Green : #B0DC86
   White       : #FFFFFF
===================================================== */


/* =====================================================
   MAIN CARD
===================================================== */

.trismatics-hover-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid rgba(17, 31, 84, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17, 31, 84, 0.08);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    cursor: pointer;
    z-index: 1;
}


/* =====================================================
   ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(176, 220, 134, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #111F54 0%,
            #172B6A 55%,
            #1D397C 100%
        );

    transform: translateY(105%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}


/* =====================================================
   LIGHT GREEN GLOW EFFECT
===================================================== */

.trismatics-hover-tab::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;

    background: rgba(176, 220, 134, 0.18);
    border-radius: 50%;

    transform: scale(0);
    transition: transform 0.55s ease;
    z-index: -1;
}


/* =====================================================
   CARD HOVER
===================================================== */

.trismatics-hover-tab:hover {
    transform: translateY(-10px);
    border-color: rgba(176, 220, 134, 0.50);

    box-shadow:
        0 22px 45px rgba(17, 31, 84, 0.20),
        0 0 0 1px rgba(176, 220, 134, 0.15);
}

.trismatics-hover-tab:hover::before {
    transform: translateY(0);
}

.trismatics-hover-tab:hover::after {
    transform: scale(1.5);
}


/* =====================================================
   HEADING
===================================================== */

.trismatics-hover-tab h1,
.trismatics-hover-tab h2,
.trismatics-hover-tab h3,
.trismatics-hover-tab h4,
.trismatics-hover-tab .elementor-heading-title {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Heading animation on card hover */

.trismatics-hover-tab:hover h1,
.trismatics-hover-tab:hover h2,
.trismatics-hover-tab:hover h3,
.trismatics-hover-tab:hover h4,
.trismatics-hover-tab:hover .elementor-heading-title {

    color: #ffffff !important;
    transform: translateY(-2px);
}


/* =====================================================
   SUBHEADING
===================================================== */

.trismatics-hover-tab .tab-subheading,
.trismatics-hover-tab .tab-subheading .elementor-heading-title,
.trismatics-hover-tab .tab-subheading p,
.trismatics-hover-tab .tab-subheading span {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Subheading becomes white */

.trismatics-hover-tab:hover .tab-subheading,
.trismatics-hover-tab:hover .tab-subheading .elementor-heading-title,
.trismatics-hover-tab:hover .tab-subheading p,
.trismatics-hover-tab:hover .tab-subheading span {

    color: #ffffff !important;
}


/* =====================================================
   DESCRIPTION TEXT
===================================================== */

.trismatics-hover-tab p,
.trismatics-hover-tab .elementor-widget-text-editor,
.trismatics-hover-tab .elementor-widget-text-editor p {

    transition: color 0.35s ease;
}


/* Description white on hover */

.trismatics-hover-tab:hover p,
.trismatics-hover-tab:hover .elementor-widget-text-editor,
.trismatics-hover-tab:hover .elementor-widget-text-editor p {

    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.trismatics-hover-tab i,
.trismatics-hover-tab svg {

    color: #111F54;
    fill: #111F54;

    transition:
        color 0.4s ease,
        fill 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Icon animation */

.trismatics-hover-tab:hover i,
.trismatics-hover-tab:hover svg {

    color: #B0DC86;
    fill: #B0DC86;

    transform:
        translateY(-4px)
        scale(1.12)
        rotate(-4deg);
}


/* =====================================================
   BUTTON BASE STYLE
===================================================== */

.trismatics-hover-tab .elementor-button {

    position: relative;
    overflow: hidden;

    background: #111F54;
    color: #ffffff;

    border: 1px solid #111F54;
    border-radius: 10px;

    padding: 12px 22px;

    box-shadow: none;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

    z-index: 1;
}


/* =====================================================
   BUTTON ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* =====================================================
   BUTTON WHEN CARD IS HOVERED
===================================================== */

.trismatics-hover-tab:hover .elementor-button {

    background: transparent;

    color: #111F54;

    border-color: #B0DC86;

    box-shadow:
        0 8px 22px rgba(176, 220, 134, 0.22);
}


/* Fill button with green */

.trismatics-hover-tab:hover .elementor-button::before {
    left: 0;
}


/* =====================================================
   DIRECT BUTTON HOVER EFFECT
===================================================== */

.trismatics-hover-tab .elementor-button:hover {

    transform:
        translateY(-4px)
        scale(1.04);

    background: #ffffff;

    color: #111F54 !important;

    border-color: #ffffff;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.18);
}


/* Button background on direct hover */

.trismatics-hover-tab .elementor-button:hover::before {
    left: 0;
    background: #ffffff;
}


/* =====================================================
   BUTTON TEXT
===================================================== */

.trismatics-hover-tab .elementor-button-text {

    position: relative;
    z-index: 2;

    color: #ffffff;

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


/* Text on card hover */

.trismatics-hover-tab:hover .elementor-button-text {
    color: #111F54 !important;
}


/* Text movement on direct button hover */

.trismatics-hover-tab .elementor-button:hover .elementor-button-text {

    color: #111F54 !important;
    transform: translateX(2px);
}


/* =====================================================
   BUTTON ICON
===================================================== */

.trismatics-hover-tab .elementor-button-icon i,
.trismatics-hover-tab .elementor-button-icon svg {

    color: inherit;
    fill: currentColor;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        fill 0.35s ease;
}


/* Arrow / icon movement */

.trismatics-hover-tab .elementor-button:hover .elementor-button-icon i,
.trismatics-hover-tab .elementor-button:hover .elementor-button-icon svg {

    color: #111F54;
    fill: #111F54;

    transform: translateX(5px);
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 767px) {

    .trismatics-hover-tab {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .trismatics-hover-tab:hover {
        transform: translateY(-5px);
    }

    .trismatics-hover-tab .elementor-button {
        padding: 11px 18px;
    }
}


/* =====================================================
   ACCESSIBILITY / KEYBOARD FOCUS
===================================================== */

.trismatics-hover-tab .elementor-button:focus-visible {

    outline: 3px solid #B0DC86;
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d58033 *//* =====================================================
   TRISMATICS PREMIUM HOVER TAB / CARD
   Brand Colors:
   Navy Blue   : #111F54
   Light Green : #B0DC86
   White       : #FFFFFF
===================================================== */


/* =====================================================
   MAIN CARD
===================================================== */

.trismatics-hover-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid rgba(17, 31, 84, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17, 31, 84, 0.08);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    cursor: pointer;
    z-index: 1;
}


/* =====================================================
   ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(176, 220, 134, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #111F54 0%,
            #172B6A 55%,
            #1D397C 100%
        );

    transform: translateY(105%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}


/* =====================================================
   LIGHT GREEN GLOW EFFECT
===================================================== */

.trismatics-hover-tab::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;

    background: rgba(176, 220, 134, 0.18);
    border-radius: 50%;

    transform: scale(0);
    transition: transform 0.55s ease;
    z-index: -1;
}


/* =====================================================
   CARD HOVER
===================================================== */

.trismatics-hover-tab:hover {
    transform: translateY(-10px);
    border-color: rgba(176, 220, 134, 0.50);

    box-shadow:
        0 22px 45px rgba(17, 31, 84, 0.20),
        0 0 0 1px rgba(176, 220, 134, 0.15);
}

.trismatics-hover-tab:hover::before {
    transform: translateY(0);
}

.trismatics-hover-tab:hover::after {
    transform: scale(1.5);
}


/* =====================================================
   HEADING
===================================================== */

.trismatics-hover-tab h1,
.trismatics-hover-tab h2,
.trismatics-hover-tab h3,
.trismatics-hover-tab h4,
.trismatics-hover-tab .elementor-heading-title {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Heading animation on card hover */

.trismatics-hover-tab:hover h1,
.trismatics-hover-tab:hover h2,
.trismatics-hover-tab:hover h3,
.trismatics-hover-tab:hover h4,
.trismatics-hover-tab:hover .elementor-heading-title {

    color: #ffffff !important;
    transform: translateY(-2px);
}


/* =====================================================
   SUBHEADING
===================================================== */

.trismatics-hover-tab .tab-subheading,
.trismatics-hover-tab .tab-subheading .elementor-heading-title,
.trismatics-hover-tab .tab-subheading p,
.trismatics-hover-tab .tab-subheading span {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Subheading becomes white */

.trismatics-hover-tab:hover .tab-subheading,
.trismatics-hover-tab:hover .tab-subheading .elementor-heading-title,
.trismatics-hover-tab:hover .tab-subheading p,
.trismatics-hover-tab:hover .tab-subheading span {

    color: #ffffff !important;
}


/* =====================================================
   DESCRIPTION TEXT
===================================================== */

.trismatics-hover-tab p,
.trismatics-hover-tab .elementor-widget-text-editor,
.trismatics-hover-tab .elementor-widget-text-editor p {

    transition: color 0.35s ease;
}


/* Description white on hover */

.trismatics-hover-tab:hover p,
.trismatics-hover-tab:hover .elementor-widget-text-editor,
.trismatics-hover-tab:hover .elementor-widget-text-editor p {

    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.trismatics-hover-tab i,
.trismatics-hover-tab svg {

    color: #111F54;
    fill: #111F54;

    transition:
        color 0.4s ease,
        fill 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Icon animation */

.trismatics-hover-tab:hover i,
.trismatics-hover-tab:hover svg {

    color: #B0DC86;
    fill: #B0DC86;

    transform:
        translateY(-4px)
        scale(1.12)
        rotate(-4deg);
}


/* =====================================================
   BUTTON BASE STYLE
===================================================== */

.trismatics-hover-tab .elementor-button {

    position: relative;
    overflow: hidden;

    background: #111F54;
    color: #ffffff;

    border: 1px solid #111F54;
    border-radius: 10px;

    padding: 12px 22px;

    box-shadow: none;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

    z-index: 1;
}


/* =====================================================
   BUTTON ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* =====================================================
   BUTTON WHEN CARD IS HOVERED
===================================================== */

.trismatics-hover-tab:hover .elementor-button {

    background: transparent;

    color: #111F54;

    border-color: #B0DC86;

    box-shadow:
        0 8px 22px rgba(176, 220, 134, 0.22);
}


/* Fill button with green */

.trismatics-hover-tab:hover .elementor-button::before {
    left: 0;
}


/* =====================================================
   DIRECT BUTTON HOVER EFFECT
===================================================== */

.trismatics-hover-tab .elementor-button:hover {

    transform:
        translateY(-4px)
        scale(1.04);

    background: #ffffff;

    color: #111F54 !important;

    border-color: #ffffff;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.18);
}


/* Button background on direct hover */

.trismatics-hover-tab .elementor-button:hover::before {
    left: 0;
    background: #ffffff;
}


/* =====================================================
   BUTTON TEXT
===================================================== */

.trismatics-hover-tab .elementor-button-text {

    position: relative;
    z-index: 2;

    color: #ffffff;

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


/* Text on card hover */

.trismatics-hover-tab:hover .elementor-button-text {
    color: #111F54 !important;
}


/* Text movement on direct button hover */

.trismatics-hover-tab .elementor-button:hover .elementor-button-text {

    color: #111F54 !important;
    transform: translateX(2px);
}


/* =====================================================
   BUTTON ICON
===================================================== */

.trismatics-hover-tab .elementor-button-icon i,
.trismatics-hover-tab .elementor-button-icon svg {

    color: inherit;
    fill: currentColor;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        fill 0.35s ease;
}


/* Arrow / icon movement */

.trismatics-hover-tab .elementor-button:hover .elementor-button-icon i,
.trismatics-hover-tab .elementor-button:hover .elementor-button-icon svg {

    color: #111F54;
    fill: #111F54;

    transform: translateX(5px);
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 767px) {

    .trismatics-hover-tab {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .trismatics-hover-tab:hover {
        transform: translateY(-5px);
    }

    .trismatics-hover-tab .elementor-button {
        padding: 11px 18px;
    }
}


/* =====================================================
   ACCESSIBILITY / KEYBOARD FOCUS
===================================================== */

.trismatics-hover-tab .elementor-button:focus-visible {

    outline: 3px solid #B0DC86;
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7fc2663 *//* =====================================================
   TRISMATICS PREMIUM HOVER TAB / CARD
   Brand Colors:
   Navy Blue   : #111F54
   Light Green : #B0DC86
   White       : #FFFFFF
===================================================== */


/* =====================================================
   MAIN CARD
===================================================== */

.trismatics-hover-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid rgba(17, 31, 84, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17, 31, 84, 0.08);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    cursor: pointer;
    z-index: 1;
}


/* =====================================================
   ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(176, 220, 134, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #111F54 0%,
            #172B6A 55%,
            #1D397C 100%
        );

    transform: translateY(105%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -2;
}


/* =====================================================
   LIGHT GREEN GLOW EFFECT
===================================================== */

.trismatics-hover-tab::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;

    background: rgba(176, 220, 134, 0.18);
    border-radius: 50%;

    transform: scale(0);
    transition: transform 0.55s ease;
    z-index: -1;
}


/* =====================================================
   CARD HOVER
===================================================== */

.trismatics-hover-tab:hover {
    transform: translateY(-10px);
    border-color: rgba(176, 220, 134, 0.50);

    box-shadow:
        0 22px 45px rgba(17, 31, 84, 0.20),
        0 0 0 1px rgba(176, 220, 134, 0.15);
}

.trismatics-hover-tab:hover::before {
    transform: translateY(0);
}

.trismatics-hover-tab:hover::after {
    transform: scale(1.5);
}


/* =====================================================
   HEADING
===================================================== */

.trismatics-hover-tab h1,
.trismatics-hover-tab h2,
.trismatics-hover-tab h3,
.trismatics-hover-tab h4,
.trismatics-hover-tab .elementor-heading-title {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Heading animation on card hover */

.trismatics-hover-tab:hover h1,
.trismatics-hover-tab:hover h2,
.trismatics-hover-tab:hover h3,
.trismatics-hover-tab:hover h4,
.trismatics-hover-tab:hover .elementor-heading-title {

    color: #ffffff !important;
    transform: translateY(-2px);
}


/* =====================================================
   SUBHEADING
===================================================== */

.trismatics-hover-tab .tab-subheading,
.trismatics-hover-tab .tab-subheading .elementor-heading-title,
.trismatics-hover-tab .tab-subheading p,
.trismatics-hover-tab .tab-subheading span {

    color: #111F54;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* Subheading becomes white */

.trismatics-hover-tab:hover .tab-subheading,
.trismatics-hover-tab:hover .tab-subheading .elementor-heading-title,
.trismatics-hover-tab:hover .tab-subheading p,
.trismatics-hover-tab:hover .tab-subheading span {

    color: #ffffff !important;
}


/* =====================================================
   DESCRIPTION TEXT
===================================================== */

.trismatics-hover-tab p,
.trismatics-hover-tab .elementor-widget-text-editor,
.trismatics-hover-tab .elementor-widget-text-editor p {

    transition: color 0.35s ease;
}


/* Description white on hover */

.trismatics-hover-tab:hover p,
.trismatics-hover-tab:hover .elementor-widget-text-editor,
.trismatics-hover-tab:hover .elementor-widget-text-editor p {

    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.trismatics-hover-tab i,
.trismatics-hover-tab svg {

    color: #111F54;
    fill: #111F54;

    transition:
        color 0.4s ease,
        fill 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Icon animation */

.trismatics-hover-tab:hover i,
.trismatics-hover-tab:hover svg {

    color: #B0DC86;
    fill: #B0DC86;

    transform:
        translateY(-4px)
        scale(1.12)
        rotate(-4deg);
}


/* =====================================================
   BUTTON BASE STYLE
===================================================== */

.trismatics-hover-tab .elementor-button {

    position: relative;
    overflow: hidden;

    background: #111F54;
    color: #ffffff;

    border: 1px solid #111F54;
    border-radius: 10px;

    padding: 12px 22px;

    box-shadow: none;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

    z-index: 1;
}


/* =====================================================
   BUTTON ANIMATED BACKGROUND
===================================================== */

.trismatics-hover-tab .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.45s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* =====================================================
   BUTTON WHEN CARD IS HOVERED
===================================================== */

.trismatics-hover-tab:hover .elementor-button {

    background: transparent;

    color: #111F54;

    border-color: #B0DC86;

    box-shadow:
        0 8px 22px rgba(176, 220, 134, 0.22);
}


/* Fill button with green */

.trismatics-hover-tab:hover .elementor-button::before {
    left: 0;
}


/* =====================================================
   DIRECT BUTTON HOVER EFFECT
===================================================== */

.trismatics-hover-tab .elementor-button:hover {

    transform:
        translateY(-4px)
        scale(1.04);

    background: #ffffff;

    color: #111F54 !important;

    border-color: #ffffff;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.18);
}


/* Button background on direct hover */

.trismatics-hover-tab .elementor-button:hover::before {
    left: 0;
    background: #ffffff;
}


/* =====================================================
   BUTTON TEXT
===================================================== */

.trismatics-hover-tab .elementor-button-text {

    position: relative;
    z-index: 2;

    color: #ffffff;

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


/* Text on card hover */

.trismatics-hover-tab:hover .elementor-button-text {
    color: #111F54 !important;
}


/* Text movement on direct button hover */

.trismatics-hover-tab .elementor-button:hover .elementor-button-text {

    color: #111F54 !important;
    transform: translateX(2px);
}


/* =====================================================
   BUTTON ICON
===================================================== */

.trismatics-hover-tab .elementor-button-icon i,
.trismatics-hover-tab .elementor-button-icon svg {

    color: inherit;
    fill: currentColor;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        fill 0.35s ease;
}


/* Arrow / icon movement */

.trismatics-hover-tab .elementor-button:hover .elementor-button-icon i,
.trismatics-hover-tab .elementor-button:hover .elementor-button-icon svg {

    color: #111F54;
    fill: #111F54;

    transform: translateX(5px);
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 767px) {

    .trismatics-hover-tab {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .trismatics-hover-tab:hover {
        transform: translateY(-5px);
    }

    .trismatics-hover-tab .elementor-button {
        padding: 11px 18px;
    }
}


/* =====================================================
   ACCESSIBILITY / KEYBOARD FOCUS
===================================================== */

.trismatics-hover-tab .elementor-button:focus-visible {

    outline: 3px solid #B0DC86;
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for wpforms, class: .elementor-element-6aa984d *//* =========================================
   TRISMATICS EXTRA COMPACT WPFORMS
========================================= */

.trismatics-wpform {
    max-width: 460px;
    margin: 0 auto;
}

.trismatics-wpform .wpforms-container {
    margin: 0 !important;
}

.trismatics-wpform .wpforms-form {
    padding: 12px 16px !important;
}


/* Reduce space between fields */
.trismatics-wpform .wpforms-field {
    padding: 2px 0 !important;
    margin-bottom: 4px !important;
}


/* Labels */
.trismatics-wpform .wpforms-field-label {
    margin-bottom: 3px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}


/* Input Fields */
.trismatics-wpform input[type="text"],
.trismatics-wpform input[type="email"],
.trismatics-wpform input[type="tel"],
.trismatics-wpform input[type="number"],
.trismatics-wpform input[type="url"],
.trismatics-wpform select {

    height: 36px !important;
    min-height: 36px !important;

    padding: 6px 10px !important;

    font-size: 13px !important;
    border-radius: 6px !important;
}


/* Smaller Textarea */
.trismatics-wpform textarea {

    height: 65px !important;
    min-height: 65px !important;

    padding: 7px 10px !important;

    font-size: 13px !important;
    border-radius: 6px !important;
}


/* Submit Area */
.trismatics-wpform .wpforms-submit-container {

    margin-top: 6px !important;
    padding-top: 0 !important;
}


/* =========================================
   SUBMIT BUTTON
========================================= */

.trismatics-wpform .wpforms-submit {

    position: relative;
    overflow: hidden;

    background: #111F54 !important;
    color: #ffffff !important;

    border: 2px solid #111F54 !important;
    border-radius: 8px !important;

    padding: 9px 20px !important;

    min-height: auto !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    letter-spacing: 0.3px;

    box-shadow:
        0 5px 14px rgba(17, 31, 84, 0.15);

    transition: all 0.35s ease !important;

    z-index: 1;
}


/* Green Sliding Hover */
.trismatics-wpform .wpforms-submit::before {

    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 110%;
    height: 100%;

    background: #B0DC86;

    transition:
        left 0.4s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -1;
}


/* Button Hover */
.trismatics-wpform .wpforms-submit:hover {

    background: transparent !important;

    color: #111F54 !important;

    border-color: #B0DC86 !important;

    transform:
        translateY(-3px)
        scale(1.03);

    box-shadow:
        0 9px 20px rgba(17, 31, 84, 0.18),
        0 0 0 3px rgba(176, 220, 134, 0.15) !important;
}


/* Green Fill */
.trismatics-wpform .wpforms-submit:hover::before {
    left: 0;
}


/* Click Effect */
.trismatics-wpform .wpforms-submit:active {

    transform:
        translateY(-1px)
        scale(0.98);
}


/* Mobile */
@media (max-width: 767px) {

    .trismatics-wpform {
        max-width: 100%;
    }

    .trismatics-wpform .wpforms-form {
        padding: 10px 12px !important;
    }

    .trismatics-wpform input[type="text"],
    .trismatics-wpform input[type="email"],
    .trismatics-wpform input[type="tel"],
    .trismatics-wpform input[type="number"],
    .trismatics-wpform input[type="url"],
    .trismatics-wpform select {

        height: 34px !important;
        min-height: 34px !important;
    }

    .trismatics-wpform textarea {

        height: 58px !important;
        min-height: 58px !important;
    }
}

/* =========================================
   PHONE FIELD - FLAG TO NUMBER SPACING ONLY
========================================= */

.trismatics-wpform .iti input[type="tel"],
.trismatics-wpform .iti input[type="text"] {
    padding-left: 62px !important;
}

/* Keep country flag section unchanged */
.trismatics-wpform .iti__flag-container {
    left: 10px !important;
}

/* Optional: slightly more breathing room */
.trismatics-wpform .iti__selected-country,
.trismatics-wpform .iti__selected-flag {
    padding-right: 8px !important;
}/* End custom CSS */