.elementor-774 .elementor-element.elementor-element-ita0001{--display:flex;--min-height:clamp(520px, 42vw, 860px);--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--overlay-opacity:0.5;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-774 .elementor-element.elementor-element-ita0001:not(.elementor-motion-effects-element-type-background), .elementor-774 .elementor-element.elementor-element-ita0001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mgi-inc.com/wp-content/uploads/2026/08/rack-server-network-cables-MGI-scaled.jpeg");background-position:center center;background-size:cover;}.elementor-774 .elementor-element.elementor-element-ita0001::before, .elementor-774 .elementor-element.elementor-element-ita0001 > .elementor-background-video-container::before, .elementor-774 .elementor-element.elementor-element-ita0001 > .e-con-inner > .elementor-background-video-container::before, .elementor-774 .elementor-element.elementor-element-ita0001 > .elementor-background-slideshow::before, .elementor-774 .elementor-element.elementor-element-ita0001 > .e-con-inner > .elementor-background-slideshow::before, .elementor-774 .elementor-element.elementor-element-ita0001 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:rgba(10,20,28,0.45);--background-overlay:'';}.elementor-774 .elementor-element.elementor-element-ita0002{--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;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:60px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-774 .elementor-element.elementor-element-ita0003{text-align:start;}.elementor-774 .elementor-element.elementor-element-ita0003 .elementor-heading-title{font-size:var(--mgi-display);line-height:1.4;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-774 .elementor-element.elementor-element-ita0004 .elementor-button{background-color:#F69622;font-family:"Open Sans", Sans-serif;font-size:var(--mgi-ui);font-weight:500;fill:#13294B;color:#13294B;border-radius:10px 10px 10px 10px;padding:20px 40px 20px 40px;}.elementor-774 .elementor-element.elementor-element-ita0010{--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;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-774 .elementor-element.elementor-element-ita0011{text-align:center;}.elementor-774 .elementor-element.elementor-element-ita0011 .elementor-heading-title{color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-774 .elementor-element.elementor-element-ita0012{text-align:center;color:#333333;}.elementor-774 .elementor-element.elementor-element-ita0020{--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;--gap:56px 56px;--row-gap:56px;--column-gap:56px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-774 .elementor-element.elementor-element-ita0020:not(.elementor-motion-effects-element-type-background), .elementor-774 .elementor-element.elementor-element-ita0020 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(150deg, #142E3D 0%, #1D018B 100%);}.elementor-774 .elementor-element.elementor-element-ita0021{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-774 .elementor-element.elementor-element-ita0022{width:var( --container-widget-width, fit-content );max-width:fit-content;background-color:#F69622;padding:clamp(3px, 0.3vw, 4px) clamp(8px, 0.7vw, 10px) clamp(3px, 0.3vw, 4px) clamp(8px, 0.7vw, 10px);--container-widget-width:fit-content;--container-widget-flex-grow:0;border-radius:4px 4px 4px 4px;text-align:center;}.elementor-774 .elementor-element.elementor-element-ita0022.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-774 .elementor-element.elementor-element-ita0022 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:var(--mgi-label);font-weight:700;text-transform:uppercase;line-height:1.2;letter-spacing:0.08em;color:#FFFFFF;}.elementor-774 .elementor-element.elementor-element-ita0023{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:56px 56px;--row-gap:56px;--column-gap:56px;--grid-auto-flow:row;--align-items:stretch;}.elementor-774 .elementor-element.elementor-element-ita003{--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;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--border-radius:10px 10px 10px 10px;--padding-top:40px;--padding-bottom:40px;--padding-left:36px;--padding-right:40px;}.elementor-774 .elementor-element.elementor-element-ita003:not(.elementor-motion-effects-element-type-background), .elementor-774 .elementor-element.elementor-element-ita003 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-774 .elementor-element.elementor-element-ita003h{text-align:start;}.elementor-774 .elementor-element.elementor-element-ita003h .elementor-heading-title{font-size:var(--mgi-subheading);line-height:1.25;color:var( --e-global-color-d682006 );}.elementor-774 .elementor-element.elementor-element-ita003p{font-size:var(--mgi-ui);line-height:1.6;color:#333333;}.elementor-774 .elementor-element.elementor-element-ita004{--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;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--border-radius:10px 10px 10px 10px;--padding-top:40px;--padding-bottom:40px;--padding-left:36px;--padding-right:40px;}.elementor-774 .elementor-element.elementor-element-ita004:not(.elementor-motion-effects-element-type-background), .elementor-774 .elementor-element.elementor-element-ita004 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-774 .elementor-element.elementor-element-ita004h{text-align:start;}.elementor-774 .elementor-element.elementor-element-ita004h .elementor-heading-title{font-size:var(--mgi-subheading);line-height:1.25;color:var( --e-global-color-d682006 );}.elementor-774 .elementor-element.elementor-element-ita004p{font-size:var(--mgi-ui);line-height:1.6;color:#333333;}.elementor-774 .elementor-element.elementor-element-ita005{--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;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--border-radius:10px 10px 10px 10px;--padding-top:40px;--padding-bottom:40px;--padding-left:36px;--padding-right:40px;}.elementor-774 .elementor-element.elementor-element-ita005:not(.elementor-motion-effects-element-type-background), .elementor-774 .elementor-element.elementor-element-ita005 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-774 .elementor-element.elementor-element-ita005h{text-align:start;}.elementor-774 .elementor-element.elementor-element-ita005h .elementor-heading-title{font-size:var(--mgi-subheading);line-height:1.25;color:var( --e-global-color-d682006 );}.elementor-774 .elementor-element.elementor-element-ita005p{font-size:var(--mgi-ui);line-height:1.6;color:#333333;}.elementor-774 .elementor-element.elementor-element-ita006{--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;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--border-radius:10px 10px 10px 10px;--padding-top:40px;--padding-bottom:40px;--padding-left:36px;--padding-right:40px;}.elementor-774 .elementor-element.elementor-element-ita006:not(.elementor-motion-effects-element-type-background), .elementor-774 .elementor-element.elementor-element-ita006 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-774 .elementor-element.elementor-element-ita006h{text-align:start;}.elementor-774 .elementor-element.elementor-element-ita006h .elementor-heading-title{font-size:var(--mgi-subheading);line-height:1.25;color:var( --e-global-color-d682006 );}.elementor-774 .elementor-element.elementor-element-ita006p{font-size:var(--mgi-ui);line-height:1.6;color:#333333;}.elementor-774 .elementor-element.elementor-element-ita0040{--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;--gap:44px 44px;--row-gap:44px;--column-gap:44px;--padding-top:100px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-774 .elementor-element.elementor-element-ita0043{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-774 .elementor-element.elementor-element-ita0044{--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-774 .elementor-element.elementor-element-ita0042{width:var( --container-widget-width, fit-content );max-width:fit-content;background-color:#F69622;padding:clamp(3px, 0.3vw, 4px) clamp(8px, 0.7vw, 10px) clamp(3px, 0.3vw, 4px) clamp(8px, 0.7vw, 10px);--container-widget-width:fit-content;--container-widget-flex-grow:0;border-radius:4px 4px 4px 4px;text-align:center;}.elementor-774 .elementor-element.elementor-element-ita0042.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-774 .elementor-element.elementor-element-ita0042 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:var(--mgi-label);font-weight:700;text-transform:uppercase;line-height:1.2;letter-spacing:0.08em;color:#FFFFFF;}.elementor-774 .elementor-element.elementor-element-ita0045{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;text-align:start;}.elementor-774 .elementor-element.elementor-element-ita0045 .elementor-heading-title{color:#000000;}.elementor-774 .elementor-element.elementor-element-ita0046{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 56px) 0px;font-size:var(--mgi-body);line-height:1.6;color:#333333;}.elementor-774 .elementor-element.elementor-element-ita0047{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:calc(var(--mgi-body) * 1.2);font-weight:700;line-height:1.5;color:#F69622;}.elementor-774 .elementor-element.elementor-element-ita0030{--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;--gap:44px 44px;--row-gap:44px;--column-gap:44px;--overlay-opacity:0.5;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-774 .elementor-element.elementor-element-ita0030::before, .elementor-774 .elementor-element.elementor-element-ita0030 > .elementor-background-video-container::before, .elementor-774 .elementor-element.elementor-element-ita0030 > .e-con-inner > .elementor-background-video-container::before, .elementor-774 .elementor-element.elementor-element-ita0030 > .elementor-background-slideshow::before, .elementor-774 .elementor-element.elementor-element-ita0030 > .e-con-inner > .elementor-background-slideshow::before, .elementor-774 .elementor-element.elementor-element-ita0030 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-774 .elementor-element.elementor-element-ita0031{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-774 .elementor-element.elementor-element-ita0032{width:var( --container-widget-width, fit-content );max-width:fit-content;background-color:#F69622;padding:clamp(3px, 0.3vw, 4px) clamp(8px, 0.7vw, 10px) clamp(3px, 0.3vw, 4px) clamp(8px, 0.7vw, 10px);--container-widget-width:fit-content;--container-widget-flex-grow:0;border-radius:4px 4px 4px 4px;text-align:center;}.elementor-774 .elementor-element.elementor-element-ita0032.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-774 .elementor-element.elementor-element-ita0032 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:var(--mgi-label);font-weight:700;text-transform:uppercase;line-height:1.2;letter-spacing:0.08em;color:#FFFFFF;}.elementor-774 .elementor-element.elementor-element-ita0033{--display:grid;--e-con-grid-template-columns:3fr 7fr;--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--align-items:stretch;}.elementor-774 .elementor-element.elementor-element-ita0034{--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;--justify-content:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.65);--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-774 .elementor-element.elementor-element-ita0035{text-align:start;}.elementor-774 .elementor-element.elementor-element-ita0035 .elementor-heading-title{color:#F69622;}.elementor-774 .elementor-element.elementor-element-ita0036{color:#000000;}.elementor-774 .elementor-element.elementor-element-ita0037{--swiper-slides-to-display:1;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:60px;--arrow-prev-top-align:100%;--arrow-prev-translate-y:-100%;--arrow-prev-top-position:-60px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:60px;--arrow-next-top-align:100%;--arrow-next-translate-y:-100%;--arrow-next-top-position:-60px;--arrow-size:44px;--arrow-normal-color:var( --e-global-color-primary );}.elementor-774 .elementor-element.elementor-element-ita0037 .swiper-slide > .elementor-element{height:100%;}.elementor-774 .elementor-element.elementor-element-ita0050{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-774 .elementor-element.elementor-element-ita0051{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-774 .elementor-element.elementor-element-ita0052{width:var( --container-widget-width, fit-content );max-width:fit-content;background-color:#F69622;padding:clamp(3px, 0.3vw, 4px) clamp(8px, 0.7vw, 10px) clamp(3px, 0.3vw, 4px) clamp(8px, 0.7vw, 10px);--container-widget-width:fit-content;--container-widget-flex-grow:0;border-radius:4px 4px 4px 4px;text-align:center;}.elementor-774 .elementor-element.elementor-element-ita0052.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-774 .elementor-element.elementor-element-ita0052 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:var(--mgi-label);font-weight:700;text-transform:uppercase;line-height:1.2;letter-spacing:0.08em;color:#FFFFFF;}.elementor-774 .elementor-element.elementor-element-ita0053{text-align:center;}.elementor-774 .elementor-element.elementor-element-ita0053 .elementor-heading-title{color:#000000;}.elementor-774 .elementor-element.elementor-element-ita0054{width:var( --container-widget-width, min(80%, 1100px) );max-width:min(80%, 1100px);--container-widget-width:min(80%, 1100px);--container-widget-flex-grow:0;text-align:center;color:#333333;}.elementor-774 .elementor-element.elementor-element-ita0055 .elementor-button{background-color:transparent;font-family:"Open Sans", Sans-serif;font-size:var(--mgi-ui);font-weight:700;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(150deg, #142E3D 0%, #1D018B 100%);box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.1);border-radius:8px 8px 8px 8px;padding:14px 28px 14px 28px;}.elementor-774 .elementor-element.elementor-element-ita0055 .elementor-button:hover, .elementor-774 .elementor-element.elementor-element-ita0055 .elementor-button:focus{box-shadow:0px 12px 30px 0px rgba(0, 0, 0, 0.3);}@media(max-width:1200px){.elementor-774 .elementor-element.elementor-element-ita0023{--grid-auto-flow:row;}.elementor-774 .elementor-element.elementor-element-ita0033{--grid-auto-flow:row;}.elementor-774 .elementor-element.elementor-element-ita0037{--swiper-slides-to-display:1;}}@media(min-width:768px){.elementor-774 .elementor-element.elementor-element-ita0001{--content-width:min(100% - 2 * clamp(0px, 13.4vw - 69px, 220px), 1600px);}.elementor-774 .elementor-element.elementor-element-ita0002{--width:45%;}.elementor-774 .elementor-element.elementor-element-ita0010{--content-width:min(100% - 2 * clamp(0px, 13.4vw - 69px, 220px), 1600px);}.elementor-774 .elementor-element.elementor-element-ita0020{--content-width:min(100% - 2 * clamp(0px, 13.4vw - 69px, 220px), 1600px);}.elementor-774 .elementor-element.elementor-element-ita0040{--content-width:min(100% - 2 * clamp(0px, 13.4vw - 69px, 220px), 1600px);}.elementor-774 .elementor-element.elementor-element-ita0044{--width:min(100%, 1160px);}.elementor-774 .elementor-element.elementor-element-ita0030{--content-width:min(100% - 2 * clamp(0px, 13.4vw - 69px, 220px), 1600px);}.elementor-774 .elementor-element.elementor-element-ita0050{--content-width:min(100% - 2 * clamp(0px, 13.4vw - 69px, 220px), 1600px);}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-774 .elementor-element.elementor-element-ita0022{width:var( --container-widget-width, fit-content );max-width:fit-content;--container-widget-width:fit-content;--container-widget-flex-grow:0;}.elementor-774 .elementor-element.elementor-element-ita0023{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-774 .elementor-element.elementor-element-ita0042{width:var( --container-widget-width, fit-content );max-width:fit-content;--container-widget-width:fit-content;--container-widget-flex-grow:0;}.elementor-774 .elementor-element.elementor-element-ita0032{width:var( --container-widget-width, fit-content );max-width:fit-content;--container-widget-width:fit-content;--container-widget-flex-grow:0;}.elementor-774 .elementor-element.elementor-element-ita0033{--grid-auto-flow:row;}.elementor-774 .elementor-element.elementor-element-ita0037{--swiper-slides-to-display:1;}.elementor-774 .elementor-element.elementor-element-ita0052{width:var( --container-widget-width, fit-content );max-width:fit-content;--container-widget-width:fit-content;--container-widget-flex-grow:0;}.elementor-774 .elementor-element.elementor-element-ita0054{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(max-width:767px){.elementor-774 .elementor-element.elementor-element-ita0001{--content-width:100%;}.elementor-774 .elementor-element.elementor-element-ita0002{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-774 .elementor-element.elementor-element-ita0003{text-align:center;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-774 .elementor-element.elementor-element-ita0004{width:var( --container-widget-width, calc(var(--mgi-ui) * 10 + 56px) );max-width:calc(var(--mgi-ui) * 10 + 56px);--container-widget-width:calc(var(--mgi-ui) * 10 + 56px);--container-widget-flex-grow:0;}.elementor-774 .elementor-element.elementor-element-ita0004 .elementor-button{line-height:1.4em;padding:14px 28px 14px 28px;}.elementor-774 .elementor-element.elementor-element-ita0010{--content-width:100%;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-774 .elementor-element.elementor-element-ita0020{--content-width:100%;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-774 .elementor-element.elementor-element-ita0021{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-774 .elementor-element.elementor-element-ita0022{width:var( --container-widget-width, fit-content );max-width:fit-content;--container-widget-width:fit-content;--container-widget-flex-grow:0;}.elementor-774 .elementor-element.elementor-element-ita0023{--e-con-grid-template-columns:repeat(1, 1fr);--gap:24px 24px;--row-gap:24px;--column-gap:24px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:18px;--padding-right:33px;}.elementor-774 .elementor-element.elementor-element-ita003{--padding-top:28px;--padding-bottom:28px;--padding-left:24px;--padding-right:24px;}.elementor-774 .elementor-element.elementor-element-ita004{--padding-top:28px;--padding-bottom:28px;--padding-left:24px;--padding-right:24px;}.elementor-774 .elementor-element.elementor-element-ita005{--padding-top:28px;--padding-bottom:28px;--padding-left:24px;--padding-right:24px;}.elementor-774 .elementor-element.elementor-element-ita006{--padding-top:28px;--padding-bottom:28px;--padding-left:24px;--padding-right:24px;}.elementor-774 .elementor-element.elementor-element-ita0040{--content-width:100%;--padding-top:40px;--padding-bottom:28px;--padding-left:0px;--padding-right:0px;}.elementor-774 .elementor-element.elementor-element-ita0043{--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-774 .elementor-element.elementor-element-ita0044{--padding-top:10px;--padding-bottom:10px;--padding-left:18px;--padding-right:18px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-774 .elementor-element.elementor-element-ita0042{width:var( --container-widget-width, fit-content );max-width:fit-content;margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:fit-content;--container-widget-flex-grow:0;}.elementor-774 .elementor-element.elementor-element-ita0042.elementor-element{--order:-99999 /* order start hack */;}.elementor-774 .elementor-element.elementor-element-ita0045{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-774 .elementor-element.elementor-element-ita0045.elementor-element{--order:-99999 /* order start hack */;}.elementor-774 .elementor-element.elementor-element-ita0046{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-774 .elementor-element.elementor-element-ita0047{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-774 .elementor-element.elementor-element-ita0030{--content-width:100%;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-774 .elementor-element.elementor-element-ita0031{--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-774 .elementor-element.elementor-element-ita0032{width:var( --container-widget-width, fit-content );max-width:fit-content;--container-widget-width:fit-content;--container-widget-flex-grow:0;}.elementor-774 .elementor-element.elementor-element-ita0033{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:10px;--padding-left:18px;--padding-right:18px;}.elementor-774 .elementor-element.elementor-element-ita0034{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-774 .elementor-element.elementor-element-ita0037{--swiper-slides-to-display:1;}.elementor-774 .elementor-element.elementor-element-ita0050{--content-width:100%;--padding-top:50px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-774 .elementor-element.elementor-element-ita0051{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:10px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-774 .elementor-element.elementor-element-ita0052{width:var( --container-widget-width, fit-content );max-width:fit-content;--container-widget-width:fit-content;--container-widget-flex-grow:0;text-align:center;}.elementor-774 .elementor-element.elementor-element-ita0053{width:auto;max-width:auto;}.elementor-774 .elementor-element.elementor-element-ita0054{width:auto;max-width:auto;}.elementor-774 .elementor-element.elementor-element-ita0055{padding:12px 0px 0px 0px;}}/* Start custom CSS for heading, class: .elementor-element-ita0011 *//* mobile no-wrap span (2026-10-29); off below 340px where the phrase does not fit on one line */ @media (min-width: 340px) and (max-width: 767px) { .elementor-774 .elementor-element.elementor-element-ita0011 .mgi-nw { white-space: nowrap; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-ita005p *//* mobile no-wrap span (2026-10-29) */ @media (max-width: 767px) { .elementor-774 .elementor-element.elementor-element-ita005p .mgi-nw { white-space: nowrap; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ita006h *//* 2026-10-29 phones read "Trusted Partnership" */ @media (max-width: 767px) { .elementor-774 .elementor-element.elementor-element-ita006h .mgi-hide-m { display: none; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ita0048 */.elementor-774 .elementor-element.elementor-element-ita0048.elementor-widget.elementor-widget-image{ float:right; width:40%; max-width:440px; margin:clamp(36px, 3vw, 58px) 0 16px 28px; shape-outside:circle(closest-side at 49.8% 49.45%) border-box; shape-margin:28px; } /* 2026-09-24: diagram centred on the span from the heading to the "Contact MGI" line. The float must come first in the markup, so a top margin does the centring; border-box keeps the wrap circle on the image, not the margin. 1025-1365 the column is narrower than the image needs, so the image is shorter than the text and the margin grows to centre it. */ @media (min-width:1025px) and (max-width:1365.98px){ .elementor-774 .elementor-element.elementor-element-ita0048.elementor-widget.elementor-widget-image{ margin-top: calc(184px - 10.3vw); } } .elementor-774 .elementor-element.elementor-element-ita0048 img{width:100%;height:auto;display:block;} @media (max-width:1024px){ .elementor-774 .elementor-element.elementor-element-ita0048.elementor-widget.elementor-widget-image{ float:none;width:100%;max-width:460px;margin:0 auto 28px;shape-outside:none; } } /* 2026-10-27: phones - image sits under the heading (column order, see ita0044) at 2/3 width. Spacing comes from the column gap. */ @media (max-width:767px){ .elementor-774 .elementor-element.elementor-element-ita0048.elementor-widget.elementor-widget-image{ width:66.667%; margin:0 auto; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-ita0046 */.elementor-774 .elementor-element.elementor-element-ita0046 .elementor-clearfix::after{content:none;} .elementor-774 .elementor-element.elementor-element-ita0046 li{font-size:inherit;line-height:1.6;} .elementor-774 .elementor-element.elementor-element-ita0046 ul{margin:0;padding-left:1.15em;}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-ita0047 */.elementor-774 .elementor-element.elementor-element-ita0047 .elementor-clearfix::after{content:none;} .elementor-774 .elementor-element.elementor-element-ita0047 a{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;} .elementor-774 .elementor-element.elementor-element-ita0047 a:hover{color:#142E3D;}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ita0044 */.elementor-774 .elementor-element.elementor-element-ita0044{display:block;flex:0 1 auto;margin-inline:auto;} /* width: Width control, min(100%, 1160px) - keeps copy and diagram together (2026-09-24) */ .elementor-774 .elementor-element.elementor-element-ita0044 > .e-con-inner{display:block;} .elementor-774 .elementor-element.elementor-element-ita0044::after{content:"";display:block;clear:both;}/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-ita0037 */.elementor-774 .elementor-element.elementor-element-ita0037 { height: 100%; -webkit-mask-image: -webkit-radial-gradient(white, black); } .elementor-774 .elementor-element.elementor-element-ita0037 .swiper, .elementor-774 .elementor-element.elementor-element-ita0037 .swiper-wrapper, .elementor-774 .elementor-element.elementor-element-ita0037 .swiper-slide { height: 100% !important; } .elementor-774 .elementor-element.elementor-element-ita0037 .swiper-slide > div.e-loop-item { height: 100% !important; display: flex !important; flex-direction: column !important; } /* fix: target the actual bordered element (inner e-con), not the slide wrapper */ .elementor-774 .elementor-element.elementor-element-ita0037 .swiper-slide > .e-con { border-radius: 10px; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); will-change: transform; isolation: isolate; } /* edge case: no prev on card 1 / no next on last — always hidden */ .elementor-774 .elementor-element.elementor-element-ita0037 .elementor-swiper-button.swiper-button-disabled { opacity: 0; pointer-events: none; } /* normal arrows: visible at rest, fade out during slide, fade in after settle */ .elementor-774 .elementor-element.elementor-element-ita0037 .elementor-swiper-button:not(.swiper-button-disabled) { opacity: 1; pointer-events: auto; transition: opacity 200ms ease; } .elementor-774 .elementor-element.elementor-element-ita0037.is-transitioning .elementor-swiper-button:not(.swiper-button-disabled) { opacity: 0; pointer-events: none; transition: opacity 150ms ease; } /* The number is 70px; a long step title ("Assessment & Planning") starves its column and "01" wraps to two lines. Scoped here rather than in template 1078, which About Us also uses. */ .elementor-774 .elementor-element.elementor-element-ita0037 .elementor-element-79fdd31 { flex-shrink: 0; } .elementor-774 .elementor-element.elementor-element-ita0037 .elementor-element-79fdd31 .elementor-heading-title { white-space: nowrap; }/* End custom CSS */ /* Start custom CSS *//* ===== HOW WE WORK carousel - ported verbatim from About Us OUR MISSION & VALUES (2026-08-11), with only the page and container ids remapped. Covers: the 3fr/7fr grid with a 340px floor (which is also what makes the carousel match the left card's height), the container queries that size the value title and nav labels against the CARD, the arrow placement, and the :has() rules that hide a nav label when its arrow is disabled. Template element ids are shared with About Us and intentionally unchanged. */ /* MISSION column gets a floor so it stops starving as the screen narrows. */ .elementor-774 .elementor-element.elementor-element-ita0033 { --e-con-grid-template-columns: minmax(340px, 3fr) minmax(0, 7fr); } @media (max-width: 1024px) { .elementor-774 .elementor-element.elementor-element-ita0033 { --e-con-grid-template-columns: 1fr; --e-con-grid-template-rows: auto; row-gap: 32px; } .elementor-774 .elementor-element.elementor-element-ita0034, .elementor-774 .elementor-element.elementor-element-ita0037 { grid-column: 1 / -1; min-width: 0; } } /* Value title sized against the CARD, not the viewport, so long words never split. */ .elementor-774 .elementor-element.elementor-element-ita0037 .swiper-slide { container-type: inline-size; container-name: mgivalue; } .elementor-774 .elementor-element.elementor-element-3a73aae { flex: 1 1 auto !important; min-width: 0 !important; } .elementor-774 .elementor-element.elementor-element-79fdd31 { flex: 0 0 auto !important; } .elementor-774 .elementor-element.elementor-element-3a73aae h2 { word-break: normal !important; overflow-wrap: break-word !important; } @container mgivalue (max-width: 590px) { .elementor-774 .elementor-element.elementor-element-02630f2 { padding: 34px !important; } .elementor-774 .elementor-element.elementor-element-3a73aae h2 { font-size: clamp(24px, 8cqi, 43px) !important; line-height: 1.15 !important; } } .elementor-774 .elementor-element.elementor-element-bb3f710 { gap: 30px !important; } .elementor-774 .elementor-element.elementor-element-3a73aae, .elementor-774 .elementor-element.elementor-element-3a73aae h2 { text-align: left !important; } /* Nav labels + arrows. Container is on the WIDGET so one query governs both the labels (inside the slide) and the arrows (absolute siblings of the slider). */ .elementor-774 .elementor-element.elementor-element-ita0037 { container-type: inline-size; container-name: mgicarousel; } .elementor-774 .elementor-element.elementor-element-05fda1e h2, .elementor-774 .elementor-element.elementor-element-d624bb7 h2 { white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; } /* forced 60px arrow gutter trimmed; 20px clearance kept */ .elementor-774 .elementor-element.elementor-element-efa5be8 { padding-left: 30px !important; padding-right: 30px !important; } .elementor-774 .elementor-element.elementor-element-ita0037 .elementor-swiper-button-prev { left: 20px !important; } .elementor-774 .elementor-element.elementor-element-ita0037 .elementor-swiper-button-next { right: 20px !important; } @container mgicarousel (max-width: 590px) { .elementor-774 .elementor-element.elementor-element-efa5be8 { flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 10px !important; flex-wrap: nowrap !important; padding-left: 0 !important; padding-right: 0 !important; } .elementor-774 .elementor-element.elementor-element-05fda1e, .elementor-774 .elementor-element.elementor-element-d624bb7 { display: flex !important; align-items: center !important; justify-content: center !important; height: 44px !important; width: auto !important; max-width: 100% !important; } /* scaled so a centred label can never reach the edge arrows */ .elementor-774 .elementor-element.elementor-element-05fda1e h2, .elementor-774 .elementor-element.elementor-element-d624bb7 h2 { font-size: clamp(16px, 6.5cqi, 28px) !important; } .elementor-774 .elementor-element.elementor-element-ita0037 .elementor-swiper-button { transform: none !important; } .elementor-774 .elementor-element.elementor-element-ita0037 .elementor-swiper-button-prev { left: 14px !important; right: auto !important; bottom: 90px !important; top: auto !important; } .elementor-774 .elementor-element.elementor-element-ita0037 .elementor-swiper-button-next { right: 14px !important; left: auto !important; bottom: 36px !important; top: auto !important; } .elementor-774 .elementor-element.elementor-element-ita0037:has(.elementor-swiper-button-prev.swiper-button-disabled) .swiper-slide-active .elementor-element-05fda1e { display: none !important; } .elementor-774 .elementor-element.elementor-element-ita0037:not(:has(.swiper-slide-active .elementor-element-d624bb7)) .elementor-swiper-button-prev { bottom: 36px !important; } } /* ===== WHY CHOOSE MGI - fluid width + card reflow ===== */ /* Section: fluid gutter (same rule as OUR MISSION & VALUES) replacing a flat 80%. */ .elementor-774 .elementor-element.elementor-element-4f65623 { --mgi-gutter: clamp(0px, 13.4vw - 69px, 220px); width: min(100% - 2 * var(--mgi-gutter), 1600px) !important; margin-left: auto !important; margin-right: auto !important; } /* "OUR ITAM PROCESS" is far longer than About Us's "MISSION", so it is sized against the card rather than the viewport to keep it on one line. */ .elementor-774 .elementor-element.elementor-element-ita0034 { container-type: inline-size; container-name: mgiprocess; } /* HOW WE WORK cards - type matched to About Us OUR MISSION & VALUES (Ledger §115). Overrides shared template 1078's fixed 70px / 50px on this page only. */ body .elementor-774 .elementor-element.elementor-element-ita0035 .elementor-heading-title.elementor-heading-title, body .elementor-774 .elementor-element.elementor-element-3a73aae .elementor-heading-title.elementor-heading-title { font-size: var(--mgi-heading); line-height: 1.2; } body .elementor-774 .elementor-element.elementor-element-79fdd31 .elementor-heading-title.elementor-heading-title { font-size: var(--mgi-display); line-height: 1.15; } /* ===== HOW WE WORK carousel - nav row + arrows (2026-08-11) ===== Tunable geometry in one place. --nav-bottom is the gap from the card's bottom edge to the bottom of the nav row; --nav-row is the reserved nav row height. */ /* 1. Pagination is switched off on the widget (native control), so nothing sits below the slider and the slide card bottom-aligns with the left card. */ /* 2. Nav labels, matched to About Us: natural height, no forced min-height, no align-items override - the row sizes to its content exactly as the MissionCards row does. The only ITAM-specific addition is a fluid label size, because these step names are far longer than "Honesty"/"Innovation" and would otherwise wrap and pull the label centre off the arrows. */ .elementor-774 .elementor-element.elementor-element-ita0037 .elementor-element-05fda1e, .elementor-774 .elementor-element.elementor-element-ita0037 .elementor-element-d624bb7 { max-width: calc(50% - 10px); } .elementor-774 .elementor-element.elementor-element-ita0037 .elementor-element-05fda1e h2, .elementor-774 .elementor-element.elementor-element-ita0037 .elementor-element-d624bb7 h2 { font-size: clamp(16px, 3.3cqi, 30px) !important; line-height: 1.2 !important; white-space: nowrap; overflow-wrap: normal; } /* Narrow widths are governed by the ported About Us @container block above - no separate stacking stage here, so the two carousels behave identically. */ /* ===== WHY CHOOSE MGI cards - detached orange bar (2026-08-11) ===== Same treatment as the Equipment Sourcing carousel: the bar is a free-standing pseudo-element rather than a left border, because a border sits flush and inherits the card's corner rounding instead of staying a straight vertical line. 5px bar + 10px gap, matching the carousel exactly. The card is shifted 15px right so the BAR lands on the original card edge - the section's left alignment is unchanged. */ .elementor-774 .elementor-element.elementor-element-ita003, .elementor-774 .elementor-element.elementor-element-ita004, .elementor-774 .elementor-element.elementor-element-ita005, .elementor-774 .elementor-element.elementor-element-ita006 { position: relative; margin-left: 15px; } .elementor-774 .elementor-element.elementor-element-ita003::before, .elementor-774 .elementor-element.elementor-element-ita004::before, .elementor-774 .elementor-element.elementor-element-ita005::before, .elementor-774 .elementor-element.elementor-element-ita006::before { content: ""; position: absolute; left: -15px; top: 0; bottom: 0; width: 5px; background-color: #F69622; } /* ITAM Solutions column ita0044 is display:block (the image floats beside the copy), so the site-wide text flow's container gap cannot space it. Same --mgi-flow, applied as a top margin. (2026-09-16) */ @media (min-width:768px){ .elementor-774 .elementor-element.elementor-element-ita0044 > .elementor-widget + .elementor-widget.elementor-element { margin-block-start: var(--mgi-flow); } } /* 2026-10-27: phones - ita0044 is a flex column so the widget Order controls can put the pill + heading above the image. The gap does the same --mgi-flow spacing the margin rule above gives larger screens. */ @media (max-width:767px){ .elementor-774 .elementor-element.elementor-element-ita0044{ display:flex; flex-direction:column; gap:var(--mgi-flow); } } /* ===== ITAM bullet list ita0046 - proper orange bullets (2026-09-22) ===== Austin: "rebuild using a more proper bullet list, bullets should be MGI orange." It was a text-editor