/***************************
//Font Type
***************************/
@font-face { font-family: "rigid-square"; src: url("https://use.typekit.net/af/6727e5/00000000000000007735c42c/30/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/6727e5/00000000000000007735c42c/30/d?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/6727e5/00000000000000007735c42c/30/a?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n6&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 600; font-stretch: normal; }

@font-face { font-family: "rigid-square"; src: url("https://use.typekit.net/af/bb5c38/00000000000000007735c433/30/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/bb5c38/00000000000000007735c433/30/d?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/bb5c38/00000000000000007735c433/30/a?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n7&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 700; font-stretch: normal; }

@font-face { font-family: "Inter"; src: url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap"); }

/***************************
//GRID SYSTEM
***************************/
.blks-grid { width: 100%; display: flex; justify-content: center; gap: 20px; }

@media (max-width: 1024px) { .blks-grid { flex-wrap: wrap; } .blks-grid.responsive-reverse { flex-direction: column-reverse !important; } }

.blks-grid > div { display: flex; }

.blks-grid > .col { width: auto; }

@media (max-width: 900px) { .blks-grid > .col { width: 100%; } }

.blks-grid .col-1 { width: 100%; }

.blks-grid .col-2 { width: calc(50% - 15px); }

@media (max-width: 900px) { .blks-grid .col-2 { width: 100%; } }

.blks-grid .col-3 { width: 33.3333333333%; }

@media (max-width: 900px) { .blks-grid .col-3 { width: 100%; } }

.blks-grid .col-4 { width: 25%; }

@media (max-width: 900px) { .blks-grid .col-4 { width: 100%; } }

.blks-grid .col-5 { width: 20%;}

@media (max-width: 900px) { .blks-grid .col-5 { width: 100%; } }

.blks-grid .col-6 { width: 16.666666666666667%; }

@media (max-width: 900px) { .blks-grid .col-6 { width: 50%; } }

.blks-grid .col-1of4 { width: 25%; padding: 2rem; }

@media (max-width: 900px) { .blks-grid .col-1of4 { width: 100%; } }

.blks-grid .col-2of4 { width: 50%; padding: 2rem; }

@media (max-width: 900px) { .blks-grid .col-2of4 { width: 100%; } }

.blks-grid .col-3of4 { width: 75%; padding: 2rem; }

@media (max-width: 900px) { .blks-grid .col-3of4 { width: 100%; } }

.blks-grid .col-4of4 { width: 100%; }

@media (max-width: 475px) { .blks-container { padding: 0 10px; } }

/***************************
//Blockstream CONTAINERS
***************************/
.blks-container-fluid { width: 100%; margin: 0 auto; }

.blks-container { width: 100%; max-width: 1140px; margin: 0 auto; }

.blks-container-xxl { width: 100%; max-width: 1400px; margin: 0 auto; }

.blks-container-lg { width: 100%; max-width: 960px; margin: 0 auto; }

.blks-container-md { width: 100%; max-width: 720px; margin: 0 auto; }

.blks-container-sm { width: 100%; max-width: 540px; margin: 0 auto; }

/***************************
//Content Titles
***************************/
.content-title { font-size: 40px; font-weight: bold; margin-bottom: 30px; color: #fff; }

@media (max-width: 700px) { .content-title { font-size: 30px; } }

.content-title-lg { font-size: 48px; font-weight: bold; margin-bottom: 30px; color: #fff; }

@media (max-width: 700px) { .content-title-lg { font-size: 32px; } }

.content-title-md { font-size: 32px; font-weight: bold; margin-bottom: 30px; color: #fff; }

@media (max-width: 700px) { .content-title-md { font-size: 26px; } }

.content-title-sm { font-size: 24px; font-weight: bold; color: #fff; margin-bottom: 30px; }

/***************************
// Typography
***************************/
.text-white { color: #FFF; }

.text-gray { color: #B5BDC2; }

.text-dark-gray { color: #55585A; }

.text-center { text-align: center; }

.text-uppercase { text-transform: uppercase; }

.font-h1 { font-size: 48px; font-weight: 700; font-family: "rigid-square", sans-serif; line-height: normal; letter-spacing: normal; font-style: normal; }

@media only screen and (max-width: 480px) { .font-h1 { font-size: 36px; } }

.font-h2 { font-size: 40px; font-weight: 700; font-family: "rigid-square", sans-serif; line-height: normal; letter-spacing: normal; font-style: normal; }

@media only screen and (max-width: 480px) { .font-h2 { font-size: 24px; } }

.font-h3 { font-size: 28px; font-weight: 700; font-family: "rigid-square", sans-serif; line-height: normal; letter-spacing: normal; font-style: normal; }

@media only screen and (max-width: 480px) { .font-h3 { font-size: 20px; } }

.font-h4 { font-size: 20px; font-weight: 700; font-family: "rigid-square", sans-serif; line-height: normal; letter-spacing: normal; font-style: normal; }

@media only screen and (max-width: 480px) { .font-h4 { font-size: 16px; } }

.font-h5 { font-size: 16px; font-weight: 700; font-family: "rigid-square", sans-serif; line-height: normal; letter-spacing: normal; font-style: normal; }

@media only screen and (max-width: 480px) { .font-h5 { font-size: 14px; } }

.font-h6 { font-size: 14px; font-weight: 700; font-family: "rigid-square", sans-serif; line-height: normal; letter-spacing: normal; font-style: normal; }

.font-p1 { font-size: 18px; font-weight: 400; font-family: "Inter", sans-serif; line-height: 25px; letter-spacing: normal; font-style: normal; }

@media only screen and (max-width: 480px) { .font-p1 { font-size: 16px; } }

.font-p2 { font-size: 16px; font-weight: 400; font-family: "Inter", sans-serif; line-height: 25px; letter-spacing: normal; font-style: normal; }

@media only screen and (max-width: 480px) { .font-p2 { font-size: 14px; } }

.font-p3 { font-size: 14px; font-weight: 400; font-family: "Inter", sans-serif; line-height: 25px; letter-spacing: normal; font-style: normal; }

@media only screen and (max-width: 480px) { .font-p3 { font-size: 12px; } }

.font-p4 { font-size: 14px; font-weight: 600; font-family: "Inter", sans-serif; line-height: 25px; letter-spacing: normal; font-style: normal; }

@media only screen and (max-width: 480px) { .font-p4 { font-size: 12px; } }

.font-p5 { font-size: 11px; font-weight: 400; font-family: "Inter", sans-serif; line-height: 20px; letter-spacing: normal; font-style: normal; }

.font-btn-1 { font-size: 18px; }

@media only screen and (max-width: 480px) { .font-btn-1 { font-size: 14px; } }

.font-btn-2 { font-size: 16px; }

@media only screen and (max-width: 480px) { .font-btn-2 { font-size: 12px; } }

.font-link-semibold { font-family: "Inter", sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 28.8px; letter-spacing: normal; }

.font-link-regular { font-family: "Inter", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28.8px; letter-spacing: normal; }

.font-disclaimer-text { color: #B5BDC2; font-family: "Inter", sans-serif; font-size: 14px; font-style: italic; font-weight: 400; line-height: normal; letter-spacing: normal; }

/***************************
// SPACING 

m -> margin
p -> padding

mt, pt -> margin-top or padding-top
mb, pb -> margin-bottom or padding-bottom
ml, pl -> margin-left or padding-left
mr, pr -> margin-right or padding-right
mx, px -> both left and right
my, py -> both top and bottom

******************************/
.m-0 { margin: 0; }

.m-1 { margin: 2.5px; }

.m-2 { margin: 5px; }

.m-3 { margin: 10px; }

.m-4 { margin: 15px; }

.m-5 { margin: 30px; }

.m-6 { margin: 60px; }

.m-7 { margin: 100px; }

.m-8 { margin: 150px; }

.m-auto { margin: auto; }

.mx-0 { margin-right: 0; margin-left: 0; }

.mx-1 { margin-right: 2.5px; margin-left: 2.5px; }

.mx-2 { margin-right: 5px; margin-left: 5px; }

.mx-3 { margin-right: 10px; margin-left: 10px; }

.mx-4 { margin-right: 15px; margin-left: 15px; }

.mx-5 { margin-right: 30px; margin-left: 30px; }

.mx-6 { margin-right: 60px; margin-left: 60px; }

.mx-7 { margin-right: 100px; margin-left: 100px; }

.mx-8 { margin-right: 150px; margin-left: 150px; }

.mx-auto { margin-right: auto; margin-left: auto; }

.my-0 { margin-top: 0; margin-bottom: 0; }

.my-1 { margin-top: 2.5px; margin-bottom: 2.5px; }

.my-2 { margin-top: 5px; margin-bottom: 5px; }

.my-3 { margin-top: 10px; margin-bottom: 10px; }

.my-4 { margin-top: 15px; margin-bottom: 15px; }

.my-5 { margin-top: 30px; margin-bottom: 30px; }

.my-6 { margin-top: 60px; margin-bottom: 60px; }

.my-7 { margin-top: 100px; margin-bottom: 100px; }

.my-8 { margin-top: 150px; margin-bottom: 150px; }

.my-auto { margin-top: auto; margin-bottom: auto; }

.mt-0 { margin-top: 0; }

.mt-1 { margin-top: 2.5px; }

.mt-2 { margin-top: 5px; }

.mt-3 { margin-top: 10px; }

.mt-4 { margin-top: 15px; }

.mt-5 { margin-top: 30px; }

.mt-6 { margin-top: 60px; }

.mt-7 { margin-top: 100px; }

.mt-8 { margin-top: 150px; }

.mt-auto { margin-top: auto; }

.mr-0 { margin-right: 0; }

.mr-1 { margin-right: 2.5px; }

.mr-2 { margin-right: 5px; }

.mr-3 { margin-right: 10px; }

.mr-4 { margin-right: 15px; }

.mr-5 { margin-right: 30px; }

.mr-6 { margin-right: 60px; }

.mr-7 { margin-right: 100px; }

.mr-8 { margin-right: 150px; }

.mr-auto { margin-right: auto; }

.mb-0 { margin-bottom: 0; }

.mb-1 { margin-bottom: 2.5px; }

.mb-2 { margin-bottom: 5px; }

.mb-3 { margin-bottom: 10px; }

.mb-4 { margin-bottom: 15px; }

.mb-5 { margin-bottom: 30px; }

.mb-6 { margin-bottom: 60px; }

.mb-7 { margin-bottom: 100px; }

.mb-8 { margin-bottom: 150px; }

.mb-auto { margin-bottom: auto; }

.ml-0 { margin-left: 0; }

.ml-1 { margin-left: 2.5px; }

.ml-2 { margin-left: 5px; }

.ml-3 { margin-left: 10px; }

.ml-4 { margin-left: 15px; }

.ml-5 { margin-left: 30px; }

.ml-6 { margin-left: 60px; }

.ml-7 { margin-left: 100px; }

.ml-8 { margin-left: 150px; }

.ml-auto { margin-left: auto; }

.p-0 { padding: 0; }

.p-1 { padding: 2.5px; }

.p-2 { padding: 5px; }

.p-3 { padding: 10px; }

.p-4 { padding: 15px; }

.p-5 { padding: 30px; }

.p-6 { padding: 60px; }

.p-7 { padding: 100px; }

.p-8 { padding: 150px; }

.px-0 { padding-right: 0; padding-left: 0; }

.px-1 { padding-right: 2.5px; padding-left: 2.5px; }

.px-2 { padding-right: 5px; padding-left: 5px; }

.px-3 { padding-right: 10px; padding-left: 10px; }

.px-4 { padding-right: 15px; padding-left: 15px; }

.px-5 { padding-right: 30px; padding-left: 30px; }

.px-6 { padding-right: 60px; padding-left: 60px; }

.px-7 { padding-right: 100px; padding-left: 100px; }

.px-8 { padding-right: 150px; padding-left: 150px; }

.py-0 { padding-top: 0; padding-bottom: 0; }

.py-1 { padding-top: 2.5px; padding-bottom: 2.5px; }

.py-2 { padding-top: 5px; padding-bottom: 5px; }

.py-3 { padding-top: 10px; padding-bottom: 10px; }

.py-4 { padding-top: 15px; padding-bottom: 15px; }

.py-5 { padding-top: 30px; padding-bottom: 30px; }

.py-6 { padding-top: 60px; padding-bottom: 60px; }

.py-7 { padding-top: 100px; padding-bottom: 100px; }

.py-8 { padding-top: 150px; padding-bottom: 150px; }

.pt-0 { padding-top: 0; }

.pt-1 { padding-top: 2.5px; }

.pt-2 { padding-top: 5px; }

.pt-3 { padding-top: 10px; }

.pt-4 { padding-top: 15px; }

.pt-5 { padding-top: 30px; }

.pt-6 { padding-top: 60px; }

.pt-7 { padding-top: 100px; }

.pt-8 { padding-top: 150px; }

.pr-0 { padding-right: 0; }

.pr-1 { padding-right: 2.5px; }

.pr-2 { padding-right: 5px; }

.pr-3 { padding-right: 10px; }

.pr-4 { padding-right: 15px; }

.pr-5 { padding-right: 30px; }

.pr-6 { padding-right: 60px; }

.pr-7 { padding-right: 100px; }

.pr-8 { padding-right: 150px; }

.pb-0 { padding-bottom: 0; }

.pb-1 { padding-bottom: 2.5px; }

.pb-2 { padding-bottom: 5px; }

.pb-3 { padding-bottom: 10px; }

.pb-4 { padding-bottom: 15px; }

.pb-5 { padding-bottom: 30px; }

.pb-6 { padding-bottom: 60px; }

.pb-7 { padding-bottom: 100px; }

.pb-8 { padding-bottom: 150px; }

.pl-0 { padding-left: 0; }

.pl-1 { padding-left: 2.5px; }

.pl-2 { padding-left: 5px; }

.pl-3 { padding-left: 10px; }

.pl-4 { padding-left: 15px; }

.pl-5 { padding-left: 30px; }

.pl-6 { padding-left: 60px; }

.pl-7 { padding-left: 100px; }

.pl-8 { padding-left: 150px; }

.g-btn { font-family: "rigid-square", sans-serif; font-style: normal; font-weight: 700; line-height: 22px; letter-spacing: normal; cursor: pointer; width: 100%; max-width: max-content; padding: 10px 30px; display: inline-block; outline: none; transition: 0.3s ease-out; text-decoration: none; text-align: center; border: none; background: none; border-radius: 2px; }

.g-btn:hover, .g-btn:active { box-shadow: 149 157 165/20% 0px 8px 24px; transition: 0.3s ease-out; text-decoration: none; }

.primary-btn { background: #00C3FF; border: 1px solid #00C3FF; color: #0C0C0F; }

.primary-btn:hover, .primary-btn:active { transition: 0.2s ease-out; background: #fff; border: 1px solid #fff; color: #0C0C0F; text-decoration: none; }

.secondary-btn { background-color: transparent; border: 1px solid #00c3ff; color: #00c3ff; }

.secondary-btn:hover, .secondary-btn:active { color: #0C0C0F; border: 1px solid #00c3ff; background-color: #00c3ff; }

.tertiary-btn { color: #00c3ff; border-bottom: 2px solid #00c3ff; width: auto; padding: 10px 0 0 0; max-width: max-content; }

.tertiary-btn:hover, .tertiary-btn:active { color: #0C0C0F; border-color: #0C0C0F; }

.liquid-btn { background-color: #22E1C9; border: 1px solid #22E1C9; color: #fff; }

.liquid-btn:hover, .liquid-btn:active { background-color: #14909C; color: #fff; border: 1px solid #14909C; }

.liquid-sec-btn { background-color: transparent; border: 1px solid #14909C; color: #14909C; }

.liquid-sec-btn:hover, .liquid-sec-btn:active { background-color: #14909C; color: #fff; border: 1px solid #14909C; }

.liquid-ter-btn { color: #14909C; border-bottom: 2px solid #14909C; width: auto; padding: 10px 0 0 0; max-width: max-content; }

.liquid-ter-btn:hover, .liquid-ter-btn:active { color: #fff; border-color: #fff; }

.cln-btn { background-color: #DFB316; border: 1px solid #DFB316; color: #fff; }

.cln-btn:hover, .cln-btn:active { background-color: #F0D003; border: 1px solid #F0D003; color: #fff; }

.cln-sec-btn { background-color: transparent; border: 1px solid #F0D003; color: #F0D003; }

.cln-sec-btn:hover, .cln-sec-btn:active { background-color: #F0D003; border: 1px solid #F0D003; color: #fff; }

.cln-ter-btn { color: #F0D003; border-bottom: 2px solid #F0D003; width: auto; padding: 10px 0 0 0; max-width: max-content; }

.cln-ter-btn:hover, .cln-ter-btn:active { color: #fff; border-color: #fff; }

.datafeed-btn { background-color: #0376AD; border: 1px solid #0376AD; color: #fff; }

.datafeed-btn:hover, .datafeed-btn:active { background-color: #00C3FF; border: 1px solid #00C3FF; color: #fff; }

.datafeed-sec-btn { background-color: transparent; border: 1px solid #00C3FF; color: #00C3FF; }

.datafeed-sec-btn:hover, .datafeed-sec-btn:active { background-color: #00C3FF; border: 1px solid #00C3FF; color: #fff; }

.datafeed-ter-btn { color: #00C3FF; border-bottom: 2px solid #00C3FF; width: auto; padding: 10px 0 0 0; max-width: max-content; }

.datafeed-ter-btn:hover, .datafeed-ter-btn:active { color: #fff; border-color: #fff; }

.energy-btn { background-color: #186B49; border: 1px solid #186B49; color: #fff; }

.energy-btn:hover, .energy-btn:active { background-color: #32B284; border: 1px solid #32B284; color: #fff; }

.energy-sec-btn { background-color: transparent; border: 1px solid #32B284; color: #32B284; }

.energy-sec-btn:hover, .energy-sec-btn:active { background-color: #32B284; border: 1px solid #32B284; color: #fff; }

.energy-ter-btn { color: #32B284; border-bottom: 2px solid #32B284; width: auto; padding: 10px 0 0 0; max-width: max-content; }

.energy-ter-btn:hover, .energy-ter-btn:active { color: #fff; border-color: #fff; }

.amp-btn { background-color: #006C7F; border: 1px solid #006C7F; color: #fff; }

.amp-btn:hover, .amp-btn:active { background-color: #1CADB2; border: 1px solid #1CADB2; color: #fff; }

.amp-sec-btn { background-color: transparent; border: 1px solid #1CADB2; color: #1CADB2; }

.amp-sec-btn:hover, .amp-sec-btn:active { background-color: #1CADB2; border: 1px solid #1CADB2; color: #fff; }

.amp-ter-btn { color: #1CADB2; border-bottom: 2px solid #1CADB2; width: auto; padding: 10px 0 0 0; max-width: max-content; }

.amp-ter-btn:hover, .amp-ter-btn:active { color: #fff; border-color: #fff; }

.green-btn { background-color: #048146; border: 1px solid #048146; color: #fff; }

.green-btn:hover, .green-btn:active { background-color: #00B45A; border: 1px solid #00B45A; color: #fff; }

.green-sec-btn { background-color: transparent; border: 1px solid #00B45A; color: #00B45A; }

.green-sec-btn:hover, .green-sec-btn:active { background-color: #00B45A; border: 1px solid #00B45A; color: #fff; }

.green-ter-btn { color: #00B45A; border-bottom: 2px solid #00B45A; width: auto; padding: 10px 0 0 0; max-width: max-content; }

.green-ter-btn:hover, .green-ter-btn:active { color: #fff; border-color: #fff; }

.mining-btn { background-color: #A70137; border: 1px solid #A70137; color: #fff; }

.mining-btn:hover, .mining-btn:active { background-color: #DD1F48; border: 1px solid #DD1F48; color: #fff; }

.mining-sec-btn { background-color: transparent; border: 1px solid #DD1F48; color: #DD1F48; }

.mining-sec-btn:hover, .mining-sec-btn:active { background-color: #DD1F48; border: 1px solid #DD1F48; color: #fff; }

.mining-ter-btn { color: #DD1F48; border-bottom: 2px solid #DD1F48; width: auto; padding: 10px 0 0 0; max-width: max-content; }

.mining-ter-btn:hover, .mining-ter-btn:active { color: #fff; border-color: #fff; }

.elements-btn { background-color: #42539D; border: 1px solid #42539D; color: #fff; }

.elements-btn:hover, .elements-btn:active { background-color: #6C8ADD; border: 1px solid #6C8ADD; color: #fff; }

.elements-sec-btn { background-color: transparent; border: 1px solid #6C8ADD; color: #6C8ADD; }

.elements-sec-btn:hover, .elements-sec-btn:active { background-color: #6C8ADD; border: 1px solid #6C8ADD; color: #fff; }

.elements-ter-btn { color: #6C8ADD; border-bottom: 2px solid #6C8ADD; width: auto; padding: 10px 0 0 0; max-width: max-content; }

.elements-ter-btn:hover, .elements-ter-btn:active { color: #fff; border-color: #fff; }

.simplicity-btn { background-color: #5134E0; border: 1px solid #5134E0; color: #fff; }

.simplicity-btn:hover, .simplicity-btn:active { background-color: #7973F4; border: 1px solid #7973F4; color: #fff; }

.simplicity-sec-btn { background-color: transparent; border: 1px solid #7973F4; color: #7973F4; }

.simplicity-sec-btn:hover, .simplicity-sec-btn:active { background-color: #7973F4; border: 1px solid #7973F4; color: #fff; }

.simplicity-ter-btn { color: #7973F4; border-bottom: 2px solid #7973F4; width: auto; padding: 10px 0 0 0; max-width: max-content; }

.simplicity-ter-btn:hover, .simplicity-ter-btn:active { color: #fff; border-color: #fff; }

.satellite-btn { background-color: #1F3A98; border: 1px solid #1F3A98; color: #fff; }

.satellite-btn:hover, .satellite-btn:active { background-color: #3C82F9; border: 1px solid #3C82F9; color: #fff; }

.satellite-sec-btn { background-color: transparent; border: 1px solid #3C82F9; color: #3C82F9; }

.satellite-sec-btn:hover, .satellite-sec-btn:active { background-color: #3C82F9; border: 1px solid #3C82F9; color: #fff; }

.satellite-ter-btn { color: #3C82F9; border-bottom: 2px solid #3C82F9; width: auto; padding: 10px 0 0 0; max-width: max-content; }

.satellite-ter-btn:hover, .satellite-ter-btn:active { color: #fff; border-color: #fff; }

.finance-btn { background-color: #3891CE; border: 1px solid #3891CE; color: #0C0C0F; }

.finance-btn:hover, .finance-btn:active { background-color: #2A6596; border: 1px solid #2A6596; color: #0C0C0F; }

.finance-sec-btn { background-color: transparent; border: 1px solid #3891CE; color: #3891CE; }

.finance-sec-btn:hover, .finance-sec-btn:active { background-color: #3891CE; border: 1px solid #3891CE; color: #fff; }

.finance-ter-btn { color: #3891CE; border-bottom: 2px solid #3891CE; width: auto; padding: 10px 0 0 0; max-width: max-content; }

.finance-ter-btn:hover, .finance-ter-btn:active { color: #fff; border-color: #fff; }

.enterprise-btn { background-color: #0066FF; border: 1px solid #0066FF; color: #FFFFFF;}

.enterprise-btn:hover, .enterprise-btn:active { background-color: #ffffff; border: 1px solid #ffffff; color: #0C0C0F; }

.jade-btn { background-color: #00B093; border: 1px solid #00B093; color: #0C0C0F;}

.jade-btn:hover, .jade-btn:active { background-color: #fff; border: 1px solid #fff; }

.jade-sec-btn { background-color: transparent; border: 1px solid #006D62; color: #00B093; }

.jade-sec-btn:hover, .jade-sec-btn:active { background-color: #00B093; border: 1px solid #00B093; color: #fff; }

.jade-ter-btn { color: #00B093; border-bottom: 2px solid #00B093; width: auto; padding: 10px 0 0 0; max-width: max-content; }

.jade-ter-btn:hover, .jade-ter-btn:active { color: #fff; border-color: #fff; }

.explorer-btn { background-color: #A84E04; border: 1px solid #A84E04; color: #fff; }

.explorer-btn:hover, .explorer-btn:active { background-color: #FF9517; border: 1px solid #FF9517; color: #fff; }

.explorer-sec-btn { background-color: transparent; border: 1px solid #FF9517; color: #FF9517; }

.explorer-sec-btn:hover, .explorer-sec-btn:active { background-color: #FF9517; border: 1px solid #FF9517; color: #fff; }

.research-btn { background-color: #AF7104; border: 1px solid #AF7104; color: #fff; }

.research-btn:hover, .research-btn:active { background-color: #E09A02; border: 1px solid #E09A02; color: #fff; }

.research-sec-btn { background-color: transparent; border: 1px solid #E09A02; color: #E09A02; }

.research-sec-btn:hover, .research-sec-btn:active { background-color: #E09A02; border: 1px solid #E09A02; color: #fff; }

.research-ter-btn { color: #E09A02; border-bottom: 2px solid #E09A02; width: auto; padding: 10px 0 0 0; max-width: max-content; }

.research-ter-btn:hover, .research-ter-btn:active { color: #fff; border-color: #fff; }

.feature-card { margin: 0 auto; display: flex; justify-content: center; max-width: 80%; }

.feature-card_image .image-size_small { width: 160px; }

.feature-card_image .image-size_medium { width: 250px; }

.feature-card_image .image-size_large { width: 350px; }

.feature-card_image .image-size_xlarge { width: 400px; }

.feature-card_content { display: flex; flex-direction: column; justify-content: center; }

@media only screen and (max-width: 600px) { .feature-card_content { text-align: center; } }

.feature-card_content_title { margin-bottom: 16px; }

.feature-card_content_text { width: 100%; }

.direction-row { flex-direction: row; }

@media only screen and (max-width: 600px) { .direction-row { flex-direction: column; } }

.direction-row .feature-card_content { margin-left: 20px; }

.direction-reverse { flex-direction: row-reverse; }

@media only screen and (max-width: 600px) { .direction-reverse { flex-direction: column-reverse; } }

.direction-reverse .feature-card_content { margin-right: 20px; }

.reason_card { box-shadow: 0 66px 95px 0 black; background-color: rgba(32, 37, 44, 0.8); margin-right: 30px; width: 362px; padding: 41px 46px 36px 40px; }

@media only screen and (max-width: 1252px) { .reason_card { width: 31%; margin-right: 2%; } }

@media only screen and (max-width: 900px) { .reason_card { width: auto; margin-bottom: 30px; display: -webkit-box; display: flex; flex-direction: column; align-items: center; text-align: center; } }

@media only screen and (max-width: 795px) { .reason_card { margin-bottom: 20px; margin-right: auto; } }

.reason_card_image { width: 90px; height: 90px; margin-bottom: 27px; }

.reason_card_title { color: #fff; margin-bottom: 17px; font-size: 24px; }

.reason_card_text { color: #c3cdd3; font-size: 16px; letter-spacing: 0.24px; line-height: 28px; }

.contact-form { width: 100%; height: 257px; }

.contact-form_wrapper { max-width: 1440px; display: flex; height: 100%; flex-direction: row; justify-content: space-around; align-items: center; margin: 0 auto; }

.contact-form_block { width: 100%; position: relative; padding-left: 5%; max-width: 435px; }

.contact-form_block_title { margin-bottom: 8px; }

.contact-form_block_text { max-width: 530px; }

.contact-form_block_text a { text-decoration: none; color: #fff; }

.contact-form_block_text a:hover { text-decoration: underline; }

.contact-form_block_socials { display: flex; flex-direction: column; gap: 5px; font-size: 16px; margin-top: 20px; }

.contact-form_block_socials-green { flex-direction: row; margin-top: 32px; margin-bottom: 16px; }

.contact-form_block_socials-green a { margin-right: 22px; }

.contact-form_block_socials-green a:last-child { margin-right: 0; }

.contact-form_block_socials-green a img { width: 32px; height: auto; }

.contact-form_block_socials a { text-decoration: none; color: #fff; }

.contact-form_block_socials a:hover { text-decoration: none; color: #21272D; }

.contact-form_block_socials a i { margin-right: 10px; }

.contact-form_block_links { display: flex; flex-direction: column; }

.contact-form_block_links a { color: #fff; text-decoration: underline; font-size: 16px; }

.contact-form_block_links a:hover { color: #000000; }

.contact-form_container { min-width: 500px; padding: 40px 0; background-color: #1d2127; position: relative; z-index: 10; display: flex; justify-content: center; align-items: center; box-shadow: 0px 0px 20px 0px #000000; border-radius: 8px; }

.contact-form_container form { display: flex; flex-direction: column; }

.contact-form_container form input { width: 360px; height: 50px; margin-bottom: 16px; padding: 16px; outline: none; color: #B5BDC2; border: 1px solid #616669; background-image: none; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); font-family: "Inter", sans-serif; font-size: 14px; }

.contact-form_container form input::placeholder { color: #55585A; font-family: "Inter", sans-serif; }

.contact-form_container form textarea { display: block; width: 100%; border: 1px solid #616669; padding: 16px; color: #B5BDC2; background-image: none; background-color: transparent; resize: none; height: 15rem; font-family: "Inter", sans-serif; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); outline: none; font-size: 14px; }

.contact-form_container form textarea::placeholder { color: #55585A; font-family: "Inter", sans-serif; }

.contact-form_container form select { width: 360px; height: 50px; margin-bottom: 16px; padding: 14px; outline: none; color: #C3CDD3; border: 1px solid #616669; background-image: none; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); font-family: "Inter", sans-serif; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; overflow: hidden; }

.contact-form_container form select::placeholder { color: #55585A; font-family: "Inter", sans-serif; }

.contact-form_container form .invalid-input { border-color: #dd1e48; }

.contact-form_container form a { margin-top: 40px; }

.contact-form_container form h4 { font-size: 24px; color: #fff; }

.contact-form_image { position: relative; width: 50%; height: 100%; }

@media only screen and (max-width: 1265px) { .contact-form_image { display: flex; align-items: center; } }

@media only screen and (max-width: 850px) { .contact-form_image { display: none; } }

.contact-form_image_container { position: relative; left: 6%; top: -5%; }

@media only screen and (max-width: 1265px) { .contact-form_image_container { top: auto; left: auto; } }

.contact-form_image_container img { max-width: 658px; width: 100%; }

@media only screen and (max-width: 850px) { .contact-form { height: 100%; } .contact-form_wrapper { flex-direction: column; justify-content: flex-start; padding: 30px; } .contact-form_block { padding: 30px; } .contact-form_container { flex-shrink: 0; min-width: 90vw; } }

@media only screen and (max-width: 600px) { .contact-form_container form { width: 100%; padding: 20px; } .contact-form_container form input, .contact-form_container form select { width: 100%; } }

.form-liquid { background: #14909C; }

.form-greenlight { background: #DFB316; }

.form-datafeed { background: #0376AD; height: 310px; }

@media only screen and (max-width: 850px) { .form-datafeed { height: 100%; } }

.form-energy { background: #0D7749; }

.form-amp, .form-amt { background: #006C7F; }

.form-green { background: #048146; height: 310px; }

@media only screen and (max-width: 850px) { .form-green .contact-form_block { padding: 0 20px; } }

.form-amt .contact-form_container { padding: 40px; max-width: 55%; }

.form-amt .contact-form_container form { flex-direction: row; flex-wrap: wrap; justify-content: space-around; }

@media only screen and (max-width: 600px) { .form-amt .contact-form_container form { padding: 0; } }

.form-amt .contact-form_container form input, .form-amt .contact-form_container form select { width: 100%; flex-basis: 45%; }

@media only screen and (min-width: 1625px) { .form-amt .contact-form_container form input, .form-amt .contact-form_container form select { max-width: 385px; } }

@media only screen and (max-width: 600px) { .form-amt .contact-form_container form input, .form-amt .contact-form_container form select { flex-basis: 100%; } }

.form-amt .contact-form_container form #needassistance, .form-amt .contact-form_container form #issuancesize { flex-basis: 95%; max-width: 100%; }

@media only screen and (max-width: 600px) { .form-amt .contact-form_container form #needassistance, .form-amt .contact-form_container form #issuancesize { flex-basis: 100%; } }

.form-mining { background: #9E003D; }

.form-mining .contact-form_container { padding: 40px; max-width: 55%; }

.form-mining .contact-form_container form { flex-direction: row; flex-wrap: wrap; justify-content: space-around; }

@media only screen and (max-width: 600px) { .form-mining .contact-form_container form { padding: 0; } }

.form-mining .contact-form_container form input, .form-mining .contact-form_container form select { width: 100%; flex-basis: 45%; }

@media only screen and (min-width: 1625px) { .form-mining .contact-form_container form input, .form-mining .contact-form_container form select { max-width: 385px; } }

@media only screen and (max-width: 600px) { .form-mining .contact-form_container form input, .form-mining .contact-form_container form select { flex-basis: 100%; } }

.x-icon-text:hover svg path { fill: #21272d; }

footer { width: 100%; }

@media only screen and (max-width: 1090px) { footer { padding-bottom: 50px; padding-top: 0; } }

@media only screen and (max-width: 500px) { footer { margin-top: 20rem; } }

footer .footer { display: flex; background-color: #111316; margin-top: 10rem; border-top: 1px solid #293139; justify-content: center; padding: 100px 30px; }

@media only screen and (max-width: 1090px) { footer .footer { padding-top: 0; margin-top: 20px; padding-bottom: 50px; border-top: none; } }

footer .footer .footer-sitemap { width: 100%; max-width: 1200px; display: flex; justify-content: space-between; }

@media only screen and (max-width: 1090px) { footer .footer .footer-sitemap { flex-direction: column-reverse; } }

footer .footer .footer-sitemap_sitelinks { display: flex; }

@media only screen and (max-width: 1090px) { footer .footer .footer-sitemap_sitelinks { flex-direction: column; width: 100%; } }

@media only screen and (max-width: 1090px) { footer .footer .footer-sitemap_logo-grid { margin-top: 60px; } }

footer .footer .footer-sitemap_logo-grid img { margin-top: -10px; margin-bottom: 17px; }

footer .footer .footer-sitemap_logo-grid_terms_privacy ul { display: flex; list-style: none; margin-top: 28px; margin-top: 70px; }

footer .footer .footer-sitemap_logo-grid_terms_privacy ul li:nth-child(1) a { border-right: 1px solid #a9b1b6; padding-right: 20px; }

footer .footer .footer-sitemap_logo-grid_terms_privacy ul li:nth-child(2) a { padding-left: 20px; }

footer .footer .footer-sitemap_logo-grid_copyright { margin-top: 20px; }

footer .footer .footer-sitemap_products_twoColGrid { display: flex; }

@media only screen and (max-width: 1090px) { footer .footer .footer-sitemap_products_twoColGrid { margin-bottom: 20px; display: block !important; } }

footer .footer .footer-sitemap_products_twoColGrid ul { list-style: none; margin-right: 30px; }

footer .footer .footer-sitemap_products_twoColGrid ul li { margin-top: 15px; }

footer .footer .footer-sitemap_otherlinks { display: flex; gap: 20px; }

@media only screen and (max-width: 1090px) { footer .footer .footer-sitemap_otherlinks { flex-direction: column; margin-left: 0; } }

footer .footer .footer-sitemap_otherlinks ul { list-style: none; margin-right: 20px; }

@media only screen and (max-width: 1090px) { footer .footer .footer-sitemap_otherlinks ul { margin-bottom: 20px; } }

footer .footer .footer-sitemap_otherlinks ul li { margin-top: 14px; }

footer .footer h4 { cursor: pointer; }

@media only screen and (max-width: 1090px) { footer .footer h4 { border-bottom: 1px solid #293139; height: 60px; display: flex; align-items: center; } }

footer .footer .footer-toggle { display: none; height: 60px; border-bottom: 1px solid #2a2a2a; align-items: center; justify-content: space-between; }

footer .footer .footer-toggle:after { content: "\f107"; color: white; font-family: 'Font Awesome 5 Pro'; font-weight: 100; font-size: 20px; }

@media only screen and (max-width: 1090px) { footer .footer .footer-toggle { display: flex; } }

footer .footer a { text-decoration: none; }

footer .footer a:hover { color: #00c3ff; }

.social-links { display: flex; }

.social-links a { display: flex; text-decoration: none; justify-content: center; align-items: center; width: 30px; height: 30px; border: 1px solid #333333; margin-right: 10px; }

.social-links a i { color: white; font-size: 14px; }

.social-links a:hover i { color: #00c3ff; }

.social-mobile { display: none; }

@media only screen and (max-width: 1090px) { .social-mobile { display: flex; border-top: 1px solid #293139; padding-top: 40px; padding-left: 30px; } }

@media only screen and (max-width: 1090px) { .social-desktop { display: none; } }

.header_primary { height: 80px; width: 100%; top: 0; left: 0; right: 0; bottom: 0; }

@media only screen and (min-width: 1090px) { .header_primary { display: grid; grid-template-columns: 1fr 5fr 1fr; grid-gap: 10px; position: absolute; z-index: 1000; transition: all 0.4s; } }

@media only screen and (max-width: 1090px) { .header_primary { display: flex; flex-direction: row; justify-content: space-between; position: fixed; z-index: 700; background-color: #0c0d0f; } }

@media only screen and (min-width: 1090px) { .header_primary_logo { display: flex; align-self: center; } }

@media only screen and (max-width: 1090px) { .header_primary_logo { padding-right: 27px; } }

.header_primary_logo a { line-height: 0 !important; }

.header_primary_logo a img { width: 150px; margin-left: 20px; }

@media only screen and (max-width: 1090px) { .header_primary_logo a img { width: 140px; margin-top: 15px; margin-left: 27px; } }

.header_primary_mobile-menu-button { display: none; }

@media only screen and (max-width: 1090px) { .header_primary_mobile-menu-button { display: block; position: absolute; z-index: 1000; top: 0; right: 0; padding: 20px; cursor: pointer; } .header_primary_mobile-menu-button .bar { width: 23px; height: 1px; background-color: #00c3ff; margin: 7px; transition: all 0.7s ease; } .header_primary_mobile-menu-button .middle { margin: 0 auto; } }

.header_primary_navigation { grid-column: 2; }

@media only screen and (max-width: 1090px) { .header_primary_navigation { background-color: #0c0d0f; width: 100% !important; overflow-x: hidden; position: fixed; top: 80px; left: 0; height: 100%; z-index: -1; padding-bottom: 60px; transform: translateY(-100%); transition: all 0.5s ease-in-out; visibility: hidden; } }

@media only screen and (min-width: 1090px) { .header_primary_navigation_list { margin: 0; padding: 0; display: flex; height: 100%; justify-content: center; align-items: center; list-style: none; } }

@media only screen and (max-width: 1090px) { .header_primary_navigation_list { flex-direction: column; width: 100%; padding-bottom: 80px; } }

.header_primary_navigation_list .search-btn { color: #00c3ff; display: flex; padding: 0 32px; height: 58px; justify-content: space-between; align-items: center; }

.header_primary_navigation_list .disabled { display: none; }

.header_primary_navigation_list .language-button { display: flex; padding: 0 32px; height: 58px; justify-content: space-between; align-items: center; }

.header_primary_navigation_list .language-button a { text-decoration: none; color: #00c3ff; }

@media only screen and (min-width: 1090px) { .header_primary_navigation_item + .no-underline::after { background: transparent; } .header_primary_navigation_item::after { content: ''; display: block; width: 0; height: 2px; background: #00c3ff; transition: width 0.3s ease-in-out; margin-top: -2px; } .header_primary_navigation_item:hover::after { width: 100% !important; } .header_primary_navigation_item + .no-underline:hover .header_primary_navigation_item_link { color: #00c3ff; text-decoration: none; } }

.header_primary_navigation_item { padding: 0 35px; position: relative; }

@media only screen and (max-width: 1260px) { .header_primary_navigation_item { padding: 0 20px; } }

@media only screen and (max-width: 1090px) { .header_primary_navigation_item { padding: 0; margin: 0; opacity: 0; transition: all 0.5s ease; } }

.header_primary_navigation_item_no-line { position: inherit; padding: 0; }

@media only screen and (max-width: 1090px) { .header_primary_navigation_item_no-line { border-bottom: 0 !important; } }

@media only screen and (min-width: 1090px) { .header_primary_navigation_item:hover .header_primary_navigation_item_sub-list { transform: scaleY(1); height: auto; opacity: 1; } }

.header_primary_navigation_item_link { text-decoration: none !important; color: #fff !important; width: 100%; height: 80px; display: flex; justify-content: center; align-items: center; transition: 0.3s all ease-in-out; }

@media only screen and (max-width: 1090px) { .header_primary_navigation_item_link { display: flex; padding: 0 32px; height: 58px; justify-content: space-between; align-items: center; } }

.header_primary_navigation_item_link span { position: relative; z-index: -300; }

@media only screen and (min-width: 1090px) { .header_primary_navigation_item_link span { display: none; } }

.header_primary_navigation_item_link span .arrow-icon { cursor: pointer; display: flex; width: 20px; }

.header_primary_navigation_item_link span .arrow { width: 15px; height: 1px; background-color: lightgray; transition: all 0.3s ease; }

.header_primary_navigation_item_link span .a-top { transform: translateX(1px) rotateZ(45deg); }

.header_primary_navigation_item_link span .a-bottom { transform: translateX(-2px) rotateZ(-45deg); }

@media only screen and (max-width: 1090px) { .header_primary_navigation_item_link:hover { color: #00c3ff; } }

.header_primary_navigation_item_link:active { color: #00c3ff; }

@media only screen and (min-width: 1090px) { .header_primary_navigation_item_sub-list { display: flex; flex-direction: column; position: absolute; z-index: 100; list-style: none; padding: 0; background-color: #0c0d0f; box-shadow: 0 10px 15px -5px #000000; left: 0; top: 0; margin-top: 80px; transition: all 0.4s ease-in-out; height: 0; transform-origin: top; transform: scaleY(0); opacity: 0; } }

@media only screen and (max-width: 1090px) { .header_primary_navigation_item_sub-list { display: none !important; width: 100%; background-color: #0c0d0f; padding-bottom: 10px; border-bottom: 0 !important; } }

@media only screen and (min-width: 1090px) { .header_primary_navigation_item_sub-list_header { width: 100%; height: auto; } .header_primary_navigation_item_sub-list_header:not(:first-child) { margin-left: 15rem; } .header_primary_navigation_item_sub-list_header_indicator { width: 0; height: 0; border-left: 2.5rem solid transparent; border-right: 2.5rem solid transparent; border-bottom: 2.5rem solid grey; position: relative; top: -3rem; margin-bottom: -3rem; } .header_primary_navigation_item_sub-list_header .subnav-grid-container { display: flex; justify-content: center; border-top: 1px solid #2b2e36; padding-top: 30px; padding-bottom: 20px; flex-direction: column; width: 300px; } .header_primary_navigation_item_sub-list_header .subnav-grid-container .header_primary_navigation_item_sub-list_item_link_block_title { padding: 8px 16px; } }

.header_primary_navigation_item_sub-list_item { display: block; margin-bottom: 2px; }

@media only screen and (max-width: 1090px) { .header_primary_navigation_item_sub-list_item { display: flex; flex-direction: row; align-items: center; padding: 0 0 15px 50px; background-color: #0c0d0f; transition: all 0.3s ease-in-out; transform-origin: top; transform: scaleY(0); opacity: 0; } }

@media only screen and (min-width: 1090px) { .header_primary_navigation_item_sub-list_item_link:visited { color: white; } .header_primary_navigation_item_sub-list_item_link:hover { color: #00c3ff; } .header_primary_navigation_item_sub-list_item_link:active { color: #00c3ff; } .header_primary_navigation_item_sub-list_item_link:active i { color: #00c3ff; } }

@media only screen and (min-width: 1090px) { .header_primary_navigation_item_sub-list_item_link_icon { width: 5rem; height: auto; margin-left: 16px; } }

@media only screen and (min-width: 1090px) { .header_primary_navigation_item_sub-list_item_link_icon_font-awesome { font-size: 15px; color: #677897; width: auto !important; min-width: 25px; } }

@media only screen and (min-width: 1090px) { .header_primary_navigation_item_sub-list_item_link_block { display: flex; flex-direction: column; position: relative; width: 100%; } }

.header_primary_navigation_item_sub-list_item_link_block_title { text-decoration: none !important; position: relative; width: 100%; transition: all 0.3s; }

@media only screen and (max-width: 1090px) { .header_primary_navigation_item_sub-list_item_link_block_title { font-size: 14px; font-weight: 700; letter-spacing: 0; } }

.header_primary_navigation_item_sub-list_item_link_block_title:hover { color: #00c3ff; }

.header_primary_navigation_item_sub-list_item_link_block_title:hover i { color: #00c3ff; }

.header_primary_navigation_item_sub-list_item_link_block_text { text-transform: none; margin-top: 4px; display: block; max-width: 280px; width:100%; }

.header_primary_controls { display: flex; align-self: center; justify-self: end; color: #00c3ff; margin-right: 40px; }

@media only screen and (max-width: 1090px) { .header_primary_controls { visibility: hidden; position: fixed; top: 60%; z-index: -1; transform: translateY(-100%); transition: all 0.5s ease-in-out; flex-direction: column; } }

.header_primary_controls .search-btn { margin: 0 25px; top: 2px; position: relative; }

@media only screen and (max-width: 1090px) { .header_primary_controls .search-btn { margin: 0; padding: 0 32px; height: 58px; opacity: 0; transition: all 0.5s ease; } }

.header_primary_controls .language-button { margin: 0 40px 0 0; }

@media only screen and (max-width: 1090px) { .header_primary_controls .language-button { margin: 0; padding: 0 32px; height: 58px; opacity: 0; transition: all 0.5s ease; } }

.header_primary_controls .language-button a { text-decoration: none; color: inherit; }

.header_primary_controls .disabled { visibility: hidden; }

.header_primary .primary-link-active { border: none; }

.product-subnav { display: flex; flex-direction: column; width: 1275px; padding: 50px; }

@media only screen and (max-width: 1366px) { .product-subnav { width: 1000px; } }

@media only screen and (max-width: 1090px) { .product-subnav { width: 100%; padding: 0 32px; } }

@media only screen and (max-width: 994px) { .product-subnav { flex-flow: wrap; } }

.product-subnav-grid-container { display: flex; flex-wrap: wrap; column-gap: 15px; }

@media only screen and (max-width: 994px) { .product-subnav-grid-container { justify-content: space-between; margin-bottom: 30px; } }

.product-subnav-grid-container .header_primary_navigation_item_sub-list_item { position: relative; padding: 15px 0; }

@media only screen and (max-width: 1366px) { .product-subnav-grid-container .header_primary_navigation_item_sub-list_item { margin-right: 0; } }

@media only screen and (max-width: 1090px) { .product-subnav-grid-container .header_primary_navigation_item_sub-list_item { margin-right: 3%; padding: 15px 0; } }

.product-subnav-grid-container .header_primary_navigation_item_sub-list_item:hover .product-subnav-grid-container_link_hover { opacity: 1; }

.product-subnav-grid-container .header_primary_navigation_item_sub-list_item:hover .product-subnav-grid-container_icon { transform: scale(1.3); }

.product-subnav-grid-container .header_primary_navigation_item_sub-list_item a { text-decoration: none; display: block; margin: 1px; }

.product-subnav-grid-container .header_primary_navigation_item_sub-list_item_link { width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: space-between; }

.product-subnav-grid-container_icon { width: 46px; height: 46px; margin-right: 23px; transition: transform 0.3s ease-in-out; }

.product-subnav-grid-container_icon img { width: 100%; height: 100%; }

.product-subnav-grid-container .clight-icon { width: 100%; transform: scale(1.2); }

.product-subnav-grid-container .finance-icon { width: 90%; height: 90%; }

.show { display: block; }

.primary-link-active { border-bottom: 2px solid #00c3ff; color: #fff !important; }

/** 
********************************************************************************************************
* Full Mobile Navigation Dropdown
* Display: block;
* Slidedown Animation
********************************************************************************************************
*/
@media only screen and (max-width: 1090px) { .mobile-navbar-show { visibility: visible; transform: translateY(0); } .show-items { opacity: 1 !important; } .hamburger-open .top { transform: translateY(8px) rotateZ(45deg); } .hamburger-open .middle { width: 0 !important; } .hamburger-open .bottom { transform: translateY(-8px) rotateZ(-45deg); } /**  Sub Navigation Dropdown */ .mobile-dropdown-show { display: block !important; } .mobile-fadeIn .header_primary_navigation_item_sub-list_item { transform: scaleY(1); opacity: 1; } .mobile-nav-backdrop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; z-index: 900; } .mobile-navigation-spacer { display: inline-block; height: 5px; width: 5px; background-color: transparent; border-radius: 50%; } #primary_navigation_list_technologies { display: block; } #primary_navigation_list_products { display: block; } }

/** 
********************************************************************************************************
* End of Mobile
********************************************************************************************************
*/
/** 
********************************************************************************************************
* Amimations
********************************************************************************************************
*/
@keyframes floating { from { transform: translate(0, -5px); }
  65% { transform: translate(0, 15px); }
  to { transform: translate(0, -5px); } }

.blks-nav { position: relative; width: 100%; display: flex; padding-left: 0; margin-bottom: 0; list-style: none; align-items: center; }

@media (max-width: 800px) { .blks-nav { flex-direction: column; align-items: flex-start; } }

.blks-nav-link { font-weight: bold; text-decoration: none !important; padding: 1rem 3rem; color: #fff; }

.blks-nav-link:hover { color: #00C3FF; }

#navToggle { position: absolute; height: 20px; width: 30px; display: none; }

@media (max-width: 800px) { #navToggle { display: block; } }

#navToggle span { position: absolute; width: 100%; height: 2px; top: 50%; left: 0; display: block; background: white; transition: .5s; }

#navToggle span:first-child { top: 3px; }

#navToggle span:last-child { top: 17px; }

.navToggle span:first-child { transform: translateY(6px) rotateZ(45deg); }

.navToggle span:last-child { transform: translateY(-8px) rotateZ(-45deg); }

.navToggle span:nth-child(2) { display: none !important; }

@media (max-width: 800px) { .nav-collapse { display: none; } }

.nav-open { display: flex; }

@keyframes bg-size-standard { from { transform: scale(0.1); }
  to { transform: scale(1); } }

@keyframes logo-zoom-in { from { transform: scale(0.6); }
  to { transform: scale(1); } }

.page-main-header { position: relative; color: #fff; width: 1140px; max-width: 100%; margin: auto; padding-top: 242px; margin-bottom: 150px; display: flex; justify-content: space-between; align-items: start; }

@media only screen and (max-width: 1250px) { .page-main-header { width: 1000px; } }

.page-main-header_backdrop { transform-origin: 100% 50%; transform: scale(0); background-repeat: no-repeat; background-position: right; background-size: contain; animation: 0.9s ease forwards .2s bg-size-standard; position: absolute; right: -300px; top: 0; width: 900px; height: 900px; z-index: -1; }

@media only screen and (max-width: 1090px) { .page-main-header_backdrop { background-position: center; top: -300px; opacity: 0.7; } }

@media only screen and (max-width: 1090px) { .page-main-header { flex-direction: column-reverse; align-items: flex-start; justify-content: flex-end; margin: 30px !important; margin-bottom: 100px !important; padding-top: 0px; width: auto; height: auto; } }

@media only screen and (max-width: 500px) { .page-main-header { height: 90vh; } }

.page-main-header_col1 { display: flex; justify-content: flex-end; flex-direction: column; width: 580px; max-width: 100%; }

@media only screen and (max-width: 1090px) { .page-main-header_col1 { width: 100%; } }

.page-main-header_col1_title { display: block; }

.page-main-header_col1_text { display: block; margin-top: 30px; margin-bottom: 50px; }

.page-main-header_col1_text:empty { margin-top: 0; }

.page-main-header_col1_links { display: flex; gap: 8%; }

@media only screen and (max-width: 500px) { .page-main-header_col1_links { flex-direction: column; gap: 20px; } }

.page-main-header_col2 { display: flex; align-items: start; margin-top: 120px; justify-content: flex-start; width: 100%; max-width: 400px; }

@media only screen and (max-width: 1090px) { .page-main-header_col2 { margin-top: 120px; margin-bottom: 60px; } }

.page-main-header_col2 img { width: 100%; transform: scale(0); animation: .3s ease forwards .8s logo-zoom-in; }

@media only screen and (max-width: 1090px) { .page-main-header_col2 img { max-width: 80%; } }

.page-sub-header { position: relative; width: 100%; display: flex; justify-content: center; text-align: center; }

.page-sub-header_bg { height: 1000px; width: 100%; position: absolute; z-index: -1; top: 0; background-repeat: no-repeat; background-position: center; background-size: 100vh; transform: scale(0); animation: 1s ease forwards .5s bg-scale; transform-origin: top center; }

@media only screen and (max-width: 1024px) { .page-sub-header_bg { opacity: .7; } }

.page-sub-header_content { margin-top: 257px; margin-bottom: 150px; }

.page-sub-header_content_title { display: block; max-width: 670px; margin-top: -15px; }

@media only screen and (max-width: 500px) { .page-sub-header_content_title { max-width: 90%; margin: auto; margin-bottom: 20px; } }

.page-sub-header_content_text { display: block; max-width: 650px; margin-top: 30px; }

@media only screen and (max-width: 500px) { .page-sub-header_content_text { max-width: 90%; margin: auto; } }

@keyframes bg-scale { from { transform: scale(0.1); }
  to { transform: scale(1); } }

.hero-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 90vh; width: 100%; }

@media (max-width: 1024px) { .hero-header { height: auto; } }

.hero-header_bg { position: absolute; z-index: 1; top: 0; height: 90vh; width: 100%; transform: scale(0); background-repeat: no-repeat; animation: 2s ease forwards .5s bg-scale; }

.hero-header .blks-grid { position: relative; z-index: 3; max-width: 1140px; }

@media (max-width: 1024px) { .hero-header .blks-grid { flex-direction: column-reverse; padding: 30px; justify-content: center; align-items: center; } }

.hero-header .blks-grid .col-2 { flex: 0 0 auto; width: 50%; }

@media (max-width: 1024px) { .hero-header .blks-grid .col-2 { width: 100%; max-width: 500px; padding: 1rem; } }

.hero-header .blks-grid .hero-logo { transform: scale(0); animation: 1s ease forwards .5s logo-zoom-in; }

@keyframes bg-scale { from { transform: scale(0.1); }
  to { transform: scale(1); } }

.bs-card { display: flex; flex-direction: column; width: 100%; padding: 25px 35px 30px; background-color: #1D2127; line-height: 1.8; max-width: 360px; gap: 8px; }

@media only screen and (max-width: 900px) { .bs-card { align-items: center; text-align: center; max-width: 100%; } }

.bs-card_icon { width: 90px; height: 90px; margin-bottom: 25px; background-color: #2b313b; border-radius: 100%; }

.bs-card_icon img { width: 100%; }

.bs-card_note { margin-top: -8px; font-size: 13px; color: #B5BDC2; }

.bs-card_link { margin-top: auto; }

.card-plain { display: flex; flex-direction: column; gap: 10px; width: 100%; max-width: 100%; margin: 0; }

@media only screen and (max-width: 1024px) { .card-plain { align-items: center; text-align: center; } }

.card-plain .icon { width: 100%; height: auto; }

@media only screen and (max-width: 480px) { .card-plain .icon > * { width: 100%; height: auto; } }

.card-plain .text { max-width: 500px; }

.card-plain.card-plain-center { align-items: center; text-align: center; }

.card-plain.card-plain-right { align-items: end; text-align: right; }

.card-plain.card-plain-left { align-items: start; text-align: left; }

.card-link { box-shadow: 0 66px 95px 0 black; background-color: rgba(32, 37, 44, 0.8); max-width: 365px; width: 100%; padding: 26px 80px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; }

@media only screen and (max-width: 380px) { .card-link { padding: 26px 20px 20px; } }

.card-link:hover { text-decoration: none; }

.card-link_icon { width: 90px; height: 90px; margin-bottom: 10px; }

.card-group { display: flex; max-width: 1144px; margin: auto; box-shadow: 0px 2px 8px #0b0e11; line-height: 1.8; }

@media only screen and (max-width: 1070px) { .card-group { flex-flow: wrap; } }

@media only screen and (max-width: 700px) { .card-group { max-width: 90%; } }

.card-group_card { width: 25%; padding: 25px 35px; background-color: #1D2127; border-right: 1px solid #474d57; position: relative; }

@media only screen and (max-width: 1070px) { .card-group_card { flex-direction: column; text-align: center !important; } }

.card-group_card:nth-last-child(1) { border-right: none; }

.card-group_card:nth-last-child(1):before { display: none; }

.card-group_card:nth-last-child(1):after { display: none; }

.card-group_card_icon { width: 90px; height: 90px; margin-bottom: 25px; background-color: #2b313b; border-radius: 100%; }

.card-group_card_text { margin: 17px 0; }

.card-group_card:before { position: absolute; content: " "; display: flex; width: 0px; height: 0px; border-width: 10px; border-style: solid; border-color: transparent transparent transparent #474d57; border-image: initial; top: 50px; right: -20px; z-index: 10; }

.card-group_card:after { position: absolute; content: " "; display: flex; width: 0px; height: 0px; border-width: 10px; border-style: solid; border-color: transparent transparent transparent #171b20; border-image: initial; top: 50px; right: -19px; z-index: 20; }

@media only screen and (max-width: 1070px) { .card-group_card { width: 100%; border-right: none; border-bottom: 1px solid #474d57; display: flex; text-align: left; align-items: center; } .card-group_card:before { border-width: 10px; border-style: solid; border-color: #474d57 transparent transparent; border-image: initial; top: auto; right: auto; bottom: -20px; left: 48%; inset: auto auto -20px 48%; } .card-group_card:after { border-width: 10px; border-style: solid; border-color: #1e2026 transparent transparent; border-image: initial; top: auto; right: auto; bottom: -19px; left: 48%; inset: auto auto -19px 48%; } }

.card-news a { text-decoration: none; }

.card-news a:hover { text-decoration: none; }

.card-news img { max-width: 450px; }

.card-news_block { margin-top: 15px; max-width: 450px; }

.arrow-link { text-decoration: none; }

.arrow-link span { transition: 0.2s ease-in-out; }

.arrow-link span svg { width: 16px; height: auto; }

.arrow-link:hover { color: #fff; transition: 0.2s ease-in; text-decoration: none; }

.arrow-link:hover span { margin-left: 10px; transition: 0.2s ease-in-out; }

.arrow-link:hover span svg { fill: #fff; }

.arr-primary { color: #00c3ff; }

.arr-primary span svg { fill: #00c3ff; }

.arr-liquid { color: #22E1C9; }

.arr-liquid span svg { fill: #22E1C9; }

.arr-cln { color: #F0D003; }

.arr-cln span svg { fill: #F0D003; }

.arr-datafeed { color: #00C3FF; }

.arr-datafeed span svg { fill: #00C3FF; }

.arr-energy { color: #32B284; }

.arr-energy span svg { fill: #32B284; }

.arr-amp { color: #1CADB2; }

.arr-amp span svg { fill: #1CADB2; }

.arr-green { color: #00B45A; }

.arr-green span svg { fill: #00B45A; }

.arr-mining { color: #DD1F48; }

.arr-mining span svg { fill: #DD1F48; }

.arr-elements { color: #6C8ADD; }

.arr-elements span svg { fill: #6C8ADD; }

.arr-satellite { color: #358DE5; }

.arr-satellite span svg { fill: #358DE5; }

.arr-aqua { color: #076381; }

.arr-aqua span svg { fill: #076381; }

.arr-finance { color: #3891CE; }

.arr-finance span svg { fill: #3891CE; }

.arr-jade { color: #00B093; }

.arr-jade span svg { fill: #00B093; }

.arr-explorer { color: #A84E04; }

.arr-explorer span svg { fill: #A84E04; }

.social-links { display: flex; }

.social-links a { display: flex; text-decoration: none; justify-content: center; align-items: center; width: 30px; height: 30px; border: 1px solid #333333; margin-right: 10px; }

.social-links a:hover { text-decoration: none; }

.social-links a i { color: white; font-size: 15px; }

.social-links a:hover i { color: #00c3ff; text-decoration: none; }

.x-icon:hover svg path { fill: #00c3ff; }

.social-mobile { display: none; }

@media only screen and (max-width: 1090px) { .social-mobile { display: flex; border-top: 1px solid #293139; padding-top: 40px; padding-left: 30px; } }

@media only screen and (max-width: 1090px) { .social-desktop { display: none; } }

.cta_card { background-size: cover; background-repeat: no-repeat; max-width: 1144px; display: -webkit-box; display: flex; flex-wrap: wrap; margin: 0 auto; padding: 50px 70px; }

.cta_card_title { width: 50%; padding: 0 100px 0 0; margin-bottom: 30px; }

@media only screen and (max-width: 1000px) { .cta_card_title { width: 100%; text-align: center; padding: 0; } }

.cta_card_description { display: flex; flex-direction: column; align-items: flex-start; width: 45%; }

@media only screen and (max-width: 1000px) { .cta_card_description { width: 100%; align-items: center; text-align: center; } }

.cta_card_description_text { margin-bottom: 30px; }

.card-cta-image { display: flex; justify-content: space-between; width: 100%; gap: 18px; max-width: 1140px; }

@media only screen and (max-width: 1180px) { .card-cta-image { flex-direction: column-reverse; padding: 20px; } }

.card-cta-image div { flex: 1; }

.card-cta-image div p { margin: 10px 0; }

@media only screen and (max-width: 865px) { .card-cta-image div p { margin: 30px 0; } }

.card-cta-image div .g-btn { max-width: 230px; display: flex; align-items: center; gap: 10px; }

.card-cta-image div .g-btn img { max-width: 32px; padding: 0; width: 100%; }

.card-cta-image img { flex: 1; display: block; max-width: 537px; width: 100%; height: 100%; padding: 10px; }

@media only screen and (max-width: 865px) { .card-cta-image img { max-width: 450px; margin: 0 auto; } }

.cta-social-card { max-width: 1144px; display: -webkit-box; display: flex; flex-wrap: wrap; margin: 0 auto; padding: 50px 70px; height: 100%; justify-content: space-between; box-shadow: 0 66px 95px 0 rgba(0, 0, 0, 0.4); }

@media only screen and (max-width: 480px) { .cta-social-card { padding: 35px 45px; } }

.cta-social-card_liquid { background-color: #14909C; }

.cta-social-card_cln { background-color: #DFB316; }

.cta-social-card_datafeed { background-color: #0376AD; }

.cta-social-card_green { background-color: #048146; }

.cta-social-card_amp { background-color: #006C7F; }

.cta-social-card_mining { background-color: #9E003D; }

.cta-social-card_energy { background-color: #0D7749; }

.cta-social-card_satellite { background-color: #1F3A98; }

.cta-social-card_elements { background-color: #42539D; }

.cta-social-card_left { width: 47%; padding: 0 90px 0 0; }

@media only screen and (max-width: 900px) { .cta-social-card_left { width: 60%; padding: 0 40px 0 0; } }

@media only screen and (max-width: 765px) { .cta-social-card_left { width: 100%; } }

@media only screen and (max-width: 480px) { .cta-social-card_left { padding: 0; } }

.cta-social-card_right { display: flex; align-items: center; justify-content: center; width: 53%; }

@media only screen and (max-width: 900px) { .cta-social-card_right { width: 40%; } }

@media only screen and (max-width: 765px) { .cta-social-card_right { margin-top: 20px; width: 100%; } }

.cta-social-card_title { margin-bottom: 9px; }

@media only screen and (max-width: 1000px) { .cta-social-card_title { width: 100%; padding: 0; } }

@media only screen and (max-width: 480px) { .cta-social-card_title { font-size: 32px; } }

.cta-social-card_social-links { display: flex; gap: 35px; width: 100%; align-items: center; justify-content: center; position: relative; flex-wrap: wrap; }

@media only screen and (max-width: 765px) { .cta-social-card_social-links { justify-content: flex-start; } }

@media only screen and (max-width: 480px) { .cta-social-card_social-links { gap: 12px; } }

.cta-social-card_social-links a { color: #fff; border: 1px solid #fff; text-decoration: none; display: flex; justify-content: center; align-items: center; width: 90px; height: 90px; transition: 0.2s ease-out; }

.cta-social-card_social-links a:hover { transition: 0.2s ease-out; background-color: rgba(32, 37, 44, 0.8); text-decoration: none; }

@media only screen and (max-width: 480px) { .cta-social-card_social-links a { width: 60px; height: 60px; } }

@media only screen and (max-width: 375px) { .cta-social-card_social-links a { width: 40px; height: 40px; } }

.cta-social-card_social-links a i { font-size: 27px; color: #fff; }

.card-cta-logo-title { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 30px 60px; background-color: #1D2127; flex-wrap: wrap; gap: 30px; background-repeat: no-repeat; background-size: cover; background-position: center; }

@media only screen and (max-width: 700px) { .card-cta-logo-title { padding-bottom: 7rem; } }

.card-cta-logo-title .col1 { display: flex; align-items: center; flex-wrap: wrap; gap: 30px; }

.card-cta-logo-title .col1 img { width: 80px; }

.card-cta-logo-title .col1 .text { max-width: 620px; }

.card-product-menu { text-decoration: none !important; display: flex; flex: 0 0 auto; width: 100%; }

@media (max-width: 900px) { .card-product-menu { width: 100%; } }

.card-product-menu .icon { margin-right: 23px; width: 46px; height: 46px; transition: transform .3s ease-in-out; }

.card-product-menu:hover .col .text { color: #fff; }

.card-product-menu:hover .icon { transform: scale(1.3); }

.card-hero { display: flex; flex-direction: column; width: 100%; }

.card-hero .title { margin-bottom: 30px; }

.card-hero .text { margin-bottom: 50px; max-width: 90%; }

.card-hero .buttons { display: flex; gap: 3rem; flex-wrap: wrap; }

.card-image { display: flex; justify-content: center; align-items: center; width: 100%; padding: 2rem; }

.card-image img { width: 100%; }

@media (max-width: 1024px) { .card-image img { width: 100% !important; max-width: 300px !important; } }

.card-video { position: relative; width: auto; border: 2px solid #1CADB2; box-shadow: 0 0 4px #1CADB2; padding: 10px 10px 2px 10px; }

@media only screen and (max-width: 1024px) { .card-video { width: 100%; overflow: hidden; padding-top: 56.25%; /* 16:9 Aspect Ratio */ } }

.card-video iframe { border: 1px solid rgba(28, 173, 179, 0.43); box-shadow: 0 0 3px #1CADB2; width: 450px; height: 250px; display: inline; }

@media only screen and (max-width: 1024px) { .card-video iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100% !important; height: 100% !important; border: none; } }

.card-service { display: flex; flex-direction: column; width: 100%; max-width: 80%; }

@media only screen and (max-width: 900px) { .card-service { align-items: center; text-align: center; max-width: 100%; } }

.card-service .large-text { font-size: 60px; font-weight: 500; font-family: 'rigid-square'; }

.card-service .text { margin: 17px 0; }

.card-logo-text { display: flex; flex-direction: column; width: 100%; max-width: 80%; }

@media only screen and (max-width: 900px) { .card-logo-text { align-items: center; text-align: center; max-width: 100%; } }

.card-logo-text .logo { width: 250px; }

.card-logo-text .text { margin-top: 40px; }

.card-features-list { display: flex; color: #fff; background-color: #1D2127; width: 100%; padding: 30px 60px; gap: 6px; justify-content: space-evenly; align-items: center; }

@media only screen and (max-width: 1000px) { .card-features-list { flex-wrap: wrap; } }

@media only screen and (max-width: 700px) { .card-features-list { padding: 40px; padding-bottom: 80px; } }

.card-features-list img { width: 350px; }

@media only screen and (max-width: 500px) { .card-features-list img { width: 300px; } }

.card-features-list .card_content { display: flex; flex-direction: column; gap: 20px; }

.card-features-list .card_content ul { padding-left: 30px; }

.card-features-list .card_content ul li { margin-bottom: 20px; }

.card-features-list .card_content .g-btn { max-width: 240px; }

.card-icon-text { display: flex; align-items: center; padding: 0; display: flex; gap: 30px; margin-bottom: 50px; }

.card-icon-text .icon { width: 70px; }

.card-icon-text .text { max-width: 320px; }

.card-headline { width: 100%; max-width: 360px; }

@media only screen and (max-width: 1024px) { .card-headline { text-align: center; } }

.card-headline .title { margin-bottom: 25px; }

.card-logo-text-bg { background-color: #20252c; padding: 50px; width: 100%; }

@media only screen and (max-width: 500px) { .card-logo-text-bg { text-align: center; } }

.card-logo-text-bg .logo { height: 75px; }

.card-logo-text-bg .text { margin-top: 30px; }

.colors .content h4 { font-weight: bold; }

.colors .content .table-list { color: white; width: 100% !important; margin-top: 50px; }

.colors .content .color { height: 80px; width: 80px; }

.colors .content #main_colors .blue { background-color: #00C3FF; }

.colors .content #main_colors .black { background-color: #000000; }

.colors .content #main_colors .white { background-color: white; border: 1px solid gray; }

.colors .content #main_colors .gray { background-color: #111316; }

.colors .content #primary_colors { margin-top: 100px; }

.colors .content #primary_colors .liquid { background-color: #22E1C9; }

.colors .content #primary_colors .amp { background-color: #1CADB2; }

.colors .content #primary_colors .aqua { background-color: #46B4A5; }

.colors .content #primary_colors .green { background-color: #00B45A; }

.colors .content #primary_colors .jade { background-color: #00B093; }

.colors .content #primary_colors .mining { background-color: #DD1F48; }

.colors .content #primary_colors .satellite { background-color: #3C82F9; }

.colors .content #primary_colors .energy { background-color: #32B284; }

.colors .content #primary_colors .finance { background-color: #3891CE; }

.colors .content #primary_colors .data { background-color: #00C3FF; }

.colors .content #primary_colors .light { background-color: #F0D003; }

.colors .content #primary_colors .simplicity { background-color: #6C8ADD; }

.sticky { position: fixed !important; width: 100%; top: 50px; z-index: 10; }

.color-row { display: flex; justify-content: space-between; color: #fff; max-width: 1100px; }

.color-box { height: 180px; width: 220px; display: flex; flex-direction: column; justify-content: space-between; padding: 1%; margin: 1%; border: 3px solid white; }

.color-box_title { font-weight: bold; }

.color-box div p { margin: 0; padding: 0; font-size: 14px; }

.blkstr-blue { background-color: #00C3FF; }

.blkstr-black { background-color: #000; }

.blkstr-white { background-color: #FFF; color: #000; }

.blkstr-space-grey { background-color: #111316; }

.color-row { display: flex; justify-content: space-between; color: #fff; max-width: 1100px; }

.brand-color-box { height: 180px; width: 220px; display: flex; flex-direction: column; justify-content: space-between; padding: 1%; margin: 1%; border: 3px solid #111; }

.brand-color-box_title { font-weight: bold; }

.brand-color-box div p { margin: 0; padding: 0; font-size: 14px; }

.blkstr-liquid { background-color: #22E1C9; }

.blkstr-amp { background-color: #1CADB2; }

.blkstr-aqua { background-color: #46B4A5; }

.blkstr-green { background-color: #00B45A; }

.blkstr-jade { background-color: #00B093; }

.blkstr-mining { background-color: #DD1F48; }

.blkstr-satellite { background-color: #358DE5; }

.blkstr-energy { background-color: #32B284; }

.blkstr-finance { background-color: #3891CE; }

.blkstr-data-feed { background-color: #00C3FF; }

.blkstr-c-lightning { background-color: #F0D003; }

.blkstr-elements { background-color: #6C8ADD; }

.color-row { display: flex; justify-content: space-between; color: #fff; max-width: 1100px; }

.gradient-color-box { height: 180px; width: 220px; display: flex; flex-direction: column; justify-content: space-between; padding: 1%; margin: 1%; border: 3px solid #111; }

.gradient-color-box_title { font-weight: bold; }

.gradient-color-box div p { margin: 0; padding: 0; font-size: 14px; }

.blkstr-liquid-gradient { background: linear-gradient(to right, #007687, #039590, #05B298); }

.blkstr-amp-gradient { background: linear-gradient(to right, #006C7F, #0E8D99, #1CADB2); }

.blkstr-aqua-gradient { background: linear-gradient(to right, #00354E, #006D78, #00A3A0); }

.blkstr-green-gradient { background: linear-gradient(to right, #0D7749, #069652, #00B452); }

.blkstr-jade-gradient { background: linear-gradient(to right, #006D62, #008F74, #00AF85); }

.blkstr-mining-gradient { background: linear-gradient(to right, #9E003D, #BB1147, #D62151); }

.blkstr-satellite-gradient { background: linear-gradient(to right, #3939C9, #3560D6, #3283E2); }

.blkstr-energy-gradient { background: linear-gradient(to right, #05492C, #186B49, #00BE8B); }

.blkstr-finance-gradient { background: linear-gradient(to right, #1D4063, #2A6596, #6CC7F4); }

.blkstr-data-feed-gradient { background: linear-gradient(to right, #0B9FE7, #0BB6EB, #00E0F2); }

.blkstr-c-lightning-gradient { background: linear-gradient(to right, #EB9B21, #F2B434, #F9CD47); }

.blkstr-elements-gradient { background: linear-gradient(to right, #5A4EB3, #5A5FC0, #5A6FCB); }

.table-list { width: 100%; }

.table-list .thead-light { background-color: #1d2127; }

.table-list .thead-light tr th { padding: 15px !important; background: #2b313b; }

.table-list tbody th, .table-list tbody td { border-top: 1px solid #2b313b !important; padding: 15px !important; background: #1d2127; }

.callout { width: 350px; padding: 20px; background-color: rgba(29, 33, 39, 0.9); position: relative; }

.callout .body { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 9px; }

.callout-up::before { content: ""; position: absolute; top: -8%; left: 0; margin-left: 10px; border-width: 10px; border-style: solid; border-color: transparent transparent rgba(29, 33, 39, 0.9) transparent; }

.callout-down::after { content: ""; position: absolute; bottom: -8%; right: 5%; margin-left: -10px; border-width: 10px; border-style: solid; border-color: rgba(29, 33, 39, 0.9) transparent transparent transparent; }

.callout-focus { width: 350px; padding: 20px; background-color: rgba(29, 33, 39, 0.9); box-shadow: 0 66px 95px 0 rgba(0, 0, 0, 0.4); position: relative; }

.callout-focus .body { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 9px; }

.callout-focus-up::before { content: ""; position: absolute; top: -7%; left: 0; margin-left: 10px; border-width: 10px; border-style: solid; border-color: transparent transparent rgba(29, 33, 39, 0.9) transparent; }

.callout-focus-down::after { content: ""; position: absolute; bottom: -7%; right: 5%; margin-left: -10px; border-width: 10px; border-style: solid; border-color: rgba(29, 33, 39, 0.9) transparent transparent transparent; }

.text-field input { display: block; width: 100%; padding: .375rem .75rem; background-color: #21272d; background-clip: padding-box; border: 1px solid #616669; border-radius: none; outline: none; }

.text-field input::placeholder { color: #55585A; }

.text-field input[readonly] { background-color: #5b5b5b; }

.text-field input[readonly]:focus { border: 1px solid #fff; }

.text-field input:focus { border: 1px solid #C3CDD3; }

.text-field .error { font-size: 12px; color: tomato; margin-top: 4px; }

.toggle { display: flex; flex-direction: column; }

.toggle .switch { position: relative; display: inline-block; width: 50px; height: 12px; }

.toggle .switch input { opacity: 0; width: 0; height: 0; }

.toggle input[disabled] + .slider { background-color: #383838; }

.toggle .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #8b8b8a; -webkit-transition: .4s; transition: .4s; }

.toggle .slider:before { position: absolute; content: ""; height: 22px; width: 22px; left: 0px; bottom: -5px; background-color: white; -webkit-transition: .4s; transition: .4s; }

.toggle input:checked + .slider { background-color: #00C3FF; }

.toggle input:focus + .slider { box-shadow: 0 0 1px #00C3FF; }

.toggle input:checked + .slider:before { transform: translateX(29px); }

.toggle .slider.round { border-radius: 20px; }

.toggle .slider.round:before { border-radius: 50%; }

.tabs-container .tabs { display: flex; gap: 40px; }

.tabs-container .tabs .tablink { display: flex; align-items: center; gap: 5px; text-decoration: none; padding-bottom: 10px; transition: 0.2s; }

.tabs-container .tabs .tablink:hover { color: #fff; border-bottom: solid 2px #00ccff; }

.tabs-container .tabcontent { display: none; margin-top: 30px; }

.tabs-container .activeTab { border-bottom: solid 2px #00ccff; color: #fff; }

.tabs-container .openTab { display: block; }

.menu-list { display: flex; flex-direction: column; background-color: #1d2127; width: 100%; max-width: 200px; }

.menu-list .list-item { list-style: none; padding: 10px; display: flex; align-items: center; gap: 10px; border-top: 1px solid #2b313b; }

.dialog { width: 40vw; max-width: 500px; padding: 20px; background-color: #1d2127; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }

@media (max-width: 400px) { .dialog { width: 95%; } }

.dialog .header { display: flex; align-items: center; justify-content: space-between; }

.dialog .header button { font-size: 50px; background: none; border: none; line-height: 1; padding: 0 10px; margin-top: -8px; color: #888; }

.dialog .header button:hover { color: #fff; }

.dialog .body { position: relative; }

.dialog .body .text { margin: 18px 0; }

.dialog .body .link { text-align: center; text-decoration: none; }

.dialog .body .link-container { display: flex; flex-wrap: wrap; justify-content: flex-start; }

.spinner { display: flex; flex-direction: column; align-items: center; gap: 10px; }

.spinner .ring { border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #00ccff; width: 40px; height: 40px; animation: spin 2s linear infinite; }

@keyframes spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

.loading-indicator { width: 100%; }

.loading-indicator .bar-bg { height: 3px; background-color: rgba(5, 114, 206, 0.2); width: 100%; overflow: hidden; }

.loading-indicator .bar-bg .bar { background-color: #00ccff; width: 100%; height: 100%; animation: loading 1.3s infinite linear; transform-origin: 0% 50%; }

@keyframes loading { 0% { transform: translateX(0) scaleX(0); }
  10% { transform: translateX(0) scaleX(0.2); }
  100% { transform: translateX(100%) scaleX(0.5); } }

.dropdown-component { margin: auto; margin-top: 10px; height: 100%; }

.dropdown-component .drop-component { top: 0; left: 0; width: 100%; cursor: pointer; background: #1d2127; padding: 12px 20px; text-align: left; font-weight: bold; border: none; position: relative; }

.dropdown-component .drop-component:hover { color: #00c3ff; transition: 0.5s; }

.dropdown-component .drop-component:hover::before { border: 2px solid #00c3ff; border-top: 2px solid transparent; border-right: 2px solid transparent; }

.dropdown-component .drop-component::before { content: ''; position: absolute; width: 12px; height: 12px; border: 2px solid #fff; border-top: 2px solid transparent; border-right: 2px solid transparent; transform: rotate(-45deg); right: 20px; top: 15px; z-index: 10000; transition: 0.5s; pointer-events: none; }

.dropdown-component .drop-component.active-component + .option-component { display: block; }

.dropdown-component .drop-component.active-component::before { top: 22px; transform: rotate(-225deg); }

.dropdown-component .option-component { width: 100%; background: #1d2127; overflow: hidden; display: none; max-width: 100%; }

.dropdown-component .option-component::-webkit-scrollbar { display: none; }

.dropdown-component .option-component { overflow: auto; }

.dropdown-component .option-component li { padding-left: 20px; cursor: pointer; height: 40px; }

.dropdown-component .option-component li:hover { color: #00c3ff; }

.accordion-container { width: 100%; max-width: 550px; }

.accordion-container .accordionBtn { position: relative; background-color: #1d2127; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; transition: 0.4s; border-top: 1px solid #2b313b; display: flex; align-items: center; }

.accordion-container .accordionBtn .accordionIcon { max-width: 30px; max-height: 30px; width: 100%; height: 100%; margin-right: 15px; }

@media only screen and (max-width: 475px) { .accordion-container .accordionBtn span { max-width: 80%; } }

.accordion-container .accordionBtn::before { content: ''; position: absolute; width: 12px; height: 12px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-45deg); right: 20px; z-index: 10000; transition: 0.5s; pointer-events: none; }

.accordion-container .accordionBtn.active::before { transform: rotate(-225deg); }

.accordion-container .accordionBtn:hover { background-color: #2b313b; }

.accordion-container .accordion-content { padding: 15px 20px; display: none; background-color: rgba(29, 33, 39, 0.8); overflow: hidden; }

.steptracker { display: flex; flex-direction: row; justify-content: center; align-items: center; }

.steptracker_step { padding: 0 8px; display: flex; align-items: center; gap: 8px; }

.steptracker_step_indicator { display: flex; align-items: center; gap: 8px; }

.steptracker_step_text { color: #fff; font-size: 16px; font-weight: 400; font-family: "Inter", sans-serif; line-height: normal; letter-spacing: normal; font-style: normal; }

.steptracker_step_inactive-text { color: #55585A; font-size: 16px; font-weight: 400; font-family: "Inter", sans-serif; line-height: normal; letter-spacing: normal; font-style: normal; }

.steptracker_connector { flex: 1 1 auto; }

.steptracker_connector span { display: block; border-color: #233345; border-top-style: solid; border-top-width: 1px; width: 130px; }

.newsletter-subscription { width: 100%; padding: 0 10%; min-height: 300px; margin-bottom: 30px; }

.newsletter-subscription label { display: block; }

.newsletter-subscription label:hover { cursor: pointer; }

.newsletter-subscription h4, .newsletter-subscription p, .newsletter-subscription input, .newsletter-subscription button { margin-bottom: 15px; }

.newsletter-subscription input[type="text"], .newsletter-subscription button { width: 100%; max-width: 250px; height: 50px; }

.newsletter-subscription a { color: #1187C1; }

.newsletter-subscription .specific-list { display: none; transition: all 0.3s ease-in; margin-left: 30px; }

.newsletter-subscription .inputContainer { display: block; position: relative; padding-left: 26px; margin-bottom: 14px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.newsletter-subscription .inputContainer input { position: absolute; opacity: 0; cursor: pointer; }

.newsletter-subscription .checkmark, .newsletter-subscription .checkmarkBox { position: absolute; top: 4px; left: 0; height: 16px; width: 16px; border: 1px solid #1287C1; }

.newsletter-subscription .checkmark { border-radius: 50%; }

.newsletter-subscription .inputContainer:hover input ~ .checkmark, .newsletter-subscription .inputContainer:hover input ~ .checkmarkBox { background-color: rgba(255, 255, 255, 0.25); }

.newsletter-subscription .inputContainer input:checked ~ .checkmark, .newsletter-subscription .inputContainer input:checked ~ .checkmarkBox { background-color: #1287C1; }

.newsletter-subscription .checkmark:after, .newsletter-subscription .checkmarkBox:after { content: ""; position: absolute; display: none; }

.newsletter-subscription .inputContainer input:checked ~ .checkmark:after, .newsletter-subscription .inputContainer input:checked ~ .checkmarkBox:after { display: block; }

.newsletter-subscription .inputContainer .checkmark:after { top: 5px; left: 5px; width: 4px; height: 4px; background: white; }

.newsletter-subscription .inputContainer .checkmarkBox:after { left: 5px; top: 1px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.newsletter-subscription .inputContainer .checkmark:after { border-radius: 50%; }

.newsletter-subscription #email { border: none; background-image: none; background-color: transparent; box-shadow: none; outline: none; background-color: #171a1f; padding: 10px 20px; margin-right: 2em; color: #B5BDC2; max-width: 520px; width: 100%; height: 50px; border-radius: 2px;}

.components-overview .lib { margin-top: 70px; }

.components-overview .lib_grid { margin-top: 30px; display: grid; gap: 40px 20px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }

.components-overview .lib_grid div { width: 100%; padding: 0; margin: 0; }

.components-overview .lib_grid div img { height: 100%; }

.grid-display { margin-bottom: 7rem; }

.grid-display h2 { font-weight: bold; color: #fff; margin-bottom: 30px; }

.grid-display .blks-grid { background-color: #99abc3; text-align: center; color: #fff; margin-bottom: 3rem; }

.grid-display .blks-grid p { background-color: #20252c; padding: 1rem; width: 100%; display: block; }

.grid-display .blks-grid p span { font-weight: normal; color: #c3cdd3; display: block; width: 100%; }

.title-section { width: 100%; margin-bottom: 30px; }

.title-section .title { margin: 0 0 10px 0; }

.title-section .text { width: 100%; margin: 0; }

.title-center { text-align: center; }

.title-center .text { max-width: 650px; margin: 0 auto; }

.title-left { text-align: left; }

.title-right { text-align: right; }

.headline-row { display: flex; flex-direction: row; justify-content: space-around; align-items: center; max-width: 1140px; width: 100%; gap: 20px; }

@media only screen and (max-width: 1024px) { .headline-row { flex-wrap: wrap; } }

.headline-row_block_content_title { margin-bottom: 20px; }

.headline-row_block_content_text { max-width: 480px; width: 100%; }

.headline-row_block_content_text-image { margin-bottom: 15px; }

.headline-row_icon { position: relative; }

@media only screen and (max-width: 600px) { .headline-row_icon img { width: 80vw !important; } }

.headline-row_icon-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; transform: scale(1.4); z-index: -1; }

.reverse { flex-direction: row-reverse; }

@media only screen and (max-width: 1024px) { .reverse { flex-direction: column-reverse; } }

@media only screen and (max-width: 1024px) { .headline-row { flex-direction: column-reverse; } .headline-row_block { margin: 0 !important; margin-top: 60px; margin-bottom: 60px; } .headline-row_block_content { text-align: center; } .headline-row_block_content_text { width: 100%; max-width: 480px; } }

.video-modal-open { display: flex; align-items: center; justify-content: center; }

.video-thumbnail { position: relative; cursor: pointer; border-radius: 12px; border: 2px solid rgba(42, 43, 44, 0.6); background: #0C0C0F; }

.video-thumbnail img { width: 100%; display: block; opacity: 0.4; }

.video-thumbnail .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: none; border: none; cursor: pointer; border-radius: 71px; border: 2px solid; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; }

html body .video-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 1000; }

html body .video-modal .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; width: 80vw; }

html body .video-modal .video-container iframe { border: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10%; }

@media only screen and (max-width: 1024px) { html body .video-modal .video-container iframe { padding: 1%; } }

html body .video-modal .close-button { position: absolute; top: 20px; right: 20px; font-size: 36px; color: white; background: none; border: none; cursor: pointer; }

/*# sourceMappingURL=main.css.map */