.elementor-333 .elementor-element.elementor-element-0141a32{--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;--margin-top:-6em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-333 .elementor-element.elementor-element-0141a32.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-333 .elementor-element.elementor-element-04ff8e0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-333 .elementor-element.elementor-element-d06ea11{--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;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-333 .elementor-element.elementor-element-d06ea11.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-333 .elementor-element.elementor-element-f5f7ecd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-333 .elementor-element.elementor-element-ece9727{--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;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-333 .elementor-element.elementor-element-ece9727:not(.elementor-motion-effects-element-type-background), .elementor-333 .elementor-element.elementor-element-ece9727 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-684e0d0 );}.elementor-333 .elementor-element.elementor-element-ece9727.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-333 .elementor-element.elementor-element-46e989c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-333 .elementor-element.elementor-element-71bc7a7{--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;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-333 .elementor-element.elementor-element-71bc7a7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-333 .elementor-element.elementor-element-3ad545c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-333 .elementor-element.elementor-element-47b2fda{--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;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-333 .elementor-element.elementor-element-47b2fda.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-333 .elementor-element.elementor-element-cdd6a21{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-333 .elementor-element.elementor-element-efe8859{--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:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:4em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:3em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-333 .elementor-element.elementor-element-efe8859:not(.elementor-motion-effects-element-type-background), .elementor-333 .elementor-element.elementor-element-efe8859 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-684e0d0 );}.elementor-333 .elementor-element.elementor-element-efe8859.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-333 .elementor-element.elementor-element-934e9a2{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-333 .elementor-element.elementor-element-934e9a2 .elementor-heading-title{font-size:2em;font-weight:700;color:var( --e-global-color-secondary );}.elementor-333 .elementor-element.elementor-element-934e9a2 .elementor-heading-title a:hover, .elementor-333 .elementor-element.elementor-element-934e9a2 .elementor-heading-title a:focus{color:#FFBE00;}.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-333 .elementor-element.elementor-element-0f3f20d{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;font-family:"Plus Jakarta Sans", Sans-serif;font-size:1em;font-weight:400;color:var( --e-global-color-secondary );}.elementor-333 .elementor-element.elementor-element-0f3f20d a{color:var( --e-global-color-primary );}.elementor-333 .elementor-element.elementor-element-f064581{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-333 .elementor-element.elementor-element-a502928{--display:flex;--justify-content:flex-start;--padding-top:3em;--padding-bottom:6em;--padding-left:0em;--padding-right:0em;}.elementor-333 .elementor-element.elementor-element-fa9d58d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--z-index:1;}.elementor-333 .elementor-element.elementor-element-fa9d58d.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-333 .elementor-element.elementor-element-7b1e3c9{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-333 .elementor-element.elementor-element-7b1e3c9 .elementor-heading-title{font-size:2em;font-weight:700;color:var( --e-global-color-secondary );}.elementor-333 .elementor-element.elementor-element-7b1e3c9 .elementor-heading-title a:hover, .elementor-333 .elementor-element.elementor-element-7b1e3c9 .elementor-heading-title a:focus{color:#FFBE00;}.elementor-333 .elementor-element.elementor-element-b95b611{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;font-family:"Plus Jakarta Sans", Sans-serif;font-size:1em;font-weight:400;color:var( --e-global-color-secondary );}.elementor-333 .elementor-element.elementor-element-b95b611 a{color:var( --e-global-color-primary );}.elementor-333 .elementor-element.elementor-element-39b4c9d{--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;--justify-content:center;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--z-index:1;}.elementor-333 .elementor-element.elementor-element-39b4c9d.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.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-333 .elementor-element.elementor-element-dcf499f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-333 .elementor-element.elementor-element-ae30c96{--grid-columns:1;--grid-row-gap:10px;width:100%;max-width:100%;--load-more-spinner-color:var( --e-global-color-primary );--grid-column-gap:10px;}.elementor-333 .elementor-element.elementor-element-ae30c96 .e-load-more-message{font-family:"DM Sans", Sans-serif;font-size:1em;font-weight:400;}.elementor-333 .elementor-element.elementor-element-89e0f58{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-333 .elementor-element.elementor-element-c29eb4e{--grid-columns:1;--grid-row-gap:10px;width:100%;max-width:100%;--load-more-spinner-color:var( --e-global-color-primary );--grid-column-gap:10px;}.elementor-333 .elementor-element.elementor-element-c29eb4e .e-load-more-message{font-family:"DM Sans", Sans-serif;font-size:1em;font-weight:400;}.elementor-333 .elementor-element.elementor-element-8309528{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:25%;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:5px;--n-tabs-gap:25px;--n-tabs-title-border-radius:5px 5px 5px 5px;--n-tabs-title-font-size:1.2em;--n-tabs-title-color:var( --e-global-color-text );--n-tabs-title-color-active:var( --e-global-color-accent );}.elementor-333 .elementor-element.elementor-element-8309528 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-c64e13a );}.elementor-333 .elementor-element.elementor-element-8309528.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-485a8f8 );border-style:solid;border-width:0px 0px 3px 0px;border-color:var( --e-global-color-accent );}.elementor-333 .elementor-element.elementor-element-8309528.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-333 .elementor-element.elementor-element-8309528.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-485a8f8 );border-style:solid;border-width:0px 0px 3px 0px;border-color:var( --e-global-color-accent );}.elementor-333 .elementor-element.elementor-element-8309528.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:"Manrope", Sans-serif;font-weight:700;}.elementor-333 .elementor-element.elementor-element-8309528 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-accent );}.elementor-333 .elementor-element.elementor-element-9c8225e{--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;--padding-top:4em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-333 .elementor-element.elementor-element-9c8225e:not(.elementor-motion-effects-element-type-background), .elementor-333 .elementor-element.elementor-element-9c8225e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e88f48e );}.elementor-333 .elementor-element.elementor-element-ff06275{--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-333 .elementor-element.elementor-element-7258450 img{height:790px;object-fit:cover;object-position:center center;border-radius:20px 20px 20px 20px;}.elementor-333 .elementor-element.elementor-element-1f16140{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-333 .elementor-element.elementor-element-68c2686{text-align:start;}.elementor-333 .elementor-element.elementor-element-68c2686 .elementor-heading-title{font-size:2em;font-weight:700;color:var( --e-global-color-de7e508 );}.elementor-333 .elementor-element.elementor-element-68c2686 .elementor-heading-title a:hover, .elementor-333 .elementor-element.elementor-element-68c2686 .elementor-heading-title a:focus{color:#FFBE00;}.elementor-333 .elementor-element.elementor-element-4a685d0{font-family:"Manrope", Sans-serif;font-weight:400;color:var( --e-global-color-684e0d0 );}.elementor-333 .elementor-element.elementor-element-4a685d0 a{color:var( --e-global-color-de7e508 );}@media(max-width:1024px) and (min-width:768px){.elementor-333 .elementor-element.elementor-element-39b4c9d{--content-width:100%;}}@media(max-width:1024px){.elementor-333 .elementor-element.elementor-element-47b2fda{--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}.elementor-333 .elementor-element.elementor-element-efe8859{--padding-top:3em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}.elementor-333 .elementor-element.elementor-element-934e9a2{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:center;}.elementor-333 .elementor-element.elementor-element-934e9a2.elementor-element{--align-self:center;}.elementor-333 .elementor-element.elementor-element-934e9a2 .elementor-heading-title{font-size:2em;}.elementor-333 .elementor-element.elementor-element-0f3f20d{width:100%;max-width:100%;text-align:center;}.elementor-333 .elementor-element.elementor-element-a502928{--padding-top:3em;--padding-bottom:6em;--padding-left:1em;--padding-right:1em;}.elementor-333 .elementor-element.elementor-element-fa9d58d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-333 .elementor-element.elementor-element-7b1e3c9{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:center;}.elementor-333 .elementor-element.elementor-element-7b1e3c9.elementor-element{--align-self:center;}.elementor-333 .elementor-element.elementor-element-7b1e3c9 .elementor-heading-title{font-size:2em;}.elementor-333 .elementor-element.elementor-element-b95b611{width:100%;max-width:100%;text-align:center;}.elementor-333 .elementor-element.elementor-element-39b4c9d{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-333 .elementor-element.elementor-element-ae30c96{--grid-columns:1;}.elementor-333 .elementor-element.elementor-element-c29eb4e{--grid-columns:1;}.elementor-333 .elementor-element.elementor-element-8309528{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-title-font-size:1em;}.elementor-333 .elementor-element.elementor-element-9c8225e{--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;--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-333 .elementor-element.elementor-element-7258450 img{width:100%;height:496px;object-fit:cover;object-position:center center;}.elementor-333 .elementor-element.elementor-element-1f16140{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-333 .elementor-element.elementor-element-68c2686{text-align:center;}.elementor-333 .elementor-element.elementor-element-68c2686 .elementor-heading-title{font-size:2em;}.elementor-333 .elementor-element.elementor-element-4a685d0{text-align:start;}}@media(max-width:767px){.elementor-333 .elementor-element.elementor-element-934e9a2{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-333 .elementor-element.elementor-element-934e9a2 .elementor-heading-title{font-size:2em;}.elementor-333 .elementor-element.elementor-element-0f3f20d{text-align:center;}.elementor-333 .elementor-element.elementor-element-fa9d58d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:0em;}.elementor-333 .elementor-element.elementor-element-fa9d58d.e-con{--order:1;}.elementor-333 .elementor-element.elementor-element-7b1e3c9{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-333 .elementor-element.elementor-element-7b1e3c9 .elementor-heading-title{font-size:1.6em;}.elementor-333 .elementor-element.elementor-element-b95b611{text-align:center;}.elementor-333 .elementor-element.elementor-element-39b4c9d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-333 .elementor-element.elementor-element-39b4c9d.e-con{--order:1;}.elementor-333 .elementor-element.elementor-element-ae30c96{--grid-columns:1;}.elementor-333 .elementor-element.elementor-element-c29eb4e{--grid-columns:1;}.elementor-333 .elementor-element.elementor-element-8309528{--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:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}.elementor-333 .elementor-element.elementor-element-7258450 img{width:100%;height:270px;object-fit:cover;object-position:center center;}.elementor-333 .elementor-element.elementor-element-68c2686{text-align:start;}.elementor-333 .elementor-element.elementor-element-68c2686 .elementor-heading-title{font-size:2em;}}/* Start custom CSS for html, class: .elementor-element-f064581 */@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');


/* ==========================================================
   WINFOR — WMS INTEGRATION
   ========================================================== */

.wms-arc-section {
  --wms-primary: #2B3F71;
  --wms-dark: #222222;
  --wms-text: #383838;
  --wms-accent: #FEB301;

  --wms-white: tranparant;
  --wms-grey: #EFEFEF;
  --wms-blue-thin: #EAECF1;
  --wms-blue-light: #A8B0C5;
  --wms-blue-reg: #4F6089;
  --wms-blue-dark: #1A2645;

  background: var(--wms-white);
  color: var(--wms-text);
  font-family: 'Manrope', sans-serif;

  padding: 20px 24px;
}


/* ==========================================================
   BOX SIZING
   ========================================================== */

.wms-arc-section *,
.wms-arc-section *::before,
.wms-arc-section *::after {
  box-sizing: border-box;
}


/* ==========================================================
   CONTAINER
   ========================================================== */

.wms-arc-container {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
}


/* ==========================================================
   HEADER
   ========================================================== */

.wms-arc-header {
  text-align: center;

  max-width: 900px;

  margin: 0 auto 55px;
}


.wms-arc-title {
  margin: 0 0 18px;

  color: var(--wms-dark);

  font-size: 2.8em;
  line-height: 1.18;

  font-weight: 700;

  letter-spacing: -1.5px;
}


.wms-arc-title span {
  background: linear-gradient(
    120deg,
    #FEB301,
    #FEC02C
  );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  background-clip: text;
}


.wms-arc-desc {
  max-width: 850px;

  margin: 0 auto;

  color: var(--wms-text);

  font-size: 1em;
  line-height: 1.7;

  font-weight: 400;
}


/* ==========================================================
   DESKTOP ARC STAGE
   ========================================================== */

.wms-arc-stage {
  position: relative;

  width: 100%;

  /*
   * Stage diperlebar menjadi 1180px
   * agar node kiri dan kanan lebih proporsional.
   */
  max-width: 1180px;

  height: 390px;

  margin: 0 auto;
}


/* ==========================================================
   SVG CONNECTION SYSTEM
   ========================================================== */

.wms-arc-svg {
  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;

  pointer-events: none;

  z-index: 1;
}


/* ----------------------------------------------------------
   ARC ATAS
   ---------------------------------------------------------- */

.wms-arc-path {
  fill: none;

  stroke: var(--wms-blue-thin);

  stroke-width: 2;

  opacity: .95;
}


/* ----------------------------------------------------------
   GARIS KONEKSI
   ---------------------------------------------------------- */

.wms-arc-line-connect {
  fill: none;

  stroke: #C4CCDF;

  stroke-width: 1.6;

  stroke-dasharray: 4 6;

  stroke-linecap: round;

  opacity: .9;
}


/* ==========================================================
   WMS CORE
   ========================================================== */

.wms-center-node {
  position: absolute;

  left: 50%;
  top: 180px;

  transform: translateX(-50%);

  z-index: 5;

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 9px;
}


/* ----------------------------------------------------------
   WMS ICON
   ---------------------------------------------------------- */

.wms-center-icon-glow {
  width: 82px;
  height: 82px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      #FEB301 0%,
      #FEC02C 100%
    );

  border: 4px solid #FFFFFF;

  box-shadow:
    0 0 0 10px rgba(254,179,1,.10),
    0 12px 35px rgba(254,179,1,.25);
}


.wms-center-icon-glow svg {
  width: 39px;
  height: 39px;

  fill: #222222;
}


/* ----------------------------------------------------------
   WMS LABEL
   ---------------------------------------------------------- */

.wms-node-pill-dark {
  padding: 8px 22px;

  border-radius: 10px;

  background: #222222;

  color: #FFFFFF;

  font-size: .9em;

  font-weight: 700;

  box-shadow:
    0 10px 25px rgba(34,34,34,.16);

  white-space: nowrap;
}


/* ==========================================================
   DESKTOP SATELLITE NODE
   ========================================================== */


/* ----------------------------------------------------------
   ACCOUNTING — LEFT TOP
   ---------------------------------------------------------- */

.wms-sat-node[data-index="0"] {
  position: absolute;

  left: 145px;
  top: 116px;

  z-index: 6;

  display: flex;

  flex-direction: row;

  align-items: center;

  gap: 16px;

  cursor: pointer;

  transform: translate(-50%, -50%);

  transition:
    transform .3s cubic-bezier(.16,1,.3,1);
}


/* ----------------------------------------------------------
   ERP — LEFT BOTTOM
   ---------------------------------------------------------- */

.wms-sat-node[data-index="1"] {
  position: absolute;

  left: 145px;
  top: 268px;

  z-index: 6;

  display: flex;

  flex-direction: row;

  align-items: center;

  gap: 16px;

  cursor: pointer;

  transform: translate(-50%, -50%);

  transition:
    transform .3s cubic-bezier(.16,1,.3,1);
}


/* ----------------------------------------------------------
   POS — RIGHT TOP
   ---------------------------------------------------------- */

.wms-sat-node[data-index="2"] {
  position: absolute;

  left: 1035px;
  top: 116px;

  z-index: 6;

  display: flex;

  flex-direction: row-reverse;

  align-items: center;

  gap: 16px;

  cursor: pointer;

  transform: translate(-50%, -50%);

  transition:
    transform .3s cubic-bezier(.16,1,.3,1);
}


/* ----------------------------------------------------------
   ASRS — RIGHT BOTTOM
   ---------------------------------------------------------- */

.wms-sat-node[data-index="3"] {
  position: absolute;

  left: 1035px;
  top: 268px;

  z-index: 6;

  display: flex;

  flex-direction: row-reverse;

  align-items: center;

  gap: 16px;

  cursor: pointer;

  transform: translate(-50%, -50%);

  transition:
    transform .3s cubic-bezier(.16,1,.3,1);
}


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

.wms-sat-circle {
  width: 66px;
  height: 66px;

  min-width: 66px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: #FFFFFF;

  border: 2px solid var(--wms-blue-thin);

  box-shadow:
    0 10px 28px rgba(26,38,69,.08);

  transition:
    background .3s ease,
    border-color .3s ease,
    transform .3s cubic-bezier(.16,1,.3,1),
    box-shadow .3s ease;
}


.wms-sat-circle svg {
  width: 27px;
  height: 27px;

  fill: var(--wms-primary);

  transition: fill .3s ease;
}


/* ==========================================================
   LABEL
   ========================================================== */

.wms-node-pill-light {
  display: inline-flex;

  align-items: center;

  min-height: 60px;

  padding: 0 28px;

  border-radius: 11px;

  background: #FFFFFF;

  border: 1px solid var(--wms-blue-thin);

  color: var(--wms-dark);

  font-size: .82em;

  font-weight: 700;

  white-space: nowrap;

  box-shadow:
    0 6px 18px rgba(26,38,69,.06);

  transition:
    background .3s ease,
    color .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}


/* ----------------------------------------------------------
   CONTENT
   ---------------------------------------------------------- */

.wms-sat-content {
  display: flex;

  flex-direction: column;

  align-items: center;
}


/* ==========================================================
   DESKTOP HOVER
   ========================================================== */

.wms-sat-node:hover .wms-sat-circle,
.wms-sat-node.active .wms-sat-circle,
.wms-sat-node:focus .wms-sat-circle {

  background: var(--wms-accent);

  border-color: var(--wms-accent);

  transform: scale(1.12);

  box-shadow:
    0 0 0 7px rgba(254,179,1,.10),
    0 14px 30px rgba(254,179,1,.28);
}


.wms-sat-node:hover .wms-sat-circle svg,
.wms-sat-node.active .wms-sat-circle svg,
.wms-sat-node:focus .wms-sat-circle svg {

  fill: #222222;
}


.wms-sat-node:hover .wms-node-pill-light,
.wms-sat-node.active .wms-node-pill-light,
.wms-sat-node:focus .wms-node-pill-light {

  background: var(--wms-accent);

  border-color: var(--wms-accent);

  color: #222222;

  box-shadow:
    0 8px 20px rgba(254,179,1,.20);
}


/* ==========================================================
   TOOLTIP
   ========================================================== */

.wms-tooltip-box {
  position: absolute;

  z-index: 20;

  width: 320px;

  padding: 17px 18px;

  border-radius: 14px;

  background: var(--wms-blue-dark);

  border: 1px solid rgba(254,179,1,.65);

  box-shadow:
    0 20px 45px rgba(26,38,69,.22);

  pointer-events: none;

  opacity: 0;

  visibility: hidden;

  transform:
    translate(-50%, -100%)
    translateY(8px)
    scale(.96);

  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility .2s ease;
}


.wms-tooltip-box.show {
  opacity: 1;

  visibility: visible;

  transform:
    translate(-50%, -100%)
    translateY(-8px)
    scale(1);
}


.wms-tooltip-title {
  display: flex;

  align-items: flex-start;

  gap: 9px;

  margin-bottom: 7px;

  color: #FFFFFF;

  font-size: .88em;

  font-weight: 700;

  line-height: 1.4;
}


.wms-tooltip-title::before {
  content: "";

  width: 8px;
  height: 8px;

  min-width: 8px;

  margin-top: 5px;

  border-radius: 50%;

  background: var(--wms-accent);
}


.wms-tooltip-desc {
  margin: 0;

  padding-left: 17px;

  color: var(--wms-blue-light);

  font-size: .8em;

  line-height: 1.55;
}


/* ==========================================================
   MOBILE DESCRIPTION
   ========================================================== */

.wms-mobile-desc {
  display: none;
}


/* ==========================================================
   TABLET
   851px — 1100px
   ========================================================== */

@media (max-width: 1100px) {

  /* --------------------------------------------------------
     SECTION
     -------------------------------------------------------- */

  .wms-arc-section {
    padding: 10px 24px;
  }


  /* --------------------------------------------------------
     HEADER
     -------------------------------------------------------- */

  .wms-arc-header {
    max-width: 820px;

    margin-bottom: 48px;
  }


  .wms-arc-title {
    font-size: 2.4em;

    line-height: 1.2;
  }


  .wms-arc-desc {
    max-width: 760px;

    font-size: .96em;

    line-height: 1.65;
  }


  /* --------------------------------------------------------
     STAGE
     -------------------------------------------------------- */

  .wms-arc-stage {
    width: 100%;

    max-width: 900px;

    height: auto;

    display: grid;

    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr);

    gap: 18px;

    padding-top: 0;
  }


  /* --------------------------------------------------------
     HIDE DESKTOP CONNECTIONS
     -------------------------------------------------------- */

  .wms-arc-svg {
    display: none;
  }


  /* --------------------------------------------------------
     WMS CORE
     -------------------------------------------------------- */

  .wms-center-node {
    position: relative;

    left: auto;
    top: auto;

    transform: none;

    grid-column: 1 / -1;

    margin: 0 auto 10px;

    gap: 9px;
  }


  .wms-center-icon-glow {
    width: 76px;
    height: 76px;

    border-width: 4px;

    box-shadow:
      0 0 0 9px rgba(254,179,1,.09),
      0 10px 28px rgba(254,179,1,.20);
  }


  .wms-center-icon-glow svg {
    width: 36px;
    height: 36px;
  }


  .wms-node-pill-dark {
    padding: 8px 21px;

    font-size: .88em;

    border-radius: 9px;
  }


  /* --------------------------------------------------------
     SATELLITE CARDS
     -------------------------------------------------------- */

  .wms-sat-node {
    position: relative !important;

    top: auto !important;
    left: auto !important;

    transform: none !important;

    width: 100%;

    min-height: 128px;

    display: flex;

    flex-direction: row !important;

    align-items: center;

    gap: 17px;

    padding: 20px;

    border-radius: 17px;

    background: #FFFFFF;

    border: 1px solid var(--wms-blue-thin);

    box-shadow:
      0 10px 28px rgba(26,38,69,.06);

    overflow: hidden;

    transition:
      transform .3s ease,
      box-shadow .3s ease,
      border-color .3s ease;
  }


  /* --------------------------------------------------------
     ACCENT INDICATOR
     -------------------------------------------------------- */

  .wms-sat-node::before {
    content: "";

    position: absolute;

    left: 0;

    top: 16px;
    bottom: 16px;

    width: 3px;

    border-radius: 0 4px 4px 0;

    background: var(--wms-accent);

    opacity: .55;

    transition: opacity .3s ease;
  }


  /* --------------------------------------------------------
     HOVER
     -------------------------------------------------------- */

  .wms-sat-node:hover {
    transform: translateY(-4px) !important;

    border-color: rgba(254,179,1,.40);

    box-shadow:
      0 16px 34px rgba(26,38,69,.10);
  }


  .wms-sat-node:hover::before,
  .wms-sat-node.active::before {
    opacity: 1;
  }


  /* --------------------------------------------------------
     FORCE 2 × 2 GRID
     -------------------------------------------------------- */

  .wms-sat-node[data-index="0"],
  .wms-sat-node[data-index="1"],
  .wms-sat-node[data-index="2"],
  .wms-sat-node[data-index="3"] {

    grid-column: auto;

    width: 100%;

    justify-self: stretch;
  }


  /* --------------------------------------------------------
     SATELLITE ICON
     -------------------------------------------------------- */

  .wms-sat-circle {
    width: 54px;
    height: 54px;

    min-width: 54px;

    flex-shrink: 0;

    box-shadow:
      0 7px 20px rgba(26,38,69,.07);
  }


  .wms-sat-circle svg {
    width: 23px;
    height: 23px;
  }


  /* --------------------------------------------------------
     CONTENT
     -------------------------------------------------------- */

  .wms-sat-content {
    min-width: 0;

    flex: 1;

    align-items: flex-start;

    padding-top: 0;
  }


  /* --------------------------------------------------------
     LABEL
     -------------------------------------------------------- */

  .wms-node-pill-light {
    min-height: 0;

    padding: 0;

    border: 0;

    background: transparent;

    box-shadow: none;

    font-size: .94em;

    font-weight: 700;

    line-height: 1.35;

    white-space: normal;

    text-align: left;
  }


  .wms-sat-node:hover .wms-node-pill-light,
  .wms-sat-node.active .wms-node-pill-light,
  .wms-sat-node:focus .wms-node-pill-light {

    background: transparent;

    border-color: transparent;

    box-shadow: none;

    color: var(--wms-primary);
  }


  /* --------------------------------------------------------
     DESCRIPTION
     -------------------------------------------------------- */

  .wms-mobile-desc {
    display: block;

    margin-top: 6px;

    color: var(--wms-text);

    font-size: .76em;

    line-height: 1.5;

    text-align: left;
  }


  /* --------------------------------------------------------
     TOOLTIP
     -------------------------------------------------------- */

  .wms-tooltip-box {
    display: none !important;
  }

}


/* ==========================================================
   SMALL TABLET / MOBILE
   <= 700px
   ========================================================== */

@media (max-width: 700px) {

  /* --------------------------------------------------------
     SECTION
     -------------------------------------------------------- */

  .wms-arc-section {
    padding: 10px 18px;
  }


  /* --------------------------------------------------------
     HEADER
     -------------------------------------------------------- */

  .wms-arc-header {
    max-width: 100%;

    margin-bottom: 38px;
  }


  .wms-arc-title {
    font-size: 2em;

    line-height: 1.22;

    letter-spacing: -1px;
  }


  .wms-arc-desc {
    max-width: 100%;

    font-size: .93em;

    line-height: 1.65;
  }


  /* --------------------------------------------------------
     STAGE
     -------------------------------------------------------- */

  .wms-arc-stage {
    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 14px;
  }


  /* --------------------------------------------------------
     WMS CORE
     -------------------------------------------------------- */

  .wms-center-node {
    margin-bottom: 14px;

    gap: 8px;
  }


  .wms-center-icon-glow {
    width: 70px;
    height: 70px;
  }


  .wms-center-icon-glow svg {
    width: 32px;
    height: 32px;
  }


  .wms-node-pill-dark {
    padding: 7px 18px;

    border-radius: 9px;

    font-size: .84em;
  }


  /* --------------------------------------------------------
     SATELLITE CARDS
     -------------------------------------------------------- */

  .wms-sat-node {
    width: 100% !important;

    min-height: auto;

    padding: 17px 18px;

    border-radius: 15px;

    gap: 14px;

    align-items: flex-start;
  }


  .wms-sat-node[data-index="0"],
  .wms-sat-node[data-index="1"],
  .wms-sat-node[data-index="2"],
  .wms-sat-node[data-index="3"] {

    width: 100% !important;

    grid-column: auto;
  }


  /* --------------------------------------------------------
     ICON
     -------------------------------------------------------- */

  .wms-sat-circle {
    width: 50px;
    height: 50px;

    min-width: 50px;

    flex-shrink: 0;
  }


  .wms-sat-circle svg {
    width: 21px;
    height: 21px;
  }


  /* --------------------------------------------------------
     CONTENT
     -------------------------------------------------------- */

  .wms-sat-content {
    padding-top: 1px;

    min-width: 0;
  }


  .wms-node-pill-light {
    font-size: .92em;

    line-height: 1.35;
  }


  .wms-mobile-desc {
    margin-top: 6px;

    font-size: .78em;

    line-height: 1.5;
  }


  /* --------------------------------------------------------
     HOVER
     -------------------------------------------------------- */

  .wms-sat-node:hover {
    transform: translateY(-3px) !important;
  }


  .wms-sat-node:hover .wms-node-pill-light,
  .wms-sat-node.active .wms-node-pill-light {

    background: transparent;

    border-color: transparent;

    box-shadow: none;

    color: var(--wms-primary);
  }

}


/* ==========================================================
   VERY SMALL MOBILE
   <= 420px
   ========================================================== */

@media (max-width: 420px) {

  /* --------------------------------------------------------
     SECTION
     -------------------------------------------------------- */

  .wms-arc-section {
    padding-left: 14px;
    padding-right: 14px;
  }


  /* --------------------------------------------------------
     HEADER
     -------------------------------------------------------- */

  .wms-arc-title {
    font-size: 1.8em;

    line-height: 1.22;
  }


  .wms-arc-desc {
    font-size: .9em;
  }


  /* --------------------------------------------------------
     SATELLITE CARD
     -------------------------------------------------------- */

  .wms-sat-node {
    padding: 16px;

    gap: 13px;
  }


  /* --------------------------------------------------------
     ICON
     -------------------------------------------------------- */

  .wms-sat-circle {
    width: 46px;
    height: 46px;

    min-width: 46px;
  }


  .wms-sat-circle svg {
    width: 20px;
    height: 20px;
  }


  /* --------------------------------------------------------
     LABEL
     -------------------------------------------------------- */

  .wms-node-pill-light {
    font-size: .9em;
  }


  /* --------------------------------------------------------
     DESCRIPTION
     -------------------------------------------------------- */

  .wms-mobile-desc {
    font-size: .76em;

    line-height: 1.48;
  }

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://winfor.garapdigital.id/wp-content/uploads/2026/07/Manrope-ExtraLight.woff2') format('woff2'),
		url('https://winfor.garapdigital.id/wp-content/uploads/2026/07/Manrope-ExtraLight.woff') format('woff');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://winfor.garapdigital.id/wp-content/uploads/2026/07/Manrope-Light.woff2') format('woff2'),
		url('https://winfor.garapdigital.id/wp-content/uploads/2026/07/Manrope-Light.woff') format('woff');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://winfor.garapdigital.id/wp-content/uploads/2026/07/Manrope-Regular.woff2') format('woff2'),
		url('https://winfor.garapdigital.id/wp-content/uploads/2026/07/Manrope-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://winfor.garapdigital.id/wp-content/uploads/2026/07/Manrope-Medium.woff2') format('woff2'),
		url('https://winfor.garapdigital.id/wp-content/uploads/2026/07/Manrope-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://winfor.garapdigital.id/wp-content/uploads/2026/07/Manrope-SemiBold.woff2') format('woff2'),
		url('https://winfor.garapdigital.id/wp-content/uploads/2026/07/Manrope-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://winfor.garapdigital.id/wp-content/uploads/2026/07/Manrope-Bold.woff2') format('woff2'),
		url('https://winfor.garapdigital.id/wp-content/uploads/2026/07/Manrope-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://winfor.garapdigital.id/wp-content/uploads/2026/07/Manrope-ExtraBold.woff2') format('woff2'),
		url('https://winfor.garapdigital.id/wp-content/uploads/2026/07/Manrope-ExtraBold.woff') format('woff');
}
/* End Custom Fonts CSS */