.elementor-2406 .elementor-element.elementor-element-76ef025{width:100%;max-width:100%;}.elementor-2406 .elementor-element.elementor-element-fc418ff:not(.elementor-motion-effects-element-type-background), .elementor-2406 .elementor-element.elementor-element-fc418ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2406 .elementor-element.elementor-element-fc418ff{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:44px 0px 44px 0px;}.elementor-2406 .elementor-element.elementor-element-fc418ff > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2406 .elementor-element.elementor-element-407bd10 .elementor-counter{flex-direction:column-reverse;}.elementor-2406 .elementor-element.elementor-element-407bd10 .elementor-counter-title{justify-content:center;color:#6B7280;font-family:"Inter Tight", Sans-serif;font-weight:400;}.elementor-2406 .elementor-element.elementor-element-407bd10 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:#0A1F3D;font-family:"Space Grotesk", Sans-serif;font-weight:700;}.elementor-2406 .elementor-element.elementor-element-aa0e4ce > .elementor-widget-container{border-style:solid;border-width:0px 0px 0px 1px;border-color:#E3E8EF;}.elementor-2406 .elementor-element.elementor-element-aa0e4ce .elementor-counter{flex-direction:column-reverse;}.elementor-2406 .elementor-element.elementor-element-aa0e4ce .elementor-counter-title{justify-content:center;color:#6B7280;font-family:"Inter Tight", Sans-serif;font-weight:400;}.elementor-2406 .elementor-element.elementor-element-aa0e4ce .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:#0A1F3D;font-family:"Space Grotesk", Sans-serif;font-weight:700;}.elementor-2406 .elementor-element.elementor-element-e800899 > .elementor-widget-container{border-style:solid;border-width:0px 0px 0px 1px;border-color:#E3E8EF;}.elementor-2406 .elementor-element.elementor-element-e800899 .elementor-counter{flex-direction:column-reverse;}.elementor-2406 .elementor-element.elementor-element-e800899 .elementor-counter-title{justify-content:center;color:#6B7280;font-family:"Inter Tight", Sans-serif;font-weight:400;}.elementor-2406 .elementor-element.elementor-element-e800899 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:#0A1F3D;font-family:"Space Grotesk", Sans-serif;font-weight:700;}.elementor-2406 .elementor-element.elementor-element-9e28690 > .elementor-widget-container{border-style:solid;border-width:0px 0px 0px 1px;border-color:#E3E8EF;}.elementor-2406 .elementor-element.elementor-element-9e28690 .elementor-counter{flex-direction:column-reverse;}.elementor-2406 .elementor-element.elementor-element-9e28690 .elementor-counter-title{justify-content:center;color:#6B7280;font-family:"Inter Tight", Sans-serif;font-weight:400;}.elementor-2406 .elementor-element.elementor-element-9e28690 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:#0A1F3D;font-family:"Space Grotesk", Sans-serif;font-weight:700;}.elementor-2406 .elementor-element.elementor-element-bf07868{width:var( --container-widget-width, 99.554% );max-width:99.554%;--container-widget-width:99.554%;--container-widget-flex-grow:0;}.elementor-2406 .elementor-element.elementor-element-18d66e1{width:var( --container-widget-width, 118.304% );max-width:118.304%;--container-widget-width:118.304%;--container-widget-flex-grow:0;}@media(max-width:1024px){.elementor-2406 .elementor-element.elementor-element-407bd10 .elementor-counter-number-wrapper{font-size:50px;}.elementor-2406 .elementor-element.elementor-element-407bd10 .elementor-counter-title{font-size:12px;}.elementor-2406 .elementor-element.elementor-element-aa0e4ce{width:var( --container-widget-width, 107.634% );max-width:107.634%;--container-widget-width:107.634%;--container-widget-flex-grow:0;}.elementor-2406 .elementor-element.elementor-element-aa0e4ce .elementor-counter-number-wrapper{font-size:50px;}.elementor-2406 .elementor-element.elementor-element-aa0e4ce .elementor-counter-title{font-size:12px;}.elementor-2406 .elementor-element.elementor-element-e800899{width:var( --container-widget-width, 113.076% );max-width:113.076%;--container-widget-width:113.076%;--container-widget-flex-grow:0;}.elementor-2406 .elementor-element.elementor-element-e800899 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-size:50px;}.elementor-2406 .elementor-element.elementor-element-e800899 .elementor-counter-title{font-size:12px;}.elementor-2406 .elementor-element.elementor-element-9e28690 .elementor-counter-number-wrapper{font-size:50px;}.elementor-2406 .elementor-element.elementor-element-9e28690 .elementor-counter-title{font-size:12px;}}@media(min-width:768px){.elementor-2406 .elementor-element.elementor-element-0354963{width:100%;}.elementor-2406 .elementor-element.elementor-element-efa1079{width:100%;}}@media(max-width:767px){.elementor-2406 .elementor-element.elementor-element-407bd10{width:var( --container-widget-width, 113.231% );max-width:113.231%;--container-widget-width:113.231%;--container-widget-flex-grow:0;}.elementor-2406 .elementor-element.elementor-element-aa0e4ce{width:var( --container-widget-width, 114.769% );max-width:114.769%;--container-widget-width:114.769%;--container-widget-flex-grow:0;}.elementor-2406 .elementor-element.elementor-element-e800899{width:var( --container-widget-width, 111.077% );max-width:111.077%;--container-widget-width:111.077%;--container-widget-flex-grow:0;}.elementor-2406 .elementor-element.elementor-element-9e28690{width:var( --container-widget-width, 111.385% );max-width:111.385%;--container-widget-width:111.385%;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-76ef025 */.gsp-hero{

position:relative;

width:100%;

min-height:680px;

overflow:hidden;

display:flex;

align-items:center;

}



/* BACKGROUND IMAGE */

.hero-background{

position:absolute;

top:0;
left:0;

width:100%;
height:100%;


background-image:url("https://www.gspbattery.com/wp-content/uploads/2026/07/2026072009063888.webp");


background-size:cover;


background-position:75% center;


}



/* DARK GRADIENT */

.hero-overlay{

position:absolute;

top:0;
left:0;

width:100%;
height:100%;


background:

linear-gradient(

90deg,

rgba(5,22,50,0.98) 0%,

rgba(5,22,50,0.92) 42%,

rgba(5,22,50,0.45) 100%

);


}





/* FULL WIDTH WRAPPER */


.hero-wrapper{


position:relative;

z-index:2;


width:100%;


padding:

90px 70px;



display:grid;


grid-template-columns:

60% 40%;



align-items:center;



}




/* LEFT CONTENT */


.hero-left{


max-width:760px;


}





.hero-eyebrow{


font-family:"IBM Plex Mono",monospace;


font-size:12px;


letter-spacing:2.5px;


font-weight:500;


color:#CFFF04;


margin-bottom:22px;


}





.hero-left h1{


font-family:"Inter",sans-serif;


font-size:54px;


line-height:1.08;


font-weight:750;


letter-spacing:-1.5px;


color:#ffffff;


margin:0 0 25px;


}





.hero-left p{


font-family:"Inter",sans-serif;


font-size:17px;


line-height:1.7;


color:#D7E0EE;


max-width:600px;


margin-bottom:35px;


}





/* BUTTONS */


.hero-buttons{


display:flex;


gap:16px;


flex-wrap:wrap;


}




.hero-btn{


padding:16px 32px;


border-radius:6px;


font-family:"IBM Plex Mono",monospace;


font-size:13px;


font-weight:600;


text-decoration:none;


display:inline-flex;


align-items:center;


justify-content:center;


transition:.3s;


}





.primary-btn{


background:#CFFF04;


color:#061A38;


}



.primary-btn:hover{


transform:translateY(-3px);


}





.secondary-btn{


border:1px solid rgba(255,255,255,.5);


color:white;


background:transparent;


}



.secondary-btn:hover{


background:white;


color:#061A38;


}





/* TAGS */


