.elementor-34 .elementor-element.elementor-element-be4a810{--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 );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-34 .elementor-element.elementor-element-733ca72{--display:flex;}.elementor-34 .elementor-element.elementor-element-c7da9b9{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-34 .elementor-element.elementor-element-98a601f{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-7117c6b{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-7117c6b:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-7117c6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.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 );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );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-34 .elementor-element.elementor-element-523e637{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-523e637.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-523e637 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-34 .elementor-element.elementor-element-bb3b073{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-bb3b073.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-449f695{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-d8869c4{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-d8869c4.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-d8869c4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-1599971.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-16fc618{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-d8884bb{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-d8884bb:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-d8884bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-0926ad8{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-0926ad8.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-0926ad8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-97554c8{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-97554c8.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-ddb5e28{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-14c0eab{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-14c0eab.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-14c0eab .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-1d37fda.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-7f40c3c{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-6c8d2be{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-6c8d2be:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-6c8d2be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-676d94e{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-676d94e.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-676d94e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-061c5e1{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-061c5e1.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-3ee2b2b{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-fc053f8{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-fc053f8.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-fc053f8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-9722d2a.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-1c8eb6d{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-00cd50e{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-00cd50e:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-00cd50e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-46c8fab{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-46c8fab.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-46c8fab .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-8578838{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-8578838.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-fd9ea27{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-6745943{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-6745943.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-6745943 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-33f2775.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-2679200{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-0018ed4{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-0018ed4:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-0018ed4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-a809571{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-a809571.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-a809571 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-d3acf6f{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-d3acf6f.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-51b5d05{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-47c6678{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-47c6678.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-47c6678 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-d7f5c18.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-8116b0d{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-717f621{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-717f621:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-717f621 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-376d9d8{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-376d9d8.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-376d9d8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-ad2ed3d{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-ad2ed3d.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-4eb9b5a{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-4024314{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-4024314.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-4024314 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-c478799.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-f139f84{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-e06f5c9{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-e06f5c9:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-e06f5c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-444650a{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-444650a.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-444650a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-c7ab8cc{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-c7ab8cc.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-d50868a{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-2b27c47{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-2b27c47.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-2b27c47 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-19c707c.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-bdea968{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-7b15100{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-7b15100:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-7b15100 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-6107f94{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-6107f94.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-6107f94 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-2b4e586{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-2b4e586.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-ebd1ef4{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-b7f7a8e{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-b7f7a8e.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-b7f7a8e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-0369ecb.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-ac5b170{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-14673aa{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-14673aa:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-14673aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-c8abeae{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-c8abeae.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-c8abeae .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-1fd2638{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-1fd2638.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-62239f6{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-0541d2f{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-0541d2f.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-0541d2f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-8f4f63d.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-1c250b9{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-95b8060{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-95b8060:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-95b8060 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-a796265{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-a796265.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-a796265 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-b0bb4f0{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-b0bb4f0.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-47d06aa{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-5956ad5{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-5956ad5.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-5956ad5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-064c8c3.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-6d76858{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-6fe8857{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-6fe8857:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-6fe8857 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-d8670db{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-d8670db.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-d8670db .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-3e87091{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-3e87091.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-882b36d{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-60b4b7a{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-60b4b7a.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-60b4b7a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-c647785.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-cccabc6{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-0b71d38{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-0b71d38:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-0b71d38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-b1e02ce{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-b1e02ce.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-b1e02ce .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-67c9abb{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-67c9abb.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-9009a68{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-0ec37df{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-0ec37df.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-0ec37df .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-b1f87c5.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-1ac39e9{--display:flex;}.elementor-34 .elementor-element.elementor-element-4dac75b{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-34 .elementor-element.elementor-element-91e8eca{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-2e76d3e{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-2e76d3e:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-2e76d3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#41414114;background-image:url("https://isgool.com/wp-content/uploads/2026/01/BlueprintBG.png");background-size:cover;}.elementor-34 .elementor-element.elementor-element-dabc1cc{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-dabc1cc.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-dabc1cc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;color:#FFFFFF;}.elementor-34 .elementor-element.elementor-element-63eaf12{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-63eaf12.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-fcf9428{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-0219673{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-0219673.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-0219673 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;color:#FFFFFF;}.elementor-34 .elementor-element.elementor-element-ab152ea.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-da4958e{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-f7af610{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-f7af610:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-f7af610 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#41414114;background-image:url("https://isgool.com/wp-content/uploads/2026/01/BlueprintBG.png");background-size:cover;}.elementor-34 .elementor-element.elementor-element-1c25206{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-1c25206.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-1c25206 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-7af2db2{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-7af2db2.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-2f48fe9{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-788ad05{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-788ad05.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-788ad05 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-cb913b3.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-48e1c3f{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-3a34977{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-3a34977:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-3a34977 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#41414114;background-image:url("https://isgool.com/wp-content/uploads/2026/01/BlueprintBG.png");background-size:cover;}.elementor-34 .elementor-element.elementor-element-436b186{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-436b186.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-436b186 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-3c25a08{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-3c25a08.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-bc5c458{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-44e47b8{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-44e47b8.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-44e47b8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-090c01e.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-01afe69{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-6949ecc{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-6949ecc:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-6949ecc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#41414114;background-image:url("https://isgool.com/wp-content/uploads/2026/01/BlueprintBG.png");background-size:cover;}.elementor-34 .elementor-element.elementor-element-099d3ac{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-099d3ac.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-099d3ac .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-5209d06{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-5209d06.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-aa9a11e{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-c4b5667{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-c4b5667.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-c4b5667 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-4ff78e4.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-30cceb7{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-3c2fa68{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-3c2fa68:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-3c2fa68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#41414114;background-image:url("https://isgool.com/wp-content/uploads/2026/01/BlueprintBG.png");background-size:cover;}.elementor-34 .elementor-element.elementor-element-3e8fa66{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-3e8fa66.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-3e8fa66 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-f40a8be{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-f40a8be.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-17a583b{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-3cb929b{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-3cb929b.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-3cb929b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-6a64e08.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-8fefc8a{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-6f6843b{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-6f6843b:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-6f6843b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#41414114;background-image:url("https://isgool.com/wp-content/uploads/2026/01/BlueprintBG.png");background-size:cover;}.elementor-34 .elementor-element.elementor-element-49c8cb5{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-49c8cb5.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-49c8cb5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-9f0eb37{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-9f0eb37.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-9525c48{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-343d447{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-343d447.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-343d447 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-274d870.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-c20aaba{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-e55bf20{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-e55bf20:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-e55bf20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#41414114;background-image:url("https://isgool.com/wp-content/uploads/2026/01/BlueprintBG.png");background-size:cover;}.elementor-34 .elementor-element.elementor-element-d64575e{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-d64575e.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-d64575e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-ae9f353{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-ae9f353.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-cb8b696{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-6230c40{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-6230c40.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-6230c40 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-05f7355.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-eefcef1{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-d9132e6{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-d9132e6:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-d9132e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#41414114;background-image:url("https://isgool.com/wp-content/uploads/2026/01/BlueprintBG.png");background-size:cover;}.elementor-34 .elementor-element.elementor-element-6cc4beb{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-6cc4beb.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-6cc4beb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-d112f0c{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-d112f0c.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-864c787{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-59d9321{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-59d9321.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-59d9321 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-03ad17b.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-0ddcaea{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-7cd5b4e{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-7cd5b4e:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-7cd5b4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#41414114;background-image:url("https://isgool.com/wp-content/uploads/2026/01/BlueprintBG.png");background-size:cover;}.elementor-34 .elementor-element.elementor-element-1ca88cd{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-1ca88cd.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-1ca88cd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-3b293cb{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-3b293cb.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-1effb67{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-f25d05a{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-f25d05a.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-f25d05a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-46d3c15.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-70d953f{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-e9e7b5e{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-e9e7b5e:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-e9e7b5e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#41414114;background-image:url("https://isgool.com/wp-content/uploads/2026/01/BlueprintBG.png");background-size:cover;}.elementor-34 .elementor-element.elementor-element-8dbd608{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-8dbd608.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-8dbd608 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-346c14a{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-346c14a.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-af13de2{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-5ba87f8{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-5ba87f8.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-5ba87f8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-27c363a.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-c99cbb5{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-5c0ca20{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-5c0ca20:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-5c0ca20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#41414114;background-image:url("https://isgool.com/wp-content/uploads/2026/01/BlueprintBG.png");background-size:cover;}.elementor-34 .elementor-element.elementor-element-74d1e9c{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-74d1e9c.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-74d1e9c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-9e4e016{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-9e4e016.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-a870c88{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-af1fb73{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-af1fb73.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-af1fb73 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-4bfe709.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-6bfcb8c{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-a9bd893{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-a9bd893:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-a9bd893 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#41414114;background-image:url("https://isgool.com/wp-content/uploads/2026/01/BlueprintBG.png");background-size:cover;}.elementor-34 .elementor-element.elementor-element-3317e1e{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-3317e1e.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-3317e1e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-4e8c91a{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-4e8c91a.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-2910fca{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-6240760{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-6240760.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-6240760 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-96767fb.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-41adce5{--display:flex;}.elementor-34 .elementor-element.elementor-element-f3b353b{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-34 .elementor-element.elementor-element-3035a4e{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-8817c89{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-8817c89:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-8817c89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-46b3e9f{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-46b3e9f.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-46b3e9f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-a98c36c{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-a98c36c.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-b241e6b{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-18a3700{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-18a3700.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-18a3700 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-e03f3c9.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-9e327cc{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-8fc55de{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-8fc55de:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-8fc55de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-b880515{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-b880515.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-b880515 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-1927485{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-1927485.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-53cdb1e{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-a6e9fbd{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-a6e9fbd.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-a6e9fbd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-7a60b11.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-5fbfb30{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-740648a{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-740648a:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-740648a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-fa5d31a{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-fa5d31a.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-fa5d31a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-31df9b7{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-31df9b7.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-9b4402a{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-0238095{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-0238095.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-0238095 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-4df9dda.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-e811154{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-a8954e1{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-a8954e1:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-a8954e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-ace6efd{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-ace6efd.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-ace6efd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-60810ac{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-60810ac.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-5bf7912{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-e5269db{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-e5269db.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-e5269db .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-393cf90.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-1449e1a{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-ab39e46{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-ab39e46:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-ab39e46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-922bee5{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-922bee5.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-922bee5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-47cc2cf{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-47cc2cf.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-adcbb2f{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-976434f{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-976434f.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-976434f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-6d4946a.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-233033b{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-cd197f0{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-cd197f0:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-cd197f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-5138e17{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-5138e17.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-5138e17 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-dc74648{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-dc74648.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-84c47a1{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-1e83ca8{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-1e83ca8.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-1e83ca8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-07082b3.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-3978da4{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-cf9247e{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-cf9247e:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-cf9247e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-22c889a{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-22c889a.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-22c889a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-bc20d4a{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-bc20d4a.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-4a091fa{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-7de7b11{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-7de7b11.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-7de7b11 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-3343da0.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-eac3094{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-d4341a1{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-d4341a1:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-d4341a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-6038a8b{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-6038a8b.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-6038a8b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-f24d528{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-f24d528.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-8196ca2{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-2e80e2b{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-2e80e2b.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-2e80e2b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-d1d99ef.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-1aad25c{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-34 .elementor-element.elementor-element-7ec09f6{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFCC22;--border-color:#FFCC22;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-7ec09f6:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-7ec09f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #41414114 0%, #000000AD 100%);}.elementor-34 .elementor-element.elementor-element-12421ee{background-color:#0000007A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 10px;padding:4px 7px 4px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373737;border-radius:7px 7px 7px 7px;}.elementor-34 .elementor-element.elementor-element-12421ee.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-12421ee .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-fe98532{width:100%;max-width:100%;}.elementor-34 .elementor-element.elementor-element-fe98532.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-086725c{--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;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-22af77a{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-22af77a.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-22af77a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;}.elementor-34 .elementor-element.elementor-element-4954cec.elementor-element{--align-self:flex-end;}.elementor-34 .elementor-element.elementor-element-224e06f{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:52px;--n-tabs-gap:0px;--n-tabs-title-border-radius:10px 10px 10px 10px;}.elementor-34 .elementor-element.elementor-element-224e06f.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFCC22;}.elementor-34 .elementor-element.elementor-element-224e06f.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-34 .elementor-element.elementor-element-224e06f.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-34 .elementor-element.elementor-element-1d5cf72e{--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:180px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:0px;}.elementor-widget-flex-hero .is-type-button.ehp-flex-hero__button--primary{background-color:var( --e-global-color-accent );}.elementor-widget-flex-hero .is-type-button.ehp-flex-hero__button--primary:hover, .elementor-widget-flex-hero .is-type-button.ehp-flex-hero__button--primary:focus{background-color:var( --e-global-color-accent );}.elementor-widget-flex-hero .ehp-flex-hero .ehp-flex-hero__intro{color:var( --e-global-color-text );}.elementor-widget-flex-hero .ehp-flex-hero__intro{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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-flex-hero .ehp-flex-hero .ehp-flex-hero__heading{color:var( --e-global-color-primary );}.elementor-widget-flex-hero .ehp-flex-hero__heading{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 );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );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-flex-hero .ehp-flex-hero .ehp-flex-hero__subheading{color:var( --e-global-color-secondary );}.elementor-widget-flex-hero .ehp-flex-hero__subheading{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-flex-hero .ehp-flex-hero__button--primary{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 );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-flex-hero .ehp-flex-hero{--flex-hero-button-primary-text-color:var( --e-global-color-secondary );--flex-hero-button-primary-text-color-hover:var( --e-global-color-text );--flex-hero-button-primary-border-color:var( --e-global-color-secondary );--flex-hero-button-secondary-text-color:var( --e-global-color-secondary );--flex-hero-button-secondary-text-color-hover:var( --e-global-color-text );--flex-hero-button-secondary-border-color:var( --e-global-color-secondary );--flex-hero-image-border-color:var( --e-global-color-text );--flex-hero-box-border-color:var( --e-global-color-text );}.elementor-widget-flex-hero .ehp-flex-hero__button--secondary{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 );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-34 .elementor-element.elementor-element-4694d106 .is-type-button.ehp-flex-hero__button--primary:hover, .elementor-34 .elementor-element.elementor-element-4694d106 .is-type-button.ehp-flex-hero__button--primary:focus{background-color:var( --e-global-color-86b4fcd );}.elementor-34 .elementor-element.elementor-element-4694d106 .ehp-flex-hero{--flex-hero-content-alignment-showcase:center;--flex-hero-button-primary-text-color-hover:var( --e-global-color-accent );--flex-hero-button-primary-border-width:2px;--flex-hero-button-primary-border-color:var( --e-global-color-accent );--flex-hero-button-primary-padding-block-end:10px;--flex-hero-button-primary-padding-block-start:10px;--flex-hero-button-primary-padding-inline-end:32px;--flex-hero-button-primary-padding-inline-start:32px;--flex-hero-image-position:center center;--flex-hero-overlay-opacity:0.5;--flex-hero-element-spacing:40px;--flex-hero-gap:100px;}.elementor-34 .elementor-element.elementor-element-4694d106 .ehp-flex-hero__heading{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 );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );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-34 .elementor-element.elementor-element-4694d106 .ehp-flex-hero .ehp-flex-hero__subheading{color:var( --e-global-color-primary );}.elementor-34 .elementor-element.elementor-element-4694d106 .ehp-flex-hero__subheading{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 );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-34 .elementor-element.elementor-element-4694d106 .ehp-flex-hero__button--primary{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 );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-34 .elementor-element.elementor-element-4694d106 .ehp-flex-hero__image-container img{filter:brightness( 100% ) contrast( 100% ) saturate( 45% ) blur( 0px ) hue-rotate( 0deg );}body.elementor-page-34{margin:00px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-34 .elementor-element.elementor-element-7117c6b{--width:100%;}.elementor-34 .elementor-element.elementor-element-d8884bb{--width:100%;}.elementor-34 .elementor-element.elementor-element-6c8d2be{--width:100%;}.elementor-34 .elementor-element.elementor-element-00cd50e{--width:100%;}.elementor-34 .elementor-element.elementor-element-0018ed4{--width:100%;}.elementor-34 .elementor-element.elementor-element-717f621{--width:100%;}.elementor-34 .elementor-element.elementor-element-e06f5c9{--width:100%;}.elementor-34 .elementor-element.elementor-element-7b15100{--width:100%;}.elementor-34 .elementor-element.elementor-element-14673aa{--width:100%;}.elementor-34 .elementor-element.elementor-element-95b8060{--width:100%;}.elementor-34 .elementor-element.elementor-element-6fe8857{--width:100%;}.elementor-34 .elementor-element.elementor-element-0b71d38{--width:100%;}.elementor-34 .elementor-element.elementor-element-2e76d3e{--width:100%;}.elementor-34 .elementor-element.elementor-element-f7af610{--width:100%;}.elementor-34 .elementor-element.elementor-element-3a34977{--width:100%;}.elementor-34 .elementor-element.elementor-element-6949ecc{--width:100%;}.elementor-34 .elementor-element.elementor-element-3c2fa68{--width:100%;}.elementor-34 .elementor-element.elementor-element-6f6843b{--width:100%;}.elementor-34 .elementor-element.elementor-element-e55bf20{--width:100%;}.elementor-34 .elementor-element.elementor-element-d9132e6{--width:100%;}.elementor-34 .elementor-element.elementor-element-7cd5b4e{--width:100%;}.elementor-34 .elementor-element.elementor-element-e9e7b5e{--width:100%;}.elementor-34 .elementor-element.elementor-element-5c0ca20{--width:100%;}.elementor-34 .elementor-element.elementor-element-a9bd893{--width:100%;}.elementor-34 .elementor-element.elementor-element-8817c89{--width:100%;}.elementor-34 .elementor-element.elementor-element-8fc55de{--width:100%;}.elementor-34 .elementor-element.elementor-element-740648a{--width:100%;}.elementor-34 .elementor-element.elementor-element-a8954e1{--width:100%;}.elementor-34 .elementor-element.elementor-element-ab39e46{--width:100%;}.elementor-34 .elementor-element.elementor-element-cd197f0{--width:100%;}.elementor-34 .elementor-element.elementor-element-cf9247e{--width:100%;}.elementor-34 .elementor-element.elementor-element-d4341a1{--width:100%;}.elementor-34 .elementor-element.elementor-element-7ec09f6{--width:100%;}}@media(max-width:1024px){.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.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 ){line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-34 .elementor-element.elementor-element-c7da9b9{--grid-auto-flow:row;}.elementor-34 .elementor-element.elementor-element-98a601f{--padding-top:0px;--padding-bottom:0px;--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-34 .elementor-element.elementor-element-523e637 .elementor-heading-title{font-size:17px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-34 .elementor-element.elementor-element-449f695{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-d8869c4{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-d8869c4 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-16fc618{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-0926ad8 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-ddb5e28{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-14c0eab{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-14c0eab .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-7f40c3c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-676d94e .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-3ee2b2b{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-fc053f8{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-fc053f8 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-1c8eb6d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-46c8fab .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-fd9ea27{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-6745943{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-6745943 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-2679200{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-a809571 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-51b5d05{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-47c6678{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-47c6678 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-8116b0d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-376d9d8 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-4eb9b5a{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-4024314{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-4024314 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-f139f84{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-444650a .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-d50868a{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-2b27c47{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-2b27c47 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-bdea968{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-6107f94 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-ebd1ef4{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-b7f7a8e{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-b7f7a8e .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-ac5b170{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-c8abeae .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-62239f6{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-0541d2f{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-0541d2f .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-1c250b9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-a796265 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-47d06aa{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-5956ad5{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-5956ad5 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-6d76858{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-d8670db .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-882b36d{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-60b4b7a{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-60b4b7a .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-cccabc6{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-b1e02ce .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-9009a68{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-0ec37df{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-0ec37df .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-4dac75b{--gap:6px 6px;--row-gap:6px;--column-gap:6px;--grid-auto-flow:row;}.elementor-34 .elementor-element.elementor-element-91e8eca{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-dabc1cc .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-fcf9428{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-0219673{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-0219673 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-da4958e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-1c25206 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-2f48fe9{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-788ad05{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-788ad05 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-48e1c3f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-436b186 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-bc5c458{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-44e47b8{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-44e47b8 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-01afe69{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-099d3ac .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-aa9a11e{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-c4b5667{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-c4b5667 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-30cceb7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-3e8fa66 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-17a583b{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-3cb929b{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-3cb929b .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-8fefc8a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-49c8cb5 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-9525c48{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-343d447{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-343d447 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-c20aaba{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-d64575e .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-cb8b696{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-6230c40{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-6230c40 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-eefcef1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-6cc4beb .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-864c787{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-59d9321{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-59d9321 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-0ddcaea{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-1ca88cd .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-1effb67{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-f25d05a{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-f25d05a .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-70d953f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-8dbd608 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-af13de2{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-5ba87f8{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-5ba87f8 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-c99cbb5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-74d1e9c .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-a870c88{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-af1fb73{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-af1fb73 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-6bfcb8c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-3317e1e .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-2910fca{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-6240760{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-6240760 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-f3b353b{--grid-auto-flow:row;}.elementor-34 .elementor-element.elementor-element-3035a4e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-46b3e9f .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-b241e6b{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-18a3700{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-18a3700 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-9e327cc{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-b880515 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-53cdb1e{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-a6e9fbd{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-a6e9fbd .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-5fbfb30{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-fa5d31a .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-9b4402a{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-0238095{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-0238095 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-e811154{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-ace6efd .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-5bf7912{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-e5269db{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-e5269db .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-1449e1a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-922bee5 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-adcbb2f{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-976434f{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-976434f .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-233033b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-5138e17 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-84c47a1{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-1e83ca8{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-1e83ca8 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-3978da4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-22c889a .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-4a091fa{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-7de7b11{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-7de7b11 .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-eac3094{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-6038a8b .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-8196ca2{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-2e80e2b{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-2e80e2b .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-1aad25c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-12421ee .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-086725c{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-22af77a{padding:20px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-22af77a .elementor-heading-title{font-size:17px;}.elementor-34 .elementor-element.elementor-element-1d5cf72e{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-widget-flex-hero .ehp-flex-hero__intro{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-flex-hero .ehp-flex-hero__heading{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-flex-hero .ehp-flex-hero__subheading{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-flex-hero .ehp-flex-hero__button--primary{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-flex-hero .ehp-flex-hero__button--secondary{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-34 .elementor-element.elementor-element-4694d106 .ehp-flex-hero__heading{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-34 .elementor-element.elementor-element-4694d106 .ehp-flex-hero__subheading{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-34 .elementor-element.elementor-element-4694d106 .ehp-flex-hero__button--primary{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-34 .elementor-element.elementor-element-4694d106 .ehp-flex-hero{--flex-hero-image-position:center center;--flex-hero-element-spacing:28px;--flex-hero-gap:60px;}}@media(max-width:767px){.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.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 ){line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-34 .elementor-element.elementor-element-c7da9b9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.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-34 .elementor-element.elementor-element-523e637 .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-34 .elementor-element.elementor-element-d8869c4{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-d8869c4 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-0926ad8 .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-14c0eab{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-14c0eab .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-676d94e .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-fc053f8{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-fc053f8 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-46c8fab .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-6745943{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-6745943 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-a809571 .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-47c6678{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-47c6678 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-376d9d8 .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-4024314{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-4024314 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-444650a .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-2b27c47{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-2b27c47 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-6107f94 .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-b7f7a8e{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-b7f7a8e .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-c8abeae .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-0541d2f{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-0541d2f .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-a796265 .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-5956ad5{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-5956ad5 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-d8670db .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-60b4b7a{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-60b4b7a .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-b1e02ce .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-0ec37df{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-0ec37df .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-4dac75b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-34 .elementor-element.elementor-element-dabc1cc .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-0219673{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-0219673 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-1c25206 .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-788ad05{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-788ad05 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-436b186 .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-44e47b8{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-44e47b8 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-099d3ac .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-c4b5667{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-c4b5667 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-3e8fa66 .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-3cb929b{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-3cb929b .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-49c8cb5 .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-343d447{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-343d447 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-d64575e .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-6230c40{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-6230c40 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-6cc4beb .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-59d9321{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-59d9321 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-1ca88cd .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-f25d05a{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-f25d05a .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-8dbd608 .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-5ba87f8{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-5ba87f8 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-74d1e9c .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-af1fb73{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-af1fb73 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-3317e1e .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-6240760{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-6240760 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-f3b353b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-34 .elementor-element.elementor-element-46b3e9f .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-18a3700{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-18a3700 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-b880515 .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-a6e9fbd{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-a6e9fbd .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-fa5d31a .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-0238095{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-0238095 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-ace6efd .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-e5269db{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-e5269db .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-922bee5 .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-976434f{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-976434f .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-5138e17 .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-1e83ca8{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-1e83ca8 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-22c889a .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-7de7b11{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-7de7b11 .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-6038a8b .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-2e80e2b{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-2e80e2b .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-12421ee .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-22af77a{padding:20px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-22af77a .elementor-heading-title{font-size:13px;line-height:1.1em;}.elementor-34 .elementor-element.elementor-element-1d5cf72e{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-flex-hero .ehp-flex-hero__intro{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-flex-hero .ehp-flex-hero__heading{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-flex-hero .ehp-flex-hero__subheading{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-flex-hero .ehp-flex-hero__button--primary{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-flex-hero .ehp-flex-hero__button--secondary{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-34 .elementor-element.elementor-element-4694d106 .ehp-flex-hero__heading{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-34 .elementor-element.elementor-element-4694d106 .ehp-flex-hero__subheading{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-34 .elementor-element.elementor-element-4694d106 .ehp-flex-hero__button--primary{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-34 .elementor-element.elementor-element-4694d106 .ehp-flex-hero{--flex-hero-image-position:center center;--flex-hero-element-spacing:20px;--flex-hero-gap:60px;}}/* Start custom CSS for shortcode, class: .elementor-element-1599971 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1d37fda *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9722d2a *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-33f2775 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d7f5c18 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c478799 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-19c707c *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0369ecb *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8f4f63d *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-064c8c3 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c647785 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b1f87c5 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ab152ea *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cb913b3 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-090c01e *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4ff78e4 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6a64e08 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-274d870 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-05f7355 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-03ad17b *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-46d3c15 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-27c363a *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4bfe709 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-96767fb *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e03f3c9 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a60b11 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4df9dda *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-393cf90 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6d4946a *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-07082b3 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3343da0 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1d99ef *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4954cec *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1599971 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1d37fda *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9722d2a *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-33f2775 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d7f5c18 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c478799 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-19c707c *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0369ecb *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8f4f63d *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-064c8c3 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c647785 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b1f87c5 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ab152ea *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cb913b3 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-090c01e *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4ff78e4 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6a64e08 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-274d870 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-05f7355 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-03ad17b *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-46d3c15 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-27c363a *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4bfe709 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-96767fb *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e03f3c9 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a60b11 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4df9dda *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-393cf90 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6d4946a *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-07082b3 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3343da0 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1d99ef *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4954cec *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1599971 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1d37fda *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9722d2a *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-33f2775 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d7f5c18 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c478799 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-19c707c *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0369ecb *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8f4f63d *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-064c8c3 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c647785 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b1f87c5 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ab152ea *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cb913b3 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-090c01e *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4ff78e4 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6a64e08 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-274d870 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-05f7355 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-03ad17b *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-46d3c15 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-27c363a *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4bfe709 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-96767fb *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e03f3c9 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a60b11 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4df9dda *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-393cf90 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6d4946a *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-07082b3 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3343da0 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1d99ef *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4954cec *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1599971 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1d37fda *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9722d2a *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-33f2775 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d7f5c18 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c478799 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-19c707c *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0369ecb *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8f4f63d *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-064c8c3 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c647785 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b1f87c5 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ab152ea *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cb913b3 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-090c01e *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4ff78e4 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6a64e08 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-274d870 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-05f7355 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-03ad17b *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-46d3c15 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-27c363a *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4bfe709 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-96767fb *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e03f3c9 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a60b11 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4df9dda *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-393cf90 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6d4946a *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-07082b3 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3343da0 *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1d99ef *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4954cec *//* =========================================================
   ARC RAIDERS - ADD TO CART "+"
   Elementor Free + WooCommerce shortcode
   Class on SHORTCODE widget: arc-addtocart
========================================================= */

/* ---------------------------------------------------------
   1) REMOVE the unwanted Elementor grey border box
--------------------------------------------------------- */
.elementor-element.arc-addtocart,
.elementor-element.arc-addtocart > .elementor-widget-container,
.elementor-element.arc-addtocart .elementor-shortcode,
.elementor-element.arc-addtocart .woocommerce,
.elementor-element.arc-addtocart form,
.elementor-element.arc-addtocart .cart{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   2) Center the button wrapper
--------------------------------------------------------- */
.elementor-element.arc-addtocart{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ---------------------------------------------------------
   3) STYLE the Add to cart button as a ROUND "+" button
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  /* make it round */
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;

  /* perfect centering */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* remove defaults */
  border: none !important;
  outline: none !important;
  font-size: 0 !important; /* hide text */
  line-height: 1 !important;
  text-decoration: none !important;

  /* ARC Raiders gold look */
  background: linear-gradient(135deg, #FFE6A0 0%, #F5C542 45%, #B8962E 100%) !important;
  color: #0b0f14 !important;

  /* premium shadow */
  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.40) !important;

  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------------
   4) Replace label with "+"
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::after,
.elementor-element.arc-addtocart button.single_add_to_cart_button::after,
.elementor-element.arc-addtocart button.button::after{
  content: "+" !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   5) Glow aura (only on hover)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button::before,
.elementor-element.arc-addtocart button.button::before{
  content: "" !important;
  position: absolute;
  inset: -70%;
  background: radial-gradient(circle at 35% 35%,
    rgba(245,197,66,.55) 0%,
    rgba(245,197,66,0) 60%
  );
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* Hover effect */
.elementor-element.arc-addtocart a.button:hover,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover,
.elementor-element.arc-addtocart button.button:hover{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.08) saturate(1.15);
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.elementor-element.arc-addtocart a.button:hover::before,
.elementor-element.arc-addtocart button.single_add_to_cart_button:hover::before,
.elementor-element.arc-addtocart button.button:hover::before{
  opacity: 1;
}

/* ---------------------------------------------------------
   6) Remove focus border/rings (the "outside border" issue)
--------------------------------------------------------- */
.elementor-element.arc-addtocart a.button:focus,
.elementor-element.arc-addtocart a.button:focus-visible,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus,
.elementor-element.arc-addtocart button.single_add_to_cart_button:focus-visible{
  outline: none !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.75),
    0 0 32px rgba(245,197,66,.12) !important;
}

/* ---------------------------------------------------------
   7) OPTIONAL: hide "View cart" link if you don’t want it
--------------------------------------------------------- */
.elementor-element.arc-addtocart .added_to_cart{
  display: none !important;
}
/* Move the + button slightly to the left */
.elementor-element.arc-addtocart{
  justify-content: flex-start !important;
}

.elementor-element.arc-addtocart a.button,
.elementor-element.arc-addtocart button.single_add_to_cart_button,
.elementor-element.arc-addtocart button.button{
  margin-left: -50px !important;
  margin-top: 20px !important;/* change value */
}/* End custom CSS */