.hero-tags{


display:flex;


gap:10px;


flex-wrap:wrap;


margin-top:35px;


}



.hero-tags span{


font-family:"Inter",sans-serif;


font-size:12px;


color:white;


padding:8px 16px;


border-radius:30px;


background:rgba(255,255,255,.10);


border:1px solid rgba(255,255,255,.25);


}





/* RIGHT SIDE */


.hero-right{


display:flex;


flex-direction:column;


align-items:flex-end;


gap:18px;


padding-right:30px;


}




.hero-card{


width:190px;


padding:22px;



background:

rgba(255,255,255,.12);



border:

1px solid rgba(255,255,255,.25);



backdrop-filter:blur(10px);



}





.hero-card strong{


display:block;


font-family:"Inter",sans-serif;


font-size:36px;


font-weight:700;


line-height:1;


color:#CFFF04;


margin-bottom:8px;


}




.hero-card span{


font-family:"Inter",sans-serif;


font-size:13px;


line-height:1.4;


color:#E1E8F2;


}






/* =====================
TABLET
===================== */


@media(max-width:1024px){


.gsp-hero{


min-height:620px;


}



.hero-wrapper{


grid-template-columns:1fr;


padding:70px 40px;


}



.hero-left h1{


font-size:44px;


}



.hero-right{


display:none;


}


}






/* =====================
MOBILE
===================== */


@media(max-width:767px){


.gsp-hero{


min-height:auto;


}



.hero-overlay{


background:


linear-gradient(

180deg,

rgba(5,22,50,.97),

rgba(5,22,50,.92)

);


}




.hero-wrapper{


display:flex;


flex-direction:column;


padding:70px 22px;


text-align:center;


}



.hero-eyebrow{


font-size:11px;


letter-spacing:1.5px;


}




.hero-left h1{


font-size:34px;


line-height:1.15;


letter-spacing:-.5px;


}




.hero-left p{


font-size:15px;


}




.hero-buttons{


flex-direction:column;


width:100%;


}



.hero-btn{


width:100%;


}




.hero-tags{


justify-content:center;


}




.hero-right{


display:flex;


padding:0;


margin-top:40px;


width:100%;


align-items:center;


}



.hero-card{


width:100%;


max-width:280px;


text-align:left;


}



}

/* Elementor Full Width Fix */

.elementor-section,
.elementor-container,
.elementor-widget-wrap{

margin:0 !important;

}


.gsp-hero{

width:100vw !important;

margin-left:calc(50% - 50vw) !important;

}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-407bd10 */.elementor-2406 .elementor-element.elementor-element-407bd10 .elementor-counter-number{

font-family:"Inter", sans-serif !important;

font-size:72px !important;

font-weight:700 !important;

line-height:1 !important;

letter-spacing:-2px !important;

color:#0A1F3D !important;

}



.elementor-2406 .elementor-element.elementor-element-407bd10 .elementor-counter-title{

font-family:"Inter", sans-serif !important;

font-size:18px !important;

font-weight:400 !important;

line-height:1.5 !important;

color:#64748B !important;

margin-top:15px !important;

}



/* Tablet */

@media(max-width:1024px){

.elementor-2406 .elementor-element.elementor-element-407bd10 .elementor-counter-number{

font-size:56px !important;

}


.elementor-2406 .elementor-element.elementor-element-407bd10 .elementor-counter-title{

font-size:16px !important;

}


}



/* Mobile */

@media(max-width:767px){

.elementor-2406 .elementor-element.elementor-element-407bd10 .elementor-counter-number{

font-size:42px !important;

}


.elementor-2406 .elementor-element.elementor-element-407bd10 .elementor-counter-title{

font-size:15px !important;

}


}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-aa0e4ce */.elementor-2406 .elementor-element.elementor-element-aa0e4ce .elementor-counter-number{

font-family:"Inter", sans-serif !important;

font-size:72px !important;

font-weight:700 !important;

line-height:1 !important;

letter-spacing:-2px !important;

color:#0A1F3D !important;

}



.elementor-2406 .elementor-element.elementor-element-aa0e4ce .elementor-counter-title{

font-family:"Inter", sans-serif !important;

font-size:18px !important;

font-weight:400 !important;

line-height:1.5 !important;

color:#64748B !important;

margin-top:15px !important;

}



/* Tablet */

@media(max-width:1024px){

.elementor-2406 .elementor-element.elementor-element-aa0e4ce .elementor-counter-number{

font-size:56px !important;

}


.elementor-2406 .elementor-element.elementor-element-aa0e4ce .elementor-counter-title{

font-size:16px !important;

}


}



/* Mobile */

@media(max-width:767px){

.elementor-2406 .elementor-element.elementor-element-aa0e4ce .elementor-counter-number{

font-size:42px !important;

}


.elementor-2406 .elementor-element.elementor-element-aa0e4ce .elementor-counter-title{

font-size:15px !important;

}


}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-e800899 */.elementor-2406 .elementor-element.elementor-element-e800899 .elementor-counter-number{

font-family:"Inter", sans-serif !important;

font-size:72px !important;

font-weight:700 !important;

line-height:1 !important;

letter-spacing:-2px !important;

color:#0A1F3D !important;

}



.elementor-2406 .elementor-element.elementor-element-e800899 .elementor-counter-title{

font-family:"Inter", sans-serif !important;

font-size:18px !important;

font-weight:400 !important;

line-height:1.5 !important;

color:#64748B !important;

margin-top:15px !important;

}



/* Tablet */

@media(max-width:1024px){

.elementor-2406 .elementor-element.elementor-element-e800899 .elementor-counter-number{

font-size:56px !important;

}


.elementor-2406 .elementor-element.elementor-element-e800899 .elementor-counter-title{

font-size:16px !important;

}


}



/* Mobile */

@media(max-width:767px){

.elementor-2406 .elementor-element.elementor-element-e800899 .elementor-counter-number{

font-size:42px !important;

}


.elementor-2406 .elementor-element.elementor-element-e800899 .elementor-counter-title{

font-size:15px !important;

}


}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-9e28690 */.elementor-2406 .elementor-element.elementor-element-9e28690 .elementor-counter-number{

font-family:"Inter", sans-serif !important;

font-size:72px !important;

font-weight:700 !important;

line-height:1 !important;

letter-spacing:-2px !important;

color:#0A1F3D !important;

}



.elementor-2406 .elementor-element.elementor-element-9e28690 .elementor-counter-title{

font-family:"Inter", sans-serif !important;

font-size:18px !important;

font-weight:400 !important;

line-height:1.5 !important;

color:#64748B !important;

margin-top:15px !important;

}



/* Tablet */

@media(max-width:1024px){

.elementor-2406 .elementor-element.elementor-element-9e28690 .elementor-counter-number{

font-size:56px !important;

}


.elementor-2406 .elementor-element.elementor-element-9e28690 .elementor-counter-title{

font-size:16px !important;

}


}



/* Mobile */

@media(max-width:767px){

.elementor-2406 .elementor-element.elementor-element-9e28690 .elementor-counter-number{

font-size:42px !important;

}


.elementor-2406 .elementor-element.elementor-element-9e28690 .elementor-counter-title{

font-size:15px !important;

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e0d9d1 */.gsp-global-network{


width:100%;

padding:100px 30px;

background:#ffffff;


}



.network-wrapper{


max-width:1400px;

margin:auto;


}




/* HEADER */


.network-header{


text-align:center;

max-width:760px;

margin:auto;


}



.network-eyebrow{


font-family:"IBM Plex Mono",monospace;

font-size:12px;

font-weight:600;

letter-spacing:5px;

color:#9BEA00;


}



.network-header h2{


font-family:"Inter",sans-serif;

font-size:48px;

font-weight:700;

line-height:1.15;

letter-spacing:-1.5px;

color:#0A1F3D;

margin:20px 0;


}




.network-header p{


font-family:"Inter",sans-serif;

font-size:17px;

line-height:1.7;

color:#64748B;

}




/* GRID */


.network-grid{


position:relative;

margin-top:90px;

display:grid;

grid-template-columns:repeat(4,1fr);

gap:40px;


}




.connection-line{


position:absolute;


top:55px;


left:10%;

right:10%;


height:2px;


background:

repeating-linear-gradient(

90deg,

#14417A 0 12px,

transparent 12px 22px

);


}





/* CARD */


.region-card{


text-align:center;

position:relative;

z-index:2;


}




/* ICON */


.region-icon{


width:110px;

height:110px;

border-radius:50%;


margin:auto;


display:flex;

align-items:center;

justify-content:center;


position:relative;


border:5px solid #ffffff;


box-shadow:

0 25px 60px rgba(10,31,61,.18);


transition:.35s;


}



.region-icon svg{


width:44px;

height:44px;


fill:none;

stroke:white;

stroke-width:3;


}



.region-icon span{


position:absolute;


bottom:12px;


font-family:"Inter",sans-serif;


font-size:16px;


font-weight:700;


color:white;


}




.korea{

background:

linear-gradient(

135deg,

#0057ff,

#0A1F3D

);

}



.china{

background:

linear-gradient(

135deg,

#ffae00,

#d84b00

);

}



.usa{

background:

linear-gradient(

135deg,

#006cff,

#00c6ff

);

}



.world{

background:

linear-gradient(

135deg,

#00b86b,

#9BEA00

);

}




.region-card:hover .region-icon{


transform:

translateY(-10px);


box-shadow:

0 35px 70px rgba(10,31,61,.25);


}





.region-tag{


display:inline-block;


margin-top:28px;


padding:6px 18px;


border-radius:30px;


background:#EEF5FF;


color:#1265C6;


font-family:"IBM Plex Mono",monospace;


font-size:10px;


font-weight:700;


letter-spacing:1.5px;


}





.region-card h3{


font-family:"Inter",sans-serif;


font-size:28px;


font-weight:700;


letter-spacing:-.5px;


color:#0A1F3D;


margin:18px 0;


}




.region-card p{


font-family:"Inter",sans-serif;


font-size:15px;


line-height:1.8;


color:#64748B;


}







/* TABLET */


@media(max-width:1000px){


.network-grid{


grid-template-columns:repeat(2,1fr);

row-gap:70px;


}



.connection-line{


display:none;


}


}







/* MOBILE */


@media(max-width:600px){


.gsp-global-network{


padding:60px 20px;


}



.network-header h2{


font-size:32px;


}



.network-header p{


font-size:15px;


}



.network-grid{


grid-template-columns:1fr;

margin-top:50px;


}



.region-icon{


width:95px;

height:95px;


}


.region-card h3{


font-size:24px;


}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85d2c1b */.gsp-partner-section{


width:100%;

padding:90px 20px;

background:#F6F9FD;

overflow:hidden;

border-top:1px solid #E8EEF5;

border-bottom:1px solid #E8EEF5;


}



.partner-container{


max-width:1320px;

margin:auto;


}



/* HEADER */


.partner-header{


text-align:center;

max-width:820px;

margin:auto;


}



.partner-eyebrow{


font-family:"IBM Plex Mono",monospace;

font-size:12px;

font-weight:600;

letter-spacing:4px;

color:#8EDC00;

margin-bottom:18px;


}



.partner-header h2{


font-family:"Inter",sans-serif;

font-size:44px;

font-weight:700;

letter-spacing:-1.5px;

line-height:1.15;

color:#0A1F3D;

margin:0 0 18px;


}



.partner-header p{


font-family:"Inter",sans-serif;

font-size:17px;

line-height:1.7;

color:#64748B;

max-width:760px;

margin:auto;


}




/* CAROUSEL */


.partner-carousel{


margin-top:55px;

overflow:hidden;

position:relative;


}



.partner-carousel:before,
.partner-carousel:after{


content:"";

position:absolute;

top:0;

height:100%;

width:130px;

z-index:2;


}



.partner-carousel:before{


left:0;

background:

linear-gradient(
90deg,
#F6F9FD,
transparent
);

}




.partner-carousel:after{


right:0;

background:

linear-gradient(
270deg,
#F6F9FD,
transparent
);


}




.partner-track{


display:flex;

align-items:center;

gap:45px;

width:max-content;


animation:

gspPartnerMove 25s linear infinite;


}



.partner-carousel:hover .partner-track{


animation-play-state:paused;


}





.partner-logo{


width:170px;

height:85px;


background:white;


border-radius:18px;


display:flex;

align-items:center;

justify-content:center;


border:1px solid #E5EDF6;


box-shadow:

0 15px 40px rgba(10,31,61,.08);


transition:.35s;


}



.partner-logo:hover{


transform:translateY(-8px);


box-shadow:

0 25px 55px rgba(10,31,61,.15);


}



.partner-logo img{


width:115px;

height:45px;

object-fit:contain;


filter:grayscale(100%);


opacity:.65;


transition:.3s;


}



.partner-logo:hover img{


filter:none;

opacity:1;


}





@keyframes gspPartnerMove{


from{

transform:translateX(0);

}


to{

transform:translateX(-50%);

}


}







/* TABLET */


@media(max-width:1024px){


.partner-header h2{


font-size:36px;


}



.partner-logo{


width:150px;

height:75px;


}


}






/* MOBILE */


@media(max-width:600px){


.gsp-partner-section{


padding:60px 15px;


}



.partner-header h2{


font-size:28px;


}



.partner-header p{


font-size:15px;


}



.partner-track{


gap:25px;


}



.partner-logo{


width:120px;

height:60px;


}



.partner-logo img{


width:80px;


}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bf07868 *//* ===== GSP Product Auto Carousel ===== */

.gsp-product-section,
.gsp-product-section *{
  box-sizing:border-box;
}

.gsp-product-section{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding:70px 0 80px;
  background:#ffffff;
  overflow:hidden;
  color:#1C222B;
}

/* Remove theme/global underline and extra lines */
.gsp-product-section a,
.gsp-product-section a:hover,
.gsp-product-section a:focus,
.gsp-product-section a:active{
  text-decoration:none !important;
  border:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  background-image:none !important;
  outline:none !important;
}

.gsp-product-section a:before,
.gsp-product-section a:after{
  display:none;
  content:none;
}

/* Header */
.gsp-product-head{
  max-width:820px;
  margin:0 auto 48px;
  padding:0 20px;
  text-align:center;
}

.gsp-product-eyebrow{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-bottom:12px;
  font-family:Consolas, monospace;
  font-size:11px;
  font-weight:700;
  letter-spacing:5px;
  text-transform:uppercase;
  color:#52D12F;
}

.gsp-product-eyebrow:before,
.gsp-product-eyebrow:after{
  content:"";
  width:44px;
  height:1px;
  background:#52D12F;
}

.gsp-product-head h2{
  margin:0 0 14px;
  font-family:Inter, Arial, sans-serif;
  font-size:38px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-0.03em;
  color:#061D3B;
}

.gsp-product-head p{
  max-width:720px;
  margin:0 auto;
  font-family:Inter, Arial, sans-serif;
  font-size:16px;
  line-height:1.65;
  color:#5D718A;
}

/* Carousel */
.gsp-carousel-wrapper{
  width:100%;
  overflow:hidden;
  padding:10px 0 20px;
  position:relative;
}

.gsp-carousel-wrapper:before,
.gsp-carousel-wrapper:after{
  content:"";
  position:absolute;
  top:0;
  width:110px;
  height:100%;
  z-index:5;
  pointer-events:none;
}

.gsp-carousel-wrapper:before{
  left:0;
  background:linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,0) 100%);
}

.gsp-carousel-wrapper:after{
  right:0;
  background:linear-gradient(270deg, #ffffff 0%, rgba(255,255,255,0) 100%);
}

.gsp-carousel-track{
  display:flex;
  align-items:stretch;
  width:max-content;
  animation:gspProductSlide 55s linear infinite;
}

.gsp-carousel-wrapper:hover .gsp-carousel-track{
  animation-play-state:paused;
}

.gsp-card-set{
  display:flex;
  align-items:stretch;
  gap:32px;
  padding-right:32px;
}

/* Card */
.gsp-card{
  flex:0 0 350px;
  min-height:620px;
  background:#ffffff;
  border:1px solid #EDF2F7;
  border-radius:24px;
  padding:34px;
  box-shadow:0 18px 45px rgba(10,40,80,0.08);
  display:flex;
  flex-direction:column;
  transition:transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.gsp-card:hover{
  transform:translateY(-6px);
  border-color:#DCE8F5;
  box-shadow:0 26px 65px rgba(10,40,80,0.13);
}

.gsp-card h3{
  margin:0 0 20px;
  min-height:62px;
  font-family:Inter, Arial, sans-serif;
  font-size:23px;
  line-height:1.25;
  font-weight:800;
  color:#111827;
}

.gsp-card ul{
  padding:0;
  margin:0 0 24px;
  flex:1;
}

.gsp-card li{
  list-style:none;
  margin:0;
  padding:0;
  border:0;
}

.gsp-card li + li{
  margin-top:10px;
}

.gsp-card li a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:28px;
  padding:0;
  font-family:Inter, Arial, sans-serif;
  font-size:15.5px;
  line-height:1.45;
  color:#667085;
}

.gsp-card li a:after{
  content:"›";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  line-height:1;
  color:#8A99AA;
}

.gsp-card li a:hover{
  color:#14417A;
}

.gsp-card li a:hover:after{
  color:#14417A;
}

.gsp-card img{
  width:100%;
  height:225px;
  object-fit:cover;
  border-radius:18px;
  margin:0 0 18px;
  display:block;
}

.gsp-btn{
  display:block;
  width:100%;
  margin-top:auto;
  background:#0B7BEA;
  color:#ffffff !important;
  padding:15px 18px;
  border-radius:999px;
  text-align:center;
  font-family:Inter, Arial, sans-serif;
  font-size:15px;
  font-weight:800;
  transition:background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}

.gsp-btn:hover{
  background:#055FC0;
  color:#ffffff !important;
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(5,95,192,0.18) !important;
}

/* Auto left movement */
@keyframes gspProductSlide{
  from{
    transform:translateX(0);
  }

  to{
    transform:translateX(-50%);
  }
}

/* Tablet */
@media(max-width:1200px){
  .gsp-card{
    flex-basis:320px;
    padding:30px;
  }

  .gsp-card h3{
    font-size:21px;
  }

  .gsp-carousel-track{
    animation-duration:48s;
  }
}

@media(max-width:900px){
  .gsp-product-section{
    padding:58px 0 66px;
  }

  .gsp-product-head h2{
    font-size:32px;
  }

  .gsp-product-head p{
    font-size:15px;
  }

  .gsp-card-set{
    gap:22px;
    padding-right:22px;
  }

  .gsp-card{
    flex-basis:310px;
    min-height:590px;
  }

  .gsp-carousel-wrapper:before,
  .gsp-carousel-wrapper:after{
    width:70px;
  }
}

/* Mobile */
@media(max-width:600px){
  .gsp-product-section{
    padding:46px 0 56px;
  }

  .gsp-product-head{
    margin-bottom:32px;
  }

  .gsp-product-eyebrow{
    font-size:10px;
    letter-spacing:3px;
    gap:10px;
  }

  .gsp-product-eyebrow:before,
  .gsp-product-eyebrow:after{
    width:28px;
  }

  .gsp-product-head h2{
    font-size:27px;
  }

  .gsp-product-head p{
    font-size:14px;
  }

  .gsp-card-set{
    gap:18px;
    padding-right:18px;
  }

  .gsp-card{
    flex:0 0 86vw;
    min-height:560px;
    padding:24px;
    border-radius:20px;
  }

  .gsp-card h3{
    min-height:auto;
    font-size:20px;
    white-space:normal;
  }

  .gsp-card li a{
    font-size:14.5px;
  }

  .gsp-card img{
    height:190px;
  }

  .gsp-carousel-track{
    animation-duration:42s;
  }

  .gsp-carousel-wrapper:before,
  .gsp-carousel-wrapper:after{
    width:36px;
  }
}
/* ===== FIX: Remove list underlines / dag + center button ===== */

/* Remove all theme/global underline lines inside product cards */
.gsp-product-section .gsp-card a,
.gsp-product-section .gsp-card a:hover,
.gsp-product-section .gsp-card a:focus,
.gsp-product-section .gsp-card a:active{
  text-decoration:none !important;
  border:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  background-image:none !important;
}

/* Remove unwanted pseudo lines */
.gsp-product-section .gsp-card a:before,
.gsp-product-section .gsp-card-title-link:before,
.gsp-product-section .gsp-card-title-link:after,
.gsp-product-section .gsp-btn:before,
.gsp-product-section .gsp-btn:after{
  display:none !important;
  content:none !important;
}

/* List item link clean style */
.gsp-product-section .gsp-card li{
  border:0 !important;
}

.gsp-product-section .gsp-card li a{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  width:100% !important;
  min-height:28px !important;
  padding:0 !important;
  color:#667085 !important;
  border:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  background:none !important;
  background-image:none !important;
  text-decoration:none !important;
}

/* Keep only the arrow, remove the line */
.gsp-product-section .gsp-card li a:after{
  content:"›" !important;
  display:inline-flex !important;
  position:static !important;
  width:auto !important;
  height:auto !important;
  margin-left:auto !important;
  padding-left:8px !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  transform:none !important;
  opacity:1 !important;
  font-size:22px !important;
  line-height:1 !important;
  color:#8A99AA !important;
}

.gsp-product-section .gsp-card li a:hover{
  color:#14417A !important;
}

.gsp-product-section .gsp-card li a:hover:after{
  color:#14417A !important;
}

/* Center View Products button */
.gsp-product-section .gsp-card .gsp-btn{
  width:82% !important;
  max-width:250px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  margin-top:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

/* Mobile button */
@media(max-width:600px){
  .gsp-product-section .gsp-card .gsp-btn{
    width:100% !important;
    max-width:none !important;
  }
}

/* ===== PRODUCT PREMIUM UPGRADE ===== */


.gsp-card{


background:

linear-gradient(
180deg,
#ffffff 0%,
#fbfdff 100%
);


border:1px solid #E5EDF7;


min-height:580px;


}



.gsp-card:hover{


border-color:#BFD8F5;


box-shadow:

0 30px 70px rgba(10,65,120,.15);


}




.gsp-card h3{


font-family:"Inter",sans-serif;


font-size:24px;


letter-spacing:-0.5px;


color:#0A1F3D;


}



.gsp-card img{


height:240px;


object-fit:contain;


background:#F7FAFD;


padding:15px;


border-radius:20px;


}





.gsp-btn{


background:#0A1F3D;


border-radius:50px;


padding:15px 25px;


font-size:15px;


}



.gsp-btn:hover{


background:#14417A;


}





.gsp-carousel-track{


animation-duration:45s;


}




@media(max-width:600px){


.gsp-carousel-track{


animation-duration:35s;


}


.gsp-card img{


height:200px;


}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3bfee85 */.gsp-app-section{

width:100%;

padding:90px 40px;

background:#F7FAFD;

}



.gsp-app-header{

max-width:850px;

margin:auto;

text-align:center;

}



.gsp-app-header span{

font-family:"IBM Plex Mono",monospace;

font-size:12px;

letter-spacing:4px;

color:#8EDC00;

font-weight:700;

}



.gsp-app-header h2{

font-family:"Inter",sans-serif;

font-size:46px;

line-height:1.15;

color:#0A1F3D;

margin:20px 0 15px;

}



.gsp-app-header p{

font-family:"Inter",sans-serif;

font-size:17px;

color:#64748B;

}





.gsp-app-grid{


max-width:1500px;

margin:60px auto 0;


display:grid;

grid-template-columns:repeat(6,1fr);

gap:24px;


}





.gsp-app-card{


height:220px;

position:relative;

overflow:hidden;

border-radius:22px;

cursor:pointer;


}



.gsp-app-card img{


width:100%;

height:100%;

object-fit:cover;


transition:.5s;


}




.gsp-overlay{


position:absolute;

inset:0;


background:

linear-gradient(

180deg,

transparent 30%,

rgba(5,20,45,.85)

);


}




.gsp-app-card h3{


position:absolute;

bottom:25px;

left:25px;


margin:0;


font-family:"Inter",sans-serif;


font-size:20px;

font-weight:700;


color:white;


z-index:2;


}



.gsp-app-card:hover img{


transform:scale(1.08);


}







@media(max-width:1200px){


.gsp-app-grid{


grid-template-columns:repeat(3,1fr);


}

}



@media(max-width:600px){


.gsp-app-section{


padding:60px 20px;


}


.gsp-app-header h2{


font-size:32px;


}



.gsp-app-grid{


grid-template-columns:repeat(2,1fr);

gap:15px;


}



.gsp-app-card{


height:160px;


}



.gsp-app-card h3{


font-size:15px;

bottom:18px;

left:18px;


}


}

/* ===== Application Card Bottom Center Text ===== */


.gsp-app-card{

position:relative;

}


.gsp-app-card h3{

position:absolute;

bottom:22px;

left:50%;

transform:translateX(-50%);

width:100%;

text-align:center;

margin:0;

font-family:"Inter",sans-serif;

font-size:20px;

font-weight:700;

color:#ffffff;

z-index:3;

}



/* keep text at bottom on hover */

.gsp-app-card:hover h3{

transform:translateX(-50%);

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-24dbee1 */.elementor-2406 .elementor-element.elementor-element-24dbee1{

    position:relative;
    overflow:hidden;

    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #f7fafd 100%
    );

    border-top:1px solid #EEF2F7;
    border-bottom:1px solid #EEF2F7;

}

/* Left Glow */

.elementor-2406 .elementor-element.elementor-element-24dbee1::before{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    left:-220px;
    top:-120px;

    background:radial-gradient(
        circle,
        rgba(20,65,122,.06) 0%,
        rgba(20,65,122,0) 70%
    );

    pointer-events:none;

}

/* Right Glow */

.elementor-2406 .elementor-element.elementor-element-24dbee1::after{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    right:-220px;
    bottom:-180px;

    background:radial-gradient(
        circle,
        rgba(159,232,112,.08) 0%,
        rgba(159,232,112,0) 70%
    );

    pointer-events:none;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-abfd2d8 *//* ===================================
GSP CERTIFICATION GALLERY
=================================== */


.gsp-cert-gallery,
.gsp-cert-gallery *{
    box-sizing:border-box;
}



.gsp-cert-gallery{

    width:100vw;

    margin-left:calc(50% - 50vw);

    background:#061B35;

    padding:70px 35px;

    overflow:hidden;

}



/* HEADER */

.gsp-cert-header{

    max-width:850px;

    margin:auto;

    text-align:center;

}


.gsp-cert-header span{

    color:#CFFF04;

    font-family:monospace;

    font-size:12px;

    letter-spacing:4px;

    font-weight:700;

}


.gsp-cert-header h2{

    color:white;

    font-family:Inter,Arial;

    font-size:44px;

    margin:15px 0;

    font-weight:800;

}


.gsp-cert-header p{

    color:#AFC2D9;

    font-size:16px;

    line-height:1.6;

}






/* GRID */


.gsp-cert-grid{


    max-width:1400px;

    margin:45px auto 0;


    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:24px;


}






/* CARD */


.gsp-cert-item{


    background:#102A4A;

    border:1px solid rgba(255,255,255,.12);

    border-radius:24px;

    padding:14px;


    position:relative;

    display:flex;

    flex-direction:column;


    transition:.3s ease;


}



.gsp-cert-item:hover{


    transform:translateY(-8px);

    border-color:#CFFF04;

    box-shadow:0 20px 50px rgba(0,0,0,.35);


}







/* BADGE */


.cert-badge{


    position:absolute;

    top:25px;

    left:25px;


    z-index:3;


    background:#CFFF04;

    color:#061B35;


    padding:6px 12px;


    border-radius:30px;


    font-size:10px;

    font-family:monospace;

    font-weight:900;


}







/* IMAGE AREA */


.gsp-cert-img{


    width:100%;


    background:white;


    border-radius:16px;


    overflow:hidden;


    cursor:pointer;


    display:flex;

    justify-content:center;

    align-items:center;


    padding:0;


}




/* IMPORTANT */

.gsp-cert-img img{


    width:100%;


    height:auto;


    display:block;


    object-fit:contain;


    transition:.35s ease;


}




.gsp-cert-img:hover img{


    transform:scale(1.04);


}







/* CONTENT */


.cert-info{


    text-align:center;

    padding:20px 5px 8px;


}



.cert-info h3{


    color:white;

    font-size:19px;

    font-weight:800;

    line-height:1.3;


    margin:0 0 10px;


}




.cert-info p{


    color:#AFC2D9;

    font-size:13px;

    line-height:1.6;

    margin:0;


}







/* BUTTON */


.cert-btn{


    display:inline-flex;


    margin-top:18px;


    background:#CFFF04;


    color:#061B35!important;


    padding:10px 24px;


    border-radius:40px;


    font-size:12px;


    font-weight:900;


    text-decoration:none;


}









/* ==========================
LIGHTBOX
========================== */


.cert-modal{


    display:none;


    position:fixed;


    inset:0;


    background:rgba(0,0,0,.88);


    z-index:99999;


    justify-content:center;


    align-items:center;


    padding:30px;


}



.cert-modal-img{


    max-width:90%;

    max-height:90%;


    background:white;


    border-radius:12px;


    object-fit:contain;


}



.cert-close{


    position:absolute;


    right:35px;

    top:20px;


    color:white;


    font-size:45px;


    cursor:pointer;


}









/* ==========================
TABLET
========================== */


@media(max-width:1100px){


.gsp-cert-grid{


    grid-template-columns:repeat(2,1fr);


}


}









/* ==========================
MOBILE
========================== */


@media(max-width:600px){



.gsp-cert-gallery{


    padding:45px 12px;


}




.gsp-cert-grid{


    grid-template-columns:repeat(2,1fr);

    gap:12px;


}





.gsp-cert-item{


    padding:8px;

    border-radius:16px;


}




.cert-badge{


    top:15px;

    left:15px;


    font-size:8px;

    padding:5px 8px;


}





.cert-info{


    padding:12px 2px 5px;


}



.cert-info h3{


    font-size:13px;


}



.cert-info p{


    font-size:10px;


}




.cert-btn{


    font-size:9px;

    padding:7px 12px;


}



}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bbe3dca *//* ================================
   GSP SERVICE SECTION
   Premium B2B Battery Style
================================ */

.gsp-service-section,
.gsp-service-section *{
    box-sizing:border-box;
}


.gsp-service-section{

    width:100vw;
    margin-left:calc(50% - 50vw);

    background:#F7FAFC;

    padding:70px 40px;

    overflow:hidden;

}



/* remove wordpress lines */

.gsp-service-section a,
.gsp-service-section a:hover,
.gsp-service-section a:focus{

    text-decoration:none!important;
    background:none!important;

}


.gsp-service-section a:before,
.gsp-service-section a:after{

    display:none!important;
    content:none!important;

}



/* ================= HEADER ================= */


.gsp-service-header{

    max-width:850px;
    margin:auto;
    text-align:center;

}


.gsp-service-header span{

    font-family:Consolas,monospace;

    font-size:12px;

    letter-spacing:4px;

    font-weight:800;

    color:#0074D9;

}


.gsp-service-header h2{

    margin:15px 0;

    font-family:Inter,Arial;

    font-size:44px;

    line-height:1.15;

    font-weight:900;

    color:#071A2F;

}



.gsp-service-header p{

    color:#667085;

    font-size:17px;

    line-height:1.6;

}



/* ================= GRID ================= */


.gsp-service-grid{


    max-width:1320px;

    margin:45px auto 0;


    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:24px;


}





/* ================= CARD ================= */


.gsp-service-card{


    position:relative;


    min-height:285px;


    padding:30px;


    border-radius:24px;


    background:white;


    border:1px solid #E5EDF5;


    box-shadow:
    0 15px 40px rgba(10,40,80,.06);



    display:flex;

    flex-direction:column;


    overflow:hidden;


    transition:.35s ease;


}



.gsp-service-card:hover{


    transform:translateY(-8px);


    border-color:#CFFF04;


    box-shadow:
    0 25px 60px rgba(0,50,100,.15);


}







/* ================= ICON ================= */


.gsp-service-icon{


    width:62px;

    height:62px;


    border-radius:18px;


    background:#EAF3FF;


    display:flex;

    align-items:center;

    justify-content:center;


    margin-bottom:22px;


    font-size:30px;


}





.gsp-service-card:hover .gsp-service-icon{


    background:#CFFF04;


    transform:scale(1.05);


}







/* category */


.gsp-service-tag{


    font-family:monospace;


    font-size:11px;


    font-weight:800;


    color:#0074D9;


    letter-spacing:1px;


    margin-bottom:8px;


}






/* title */


.gsp-service-card h3{


    font-family:Inter,Arial;


    font-size:27px;


    font-weight:900;


    color:#071A2F;


    margin:0 0 12px;


}





/* description */


.gsp-service-card p{


    font-family:Inter;


    font-size:15px;


    line-height:1.6;


    color:#667085;


    margin:0;


    padding-right:20px;


}







/* button */


.gsp-service-arrow{


    position:absolute;


    right:20px;

    bottom:20px;


    height:38px;


    padding:0 18px;


    border-radius:30px;


    background:#CFFF04;


    color:#071A2F;


    display:flex;


    align-items:center;


    justify-content:center;


    font-size:13px;


    font-weight:900;


    transition:.3s;


}





.gsp-service-card:hover .gsp-service-arrow{


    background:#071A2F;


    color:white;


}





/* ================= TABLET ================= */


@media(max-width:1200px){


.gsp-service-grid{

grid-template-columns:repeat(2,1fr);

}


.gsp-service-section{

padding:60px 30px;

}


}







/* ================= MOBILE ================= */



@media(max-width:600px){


.gsp-service-section{

padding:45px 16px;

}



.gsp-service-header h2{

font-size:32px;

}



.gsp-service-grid{


grid-template-columns:repeat(2,1fr);


gap:14px;


margin-top:30px;


}



.gsp-service-card{


min-height:260px;


padding:20px;


border-radius:18px;


}



.gsp-service-icon{


width:48px;

height:48px;

font-size:22px;


}



.gsp-service-card h3{


font-size:20px;


}



.gsp-service-card p{


font-size:13px;


}



.gsp-service-arrow{


position:static;


margin-top:auto;


width:max-content;


}



}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f7f7cb8 *//* ================================
GSP PREMIUM CTA FULL WIDTH FIX
================================ */


.gsp-cta-section,
.gsp-cta-section *{
    box-sizing:border-box;
}


/* FULL WIDTH BREAKOUT */

.gsp-cta-section{

    width:100vw !important;
    max-width:100vw !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;


    padding:80px 40px;


    position:relative;

    overflow:hidden;


    background:

    linear-gradient(
    90deg,
    #061A33 0%,
    #102E55 45%,
    #4C6078 100%
    );


}






/* remove wordpress spacing */

.elementor-section,
.elementor-container{

    max-width:none;

}





/* glow effect */


.gsp-cta-section::before{


content:"";


position:absolute;


width:600px;

height:600px;


right:-250px;

top:-250px;


background:

radial-gradient(
circle,
rgba(207,255,4,.25),
transparent 65%
);


}






.gsp-cta-content{


position:relative;

z-index:2;


max-width:1100px;

margin:auto;


text-align:center;


}





/* eyebrow */


.gsp-cta-eyebrow{


display:block;


font-family:monospace;


font-size:13px;


font-weight:800;


letter-spacing:6px;


color:#CFFF04;


margin-bottom:22px;


}







/* heading */


.gsp-cta-content h2{


font-family:Inter,Arial;


font-size:52px;


line-height:1.15;


font-weight:900;


letter-spacing:-1.5px;


color:white;


margin:0 auto 22px;


max-width:1050px;


}







/* paragraph */


.gsp-cta-content p{


font-family:Inter,Arial;


font-size:18px;


line-height:1.7;


color:#D5DFEE;


max-width:900px;


margin:0 auto 38px;


}







/* buttons */


.gsp-cta-buttons{


display:flex;


justify-content:center;


gap:20px;


}






.gsp-cta-btn{


height:58px;


padding:0 38px;


border-radius:50px;


display:flex!important;


align-items:center;


justify-content:center;


font-size:15px;


font-weight:800;


text-decoration:none!important;


transition:.3s;


}





/* green button */


.gsp-btn-primary{


background:#CFFF04!important;


color:#07192F!important;


}



.gsp-btn-primary:hover{


transform:translateY(-4px);


box-shadow:

0 15px 35px rgba(207,255,4,.35);


}







/* outline button */


.gsp-btn-secondary{


border:1px solid rgba(255,255,255,.5);


color:white!important;


background:transparent;


}



.gsp-btn-secondary:hover{


background:white;


color:#07192F!important;


transform:translateY(-4px);


}







/* trust badges */


.gsp-cta-trust{


margin-top:45px;


display:flex;


justify-content:center;


flex-wrap:wrap;


gap:14px;


}





.gsp-cta-trust span{


padding:9px 18px;


border-radius:30px;


background:rgba(255,255,255,.08);


border:1px solid rgba(255,255,255,.18);


color:white;


font-size:13px;


}









/* TABLET */

@media(max-width:900px){


.gsp-cta-section{

padding:65px 25px;

}


.gsp-cta-content h2{

font-size:40px;

}


}








/* MOBILE */


@media(max-width:600px){


.gsp-cta-section{

padding:55px 18px;

}



.gsp-cta-content h2{

font-size:30px;

}


.gsp-cta-content p{

font-size:15px;

}



.gsp-cta-buttons{

flex-direction:column;

align-items:center;

}



.gsp-cta-btn{

width:100%;

max-width:330px;

}



.gsp-cta-trust span{

font-size:11px;

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c467e3f */.gsp-review-section,
.gsp-review-section *{

box-sizing:border-box;

}



.gsp-review-section{


width:100vw;

margin-left:calc(50% - 50vw);


background:#f6f9fc;


padding:90px 40px;


}




.gsp-review-header{


max-width:850px;

margin:0 auto 55px;

text-align:center;


}



.gsp-review-header span{


font-family:monospace;

font-size:12px;

font-weight:800;

letter-spacing:5px;

color:#0067d9;


}



.gsp-review-header h2{


font-family:Inter,Arial;

font-size:46px;

font-weight:900;

color:#071d3d;

margin:18px 0 12px;


}



.gsp-review-header p{


font-size:17px;

color:#667085;


}






.gsp-review-grid{


max-width:1250px;

margin:auto;


display:grid;

grid-template-columns:repeat(3,1fr);


gap:28px;


}





.gsp-review-card{


background:white;


border:1px solid #e3ebf5;


border-radius:28px;


padding:38px;


min-height:430px;


display:flex;

flex-direction:column;


transition:.3s;


}



.gsp-review-card:hover{


transform:translateY(-8px);


box-shadow:

0 25px 60px rgba(10,40,80,.12);


}






.review-tag{


width:max-content;


padding:7px 16px;


border-radius:30px;


background:#CFFF04;


color:#071d3d;


font-size:11px;


font-weight:900;


}





.quote-mark{


font-family:Georgia,serif;


font-size:80px;


font-weight:bold;


line-height:.8;


height:60px;


margin-top:20px;


color:#CFFF04;


}





.review-text{


font-family:Inter,Arial;


font-size:17px;


line-height:1.7;


color:#40546b;


margin:10px 0 30px;


}





.review-info{


margin-top:auto;


}





.review-info h3{


font-size:21px;


font-weight:900;


color:#071d3d;


margin:0 0 8px;


}





.review-info span{


display:block;


font-size:14px;


color:#0067d9;


}




.review-info small{


display:block;


margin-top:10px;


font-size:13px;


color:#7b889d;


}







@media(max-width:1000px){


.gsp-review-grid{


grid-template-columns:1fr;


max-width:520px;


}


}







@media(max-width:600px){


.gsp-review-section{


padding:60px 18px;


}



.gsp-review-header h2{


font-size:32px;


}



.gsp-review-card{


padding:28px;


min-height:390px;


}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e564948 *//* ==============================
GSP VIDEO SECTION
============================== */


.gsp-video-section,
.gsp-video-section *{
box-sizing:border-box;
}



.gsp-video-section{

width:100vw;

margin-left:calc(50% - 50vw);

background:#f6f9fd;

padding:90px 40px;

overflow:hidden;

font-family:"Inter",Arial,sans-serif;

}





/* HEADER */


.gsp-video-header{

max-width:850px;

margin:0 auto 55px;

text-align:center;

}



.gsp-video-header span{

font-family:"Inter",sans-serif;

font-size:12px;

font-weight:800;

letter-spacing:5px;

color:#0067dd;

}



.gsp-video-header h2{

font-family:"Manrope",sans-serif;

font-size:52px;

font-weight:900;

letter-spacing:-1.5px;

color:#071d3d;

margin:18px 0 15px;

}



.gsp-video-header p{

font-size:17px;

color:#667085;

line-height:1.6;

}






/* VIDEO GRID */


.gsp-video-layout{

max-width:1400px;

height:650px;

margin:auto;

display:grid;

grid-template-columns:1.7fr 1fr;

gap:28px;

}




.gsp-video-card{

background:#ffffff;

border-radius:28px;

overflow:hidden;

border:1px solid #e5ebf3;

transition:.35s;

}



.gsp-video-card:hover{

transform:translateY(-8px);

box-shadow:0 25px 70px rgba(0,30,80,.12);

}






/* IMAGE AREA */


.gsp-thumb{

position:relative;

cursor:pointer;

overflow:hidden;

background:#061b35;

}



.big-video .gsp-thumb{

height:440px;

}



.gsp-right-column{

display:grid;

grid-template-rows:1fr 1fr;

gap:28px;

}



.gsp-right-column .gsp-thumb{

height:230px;

}




.gsp-thumb img{

width:100%;

height:100%;

object-fit:cover;

transition:.5s;

}



.gsp-thumb:hover img{

transform:scale(1.06);

}




.video-overlay{

position:absolute;

inset:0;

background:
linear-gradient(
180deg,
rgba(0,0,0,0) 40%,
rgba(0,15,40,.45)
);

}





/* PLAY BUTTON */


.play-btn{

position:absolute;

top:50%;

left:50%;

transform:translate(-50%,-50%);


width:82px;

height:82px;


border-radius:50%;


background:white;


display:flex;

align-items:center;

justify-content:center;


font-size:30px;

color:#0067dd;


box-shadow:
0 20px 50px rgba(0,0,0,.35);


}



.play-btn.small{

width:65px;

height:65px;

font-size:24px;

}







/* TEXT */


.video-info{

padding:24px 30px;

}



.video-info span{

font-size:11px;

font-weight:800;

letter-spacing:4px;

color:#0067dd;

}



.video-info h3{

font-family:"Manrope",sans-serif;

font-size:25px;

font-weight:900;

letter-spacing:-.5px;

color:#071d3d;

margin:10px 0;

}



.video-info p{

font-size:15px;

line-height:1.6;

color:#667085;

}





/* ==============================
POPUP
============================== */


.gsp-video-popup{

position:fixed;

inset:0;

display:none;

align-items:center;

justify-content:center;


background:
rgba(2,10,25,.92);


z-index:999999;


padding:30px;

}




.gsp-video-popup.active{

display:flex;

}





.popup-video{

width:min(1100px,95vw);

aspect-ratio:16/9;

background:#000;

border-radius:22px;

overflow:hidden;

box-shadow:
0 40px 100px rgba(0,0,0,.6);

}



.popup-video iframe{

width:100%;

height:100%;

border:0;

}




.popup-close{


position:absolute;


right:35px;

top:25px;


font-size:55px;

font-weight:300;


color:white;


cursor:pointer;


line-height:1;


}





/* TABLET */


@media(max-width:1000px){


.gsp-video-layout{

height:auto;

grid-template-columns:1fr;

}



.big-video .gsp-thumb{

height:420px;

}



.gsp-right-column{

grid-template-columns:1fr 1fr;

grid-template-rows:none;

}



}




/* MOBILE */


@media(max-width:600px){


.gsp-video-section{

padding:60px 18px;

}



.gsp-video-header h2{

font-size:34px;

}



.gsp-video-header p{

font-size:15px;

}



.gsp-video-layout{

gap:20px;

}



.big-video .gsp-thumb{

height:230px;

}



.gsp-right-column{

grid-template-columns:1fr;

}



.gsp-right-column .gsp-thumb{

height:200px;

}



.video-info{

padding:20px;

}



.video-info h3{

font-size:22px;

}



.popup-video{

width:100%;

}



.popup-close{

right:20px;

top:15px;

font-size:42px;

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-95a820b */.gsp-location-section,
.gsp-location-section *{
box-sizing:border-box;
}



.gsp-location-section{


width:100vw;

margin-left:calc(50% - 50vw);

background:#ffffff;

padding:70px 35px;


}




/* HEADER */


.gsp-location-header{

text-align:center;

max-width:800px;

margin:0 auto 45px;

}


.gsp-location-header span{


font-family:"IBM Plex Mono",monospace;

font-size:12px;

font-weight:700;

letter-spacing:4px;

color:#0067dd;


}



.gsp-location-header h2{


font-family:"Manrope",Arial,sans-serif;

font-size:46px;

font-weight:800;

letter-spacing:-1px;

color:#071d3d;

margin:15px 0 12px;


}



.gsp-location-header p{


font-family:"Inter",Arial,sans-serif;

font-size:17px;

color:#64748b;

margin:0;


}






/* GRID */


.gsp-location-grid{


max-width:1450px;

margin:auto;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:28px;


}





/* CARD */


.gsp-location-card{


background:#ffffff;

border-radius:28px;

overflow:hidden;

border:1px solid #e4ebf5;

box-shadow:
0 15px 40px rgba(15,40,80,.06);

transition:.3s;


}



.gsp-location-card:hover{


transform:translateY(-8px);

box-shadow:
0 25px 55px rgba(15,40,80,.12);


}







/* MAP */


.gsp-map-box{


height:230px;

overflow:hidden;


}



.gsp-map-box iframe{


width:100%;

height:100%;

border:0;

display:block;


}






/* CONTENT */


.gsp-location-content{


padding:28px 32px 34px;


}



.gsp-location-tag{


display:inline-flex;

padding:7px 16px;

border-radius:50px;

background:#eaffb8;

color:#173000;

font-family:"Inter",Arial;

font-size:11px;

font-weight:800;

letter-spacing:1.5px;

margin-bottom:18px;


}



.gsp-location-content h3{


font-family:"Manrope",Arial,sans-serif;

font-size:27px;

font-weight:800;

letter-spacing:-.5px;

color:#071d3d;

margin:0 0 14px;


}




.gsp-location-content p{


font-family:"Inter",Arial,sans-serif;

font-size:15px;

line-height:1.75;

color:#52657d;

margin:0;


}






/* TABLET */


@media(max-width:1100px){


.gsp-location-grid{

grid-template-columns:repeat(2,1fr);

}


}







/* MOBILE */


@media(max-width:700px){


.gsp-location-section{

padding:55px 18px;

}



.gsp-location-header h2{

font-size:34px;

}



.gsp-location-grid{

grid-template-columns:1fr;

}



.gsp-map-box{

height:220px;

}



.gsp-location-content{

padding:25px;

}



}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-18d66e1 *//* =========================================
   GSP NEWS & UPDATES SECTION
========================================= */

html,
body {
    overflow-x: clip;
}

.gsp-news-section,
.gsp-news-section * {
    box-sizing: border-box;
}

.gsp-news-section {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin-top: 0;
    margin-right: -50vw;
    margin-bottom: 0;
    margin-left: -50vw;
    padding: 58px 24px 62px;
    overflow: hidden;
    font-family: "Inter", "Segoe UI", Arial, Helvetica, sans-serif;
    background:
        radial-gradient(
            circle at 94% 5%,
            rgba(8, 118, 232, 0.05),
            transparent 25%
        ),
        #ffffff;
}

.gsp-news-container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
}

/* =========================================
   HEADER
========================================= */

.gsp-news-header {
    max-width: 720px;
    margin: 0 auto 36px;
    text-align: center;
}

.gsp-news-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #0867d6;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 2.2px;
}

.gsp-news-eyebrow::before,
.gsp-news-eyebrow::after {
    content: "";
    display: block;
    width: 21px;
    height: 2px;
    background: #c8ff00;
}

.gsp-news-header h2 {
    margin: 9px 0 8px;
    color: #071d3b;
    font-family: "Inter", "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: clamp(35px, 4vw, 46px);
    font-weight: 750;
    line-height: 1.12;
    letter-spacing: -1px;
}

.gsp-news-header p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}

/* =========================================
   FEATURE AREA
========================================= */

.gsp-feature-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(300px, 0.8fr);
    align-items: start;
    gap: 22px;
    margin-bottom: 30px;
}

.gsp-main-news,
.gsp-side-news {
    display: flex;
    min-width: 0;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
    background: #f7faff;
    border: 1px solid #dfe8f2;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(7, 38, 73, 0.045);
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

.gsp-main-news {
    flex-direction: column;
}

.gsp-side-news {
    flex-direction: column;
}

.gsp-main-news:hover,
.gsp-side-news:hover {
    border-color: #b9cde2;
    box-shadow: 0 18px 38px rgba(7, 38, 73, 0.1);
    transform: translateY(-4px);
}

/* =========================================
   FEATURE IMAGES
========================================= */

.gsp-main-news img,
.gsp-side-news img {
    display: block;
    width: 100%;
    margin: 0;
    background: #dbe5ef;
    object-fit: cover;
}

/* Compact main image */

.gsp-main-news img {
    height: 290px;
    object-position: center 44%;
}

/* Compact side image */

.gsp-side-news img {
    height: 175px;
    object-position: center;
    border-bottom: 1px solid #dfe8f2;
}

/* =========================================
   FEATURE CONTENT
========================================= */

.gsp-main-news-content {
    padding: 23px 26px 25px;
}

.gsp-side-news-content {
    padding: 22px 22px 24px;
}

.gsp-news-category {
    display: block;
    color: #0867d6;
    font-size: 9px;
    font-weight: 750;
    line-height: 1.4;
    letter-spacing: 1.8px;
}

.gsp-main-news h3,
.gsp-side-news h3,
.gsp-update-card h3 {
    font-family: "Inter", "Segoe UI", Arial, Helvetica, sans-serif;
}

.gsp-main-news h3 {
    margin: 10px 0 9px;
    color: #071d3b;
    font-size: clamp(22px, 2.2vw, 27px);
    font-weight: 720;
    line-height: 1.3;
    letter-spacing: -0.45px;
}

.gsp-side-news h3 {
    margin: 10px 0 8px;
    color: #071d3b;
    font-size: 20px;
    font-weight: 720;
    line-height: 1.35;
    letter-spacing: -0.25px;
}

.gsp-main-news p,
.gsp-side-news p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
}

.gsp-main-news strong,
.gsp-side-news strong {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
    color: #0867d6;
    font-size: 12px;
    font-weight: 700;
}

.gsp-main-news strong i,
.gsp-side-news strong i {
    font-style: normal;
    transition: transform 0.2s ease;
}

.gsp-main-news:hover strong i,
.gsp-side-news:hover strong i {
    transform: translateX(4px);
}

/* =========================================
   UPDATE LIST
========================================= */

.gsp-update-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.gsp-update-card {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    min-width: 0;
    min-height: 120px;
    padding: 20px;
    color: inherit;
    text-decoration: none;
    background: #ffffff;
    border: 1px solid #dfe8f2;
    border-radius: 14px;
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

.gsp-update-card:hover {
    border-color: #b9cde2;
    box-shadow: 0 14px 30px rgba(7, 38, 73, 0.085);
    transform: translateY(-3px);
}

.gsp-update-content {
    min-width: 0;
}

.gsp-update-card h3 {
    margin: 8px 0 7px;
    color: #071d3b;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.15px;
}

.gsp-update-card p {
    margin: 0;
    color: #64748b;
    font-size: 11.5px;
    line-height: 1.55;
}

.gsp-update-card time {
    flex: 0 0 58px;
    min-width: 58px;
    padding: 9px 6px;
    color: #ffffff;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    background: #071d3b;
    border-radius: 3px;
}

.gsp-update-card time strong,
.gsp-update-card time span {
    display: block;
}

.gsp-update-card time strong {
    font-size: 11px;
    font-weight: 700;
}

.gsp-update-card time span {
    color: #c8ff00;
    font-weight: 650;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {
    .gsp-news-section {
        padding: 54px 24px 58px;
    }

    .gsp-feature-wrapper {
        grid-template-columns: 1fr;
    }

    .gsp-main-news img {
        height: 320px;
    }

    .gsp-side-news {
        display: grid;
        grid-template-columns: minmax(240px, 38%) 1fr;
    }

    .gsp-side-news img {
        width: 100%;
        height: 100%;
        min-height: 230px;
        border-right: 1px solid #dfe8f2;
        border-bottom: 0;
    }

    .gsp-update-list {
        grid-template-columns: 1fr;
    }

    .gsp-update-card {
        min-height: 0;
    }
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {
    .gsp-news-section {
        padding: 44px 15px 48px;
    }

    .gsp-news-header {
        margin-bottom: 28px;
    }

    .gsp-news-header h2 {
        font-size: 32px;
    }

    .gsp-news-header p {
        font-size: 13px;
    }

    .gsp-feature-wrapper {
        gap: 17px;
        margin-bottom: 20px;
    }

    .gsp-main-news,
    .gsp-side-news {
        display: flex;
        flex-direction: column;
        border-radius: 11px;
    }

    .gsp-main-news img {
        height: 215px;
        object-position: center;
    }

    .gsp-side-news img {
        width: 100%;
        height: 190px;
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid #dfe8f2;
    }

    .gsp-main-news-content,
    .gsp-side-news-content {
        padding: 20px;
    }

    .gsp-main-news h3 {
        font-size: 21px;
    }

    .gsp-side-news h3 {
        font-size: 19px;
    }

    .gsp-update-list {
        gap: 14px;
    }

    .gsp-update-card {
        padding: 18px;
    }

    .gsp-update-card h3 {
        font-size: 15px;
    }
}

@media (max-width: 390px) {
    .gsp-main-news img {
        height: 195px;
    }

    .gsp-side-news img {
        height: 175px;
    }

    .gsp-update-card {
        flex-direction: column;
    }

    .gsp-update-card time {
        flex-basis: auto;
    }
}

/* =========================================
   REDUCED MOTION
========================================= */

@media (prefers-reduced-motion: reduce) {
    .gsp-main-news,
    .gsp-side-news,
    .gsp-update-card,
    .gsp-main-news strong i,
    .gsp-side-news strong i {
        transition: none;
    }
}/* End custom CSS */