html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
img,
fieldset,
a img {
border: none;
height: auto
}
input[type=text],
input[type=email],
input[type=tel],
textarea {
appearance: none
}
input[type=submit],
button {
cursor: pointer
}
input[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border: 0
}
textarea {
overflow: auto
}
input,
button {
margin: 0;
padding: 0;
border: 0
}
div,
input,
textarea,
select,
button,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
a:focus {
outline: none
}
ul,
ol {
list-style-type: none
}
table {
border-spacing: 0;
border-collapse: collapse;
width: 100%
}
html {
box-sizing: border-box
}
*,
*:before,
*:after {
box-sizing: inherit
}
@media(prefers-reduced-motion: reduce) {
* {
transition: none !important
}
}
@font-face {
font-family: "Inter";
src: url(/rsc/a56307f9c62ed9bba128.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Inter";
src: url(/rsc/d5afc4bd2dfa4a0c724a.woff2) format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Inter";
src: url(/rsc/36a650f426faae9edc53.woff2) format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Inter";
src: url(/rsc/218afe6ea4cd7ba61ef9.woff2) format("woff2");
font-weight: 800;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Oswald";
src: url(/rsc/8c294acde5159561e92d.woff2) format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap
}
.m-t-2 {
margin-top: 2px
}
.m-t-4 {
margin-top: 4px
}
.m-t-6 {
margin-top: 6px
}
.m-t-8 {
margin-top: 8px
}
.m-t-10 {
margin-top: 10px
}
.m-t-12 {
margin-top: 12px
}
.m-t-14 {
margin-top: 14px
}
.m-t-16 {
margin-top: 16px
}
.m-t-18 {
margin-top: 18px
}
.m-t-20 {
margin-top: 20px
}
.m-t-22 {
margin-top: 22px
}
.m-t-24 {
margin-top: 24px
}
.m-t-26 {
margin-top: 26px
}
.m-t-28 {
margin-top: 28px
}
.m-t-30 {
margin-top: 30px
}
.m-t-32 {
margin-top: 32px
}
.m-t-34 {
margin-top: 34px
}
.m-t-36 {
margin-top: 36px
}
.m-t-38 {
margin-top: 38px
}
.m-t-40 {
margin-top: 40px
}
.m-t-42 {
margin-top: 42px
}
.m-t-44 {
margin-top: 44px
}
.m-t-46 {
margin-top: 46px
}
.m-t-48 {
margin-top: 48px
}
.m-t-50 {
margin-top: 50px
}
.m-t-52 {
margin-top: 52px
}
.m-t-54 {
margin-top: 54px
}
.m-t-56 {
margin-top: 56px
}
.m-t-58 {
margin-top: 58px
}
.m-t-60 {
margin-top: 60px
}
.m-t-62 {
margin-top: 62px
}
.m-t-64 {
margin-top: 64px
}
.m-t-66 {
margin-top: 66px
}
.m-t-68 {
margin-top: 68px
}
.m-t-70 {
margin-top: 70px
}
.m-t-72 {
margin-top: 72px
}
.m-t-74 {
margin-top: 74px
}
.m-t-76 {
margin-top: 76px
}
.m-t-78 {
margin-top: 78px
}
.m-t-80 {
margin-top: 80px
}
.m-t-82 {
margin-top: 82px
}
.m-t-84 {
margin-top: 84px
}
.m-t-86 {
margin-top: 86px
}
.m-t-88 {
margin-top: 88px
}
.m-t-90 {
margin-top: 90px
}
.m-t-92 {
margin-top: 92px
}
.m-t-94 {
margin-top: 94px
}
.m-t-96 {
margin-top: 96px
}
.m-t-98 {
margin-top: 98px
}
.m-t-100 {
margin-top: 100px
}
.m-r-2 {
margin-right: 2px
}
.m-r-4 {
margin-right: 4px
}
.m-r-6 {
margin-right: 6px
}
.m-r-8 {
margin-right: 8px
}
.m-r-10 {
margin-right: 10px
}
.m-r-12 {
margin-right: 12px
}
.m-r-14 {
margin-right: 14px
}
.m-r-16 {
margin-right: 16px
}
.m-r-18 {
margin-right: 18px
}
.m-r-20 {
margin-right: 20px
}
.m-r-22 {
margin-right: 22px
}
.m-r-24 {
margin-right: 24px
}
.m-r-26 {
margin-right: 26px
}
.m-r-28 {
margin-right: 28px
}
.m-r-30 {
margin-right: 30px
}
.m-r-32 {
margin-right: 32px
}
.m-r-34 {
margin-right: 34px
}
.m-r-36 {
margin-right: 36px
}
.m-r-38 {
margin-right: 38px
}
.m-r-40 {
margin-right: 40px
}
.m-r-42 {
margin-right: 42px
}
.m-r-44 {
margin-right: 44px
}
.m-r-46 {
margin-right: 46px
}
.m-r-48 {
margin-right: 48px
}
.m-r-50 {
margin-right: 50px
}
.m-r-52 {
margin-right: 52px
}
.m-r-54 {
margin-right: 54px
}
.m-r-56 {
margin-right: 56px
}
.m-r-58 {
margin-right: 58px
}
.m-r-60 {
margin-right: 60px
}
.m-r-62 {
margin-right: 62px
}
.m-r-64 {
margin-right: 64px
}
.m-r-66 {
margin-right: 66px
}
.m-r-68 {
margin-right: 68px
}
.m-r-70 {
margin-right: 70px
}
.m-r-72 {
margin-right: 72px
}
.m-r-74 {
margin-right: 74px
}
.m-r-76 {
margin-right: 76px
}
.m-r-78 {
margin-right: 78px
}
.m-r-80 {
margin-right: 80px
}
.m-r-82 {
margin-right: 82px
}
.m-r-84 {
margin-right: 84px
}
.m-r-86 {
margin-right: 86px
}
.m-r-88 {
margin-right: 88px
}
.m-r-90 {
margin-right: 90px
}
.m-r-92 {
margin-right: 92px
}
.m-r-94 {
margin-right: 94px
}
.m-r-96 {
margin-right: 96px
}
.m-r-98 {
margin-right: 98px
}
.m-r-100 {
margin-right: 100px
}
.m-b-2 {
margin-bottom: 2px
}
.m-b-4 {
margin-bottom: 4px
}
.m-b-6 {
margin-bottom: 6px
}
.m-b-8 {
margin-bottom: 8px
}
.m-b-10 {
margin-bottom: 10px
}
.m-b-12 {
margin-bottom: 12px
}
.m-b-14 {
margin-bottom: 14px
}
.m-b-16 {
margin-bottom: 16px
}
.m-b-18 {
margin-bottom: 18px
}
.m-b-20 {
margin-bottom: 20px
}
.m-b-22 {
margin-bottom: 22px
}
.m-b-24 {
margin-bottom: 24px
}
.m-b-26 {
margin-bottom: 26px
}
.m-b-28 {
margin-bottom: 28px
}
.m-b-30 {
margin-bottom: 30px
}
.m-b-32 {
margin-bottom: 32px
}
.m-b-34 {
margin-bottom: 34px
}
.m-b-36 {
margin-bottom: 36px
}
.m-b-38 {
margin-bottom: 38px
}
.m-b-40 {
margin-bottom: 40px
}
.m-b-42 {
margin-bottom: 42px
}
.m-b-44 {
margin-bottom: 44px
}
.m-b-46 {
margin-bottom: 46px
}
.m-b-48 {
margin-bottom: 48px
}
.m-b-50 {
margin-bottom: 50px
}
.m-b-52 {
margin-bottom: 52px
}
.m-b-54 {
margin-bottom: 54px
}
.m-b-56 {
margin-bottom: 56px
}
.m-b-58 {
margin-bottom: 58px
}
.m-b-60 {
margin-bottom: 60px
}
.m-b-62 {
margin-bottom: 62px
}
.m-b-64 {
margin-bottom: 64px
}
.m-b-66 {
margin-bottom: 66px
}
.m-b-68 {
margin-bottom: 68px
}
.m-b-70 {
margin-bottom: 70px
}
.m-b-72 {
margin-bottom: 72px
}
.m-b-74 {
margin-bottom: 74px
}
.m-b-76 {
margin-bottom: 76px
}
.m-b-78 {
margin-bottom: 78px
}
.m-b-80 {
margin-bottom: 80px
}
.m-b-82 {
margin-bottom: 82px
}
.m-b-84 {
margin-bottom: 84px
}
.m-b-88 {
margin-bottom: 88px
}
.m-b-90 {
margin-bottom: 90px
}
.m-b-92 {
margin-bottom: 92px
}
.m-b-94 {
margin-bottom: 94px
}
.m-b-96 {
margin-bottom: 96px
}
.m-b-98 {
margin-bottom: 98px
}
.m-b-100 {
margin-bottom: 100px
}
.m-l-2 {
margin-left: 2px
}
.m-l-4 {
margin-left: 4px
}
.m-l-6 {
margin-left: 6px
}
.m-l-8 {
margin-left: 8px
}
.m-l-10 {
margin-left: 10px
}
.m-l-12 {
margin-left: 12px
}
.m-l-14 {
margin-left: 14px
}
.m-l-16 {
margin-left: 16px
}
.m-l-18 {
margin-left: 18px
}
.m-l-20 {
margin-left: 20px
}
.m-l-22 {
margin-left: 22px
}
.m-l-24 {
margin-left: 24px
}
.m-l-26 {
margin-left: 26px
}
.m-l-28 {
margin-left: 28px
}
.m-l-30 {
margin-left: 30px
}
.m-l-32 {
margin-left: 32px
}
.m-l-34 {
margin-left: 34px
}
.m-l-36 {
margin-left: 36px
}
.m-l-38 {
margin-left: 38px
}
.m-l-40 {
margin-left: 40px
}
.m-l-42 {
margin-left: 42px
}
.m-l-44 {
margin-left: 44px
}
.m-l-46 {
margin-left: 46px
}
.m-l-48 {
margin-left: 48px
}
.m-l-50 {
margin-left: 50px
}
.m-l-52 {
margin-left: 52px
}
.m-l-54 {
margin-left: 54px
}
.m-l-56 {
margin-left: 56px
}
.m-l-58 {
margin-left: 58px
}
.m-l-60 {
margin-left: 60px
}
.m-l-62 {
margin-left: 62px
}
.m-l-64 {
margin-left: 64px
}
.m-l-66 {
margin-left: 66px
}
.m-l-68 {
margin-left: 68px
}
.m-l-70 {
margin-left: 70px
}
.m-l-72 {
margin-left: 72px
}
.m-l-74 {
margin-left: 74px
}
.m-l-76 {
margin-left: 76px
}
.m-l-78 {
margin-left: 78px
}
.m-l-80 {
margin-left: 80px
}
.m-l-82 {
margin-left: 82px
}
.m-l-84 {
margin-left: 84px
}
.m-l-86 {
margin-left: 86px
}
.m-l-88 {
margin-left: 88px
}
.m-l-90 {
margin-left: 90px
}
.m-l-92 {
margin-left: 92px
}
.m-l-94 {
margin-left: 94px
}
.m-l-96 {
margin-left: 96px
}
.m-l-98 {
margin-left: 98px
}
.m-l-100 {
margin-left: 100px
}
html,
body {
background-color: #292c3d;
font-family: "Inter", sans-serif
}
body .sp-header__inner.inner {
padding: 0 14px
}
.inner {
margin: 0 auto;
padding: 0 14px;
width: 100%;
max-width: 1920px
}
.inner--xl {
max-width: 1440px
}
.inner--lg {
max-width: 1280px
}
.inner--md {
max-width: 1210px
}
.inner--sm {
max-width: 800px
}
.inner--s {
max-width: 550px
}
.sp-font-18 span.MuiTypography-root.MuiTypography-body1 {
font-size: 18px
}
@media(max-width: 1280px) {
.sp-font-18 span.MuiTypography-root.MuiTypography-body1 {
font-size: 14px
}
}
.sp-font-18 span.MuiTypography-root.MuiTypography-body1.MuiTypography-color-description-primary {
color: #aaacb9
}
.sp-button-lg a.MuiButton-root.MuiButton-sizeLarge,
.sp-button-lg button.MuiButton-root.MuiButton-sizeLarge {
min-height: 48px
}
.sp-button-lg a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess,
.sp-button-lg button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess {
color: #292c3d
}
.sp-button-lg a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover,
.sp-button-lg button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover {
color: #292c3d
}
.sp-button-lg a.MuiButton-root.MuiButton-sizeLarge.MuiButton-outlinedSuccess:hover,
.sp-button-lg button.MuiButton-root.MuiButton-sizeLarge.MuiButton-outlinedSuccess:hover {
color: #292c3d
}
.sp-default-link-style {
text-decoration: none
}
.sp-button-link a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess,
.sp-button-link a.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess,
.sp-button-link button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess,
.sp-button-link button.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess {
position: relative;
min-height: auto;
padding: 0;
border-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
color: #f9f9f9;
transition: color .15s
}
.sp-button-link a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess::after,
.sp-button-link a.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess::after,
.sp-button-link button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess::after,
.sp-button-link button.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess::after {
display: block;
content: "";
position: absolute;
bottom: 8px;
left: 0;
width: 100%;
height: 1px;
background-color: #4ac18e;
transform: scaleX(0);
transition: transform .15s
}
.sp-button-link a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover,
.sp-button-link a.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess:hover,
.sp-button-link button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover,
.sp-button-link button.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess:hover {
color: #4ac18e;
box-shadow: none;
background: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0)
}
.sp-button-link a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover::after,
.sp-button-link a.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess:hover::after,
.sp-button-link button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover::after,
.sp-button-link button.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess:hover::after {
transform: scaleX(1)
}
.sp-title {
opacity: .7
}
.sp-title-m h2.MuiTypography-root.MuiTypography-h1,
.sp-title-m h3.MuiTypography-root.MuiTypography-h1,
.sp-title-m span.MuiTypography-root.MuiTypography-h1 {
font-size: 40px !important;
}
@media(max-width: 1280px) {
.sp-title-m h2.MuiTypography-root.MuiTypography-h1,
.sp-title-m h3.MuiTypography-root.MuiTypography-h1,
.sp-title-m span.MuiTypography-root.MuiTypography-h1 {
font-size: 34px !important;
}
}
@media(max-width: 768px) {
.sp-title-m h2.MuiTypography-root.MuiTypography-h1,
.sp-title-m h3.MuiTypography-root.MuiTypography-h1,
.sp-title-m span.MuiTypography-root.MuiTypography-h1 {
font-size: 26px !important;
}
}
@media(max-width: 1280px) {
.sp-title-hero .sp-title-gradient {
font-size: 48px !important
}
}
@media(max-width: 1024px) {
.sp-title-hero .sp-title-gradient {
font-size: 44px !important
}
}
@media(max-width: 768px) {
.sp-title-hero .sp-title-gradient {
font-size: 40px !important
}
}
.sp-sub-title {
opacity: .5
}
.block-center {
display: flex;
justify-content: center
}
.sp-link {
font-size: inherit;
font-weight: inherit;
text-decoration: underline
}
.sp-link:hover {
text-decoration: none
}
.sp-link--green {
color: #4ac18e
}
.sp-link--blue {
color: #68ecff
}
.simplebar-track .simplebar-scrollbar::before {
background-color: #4e5060
}
body,
html {
scrollbar-color: rgba(78, 80, 96, .5) rgba(0, 0, 0, 0)
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
overflow: hidden
}
::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0)
}
::-webkit-scrollbar-thumb {
background-color: rgba(78, 80, 96, .5);
border-radius: 7px
}
::-webkit-scrollbar-thumb:hover {
background-color: #4e5060
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
word-break: normal
}
.transition-all {
transition-property: all
}
.duration-300 {
transition-duration: 300ms
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.opacity-0 {
opacity: 0
}
.opacity-100 {
opacity: 1
}
.transform {
transform: translateX(var(--tw-translate-x, 0)) translateY(var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))
}
.translate-y-4 {
--tw-translate-y: 1rem
}
.translate-y-0 {
--tw-translate-y: 0px
}
.transform.translate-y-4 {
transform: translateY(1rem)
}
.transform.translate-y-0 {
transform: translateY(0)
}
.sc-animate-position-image {
width: 100%;
height: 100%
}
.sc-animate-position-image__container {
position: relative;
width: inherit;
height: inherit;
z-index: 2
}
.sc-animate-position-image__item {
font-size: 0
}
.sc-animate-position-image__item--front {
position: relative;
z-index: 2
}
.sc-animate-position-image__item--front img {
max-height: 544px
}
.sc-animate-position-image__item--back {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
z-index: 1
}
.sc-animate-position-image__item--back img {
width: 100%
}
.sp-circle-animate {
position: relative
}
.sp-circle-animate__logo {
position: absolute;
top: 50%;
left: 50%;
width: 48%;
transform: translate(-50%, -50%);
font-size: 0
}
.sp-circle-animate__circle {
font-size: 0
}
.cube-perspective-grid {
position: relative
}
.cube-perspective-grid__container {
position: relative;
display: flex;
align-items: center;
min-height: 400px;
perspective: 1000px;
perspective-origin: 50% 50%
}
@media(max-width: 768px) {
.cube-perspective-grid__container {
min-height: 350px
}
}
.cube-perspective-grid__wrap {
margin: auto;
position: relative;
width: 160px;
height: 160px;
transform-style: preserve-3d;
transform: rotateX(330deg) rotateY(314deg);
z-index: 1
}
@media(max-width: 1280px) {
.cube-perspective-grid__wrap {
width: 106px;
height: 106px;
transform: rotateX(330deg) rotateY(315deg)
}
}
.cube-perspective-grid__fragment {
position: absolute;
box-sizing: border-box;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
color: #f9f9f9;
transition: transform .2s, background-color .2s, box-shadow .1s ease-in
}
.cube-perspective-grid__fragment.fragment--front {
transform: translateZ(60px)
}
.cube-perspective-grid__fragment.fragment--back {
transform: translateZ(-100px) rotateY(180deg)
}
.cube-perspective-grid__fragment.fragment--right {
transform: rotateY(-270deg) translateX(100px);
transform-origin: top right
}
.cube-perspective-grid__fragment.fragment--left {
transform: rotateY(270deg) translateX(-100px);
transform-origin: center left
}
.cube-perspective-grid__fragment.fragment--top {
transform: rotateX(-270deg) translateY(-100px);
transform-origin: top center
}
.cube-perspective-grid__fragment.fragment--bottom {
transform: rotateX(90deg) translateY(60px);
transform-origin: bottom center
}
.cube-perspective-grid__fragment.fragment--shadow {
transform: rotateX(270deg) translateY(100px);
transform-origin: bottom center;
background-color: rgba(0, 0, 0, .15);
transition: opacity .2s
}
.cube-perspective-grid__bg-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-48%, -34%);
z-index: -1
}
.cube-perspective-grid__logo {
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
transform: rotateX(90deg) translateY(48px) translateX(-12px);
transform-origin: bottom center;
font-size: 0
}
.cube-perspective-grid__logo svg {
width: 100%
}
.cube-perspective-grid.mobile .fragment--front {
transform: translateZ(60px)
}
.cube-perspective-grid.mobile .fragment--back {
transform: rotateY(180deg) translateZ(46px)
}
.cube-perspective-grid.mobile .fragment--right {
transform: rotateY(-270deg) translateX(46px)
}
.cube-perspective-grid.mobile .fragment--left {
transform: rotateY(270deg) translateX(-46px)
}
.cube-perspective-grid.mobile .fragment--top {
transform: rotateX(-270deg) translateY(-46px)
}
.cube-perspective-grid.mobile .fragment--bottom {
transform: rotateX(90deg) translateY(60px)
}
.cube-perspective-grid.mobile .fragment--shadow {
transform: rotateX(270deg) translateY(46px)
}
.glitch {
white-space: nowrap;
position: relative;
margin: 0 auto;
user-select: none;
cursor: pointer
}
.glitch::after,
.glitch::before {
content: attr(data-text);
position: absolute;
top: 0;
background-color: #4ac18e;
overflow: hidden;
clip-path: inset(0 0 0 0)
}
.glitch:not(.enable-on-hover)::after {
left: 10px;
text-shadow: var(--after-shadow, -10px 0 #4AC18E);
animation: animate-glitch var(--after-duration, 3s) infinite linear alternate-reverse
}
.glitch:not(.enable-on-hover)::before {
left: -10px;
text-shadow: var(--before-shadow, 10px 0 cyan);
animation: animate-glitch var(--before-duration, 2s) infinite linear alternate-reverse
}
.glitch.enable-on-hover::after,
.glitch.enable-on-hover::before {
content: "";
opacity: 0;
animation: none
}
.glitch.enable-on-hover:hover::after {
content: attr(data-text);
opacity: 1;
left: 10px;
text-shadow: var(--after-shadow, -10px 0 #4AC18E);
animation: animate-glitch var(--after-duration, 3s) infinite linear alternate-reverse
}
.glitch.enable-on-hover:hover::before {
content: attr(data-text);
opacity: 1;
left: -10px;
text-shadow: var(--before-shadow, 10px 0 cyan);
animation: animate-glitch var(--before-duration, 2s) infinite linear alternate-reverse
}
@keyframes animate-glitch {
0% {
clip-path: inset(20% 0 50% 0)
}
5% {
clip-path: inset(10% 0 60% 0)
}
10% {
clip-path: inset(15% 0 55% 0)
}
15% {
clip-path: inset(25% 0 35% 0)
}
20% {
clip-path: inset(30% 0 40% 0)
}
25% {
clip-path: inset(40% 0 20% 0)
}
30% {
clip-path: inset(10% 0 60% 0)
}
35% {
clip-path: inset(15% 0 55% 0)
}
40% {
clip-path: inset(25% 0 35% 0)
}
45% {
clip-path: inset(30% 0 40% 0)
}
50% {
clip-path: inset(20% 0 50% 0)
}
55% {
clip-path: inset(10% 0 60% 0)
}
60% {
clip-path: inset(15% 0 55% 0)
}
65% {
clip-path: inset(25% 0 35% 0)
}
70% {
clip-path: inset(30% 0 40% 0)
}
75% {
clip-path: inset(40% 0 20% 0)
}
80% {
clip-path: inset(20% 0 50% 0)
}
85% {
clip-path: inset(10% 0 60% 0)
}
90% {
clip-path: inset(15% 0 55% 0)
}
95% {
clip-path: inset(25% 0 35% 0)
}
100% {
clip-path: inset(30% 0 40% 0)
}
}
.scroll-down-container {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 80px;
font-size: 0;
z-index: 2
}
.scroll-down-container-text {
display: inline-block;
cursor: pointer;
text-decoration: none
}
.scroll-down {
display: inline-block;
width: 34px;
height: 90px;
cursor: pointer
}
.scroll-down__chevron {
position: absolute;
width: 2.1rem;
height: .48rem;
opacity: 0;
transform: scale(0.3);
animation: move-chevron 3s ease-out infinite
}
.scroll-down__chevron:first-child {
animation: move-chevron 3s ease-out 1s infinite
}
.scroll-down__chevron:nth-child(2) {
animation: move-chevron 3s ease-out 2s infinite
}
.scroll-down__chevron:before,
.scroll-down__chevron:after {
content: "";
position: absolute;
top: 0;
height: 100%;
width: 50%;
background-color: #4ac18e;
box-shadow: 0 1px 12px hsla(0, 0%, 100%, .8)
}
.scroll-down__chevron:before {
left: 0;
transform: skewY(30deg)
}
.scroll-down__chevron:after {
right: 0;
width: 50%;
transform: skewY(-30deg)
}
@keyframes move-chevron {
25% {
opacity: 1
}
33.3% {
opacity: 1;
transform: translateY(2.28rem)
}
66.6% {
opacity: 1;
transform: translateY(3.12rem)
}
100% {
opacity: 0;
transform: translateY(4.8rem) scale(0.5)
}
}
.swipe-hand-grid {
display: none
}
.swipe-hand-grid__wrap {
display: flex;
justify-content: center;
color: #cfd0d3
}
.swipe-hand-grid__icon {
animation: swipe .8s alternate infinite;
animation-timing-function: ease
}
@keyframes swipe {
0% {
transform: translateX(10px)
}
100% {
transform: translateX(-10px)
}
}
.three-dots {
max-width: 100%;
word-break: break-word;
overflow: hidden;
display: -moz-box;
display: -webkit-box;
-webkit-box-orient: vertical;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.three-dots.one-line {
line-clamp: 1;
max-height: 18px
}
.three-dots.two-line {
line-clamp: 2;
max-height: 34px
}
.display-i-block {
display: inline-block
}
.cursor-default {
cursor: default
}
.cursor-pointer {
cursor: pointer
}
.m-t-2 {
margin-top: 2px
}
.m-t-4 {
margin-top: 4px
}
.m-t-6 {
margin-top: 6px
}
.m-t-8 {
margin-top: 8px
}
.m-t-10 {
margin-top: 10px
}
.m-t-12 {
margin-top: 12px
}
.m-t-14 {
margin-top: 14px
}
.m-t-16 {
margin-top: 16px
}
.m-t-18 {
margin-top: 18px
}
.m-t-20 {
margin-top: 20px
}
.m-t-22 {
margin-top: 22px
}
.m-t-24 {
margin-top: 24px
}
.m-t-26 {
margin-top: 26px
}
.m-t-28 {
margin-top: 28px
}
.m-t-30 {
margin-top: 30px
}
.m-t-32 {
margin-top: 32px
}
.m-t-34 {
margin-top: 34px
}
.m-t-36 {
margin-top: 36px
}
.m-t-38 {
margin-top: 38px
}
.m-t-40 {
margin-top: 40px
}
.m-t-42 {
margin-top: 42px
}
.m-t-44 {
margin-top: 44px
}
.m-t-46 {
margin-top: 46px
}
.m-t-48 {
margin-top: 48px
}
.m-t-50 {
margin-top: 50px
}
.m-t-52 {
margin-top: 52px
}
.m-t-54 {
margin-top: 54px
}
.m-t-56 {
margin-top: 56px
}
.m-t-58 {
margin-top: 58px
}
.m-t-60 {
margin-top: 60px
}
.m-t-62 {
margin-top: 62px
}
.m-t-64 {
margin-top: 64px
}
.m-t-66 {
margin-top: 66px
}
.m-t-68 {
margin-top: 68px
}
.m-t-70 {
margin-top: 70px
}
.m-t-72 {
margin-top: 72px
}
.m-t-74 {
margin-top: 74px
}
.m-t-76 {
margin-top: 76px
}
.m-t-78 {
margin-top: 78px
}
.m-t-80 {
margin-top: 80px
}
.m-t-82 {
margin-top: 82px
}
.m-t-84 {
margin-top: 84px
}
.m-t-86 {
margin-top: 86px
}
.m-t-88 {
margin-top: 88px
}
.m-t-90 {
margin-top: 90px
}
.m-t-92 {
margin-top: 92px
}
.m-t-94 {
margin-top: 94px
}
.m-t-96 {
margin-top: 96px
}
.m-t-98 {
margin-top: 98px
}
.m-t-100 {
margin-top: 100px
}
.m-r-2 {
margin-right: 2px
}
.m-r-4 {
margin-right: 4px
}
.m-r-6 {
margin-right: 6px
}
.m-r-8 {
margin-right: 8px
}
.m-r-10 {
margin-right: 10px
}
.m-r-12 {
margin-right: 12px
}
.m-r-14 {
margin-right: 14px
}
.m-r-16 {
margin-right: 16px
}
.m-r-18 {
margin-right: 18px
}
.m-r-20 {
margin-right: 20px
}
.m-r-22 {
margin-right: 22px
}
.m-r-24 {
margin-right: 24px
}
.m-r-26 {
margin-right: 26px
}
.m-r-28 {
margin-right: 28px
}
.m-r-30 {
margin-right: 30px
}
.m-r-32 {
margin-right: 32px
}
.m-r-34 {
margin-right: 34px
}
.m-r-36 {
margin-right: 36px
}
.m-r-38 {
margin-right: 38px
}
.m-r-40 {
margin-right: 40px
}
.m-r-42 {
margin-right: 42px
}
.m-r-44 {
margin-right: 44px
}
.m-r-46 {
margin-right: 46px
}
.m-r-48 {
margin-right: 48px
}
.m-r-50 {
margin-right: 50px
}
.m-r-52 {
margin-right: 52px
}
.m-r-54 {
margin-right: 54px
}
.m-r-56 {
margin-right: 56px
}
.m-r-58 {
margin-right: 58px
}
.m-r-60 {
margin-right: 60px
}
.m-r-62 {
margin-right: 62px
}
.m-r-64 {
margin-right: 64px
}
.m-r-66 {
margin-right: 66px
}
.m-r-68 {
margin-right: 68px
}
.m-r-70 {
margin-right: 70px
}
.m-r-72 {
margin-right: 72px
}
.m-r-74 {
margin-right: 74px
}
.m-r-76 {
margin-right: 76px
}
.m-r-78 {
margin-right: 78px
}
.m-r-80 {
margin-right: 80px
}
.m-r-82 {
margin-right: 82px
}
.m-r-84 {
margin-right: 84px
}
.m-r-86 {
margin-right: 86px
}
.m-r-88 {
margin-right: 88px
}
.m-r-90 {
margin-right: 90px
}
.m-r-92 {
margin-right: 92px
}
.m-r-94 {
margin-right: 94px
}
.m-r-96 {
margin-right: 96px
}
.m-r-98 {
margin-right: 98px
}
.m-r-100 {
margin-right: 100px
}
.m-b-2 {
margin-bottom: 2px
}
.m-b-4 {
margin-bottom: 4px
}
.m-b-6 {
margin-bottom: 6px
}
.m-b-8 {
margin-bottom: 8px
}
.m-b-10 {
margin-bottom: 10px
}
.m-b-12 {
margin-bottom: 12px
}
.m-b-14 {
margin-bottom: 14px
}
.m-b-16 {
margin-bottom: 16px
}
.m-b-18 {
margin-bottom: 18px
}
.m-b-20 {
margin-bottom: 20px
}
.m-b-22 {
margin-bottom: 22px
}
.m-b-24 {
margin-bottom: 24px
}
.m-b-26 {
margin-bottom: 26px
}
.m-b-28 {
margin-bottom: 28px
}
.m-b-30 {
margin-bottom: 30px
}
.m-b-32 {
margin-bottom: 32px
}
.m-b-34 {
margin-bottom: 34px
}
.m-b-36 {
margin-bottom: 36px
}
.m-b-38 {
margin-bottom: 38px
}
.m-b-40 {
margin-bottom: 40px
}
.m-b-42 {
margin-bottom: 42px
}
.m-b-44 {
margin-bottom: 44px
}
.m-b-46 {
margin-bottom: 46px
}
.m-b-48 {
margin-bottom: 48px
}
.m-b-50 {
margin-bottom: 50px
}
.m-b-52 {
margin-bottom: 52px
}
.m-b-54 {
margin-bottom: 54px
}
.m-b-56 {
margin-bottom: 56px
}
.m-b-58 {
margin-bottom: 58px
}
.m-b-60 {
margin-bottom: 60px
}
.m-b-62 {
margin-bottom: 62px
}
.m-b-64 {
margin-bottom: 64px
}
.m-b-66 {
margin-bottom: 66px
}
.m-b-68 {
margin-bottom: 68px
}
.m-b-70 {
margin-bottom: 70px
}
.m-b-72 {
margin-bottom: 72px
}
.m-b-74 {
margin-bottom: 74px
}
.m-b-76 {
margin-bottom: 76px
}
.m-b-78 {
margin-bottom: 78px
}
.m-b-80 {
margin-bottom: 80px
}
.m-b-82 {
margin-bottom: 82px
}
.m-b-84 {
margin-bottom: 84px
}
.m-b-86 {
margin-bottom: 86px
}
.m-b-88 {
margin-bottom: 88px
}
.m-b-90 {
margin-bottom: 90px
}
.m-b-92 {
margin-bottom: 92px
}
.m-b-94 {
margin-bottom: 94px
}
.m-b-96 {
margin-bottom: 96px
}
.m-b-98 {
margin-bottom: 98px
}
.m-b-100 {
margin-bottom: 100px
}
.m-l-2 {
margin-left: 2px
}
.m-l-4 {
margin-left: 4px
}
.m-l-6 {
margin-left: 6px
}
.m-l-8 {
margin-left: 8px
}
.m-l-10 {
margin-left: 10px
}
.m-l-12 {
margin-left: 12px
}
.m-l-14 {
margin-left: 14px
}
.m-l-16 {
margin-left: 16px
}
.m-l-18 {
margin-left: 18px
}
.m-l-20 {
margin-left: 20px
}
.m-l-22 {
margin-left: 22px
}
.m-l-24 {
margin-left: 24px
}
.m-l-26 {
margin-left: 26px
}
.m-l-28 {
margin-left: 28px
}
.m-l-30 {
margin-left: 30px
}
.m-l-32 {
margin-left: 32px
}
.m-l-34 {
margin-left: 34px
}
.m-l-36 {
margin-left: 36px
}
.m-l-38 {
margin-left: 38px
}
.m-l-40 {
margin-left: 40px
}
.m-l-42 {
margin-left: 42px
}
.m-l-44 {
margin-left: 44px
}
.m-l-46 {
margin-left: 46px
}
.m-l-48 {
margin-left: 48px
}
.m-l-50 {
margin-left: 50px
}
.m-l-52 {
margin-left: 52px
}
.m-l-54 {
margin-left: 54px
}
.m-l-56 {
margin-left: 56px
}
.m-l-58 {
margin-left: 58px
}
.m-l-60 {
margin-left: 60px
}
.m-l-62 {
margin-left: 62px
}
.m-l-64 {
margin-left: 64px
}
.m-l-66 {
margin-left: 66px
}
.m-l-68 {
margin-left: 68px
}
.m-l-70 {
margin-left: 70px
}
.m-l-72 {
margin-left: 72px
}
.m-l-74 {
margin-left: 74px
}
.m-l-76 {
margin-left: 76px
}
.m-l-78 {
margin-left: 78px
}
.m-l-80 {
margin-left: 80px
}
.m-l-82 {
margin-left: 82px
}
.m-l-84 {
margin-left: 84px
}
.m-l-86 {
margin-left: 86px
}
.m-l-88 {
margin-left: 88px
}
.m-l-90 {
margin-left: 90px
}
.m-l-92 {
margin-left: 92px
}
.m-l-94 {
margin-left: 94px
}
.m-l-96 {
margin-left: 96px
}
.m-l-98 {
margin-left: 98px
}
.m-l-100 {
margin-left: 100px
}
.transformation-color-block-to-image {
position: relative;
width: 100%;
height: 100%;
overflow: hidden
}
.transformation-color-block-to-image.is-visible .transformation-color-block-to-image__img {
opacity: 1;
transition-delay: .6s;
transition-property: opacity
}
.transformation-color-block-to-image.is-visible .transformation-color-block-to-image__box {
animation: imageOverlay 1s;
animation-timing-function: ease-out, ease-in
}
.transformation-color-block-to-image__img {
width: 100%;
height: 100%;
border: 1px solid #449da7;
font-size: 0;
opacity: 0;
transition: opacity .3s
}
.transformation-color-block-to-image__img img {
height: 100%;
width: 100%;
object-fit: cover
}
.transformation-color-block-to-image__box {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #4ac18e;
transform: scaleX(0);
transition: transform .3s;
z-index: 1
}
@keyframes imageOverlay {
0% {
transform: scaleX(0);
transform-origin: left
}
65% {
transform-origin: left;
transform: scaleX(1)
}
66% {
transform-origin: right
}
70% {
transform: scaleX(1);
transform-origin: right
}
100% {
transform: scaleX(0);
transform-origin: right
}
}
.sp-transform-img-grid__switcher {
display: flex;
justify-content: flex-end;
margin-bottom: 22px
}
.css-ecvcn9 {
display: inline-flex;
width: 58px;
height: 38px;
overflow: hidden;
padding: 12px;
box-sizing: border-box;
position: relative;
flex-shrink: 0;
z-index: 0;
vertical-align: middle;
}
.css-1urhqyu .MuiSwitch-root {
padding: 0px;
height: 16px;
width: 28px;
}
.sp-transform-img-grid__switcher span.MuiSwitch-root {
width: 64px;
height: 32px;
border-radius: 24px
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher span.MuiSwitch-root {
width: 48px;
height: 24px
}
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-track {
background-color: rgba(249, 249, 249, .3)
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase {
padding: 4px
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase {
padding: 3px
}
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase .MuiTouchRipple-root .MuiTouchRipple-child {
background-color: rgba(249, 249, 249, .3)
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase .MuiSwitch-thumb {
width: 24px;
height: 24px
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase .MuiSwitch-thumb {
width: 18px;
height: 18px
}
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked {
transform: translateX(32px)
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked {
transform: translateX(24px)
}
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked:active {
transition: transform .3s, background-color .1s, width .1s;
transform: translateX(24px)
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked:active {
transform: translateX(16px)
}
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track {
background-color: rgba(249, 249, 249, .3)
}
.sp-transform-img-grid__switcher span.MuiSwitch-root:active .MuiSwitch-thumb {
width: 32px
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher span.MuiSwitch-root:active .MuiSwitch-thumb {
width: 24px
}
}
.sp-transform-img-grid__switcher .switch-grid__row {
display: flex;
align-items: center
}
.sp-transform-img-grid__switcher .switch-grid__col--left {
margin-right: 16px
}
.sp-transform-img-grid__switcher .switch-grid__col--right {
margin-left: 16px
}
.sp-transform-img-grid__switcher p.MuiTypography-body2 {
font-size: 18px
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher p.MuiTypography-body2 {
font-size: 12px
}
}
@media(max-width: 1024px) {
.sp-transform-img-grid__switcher p.MuiTypography-body2 {
font-size: 11px
}
}
@media(max-width: 768px) {
.sp-transform-img-grid__switcher p.MuiTypography-body2 {
font-size: 14px
}
}
.sp-transform-img-grid__container {
box-shadow: 0 24px 40px rgba(0, 0, 0, .25);
overflow: hidden
}
.sp-transform-img-grid__container.bordered {
border: 1px solid rgba(74, 193, 142, .5);
border-radius: 4px
}
.sp-after-before-img-slider {
position: relative;
overflow: hidden
}
.sp-after-before-img-slider__front {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
transform: translateX(-100%);
transition: transform 1s;
font-size: 0
}
.sp-after-before-img-slider__front img {
width: 99%
}
.sp-after-before-img-slider__thumb {
margin-right: 4px;
height: 100%;
width: 4px;
min-width: 5px;
border-radius: 4px;
box-shadow: 0 4px 15px rgba(0, 0, 0, .75), 0 2px 38px rgba(0, 0, 0, .75)
}
.sp-after-before-img-slider__back {
font-size: 0
}
.sp-after-before-img-slider__back img {
width: 100%
}
.sp-after-before-img-slider.is-transform .sp-after-before-img-slider__front {
transform: translateX(0)
}
.sp-after-before-img-slider.is-transform .sp-after-before-img-slider__thumb {
margin-left: -5px;
margin-right: 0
}
.pipedrive-modal-grid.MuiDialog-root .MuiPaper-root.MuiDialog-paper {
margin: 32px 16px;
padding: 32px 24px;
width: 100%
}
.pipedrive-modal-grid .pipedriveWebForms {
width: 100%;
height: 690px;
overflow: hidden
}
.pipedrive-modal-grid .pipedriveWebForms iframe {
border: none;
overflow: hidden;
width: 100%;
max-width: 768px;
height: 100%;
position: relative
}
.access-modal-grid.MuiDialog-root .MuiPaper-root {
margin: 16px;
width: 100%;
max-width: 800px
}
.access-modal-grid.MuiDialog-root .MuiPaper-root.MuiDialog-paper .MuiDialogActions-root {
justify-content: center
}
.access-modal-grid__line {
font-size: 0;
text-align: center
}
.access-modal-grid__row {
display: flex;
justify-content: center
}
@media(max-width: 600px) {
.access-modal-grid__row {
flex-wrap: wrap
}
}
.access-modal-grid__col {
padding: 0 26px;
flex: 1 1 33.33%
}
@media(max-width: 768px) {
.access-modal-grid__col {
padding: 0 10px
}
}
@media(max-width: 600px) {
.access-modal-grid__col {
flex: 1 1 100%
}
.access-modal-grid__col .access-modal-grid__description {
max-width: 260px;
margin: 0 auto
}
}
.access-modal-grid__icon {
text-align: center
}
.sp-title-gradient.start {
background: -webkit-linear-gradient(left, #4AC18E, #68ECFF);
background: -o-linear-gradient(right, #4AC18E, #68ECFF);
background: -moz-linear-gradient(right, #4AC18E, #68ECFF);
background: linear-gradient(to right, #4AC18E, #68ECFF);
background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.sp-title-gradient.start .end-text {
background: -webkit-linear-gradient(left, #F9F9F9, #F9F9F9);
background: -o-linear-gradient(right, #F9F9F9, #F9F9F9);
background: -moz-linear-gradient(right, #F9F9F9, #F9F9F9);
background: linear-gradient(to right, #F9F9F9, #F9F9F9);
background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.sp-title-gradient.end {
background: -webkit-linear-gradient(left, #F9F9F9, #F9F9F9);
background: -o-linear-gradient(right, #F9F9F9, #F9F9F9);
background: -moz-linear-gradient(right, #F9F9F9, #F9F9F9);
background: linear-gradient(to right, #F9F9F9, #F9F9F9);
background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.sp-title-gradient.end .end-text {
background: -webkit-linear-gradient(left, #4AC18E, #68ECFF);
background: -o-linear-gradient(right, #4AC18E, #68ECFF);
background: -moz-linear-gradient(right, #4AC18E, #68ECFF);
background: linear-gradient(to right, #4AC18E, #68ECFF);
background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.sp-title-gradient .MuiTypography-root {
font-size: inherit !important;
line-height: 1.1
}
.sp-title-gradient .MuiTypography-root span.MuiTypography-root {
font-size: inherit;
font-weight: inherit;
line-height: inherit
}
.sp-ellipse {
pointer-events: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
z-index: -1
}
.sp-ellipse.green {
background: radial-gradient(50% 50% at 50% 50%, rgba(26, 255, 157, 0.3) 0%, rgba(98, 249, 184, 0) 100%)
}
.sp-ellipse.blue {
background: radial-gradient(50% 50% at 50% 50%, rgba(104, 236, 255, 0.35) 0%, rgba(104, 236, 255, 0) 100%)
}
.promo-modal-grid.MuiDialog-root .MuiPaper-root {
margin: 32px 16px;
width: 100%;
max-width: 960px;
position: relative;
border-radius: 2px;
border: 1px solid #4ac18e;
background-color: #292c3d;
clip-path: polygon(1.7em 0%, 100% 0, 100% calc(100% - 1.7em), calc(100% - 1.7em) 100%, 0 100%, 0% 1.7em);
z-index: 1;
overflow: hidden
}
.promo-modal-grid.MuiDialog-root .MuiPaper-root::before {
content: "";
display: block;
position: absolute;
top: 13px;
left: -9px;
width: 42px;
height: 1px;
background-color: #4ac18e;
transform: rotate(-45deg)
}
.promo-modal-grid.MuiDialog-root .MuiPaper-root::after {
content: "";
display: block;
position: absolute;
right: -9px;
bottom: 13px;
width: 42px;
height: 1px;
background-color: #4ac18e;
transform: rotate(-45deg)
}
.promo-modal-grid.MuiDialog-root .MuiPaper-root.MuiDialog-paper .MuiDialogTitle-root {
padding: 40px 16px 0;
text-align: center
}
.promo-modal-grid.MuiDialog-root .MuiPaper-root.MuiDialog-paper .MuiDialogTitle-root .MuiButtonBase-root {
right: 10px;
top: 10px
}
.promo-modal-grid.MuiDialog-root .MuiPaper-root.MuiDialog-paper .MuiDialogContent-root {
padding: 32px 20px 46px
}
@media(max-width: 768px) {
.promo-modal-grid.MuiDialog-root .MuiPaper-root.MuiDialog-paper .MuiDialogContent-root {
padding: 24px 16px 36px
}
}
.promo-modal-body {
max-width: 770px;
margin: 0 auto
}
.promo-modal-body__title {
text-align: center
}
.promo-modal-body__ellipse--left .sp-ellipse {
top: 5%;
left: -22%;
z-index: -1
}
.promo-modal-body__ellipse--right .sp-ellipse {
top: 30%;
right: -140%;
left: auto;
z-index: -1
}
.promo-modal-body__ellipse--bottom .sp-ellipse {
top: 120%;
left: 0;
transform: translate(-50%, -50%);
z-index: -1
}
.promo-modal-step-box__btn {
text-align: center
}
.promo-modal-step-box__btn button.MuiButton-root.MuiButton-containedSuccess {
color: #292c3d
}
.promo-modal-step-box__description a.MuiLink-root {
line-height: 1.2
}
.promo-modal-step-box__link {
text-align: center;
color: #4ac18e
}
.promo-modal-step-box__link a.MuiLink-root:after {
bottom: 0
}
.promo-modal-step-box__link a.MuiLink-root.three-dots.one-line {
max-height: 21px;
height: 21px
}
.promo-modal-steps {
display: flex;
align-items: center;
justify-content: center
}
.promo-modal-steps.is-active .promo-modal-step-item:first-of-type {
border-color: #4ac18e;
opacity: 1
}
.promo-modal-steps.is-active .promo-modal-step-line {
background-color: #4ac18e
}
.promo-modal-step-item {
padding: 2px 4px;
min-width: 80px;
border: 1px solid #cfd0d3;
border-radius: 8px;
opacity: .5
}
.promo-modal-step-item.is-active {
background-color: rgba(74, 193, 142, .2);
border-color: #4ac18e;
box-shadow: 0 0 8px rgba(74, 193, 142, .75);
opacity: 1
}
.promo-modal-step-line {
width: 100%;
min-width: 20px;
max-width: 56px;
height: 1px;
background-color: rgba(207, 208, 211, .5)
}
.promo-key-cell {
display: flex;
align-items: center;
justify-content: center
}
.promo-key-cell__inner {
display: flex;
align-items: center;
justify-content: center;
padding: 14px 28px;
background: #3b3d4f;
border: 1px solid rgba(207, 208, 211, .3);
border-radius: 4px
}
@media(max-width: 768px) {
.promo-key-cell__inner {
padding: 14px 20px
}
}
.contact-us-grid .MuiBox-root {
padding: 0
}
.contact-us-menu-item-grid {
display: flex;
align-items: center;
gap: 8px;
padding: 12px;
cursor: pointer;
transition: background-color .1s
}
.contact-us-menu-item-grid:hover {
background-color: #4e5060
}
.contact-us-menu-item-grid__icon {
font-size: 0
}
.contact-us-menu-item-grid__text {
text-transform: uppercase
}
.cookie-container {
position: fixed;
right: 0;
bottom: 0 !important;
left: 0;
padding: 24px 40px 12px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 0;
box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
background-color: #f9f9f9;
z-index: 1400
}
@media(max-width: 1024px) {
.cookie-container {
padding: 12px 14px 6px
}
}
@media(max-width: 768px) {
.cookie-container {
flex-direction: column;
justify-content: center
}
}
.cookie-content {
margin: 0 0 12px;
flex: 1 1 70%
}
@media(max-width: 768px) {
.cookie-content {
margin: 0 0 16px
}
}
.cookie-content-link {
color: #4ac18e;
text-decoration: none
}
.cookie-content-link:hover {
text-decoration: underline
}
.cookie-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1400;
background-color: rgba(0, 0, 0, .7)
}
.cookie-list {
margin-bottom: 12px;
display: flex;
flex-direction: row-reverse
}
@media(max-width: 1024px) {
.cookie-list {
flex-direction: column-reverse
}
}
@media(max-width: 768px) {
.cookie-list {
flex-direction: row-reverse
}
}
.cookie-list__btn {
padding: 7px 16px;
min-height: 48px;
border-radius: 4px;
font-family: "Inter", sans-serif;
font-weight: 500;
font-size: 14px;
color: #292c3d;
text-transform: uppercase;
white-space: nowrap
}
@media(max-width: 768px) {
.cookie-list__btn {
min-height: 32px
}
}
.cookie-list__btn--accept {
margin-right: 16px;
background-color: #4ac18e
}
.cookie-list__btn--accept:active,
.cookie-list__btn--accept:focus {
color: #292c3d
}
.cookie-list__btn--accept:active:hover,
.cookie-list__btn--accept:focus:hover {
color: #292c3d
}
.cookie-list__btn--accept:hover {
background-color: #3bac7c
}
@media(max-width: 1024px) {
.cookie-list__btn--accept {
margin-bottom: 12px;
margin-right: 0
}
}
@media(max-width: 768px) {
.cookie-list__btn--accept {
margin-right: 10px;
margin-bottom: 0
}
}
.cookie-list__btn--settings {
border: 1px solid #4ac18e;
background-color: rgba(0, 0, 0, 0)
}
.cookie-list__btn--settings:active,
.cookie-list__btn--settings:focus {
color: #f9f9f9;
background-color: #3bac7c;
border-color: #3bac7c
}
.cookie-list__btn--settings:active:hover,
.cookie-list__btn--settings:focus:hover {
color: #f9f9f9
}
.cookie-list__btn--settings:hover {
background-color: #3bac7c;
border-color: #3bac7c;
color: #f9f9f9
}
.cookie-grid__row {
display: flex
}
@media(max-width: 768px) {
.cookie-grid__row {
flex-wrap: wrap
}
}
.cookie-grid__col {
margin-right: 22px
}
@media(max-width: 768px) {
.cookie-grid__col {
margin-right: 0
}
}
.cookie-grid__more-less .more-less-html {
max-width: none
}
.sp-dashed-line {
font-size: 0
}
.sp-nav-bar {
position: absolute;
top: 120px;
left: 16px;
bottom: 130px;
z-index: 5
}
.sp-nav-bar__wrap {
position: sticky;
top: 240px;
margin: 140px -45px 0 0
}
.sp-nav-bar__inner {
padding: 2px 2px 2px 0;
background-color: rgba(104, 211, 165, .5);
clip-path: polygon(0 0, 100% 30px, 100% calc(100% - 30px), 0% 100%)
}
.sp-nav-bar__list {
position: relative;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 30px 0;
background: #1d202e;
clip-path: polygon(0 0, 100% 29px, 100% calc(100% - 29px), 0% 100%)
}
.sp-nav-bar__text {
position: absolute;
top: 50%;
right: -22px;
height: 200%;
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 11px;
line-height: 1.4;
text-align: center;
letter-spacing: 3px;
text-transform: uppercase;
color: rgba(249, 249, 249, .5);
writing-mode: vertical-rl;
text-orientation: mixed;
transform: translateY(-50%);
transition: opacity .1s;
opacity: 0;
z-index: 4
}
.sp-nav-bar__text.is-hover {
opacity: 1
}
.sp-nav-bar__item {
position: relative;
padding: 10px;
z-index: 4
}
.sp-nav-bar__btn {
position: relative;
width: 20px;
height: 20px;
min-width: 20px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(0, 0, 0, 0);
cursor: pointer;
transition: border-color .1s
}
.sp-nav-bar__btn::after {
content: "";
display: block;
width: 10px;
height: 10px;
min-width: 10px;
background-color: rgba(249, 249, 249, .2);
transition: background-color .1s
}
.sp-nav-bar__btn.is-active {
border-color: #4ac18e
}
.sp-nav-bar__btn.is-active::after {
background-color: #4ac18e
}
.sp-nav-bar__btn:hover {
border-color: #4ac18e
}
.sp-nav-bar__btn:hover::after {
background-color: #4ac18e
}
.sp-default-layout-box {
position: relative;
padding: 58px 0
}
@media(max-width: 1024px) {
.sp-default-layout-box {
padding: 40px 0
}
.sp-default-layout-box .sp-nav-bar {
display: none
}
}
.sp-default-layout-box__title {
display: flex;
align-items: center;
min-height: 70px;
position: absolute;
right: 4%;
top: 0;
width: 100%;
max-width: 506px;
background: linear-gradient(135deg, transparent 16px, #3B3D4F 0);
box-shadow: 0 3px 7px rgba(0, 0, 0, .15), 0 14px 21px rgba(0, 0, 0, .15);
z-index: 2
}
@media(max-width: 1280px) {
.sp-default-layout-box__title {
max-width: 440px;
min-height: 60px;
background: linear-gradient(135deg, transparent 14px, #3B3D4F 0)
}
}
@media(max-width: 1024px) {
.sp-default-layout-box__title {
max-width: 366px;
min-height: 50px;
background: linear-gradient(135deg, transparent 12px, #3B3D4F 0)
}
}
@media(max-width: 768px) {
.sp-default-layout-box__title {
max-width: 208px;
min-height: 32px;
background: linear-gradient(135deg, transparent 10px, #3B3D4F 0)
}
}
.sp-default-layout-box__title-inner {
padding-left: 40px
}
.sp-default-layout-box__title-inner::after {
content: attr(data-lable);
display: block;
position: absolute;
top: 50%;
right: 5%;
width: 100%;
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
color: #f9f9f9;
letter-spacing: 7px;
text-transform: uppercase;
text-align: right;
transform: translateY(-50%);
z-index: 3
}
@media(max-width: 1280px) {
.sp-default-layout-box__title-inner::after {
font-size: 14px
}
}
@media(max-width: 1024px) {
.sp-default-layout-box__title-inner::after {
font-size: 12px
}
}
@media(max-width: 768px) {
.sp-default-layout-box__title-inner::after {
font-size: 10px
}
}
.sp-default-layout-box__title-icon {
margin: 5px 0;
padding-top: 3px;
width: 185px;
height: 60px;
overflow: hidden;
font-size: 0
}
@media(max-width: 1280px) {
.sp-default-layout-box__title-icon {
width: 160px;
height: 50px
}
}
@media(max-width: 1024px) {
.sp-default-layout-box__title-icon {
width: 134px;
height: 42px
}
}
@media(max-width: 768px) {
.sp-default-layout-box__title-icon {
width: 84px;
height: 26px
}
}
.sp-default-layout-box__title-icon svg {
width: 100%
}
.sp-default-layout-box__wrapper {
position: relative;
padding: 48px 16px 0;
width: 100%
}
@media(max-width: 1280px) {
.sp-default-layout-box__wrapper {
padding: 36px 16px 0
}
}
@media(max-width: 1024px) {
.sp-default-layout-box__wrapper {
padding: 26px 0 0
}
}
@media(max-width: 768px) {
.sp-default-layout-box__wrapper {
padding: 16px 0 0
}
}
.sp-default-layout-box__overflow {
box-shadow: 0 24px 40px rgba(0, 0, 0, .2);
overflow: hidden
}
.sp-default-layout-box__content {
min-height: 500px;
padding: 0 100px
}
@media(max-width: 1280px) {
.sp-default-layout-box__content {
padding: 0 80px
}
}
@media(max-width: 1024px) {
.sp-default-layout-box__content {
padding: 0 58px
}
}
@media(max-width: 768px) {
.sp-default-layout-box__content {
padding: 0 16px
}
}
.sp-default-layout-box__inner {
position: relative;
background: linear-gradient(135deg, transparent 16px, #292C3D 0)
}
.sp-default-layout-box__inner::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 1px;
border-radius: 3px;
background-color: rgba(74, 193, 142, .1);
z-index: 2
}
.sp-default-layout-box__inner::after {
content: "";
display: block;
position: absolute;
top: 22px;
bottom: -20px;
left: 0;
width: 1px;
border-radius: 4px;
background-color: rgba(74, 193, 142, .1);
z-index: 2
}
.sp-default-layout-box__header {
position: relative;
height: 16px;
margin-left: 20px;
border-radius: 3px;
border-top: 1px solid rgba(74, 193, 142, .3)
}
.sp-default-layout-box__header::before {
content: "";
display: block;
position: absolute;
top: 10px;
left: -24px;
height: 1px;
width: 31px;
border-radius: 4px;
background-color: rgba(74, 193, 142, .3);
transform: rotate(-45deg);
z-index: 2
}
.sp-default-layout-box__footer {
position: relative;
margin-top: -1px;
margin-right: 22px;
height: 22px;
border-radius: 0 0 2px 0;
border-bottom: 1px solid rgba(74, 193, 142, .3);
background-color: #292c3d
}
.sp-default-layout-box__footer::before {
content: "";
display: block;
position: absolute;
top: -1px;
right: -21px;
border: 11px solid #292c3d;
border-right-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(0, 0, 0, 0);
z-index: 2
}
.sp-default-layout-box__footer::after {
content: "";
display: block;
position: absolute;
top: 10px;
right: -26px;
height: 1px;
width: 31px;
border-radius: 4px;
background-color: rgba(74, 193, 142, .3);
transform: rotate(-44deg);
z-index: 2
}
.sp-default-layout-box__line {
font-size: 0;
overflow: hidden
}
.sp-default-layout-box__line svg {
width: 1440px
}
.sp-default-layout-box__line--bottom {
transform: rotate(180deg)
}
.error-page {
padding: 36px 0 60px;
background: rgba(0, 0, 0, 0) no-repeat 50% 50%;
background-size: cover
}
.error-page .error-page__logo {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin-bottom: 36px
}
.error-page__wrap {
min-height: calc(100vh - 200px);
display: flex;
align-items: center;
justify-content: center;
text-align: center
}
.error-page__wrap .error-page__body {
max-width: 500px
}
.error-page__wrap .error-page__body .item {
margin-bottom: 16px
}
.nav-list {
display: flex;
align-items: center
}
@media(max-width: 600px) {
.nav-list {
justify-content: flex-end
}
}
.nav-list__item span.MuiButton-root.MuiButton-containedPrimary {
padding: 0;
min-height: 32px;
height: 32px;
min-width: 32px;
background-color: #3b3d4f;
border-color: rgba(0, 0, 0, 0)
}
.nav-list__item span.MuiButton-root.MuiButton-containedPrimary .MuiTouchRipple-root {
border-radius: 4px
}
.nav-list__item span.MuiButton-root.MuiButton-containedPrimary .MuiButton-startIcon {
margin-right: -3px
}
.nav-list__item .MuiBox-root {
min-width: auto;
max-width: 700px
}
@media(max-width: 768px) {
.nav-list__item .MuiBox-root {
max-width: 350px
}
}
@media(max-width: 600px) {
.nav-list__item .MuiBox-root {
max-width: 150px
}
}
@media(max-width: 450px) {
.nav-list__item .MuiBox-root {
max-width: 90px
}
}
.nav-list__item .MuiOutlinedInput-root {
min-height: 30px
}
.nav-list__item .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,
.nav-list__item .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
.nav-list__item .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
border: none
}
.nav-list__item .MuiOutlinedInput-root .MuiSelect-icon {
font-size: 20px
}
@media(max-width: 600px) {
.nav-list__item .MuiOutlinedInput-root .MuiSelect-icon {
right: -4px
}
}
.nav-list__item .MuiFormControl-root .MuiSelect-nativeInput {
min-height: 30px;
padding-left: 0
}
.nav-list__item .MuiFormControl-root .MuiSelect-select {
padding: 0 32px 0 0;
min-height: 30px;
line-height: 30px
}
@media(max-width: 600px) {
.nav-list__item .MuiFormControl-root .MuiSelect-select.MuiSelect-outlined {
padding: 0 16px 0 0
}
}
.nav-list__item .MuiFormControl-root .MuiOutlinedInput-notchedOutline {
border: none;
background-color: rgba(0, 0, 0, 0)
}
.nav-list__item .MuiFormControl-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,
.nav-list__item .MuiFormControl-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,
.nav-list__item .MuiFormControl-root .MuiOutlinedInput-root.Mui-focused:hover .MuiOutlinedInput-notchedOutline {
border-color: rgba(0, 0, 0, 0)
}
.nav-list__item .import-result span.MuiButton-root.MuiButton-containedPrimary {
min-height: 16px;
height: 16px;
min-width: 16px;
border-radius: 50%
}
.prime-hunt-button {
position: relative
}
.prime-hunt-button a.MuiButton-root {
font-size: 12px
}
.prime-hunt-button a.MuiButton-root.MuiButtonBase-root.MuiButton-root {
color: #fff
}
.prime-hunt-button a.MuiButton-root.MuiButton-sizeSmall {
height: 24px
}
.prime-hunt-button__icon {
position: absolute;
top: 4px;
right: 4px;
font-size: 0
}
.prime-hunt-list-buttons {
display: flex
}
.prime-hunt-link {
color: #999baa
}
.prime-hunt-link:hover {
color: #4ac18e
}
.prime-hunt-list-links {
display: flex;
align-items: center
}
.prime-hunt-list-links__line {
width: 1px;
height: 22px;
background-color: #999baa
}
.prime-hunt-grid.button {
position: relative;
padding: 10px 14px;
background-color: rgba(0, 0, 0, 0);
border-radius: 4px;
transition: color
}
@media(max-width: 1151px) {
.prime-hunt-grid.button {
padding-inline: 24px
}
}
.prime-hunt-grid.button::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 4px;
border-radius: 4px;
background-color: #4ac18e;
opacity: 0;
transition: opacity .1s;
z-index: 1
}
.prime-hunt-grid.button:hover {
background: linear-gradient(90deg, rgba(74, 193, 142, 0.15) 0%, rgba(104, 236, 255, 0.15) 100%)
}
.prime-hunt-grid.button:hover::before {
opacity: 1
}
.prime-hunt-grid.button .prime-hunt-grid__text {
color: #fff
}
.prime-hunt-grid.link .prime-hunt-grid__text {
color: #fff
}
.prime-hunt-grid.link .prime-hunt-grid__text p.MuiTypography-root {
font-weight: 600
}
@media(min-width: 1025px) {
.footer-grid .footer-privacy-list {
max-width: 450px
}
}
.footer-grid__row {
gap: 30px
}
@media(max-width: 500px) {
.footer-grid__row {
column-gap: 50px
}
}
@media(max-width: 500px) {
.footer-grid__row {
column-gap: 24px
}
}
@media(max-width: 1024px) {
.footer-grid__col {
max-width: calc(50% - 15px)
}
.footer-grid__col:nth-child(3) {
margin-top: -70px
}
.footer-grid__col:nth-child(5) {
margin-top: -126px
}
.footer-grid__col:nth-child(6) {
order: 4
}
}
@media(max-width: 625px) {
.footer-grid__col:nth-child(5) {
margin-top: -148px
}
}
@media(max-width: 500px) {
.footer-grid__col {
max-width: 158px
}
.footer-grid__col:nth-child(3) {
margin-top: -176px
}
.footer-grid__col:nth-child(5) {
margin-top: -210px
}
}
.sp-header {
position: sticky;
top: 0
}
.sp-header .sp-header__col--center {
position: relative
}
.sp-header .sp-header__col--center::before,
.sp-header .sp-header__col--center::after {
content: "";
position: absolute;
top: 12px;
height: calc(100% - 24px);
width: 1px;
background-color: hsla(0, 0%, 100%, .2)
}
.sp-header .sp-header__col--center::before {
left: 0
}
.sp-header .sp-header__col--center::after {
right: 0
}
.sp-header-button-list a.header-button-auth,
.sp-header-button-list button.header-button-auth {
min-width: 40px
}
.sp-header-button-list a.header-button-auth.MuiButton-root.MuiButton-sizeLarge,
.sp-header-button-list button.header-button-auth.MuiButton-root.MuiButton-sizeLarge {
padding: 0
}
.sp-header-button-list a.header-button-demo.MuiButton-root.MuiButton-sizeLarge,
.sp-header-button-list button.header-button-demo.MuiButton-root.MuiButton-sizeLarge {
padding: 0 12px;
font-size: 13px;
font-weight: 550
}
@media(max-width: 1151px) {
.sp-header-button-list a.header-button-demo.MuiButton-root.MuiButton-sizeLarge,
.sp-header-button-list button.header-button-demo.MuiButton-root.MuiButton-sizeLarge {
padding: 8px 12px
}
}
@media(max-width: 1151px) {
.sp-header-burger .header-button-demo.MuiButtonBase-root.MuiButton-root.MuiButton-sizeLarge {
height: 32px;
font-size: 13px;
padding: 2px 12px
}
}
.sp-hexagon-grid__container {
position: relative;
height: 526px;
width: 630px
}
@media(max-width: 1280px) {
.sp-hexagon-grid__container {
height: 474px;
width: 568px
}
}
.sp-hexagon-grid__row {
display: flex;
width: 100%
}
.sp-hexagon-grid__row--up {
margin-left: 80px
}
.sp-hexagon-grid__item {
position: absolute;
transform: translate(-50%, -50%);
transition: transform .2s;
z-index: 1
}
.sp-hexagon-grid__item:hover {
transform: scale(1) !important;
z-index: 2
}
.sp-hexagon-grid__item:hover.right {
transform: scale(1) translateX(30%) !important
}
.sp-hexagon-grid__item:hover.left {
transform: scale(1) translateX(-30%) !important
}
.sp-hexagon-grid__item:hover.top {
transform: scale(1) translateY(-30%) !important
}
.sp-hexagon-grid__item:hover .sp-hexagon-item__front {
transform: perspective(600px) rotateY(-180deg)
}
.sp-hexagon-grid__item:hover .sp-hexagon-item__back {
transform: perspective(600px) rotateY(0deg)
}
.sp-hexagon-grid__item:hover .sp-hexagon-item__icon svg {
width: 100%
}
.sp-hexagon-grid__item:hover .sp-hexagon-item__icon svg path:first-of-type {
stroke: #4ac18e
}
.sp-hexagon-grid__item:hover .sp-hexagon-item__icon::after {
box-shadow: 0 0 32px #4ac18e
}
.sp-hexagon-item {
position: relative;
width: 190px;
height: 210px
}
@media(max-width: 1280px) {
.sp-hexagon-item {
width: 170px;
height: 190px
}
}
.sp-hexagon-item__box {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.sp-hexagon-item__back,
.sp-hexagon-item__front {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
backface-visibility: hidden;
transition: transform .6s linear
}
.sp-hexagon-item__front {
transform: perspective(600px) rotateY(0deg)
}
.sp-hexagon-item__back {
transform: perspective(600px) rotateY(180deg)
}
.sp-hexagon-item__logo {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
color: #f9f9f9;
z-index: 1
}
.sp-hexagon-item__logo svg {
height: 100%;
max-width: 100px;
max-height: 54px;
width: auto;
opacity: .5
}
.sp-hexagon-item__content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 34px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center
}
.sp-hexagon-item__icon {
font-size: 0
}
.sp-hexagon-item__icon::after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 130px;
height: 130px;
border-radius: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 0 32px rgba(153, 155, 170, .7);
z-index: -1;
transition: box-shadow .2s
}
@media(max-width: 1280px) {
.sp-hexagon-item__icon::after {
width: 118px;
height: 118px
}
}
.sp-hexagon-item__icon svg {
width: 100%
}
.sp-hexagon-item__icon svg path:first-of-type {
stroke: #3b3d4f;
transition: stroke .2s
}
.sub-title {
display: flex;
align-items: center
}
.nav-grid {
padding: 16px 0 0 18px
}
@media(max-width: 1024px) {
.nav-grid {
padding: 22px 0 0;
margin-bottom: 15px
}
}
.nav-grid__row {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap
}
@media(max-width: 600px) {
.nav-grid__col {
flex: 1 1 100%
}
}
@media(max-width: 600px) {
.nav-grid__col--left {
margin-bottom: 12px
}
}
.nav-grid-inner {
display: flex;
align-items: center;
flex-wrap: wrap
}
@media(max-width: 600px) {
.nav-grid-inner {
justify-content: space-between
}
}
.nav-grid-inner__col--left {
margin-right: 32px
}
.nav-grid-inner__col--right {
margin-right: 32px
}
.import-result {
display: flex;
align-items: center
}
.search-result-amount {
display: flex;
align-items: flex-end
}
.search-result-amount__count {
margin-right: 4px
}
.search-result-page-grid {
min-height: 100vh;
overflow: hidden
}
@media(max-width: 768px) {
.search-result-page-grid .MuiPaper-root .MuiButtonBase-root.MuiAccordionSummary-root,
.search-result-page-grid .MuiPaper-root .MuiCollapse-wrapper .MuiAccordionDetails-root {
padding: 15px 12px
}
}
@media(max-width: 768px) {
.search-result-page-grid .accordion-item {
flex-wrap: wrap
}
.search-result-page-grid .accordion-item__col--left {
flex: 1 1 100%;
margin-right: 0;
margin-bottom: 12px
}
}
.search-result-page-grid__row {
display: flex;
min-height: calc(100vh - 116px);
overflow: hidden
}
@media(max-width: 1024px) {
.search-result-page-grid__row {
flex-wrap: wrap;
min-height: auto
}
}
@media(max-width: 768px) {
.search-result-page-grid__row {
margin-bottom: 24px;
flex-wrap: wrap
}
}
.search-result-page-grid__search-mobile {
margin-top: 15px;
margin-bottom: 15px
}
.search-result-page-grid__search-mobile div.autocomplete .MuiAutocomplete-root .MuiFilledInput-root {
padding: 0 56px 0 8px;
height: 36px;
background-color: #3b3d4f
}
.search-result-page-grid__search-mobile div.autocomplete .MuiAutocomplete-root .MuiIconButton-root {
width: 28px;
height: 28px
}
.search-result-page-grid__search-mobile div.autocomplete .MuiAutocomplete-root .MuiIconButton-root.MuiAutocomplete-clearIndicator {
margin-right: 0
}
.search-result-page-grid__search-mobile div.autocomplete .MuiAutocomplete-root.Mui-focused:hover .MuiFilledInput-root,
.search-result-page-grid__search-mobile div.autocomplete .MuiAutocomplete-root.Mui-hover:hover .MuiFilledInput-root {
background-color: #3b3d4f
}
.search-result-page-grid__aside {
padding: 16px 0 22px 18px;
flex: 1 1 270px;
max-width: 270px;
min-width: 270px
}
@media(max-width: 1024px) {
.search-result-page-grid__aside {
padding: 0;
flex: 1 1 100%;
max-width: none;
min-width: auto;
min-height: auto;
max-height: none
}
}
@media(max-width: 768px) {
.search-result-page-grid__aside {
border-right: none;
max-width: 100%;
flex: 1 1 100%
}
}
.search-result-page-grid__main {
padding: 16px 0 0 18px;
flex: 1 1 auto
}
@media(max-width: 1024px) {
.search-result-page-grid__main {
padding: 0;
flex: 1 1 100%
}
}
.search-result-page-grid .sp-header-search div.autocomplete .MuiAutocomplete-root:hover:not(.Mui-focused) button.MuiIconButton-root.MuiAutocomplete-clearIndicator {
visibility: hidden
}
.search-result-page-grid .sp-header.borders .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text {
position: relative;
margin: 0 12px;
min-width: auto;
min-height: auto;
padding: 0
}
.search-result-page-grid .sp-header.borders .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text::after {
display: block;
content: "";
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
height: 1px;
background-color: #4ac18e;
transform: scaleX(0);
transition: transform .15s
}
.search-result-page-grid .sp-header.borders .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text:hover {
color: #4ac18e
}
.search-result-page-grid .sp-header.borders .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text:hover::after {
transform: scaleX(1)
}
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2):hover .submenu {
left: -200px
}
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2) .submenu.submenu--width-lg {
min-width: 865px
}
@media(max-width: 1151px) {
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2) .submenu.submenu--width-lg {
min-width: auto
}
}
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2) .submenu.submenu--width-lg .submenu__col {
flex: 1 1 50%
}
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2) .submenu.submenu--width-lg .submenu__col--right {
min-width: auto;
max-width: none;
padding-inline: 24px 0;
padding-top: 0
}
@media(max-width: 1024px) {
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2) .submenu.submenu--width-lg .submenu__col--right {
padding-left: 0
}
}
@media(max-width: 1280px) {
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2) .submenu.submenu--width-lg .submenu__col--left {
margin-bottom: 0
}
}
.search-result-page-grid .sp-header-list__item:nth-of-type(4) .simple-menu__item:hover .submenu--width-lg {
left: auto;
right: 0
}
.search-result-page-grid .sp-header-list__item:nth-of-type(4) .simple-menu__item .submenu--width-lg {
left: auto;
right: -9999px
}
.search-trends__row {
display: flex;
align-items: center
}
.search-trends__icon {
margin-right: 14px;
color: #cfd0d3
}
.search-trends .list {
opacity: .8
}
.search-trends .list .MuiChip-root.MuiChip-colorInfo {
transition: background-color .1s, color .1s
}
.search-trends .list .MuiChip-root.MuiChip-colorInfo:hover {
background-color: #f9f9f9;
color: #1a1e2f
}
.list {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
.list--align-center {
align-items: center
}
.list--justify-start {
justify-content: flex-start
}
@font-face {
font-family: "JetBrains Mono";
font-weight: 400;
src: url(/rsc/6e3454abb74ce7d549ae.woff2) format("woff2");
font-display: swap;
font-style: normal
}
@font-face {
font-family: "JetBrains Mono";
font-weight: 500;
src: url(/rsc/417f577b876a9ec21400.woff2) format("woff2");
font-display: swap;
font-style: normal
}
@font-face {
font-family: "JetBrains Mono";
font-weight: 600;
src: url(/rsc/b5b0addff573d47465cd.woff2) format("woff2");
font-display: swap;
font-style: normal
}
@font-face {
font-family: "JetBrains Mono";
font-weight: 700;
src: url(/rsc/baac8a2a005670173bca.woff2) format("woff2");
font-display: swap;
font-style: normal
}
@font-face {
font-family: "JetBrains Mono";
font-weight: 800;
src: url(/rsc/de3979cc8349c3c1d375.woff2) format("woff2");
font-display: swap;
font-style: normal
}
@font-face {
font-family: "JetBrains Mono";
font-weight: 400;
src: url(/rsc/6fd32a4a78fbf9eb0d3a.woff2) format("woff2");
font-display: swap;
font-style: italic
}
.ace-socprime {
width: 100%;
background-color: #303344;
font-family: monospace;
font-weight: 400;
line-height: 22px;
color: #cfd0d3
}
.ace-socprime .ace_gutter {
background: #303344;
font-weight: 400;
color: rgba(207, 208, 211, .5)
}
.ace-socprime .ace_gutter .ace_layer .ace_gutter-cell.ace_error,
.ace-socprime .ace_gutter .ace_layer .ace_gutter-cell.ace_warning {
background-image: none
}
.ace-socprime .ace_gutter .ace_layer .ace_gutter-cell.ace_error::after,
.ace-socprime .ace_gutter .ace_layer .ace_gutter-cell.ace_warning::after {
content: "";
position: absolute;
top: 7px;
left: 8px;
width: 4px;
height: 4px;
border-radius: 50% #ee9d23
}
.ace-socprime .ace_gutter .ace_layer .ace_gutter-cell.ace_warning::after {
background-color: #ee9d23
}
.ace-socprime .ace_gutter .ace_layer .ace_gutter-cell.ace_error::after {
background-color: #ee3523
}
.ace-socprime .ace_print-margin {
display: none
}
.ace-socprime .ace_cursor {
color: #f9f9f9
}
.ace-socprime .ace_marker-layer .ace_selection {
background-color: #44475a;
font-family: monospace;
font-weight: 400;
z-index: 2
}
.ace-socprime .ace_multiselect .ace_selection.ace_start {
box-shadow: 0 0 3px 0 #282a36;
border-radius: 2px
}
.ace-socprime .ace_marker-layer .ace_step {
background-color: #c6dbae
}
.ace-socprime .ace_marker-layer .ace_bracket {
margin: -1px 0 0 -1px;
border: 1px solid #a29709
}
.ace-socprime .ace_marker-layer .ace_active-line {
background-color: #44475a
}
.ace-socprime .ace_gutter-active-line {
background-color: #44475a
}
.ace-socprime .ace_marker-layer .ace_selected-word {
margin-top: 1px;
height: 20px !important;
line-height: 1;
box-shadow: 0 0 0 1px #4ac18e;
border-radius: 3px;
background-color: rgba(74, 193, 142, .168627451)
}
.ace-socprime .ace_meta.ace_tag {
color: #4ac18e
}
.ace-socprime .ace_fold {
background-color: #3bac7c;
border-color: #f8f8f2
}
.ace-socprime .ace_keyword {
color: #f9f9f9
}
.ace-socprime .ace_constant.ace_language {
color: #bd93f9
}
.ace-socprime .ace_constant.ace_numeric {
color: #bd93f9
}
.ace-socprime .ace_constant.ace_character {
color: #bd93f9
}
.ace-socprime .ace_constant.ace_character.ace_escape {
color: #ff79c6
}
.ace-socprime .ace_constant.ace_other {
color: #bd93f9
}
.ace-socprime .ace_support.ace_function {
color: #8be9fd
}
.ace-socprime .ace_support.ace_constant {
color: #6be5fd
}
.ace-socprime .ace_support.ace_class {
font-style: italic;
color: #66d9ef
}
.ace-socprime .ace_support.ace_type {
font-style: italic;
color: #66d9ef
}
.ace-socprime .ace_storage {
color: #ff79c6
}
.ace-socprime .ace_storage.ace_type {
font-style: italic;
color: #8be9fd
}
.ace-socprime .ace_invalid {
color: #f8f8f0;
background-color: #ff79c6
}
.ace-socprime .ace_invalid.ace_deprecated {
color: #f8f8f0;
background-color: #bd93f9
}
.ace-socprime .ace_string {
color: #f1fa8c
}
.ace-socprime .ace_comment {
color: #6272a4
}
.ace-socprime .ace_variable {
color: #3bac7c
}
.ace-socprime .ace_variable.ace_parameter {
font-style: italic;
color: #ffb86c
}
.ace-socprime .ace_entity.ace_other.ace_attribute-name {
color: #3bac7c
}
.ace-socprime .ace_entity.ace_name.ace_function {
color: #3bac7c
}
.ace-socprime .ace_entity.ace_name.ace_tag {
color: #ff79c6
}
.ace-socprime .ace_invisible {
color: #626680
}
.ace-socprime .ace_indent-guide {
background: url(data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYHB3d/8PAAOIAdULw8qMAAAAAElFTkSuQmCC) right repeat-y
}
.ace-socprime .error-marker {
position: absolute
}
.ace-socprime .ace_tooltip {
padding: 12px;
border-radius: 4px;
border-color: rgba(0, 0, 0, .9);
background-color: rgba(0, 0, 0, .9);
font-family: "Inter", sans-serif;
font-size: 12px;
line-height: 1.4;
color: #cfd0d3;
box-shadow: 0 0 100px #000
}
.ace-socprime .ace_content {
height: 100%
}
.ace-socprime .ace_search {
background-color: #282a36;
color: #cfd0d3;
border: 1px solid #3b3d4f
}
.ace-socprime .ace_search .ace_searchbtn_close {
color: #cfd0d3
}
.ace-socprime .ace_search .ace_search_form.ace_nomatch {
outline: 1px solid
}
.ace-socprime .ace_search .ace_search_form .ace_search_field {
background-color: #44475a;
border: none;
color: #cfd0d3
}
.ace-socprime .ace_search .ace_search_form .ace_searchbtn {
background: #44475a;
border: none
}
.ace-socprime .ace_search .ace_search_options .ace_button {
color: #cfd0d3
}
.sp-statistics-grid {
filter: drop-shadow(0 0 12px rgba(253, 255, 254, 0.15))
}
.sp-statistics-grid__row {
display: flex;
justify-content: space-between
}
@media(max-width: 768px) {
.sp-statistics-grid__row {
flex-wrap: wrap
}
}
.sp-statistics-grid__col {
flex: 1 1 50%
}
@media(max-width: 768px) {
.sp-statistics-grid__col {
flex: 1 1 100%
}
}
.sp-statistics-grid__col:first-of-type {
margin-right: 40px
}
@media(max-width: 768px) {
.sp-statistics-grid__col:first-of-type {
margin-right: 0;
margin-bottom: 32px
}
}
.sp-statistics-grid__polygon {
position: relative;
min-height: 120px;
padding: 18px 16px 22px;
background-color: #1f2232;
clip-path: polygon(0 0, 100% 0, 100% 100%, 34px 100%, 0 calc(100% - 34px), 0 0)
}
.sp-statistics-grid__icon {
position: absolute;
top: 50%;
right: -135px;
transform: translateY(-50%)
}
@media(max-width: 1280px) {
.sp-statistics-grid__icon {
display: none
}
}
.sp-statistics__header {
display: flex;
align-items: center
}
.sp-statistics__title {
min-width: 82px
}
.sp-statistics__title span {
line-height: 1.6
}
.sp-statistics__icon {
position: relative;
height: 8px;
width: 100%;
overflow: hidden
}
.sp-statistics__icon::after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 8px;
background-color: #4ac18e
}
.sp-statistics__icon svg {
position: absolute;
top: 3px;
right: 0
}
@media(max-width: 768px) {
.sp-statistics__icon svg {
right: 20%
}
}
.sp-statistics-list {
margin-left: 95px;
display: flex;
justify-content: space-between;
max-width: 360px
}
@media(max-width: 1024px) {
.sp-statistics-list {
margin-left: 0
}
}
@media(max-width: 768px) {
.sp-statistics-list {
max-width: none
}
}
.sp-statistics-list__item:not(:last-of-type) {
margin-right: 15px
}
@media(max-width: 1280px) {
.sp-statistics-list__item span.MuiTypography-root.MuiTypography-h3 {
font-size: 24px
}
}
@media(max-width: 768px) {
.sp-statistics-list__item span.MuiTypography-root.MuiTypography-h3 {
font-size: 20px
}
}
.sp-statistics .sp-sub-title {
white-space: nowrap
}
.select-scroll-to {
width: 100%;
max-width: 280px;
margin: 0 auto
}
@media(max-width: 600px) {
.select-scroll-to {
max-width: 180px
}
}
.select-scroll-to.is-open .select-scroll-to__icon {
transform: rotate(180deg)
}
.select-scroll-to.is-open .select-scroll-to__list {
left: 0;
opacity: 1
}
.select-scroll-to__wrap {
position: relative
}
.select-scroll-to__wrap::after {
display: block;
content: "";
position: absolute;
left: 0;
bottom: -18px;
width: 100%;
height: 8px;
background-color: #4ac18e;
transition: transform .2s
}
.select-scroll-to__button {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 48px;
cursor: pointer
}
.select-scroll-to__text {
padding-left: 10px;
font-size: 16px;
font-weight: 600;
color: #f9f9f9
}
.select-scroll-to__icon {
font-size: 0;
transform: rotate(0);
transition: transform .2s
}
.select-scroll-to__list {
position: absolute;
top: 74px;
left: -2000px;
padding: 10px 0;
display: flex;
flex-direction: column;
width: 100%;
max-width: 280px;
background-color: #292c3d;
z-index: 4;
opacity: 0;
transition: opacity .3s
}
@media(max-width: 600px) {
.select-scroll-to__list {
max-width: 180px
}
}
.select-scroll-to__link {
padding: 10px;
font-size: 16px;
font-weight: 600;
color: #f9f9f9;
cursor: pointer
}
.sp-sticky-box {
position: sticky;
top: -40px;
z-index: 1501;
padding: 0
}
.sp-sticky-box__wrap {
overflow: hidden
}
.sp-sticky-box__container {
position: relative
}
.sp-sticky-box__bg {
background-color: #292c3d
}
.sp-sticky-box__top,
.sp-sticky-box__bottom {
position: relative;
font-size: 0
}
.sp-sticky-box__top svg,
.sp-sticky-box__bottom svg {
width: 100%
}
.sp-sticky-box__top {
max-width: 1410px;
margin: 0 auto
}
.sp-sticky-box__top::after,
.sp-sticky-box__top::before {
content: "";
position: absolute;
width: 100%;
background-color: rgba(249, 249, 249, .3)
}
.sp-sticky-box__top::after {
bottom: 0;
right: -100%;
height: 2px
}
.sp-sticky-box__top::before {
top: 12px;
left: -100%;
height: 2px
}
.sp-sticky-box__bottom {
margin-top: -33px
}
@media(max-width: 1280px) {
.sp-sticky-box__bottom {
margin-left: -140px
}
}
.sp-sticky-box__bottom::after,
.sp-sticky-box__bottom::before {
content: "";
position: absolute;
width: 100%;
background-color: rgba(74, 193, 142, .3)
}
.sp-sticky-box__bottom::after {
bottom: 0;
right: -100%;
height: 8px
}
.sp-sticky-box__bottom::before {
top: 0;
left: -100%;
height: 9px
}
.sp-sticky-box__line {
position: relative
}
.sp-sticky-box__line::after,
.sp-sticky-box__line::before {
content: "";
position: absolute;
width: 100%;
background-color: rgba(249, 249, 249, .15)
}
.sp-sticky-box__line::after {
bottom: 15px;
right: -100%;
height: 2px
}
.sp-sticky-box__line::before {
bottom: 15px;
left: -99.89%;
height: 2px
}
.sp-sticky-box__content {
padding: 24px 0 30px;
max-width: 1210px
}
@media(max-width: 1280px) {
.sp-sticky-box__content {
padding: 20px 0 26px
}
}
@media(max-width: 768px) {
.sp-sticky-box__content {
padding: 14px 0 20px
}
}
.sp-sticky-box-list {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto
}
@media(max-width: 1440px) {
.sp-sticky-box-list {
max-width: 1180px
}
}
.sp-sticky-box-list__code {
display: flex;
margin-right: 16px;
justify-content: flex-start
}
@media(max-width: 1440px) {
.sp-sticky-box-list__code {
margin-right: 0;
flex: 1 1 auto
}
}
.sp-sticky-box-list__logo {
margin-right: 28px;
font-size: 0;
cursor: pointer
}
@media(max-width: 1024px) {
.sp-sticky-box-list__logo {
flex: 1 1 auto;
margin-right: 16px
}
}
@media(max-width: 768px) {
.sp-sticky-box-list__logo {
flex: 1 1 52px;
max-width: 52px;
margin-right: 0
}
}
.sp-sticky-box-list__logo a {
display: block
}
.sp-sticky-box-list__logo a svg {
width: 72px
}
@media(max-width: 1024px) {
.sp-sticky-box-list__logo a svg {
width: 52px
}
}
.sp-sticky-box-list__select {
position: absolute;
top: 62%;
left: 50%;
width: 100%;
max-width: 280px;
transform: translate(-50%, -50%);
z-index: 3
}
@media(max-width: 768px) {
.sp-sticky-box-list__select {
display: block
}
}
@media(max-width: 600px) {
.sp-sticky-box-list__select {
max-width: 140px;
left: 39%
}
}
.sp-sticky-box-list__line {
margin-right: 16px;
font-size: 0
}
@media(max-width: 1440px) {
.sp-sticky-box-list__line {
display: none
}
}
.sp-sticky-box-list__btn a.MuiButton-root.MuiButtonBase-root {
text-transform: uppercase;
font-size: 13px
}
@media(max-width: 1024px) {
.sp-sticky-box-list__btn a.MuiButton-root.MuiButtonBase-root {
padding: 0 10px;
font-size: 12px
}
}
.sp-sticky-box-list__item {
position: relative;
font-weight: 400;
font-size: 22px;
line-height: 1.1;
text-decoration: none;
color: rgba(249, 249, 249, .5);
transition: color .2s
}
@media(max-width: 1280px) {
.sp-sticky-box-list__item {
font-size: 20px
}
}
@media(max-width: 1024px) {
.sp-sticky-box-list__item {
font-size: 14px;
margin-bottom: 4px
}
}
.sp-sticky-box-list__item--link {
margin-right: 12px;
cursor: pointer
}
.sp-sticky-box-list__item--link:hover {
color: #f9f9f9
}
.sp-sticky-box-list__item--link::after {
display: block;
content: "";
position: absolute;
left: 0;
bottom: -42px;
width: 100%;
height: 8px;
background-color: #4ac18e;
transform: scaleX(0);
transition: transform .2s
}
@media(max-width: 1280px) {
.sp-sticky-box-list__item--link::after {
bottom: -39px
}
}
@media(max-width: 1024px) {
.sp-sticky-box-list__item--link::after {
bottom: -40px
}
}
.sp-sticky-box-list__item--link.is-active::after {
transform: scaleX(1)
}
.sp-sticky-box-list__item--green {
margin-right: 12px;
color: #4ac18e
}
.sp-sticky-box-list__item.is-active {
color: #f9f9f9
}
.syntax-highlighter-text pre {
overflow-x: unset !important;
background-color: #292c3d !important
}
.syntax-highlighter-text .language-yaml span {
font-family: monospace;
font-size: 11px;
line-height: 1.8
}
.syntax-highlighter-text .language-yaml .hljs-attr {
color: #4ac18e
}
.syntax-highlighter-text .language-yaml .comment {
color: rgba(249, 249, 249, .5)
}
.syntax-highlighter-text .language-yaml span:not(.hljs-attr, .comment) {
color: #cfd0d3 !important
}
.syntax-highlighter-text .language-text {
word-break: break-all;
font-family: monospace;
font-size: 11px;
font-weight: 400;
line-height: 1.8;
color: #f9f9f9
}
.syntax-highlighter-text__scroll .simplebar-content-wrapper {
height: 100% !important
}
.syntax-highlighter-text__scroll .simplebar-content-wrapper .simplebar-content {
height: inherit
}
.technique-point-tooltip {
width: 100%
}
.technique-point-tooltip[aria-labelledby] .technique-point::after {
border-color: #f9f9f9
}
.technique-point {
position: relative;
padding: 2px 4px;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 20px
}
.technique-point p.MuiTypography-root.MuiTypography-subtitle2 {
font-size: 9px
}
.technique-point::after {
content: "";
display: block;
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
border: 1px solid rgba(0, 0, 0, 0);
transition: border-color .1s
}
.technique-point:hover::after {
border-color: #f9f9f9
}
.technique-point.is-empty {
background-color: #3b3d4f !important
}
.technique-point.is-empty::after {
display: none
}
.sp-timeline-tooltip-layout {
padding: 4px 4px 12px
}
.sp-timeline-tooltip-layout__link {
display: flex;
align-items: center;
padding: 8px 12px;
border: 1px solid #3b3d4f;
border-radius: 4px;
transition: background-color .2s, border-color .2s;
text-decoration: none
}
.sp-timeline-tooltip-layout__link span {
text-decoration: none
}
.sp-timeline-tooltip-layout__link:not(:last-of-type) {
margin-bottom: 6px
}
.sp-timeline-tooltip-layout__link:hover {
background-color: rgba(74, 193, 142, .15);
border: 1px solid #4ac18e;
text-decoration: none
}
.sp-timeline-tooltip-layout__link:hover span {
text-decoration: none
}
@media(max-width: 768px) {
.sp-timeline-grid {
padding: 0 56px
}
}
.sp-timeline-grid__wrap {
padding: 28px;
border: 1px solid rgba(157, 232, 200, .5);
border-radius: 4px;
box-shadow: 0 16px 48px rgba(157, 232, 200, .3), 0 6px 16px rgba(0, 0, 0, .2), 0 24px 56px rgba(0, 0, 0, .2);
background-color: #303344
}
.sp-timeline-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-timeline-grid__row {
flex-direction: column
}
}
.sp-timeline-grid__col:not(:last-of-type) {
margin-right: 8px
}
@media(max-width: 768px) {
.sp-timeline-grid__col:not(:last-of-type) {
margin-right: 0
}
}
.sp-timeline-grid__col--hr {
flex: 1 1 auto;
height: 1px;
background-color: #f9f9f9
}
@media(max-width: 768px) {
.sp-timeline-grid__col--hr {
width: 1px;
height: 48px;
margin-left: -82px
}
}
.sp-timeline-grid__col--hr:last-of-type {
display: none
}
.sp-timeline-box {
display: flex;
align-items: center;
cursor: pointer
}
.sp-timeline-box__icon {
min-width: 22px;
margin-right: 12px
}
@media(max-width: 768px) {
.sp-timeline-box__icon {
font-size: 0;
text-align: center
}
}
.sp-timeline-box__title {
margin-bottom: 4px;
border-bottom: 1px solid #f9f9f9
}
.tooltip-techniques {
padding: 16px 8px;
width: 100%
}
@media(max-width: 1024px) {
.tooltip-techniques .more-less-html {
max-width: 100%
}
}
.tooltip-techniques__scroll {
max-height: 500px;
overflow: auto;
margin-bottom: 15px
}
@media(max-width: 1024px) {
.tooltip-techniques__scroll {
max-height: 320px
}
}
.tooltip-techniques__description {
word-break: break-word
}
.tooltip-techniques__description a[href] {
font-size: inherit;
font-weight: inherit;
color: #4ac18e;
text-decoration: underline
}
.tooltip-techniques__description a[href]:hover {
text-decoration: none
}
.tooltip-techniques__link .MuiButton-root {
text-transform: none !important
}
.tooltip-binaries {
padding: 16px 8px;
width: 100%;
display: flex;
flex-wrap: wrap
}
.tooltip-binaries__metric {
flex: 1 1 50%;
padding-right: 20px
}
.tooltip-binaries__metric ul {
display: block;
list-style-type: disc;
padding-left: 16px;
padding-top: 0;
padding-bottom: 24px
}
.tooltip-author {
padding: 16px 8px;
min-width: 300px
}
.tooltip-author__scroll {
max-height: 300px;
overflow: auto;
margin-bottom: 15px
}
.tooltip-author__link a.MuiButton-root.MuiButton-containedSuccess {
color: #292c3d
}
.tooltip-author__link a.MuiButton-root.MuiButton-containedSuccess:hover {
color: #292c3d
}
.tooltip-author__link a.MuiButton-root.Mui-disabled {
border-color: rgba(59, 61, 79, .4);
background-color: rgba(59, 61, 79, .4);
color: rgba(207, 208, 211, .5)
}
.tooltip-author-list {
display: flex;
justify-content: space-around
}
.tooltip-info-layout {
padding: 12px 4px
}
.tooltip-info-layout__footer {
display: flex
}
.tooltip-info-layout__footer-col a.MuiButton-root.MuiButton-containedSuccess {
color: #292c3d
}
.tooltip-info-layout__footer-col a.MuiButton-root.MuiButton-containedSuccess:hover {
color: #292c3d
}
.sp-build-together-hero-grid {
position: relative
}
.sp-build-together-hero-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__row {
flex-wrap: wrap
}
}
.sp-build-together-hero-grid__col {
position: relative;
flex: 1 1 50%
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__col {
flex: 1 1 100%
}
}
.sp-build-together-hero-grid__col--left {
padding: 96px 0 80px
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__col--left {
padding: 0 0 42px
}
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__col--left {
padding: 42px 0 0;
order: 2
}
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__col--right {
padding: 62px 0 0
}
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__col--right {
padding: 0;
order: 1
}
}
.sp-build-together-hero-grid__ellipse-blue .sp-ellipse {
top: 100%;
left: 80%
}
@media(max-width: 1280px) {
.sp-build-together-hero-grid__ellipse-blue .sp-ellipse {
top: 70%;
width: 670px !important;
height: 670px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__ellipse-blue .sp-ellipse {
width: 524px !important;
height: 524px !important
}
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__ellipse-blue .sp-ellipse {
top: 30%;
left: 50%;
width: 436px !important;
height: 436px !important
}
}
.sp-build-together-hero-grid__ellipse-green .sp-ellipse {
top: 60%;
left: auto;
right: -70%
}
@media(max-width: 1280px) {
.sp-build-together-hero-grid__ellipse-green .sp-ellipse {
top: 40%;
width: 510px !important;
height: 510px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__ellipse-green .sp-ellipse {
right: -50%;
width: 400px !important;
height: 400px !important
}
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__ellipse-green .sp-ellipse {
top: 20%;
right: -50%;
width: 310px !important;
height: 310px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__title .sp-title-hero .sp-title-gradient {
font-size: 40px !important
}
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__title .sp-title-hero .sp-title-gradient {
font-size: 36px !important
}
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__title .sp-title-hero--bottom .sp-title-gradient {
font-size: 30px !important
}
}
.sp-build-together-hero-grid__title-row {
display: flex;
align-items: center
}
.sp-build-together-hero-grid__title-left {
margin-right: 24px
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__title-left {
margin-right: 16px
}
}
@media(max-width: 1280px) {
.sp-build-together-hero-grid__title-left .sp-title-gradient {
font-size: 88px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__title-left .sp-title-gradient {
font-size: 64px !important
}
}
.sp-build-together-hero-grid .cube-perspective-grid__bg-image {
width: 680px
}
@media(max-width: 1280px) {
.sp-build-together-hero-grid .cube-perspective-grid__bg-image {
width: 432px
}
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid .cube-perspective-grid__bg-image {
width: 332px
}
}
.sp-build-together-hero-grid .cube-perspective-grid__bg-image svg {
width: 100%
}
.sp-sigma-slider {
position: relative;
z-index: 2
}
@media(max-width: 1280px) {
.sp-sigma-slider {
margin-right: -60px
}
}
@media(max-width: 1024px) {
.sp-sigma-slider {
margin-right: -40px
}
}
@media(max-width: 768px) {
.sp-sigma-slider {
margin-right: 0
}
}
.sp-sigma-slider .carousel-root {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-sigma-slider .carousel-root {
display: block
}
}
.sp-sigma-slider .carousel-root .carousel {
position: relative;
width: unset
}
.sp-sigma-slider .carousel-root .carousel .slide {
text-align: left
}
.sp-sigma-slider .carousel-root .carousel .slide.selected {
z-index: 0 !important
}
.sp-sigma-slider .carousel-root .carousel.carousel-slider {
flex: 1 1 86%;
order: 2;
border-radius: 6px;
border: 1px solid #00a47c;
background-color: #292c3d;
box-shadow: 0 4px 24px rgba(0, 0, 0, .3);
z-index: 1
}
@media(max-width: 768px) {
.sp-sigma-slider .carousel-root .carousel.carousel-slider {
margin: 0
}
}
.sp-sigma-slider .carousel-root .carousel:not(.carousel-slider) {
flex: 1 1 14%;
order: 1
}
@media(max-width: 768px) {
.sp-sigma-slider .carousel-root .carousel:not(.carousel-slider) {
display: none
}
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper {
margin: 0;
padding: 44px 0;
min-width: 186px;
overflow: visible
}
@media(max-width: 1280px) {
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper {
min-width: 134px
}
}
@media(max-width: 1024px) {
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper {
min-width: 116px
}
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .control-arrow {
display: none
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs {
display: flex;
flex-direction: column;
padding: 30px 0 30px 14px;
border-radius: 4px 0 0 4px;
background-color: #3b3d4f;
transform: none !important
}
@media(max-width: 1280px) {
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs {
padding: 22px 0 22px 10px
}
}
@media(max-width: 1024px) {
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs {
padding: 18px 0 18px 10px
}
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
margin: 0;
padding: 0;
width: 100% !important;
min-height: 32px;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 6px 0 0 6px;
cursor: pointer
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb .MuiButton-root.MuiButton-containedPrimary {
padding: 0 20px;
justify-content: flex-start;
border-radius: 4px 0 0 4px
}
@media(max-width: 1280px) {
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb .MuiButton-root.MuiButton-containedPrimary {
padding: 0 12px
}
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb .MuiButton-root.MuiButton-containedPrimary:hover {
border-color: #57586e;
background-color: #57586e
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb.selected .MuiButton-root.MuiButton-containedPrimary {
border-color: rgba(87, 88, 110, .7);
background-color: rgba(87, 88, 110, .7)
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb.selected .MuiButton-root.MuiButton-containedPrimary:hover {
border-color: #57586e;
background-color: #57586e
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:last-of-type {
margin-top: 20px
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:last-of-type .MuiButton-root.MuiButton-containedPrimary {
border-color: rgba(87, 88, 110, .7);
background-color: rgba(87, 88, 110, .7)
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:last-of-type .MuiButton-root.MuiButton-containedPrimary:hover {
border-color: #57586e;
background-color: #57586e
}
.sp-sigma-slider__select {
margin-bottom: 14px
}
.sp-sigma-slider__select div.MuiSelect-select {
min-height: 48px;
line-height: 32px
}
.sp-sigma-slider__button {
margin-bottom: 14px
}
.sp-sigma-slider__editor {
padding: 0 12px 0 0;
min-height: 445px
}
.sp-sigma-slider__editor .ace-socprime {
background-color: #292c3d
}
.sp-sigma-slider__editor .ace-socprime .ace_gutter {
background-color: #292c3d
}
.sp-sigma-slider__editor .ace-socprime .ace_gutter-active-line {
background-color: rgba(0, 0, 0, 0)
}
.sp-sigma-slider__editor .ace-socprime .ace_gutter-cell {
padding-left: 12px
}
.sp-sigma-slider__editor .ace-socprime .ace_gutter-cell .ace_fold-widget {
display: none !important
}
.sp-sigma-slider__editor .ace-socprime .ace_hidden-cursors {
opacity: 0
}
.sp-sigma-slide-content {
width: 100%
}
@media(max-width: 1280px) {
.sp-sigma-slide-content {
min-height: 460px
}
}
@media(max-width: 768px) {
.sp-sigma-slide-content {
min-height: 445px
}
}
.sp-sigma-slide-content.text {
padding: 0 6px
}
.sp-sigma-slider .slide:nth-child(2) .syntax-highlighter-text__scroll {
max-height: none !important
}
.sp-build-together-sigma-grid {
position: relative;
padding: 20px 0 26px
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid {
padding: 40px 0 145px
}
}
.sp-build-together-sigma-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid__row {
flex-wrap: wrap
}
}
.sp-build-together-sigma-grid__col--left {
flex: 1 1 40%;
margin-right: 32px;
padding-bottom: 50px
}
@media(max-width: 1024px) {
.sp-build-together-sigma-grid__col--left {
flex: 1 1 30%
}
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid__col--left {
flex: 1 1 100%;
margin-right: 0
}
}
.sp-build-together-sigma-grid__col--right {
flex: 1 1 60%
}
@media(max-width: 1024px) {
.sp-build-together-sigma-grid__col--right {
flex: 1 1 70%
}
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid__col--right {
flex: 1 1 100%
}
}
.sp-build-together-sigma-grid__description {
max-width: 380px
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid__description {
max-width: 100%
}
}
.sp-build-together-sigma-grid__img {
min-height: 470px
}
.sp-build-together-sigma-grid__img img {
width: 100%
}
.sp-build-together-sigma-grid__title {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 24px
}
.sp-build-together-sigma-grid__line {
display: none;
position: absolute;
transform: scaleX(-1)
}
@media(max-width: 1280px) {
.sp-build-together-sigma-grid__line {
display: block;
left: 97%;
bottom: -120px
}
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid__line {
bottom: 0;
left: 3%
}
}
.sp-build-together-sigma-grid__ellipse--left .sp-ellipse {
top: 15%;
left: 0
}
@media(max-width: 1280px) {
.sp-build-together-sigma-grid__ellipse--left .sp-ellipse {
top: 25%;
width: 700px !important;
height: 700px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-sigma-grid__ellipse--left .sp-ellipse {
width: 448px !important;
height: 448px !important
}
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid__ellipse--left .sp-ellipse {
left: 100%
}
}
.sp-build-together-sigma-grid__ellipse--right .sp-ellipse {
left: 100%
}
@media(max-width: 1280px) {
.sp-build-together-sigma-grid__ellipse--right .sp-ellipse {
width: 574px !important;
height: 574px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-sigma-grid__ellipse--right .sp-ellipse {
width: 448px !important;
height: 448px !important
}
}
.sp-build-together-mitre-grid {
position: relative;
padding: 30px 0 100px
}
@media(max-width: 1280px) {
.sp-build-together-mitre-grid {
padding: 80px 0 60px
}
}
.sp-build-together-mitre-grid__line {
position: absolute;
left: 10px;
bottom: -70px;
z-index: -1
}
@media(max-width: 1024px) {
.sp-build-together-mitre-grid__line {
left: -20px
}
}
@media(max-width: 768px) {
.sp-build-together-mitre-grid__line {
left: 1px;
bottom: -80px;
opacity: .5
}
}
.sp-build-together-mitre-grid__description {
max-width: 710px
}
@media(max-width: 1024px) {
.sp-build-together-mitre-grid__img {
margin-inline: -40px
}
}
@media(max-width: 768px) {
.sp-build-together-mitre-grid__img {
margin: 0 -22px 30px
}
.sp-build-together-mitre-grid__img .sp-transform-img-grid {
display: flex;
flex-direction: column-reverse;
align-items: center
}
.sp-build-together-mitre-grid__img .sp-transform-img-grid__switcher {
margin-bottom: 0
}
.sp-build-together-mitre-grid__img .sp-transform-img-grid__container {
margin-bottom: 24px
}
}
.sp-build-together-mitre-grid__img img {
width: 100%
}
.sp-build-together-mitre-grid__title {
display: flex;
align-items: center;
margin-left: -19px
}
.sp-build-together-mitre-grid__content {
margin-left: 15px;
padding: 56px 56px 46px;
background-color: rgba(74, 193, 142, .1);
border: 1px solid rgba(149, 201, 180, .5)
}
@media(max-width: 1024px) {
.sp-build-together-mitre-grid__content {
margin-inline: -15px -40px
}
}
@media(max-width: 768px) {
.sp-build-together-mitre-grid__content {
margin: 0 0 0 5px;
padding: 24px 26px 42px
}
}
.sp-build-together-mitre-grid__content-columns {
display: flex;
gap: 32px
}
@media(max-width: 768px) {
.sp-build-together-mitre-grid__content-columns {
flex-direction: column;
gap: 20px;
margin-bottom: 20px
}
}
@media(max-width: 600px) {
.sp-build-together-mitre-grid__content-btn a {
width: 100%
}
}
.sp-build-together-mitre-grid__ellipse-left .sp-ellipse {
left: 10%
}
@media(max-width: 1280px) {
.sp-build-together-mitre-grid__ellipse-left .sp-ellipse {
width: 712px !important;
height: 712px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-mitre-grid__ellipse-left .sp-ellipse {
width: 556px !important;
height: 556px !important
}
}
@media(max-width: 768px) {
.sp-build-together-mitre-grid__ellipse-left .sp-ellipse {
width: 260px !important;
height: 260px !important
}
}
.sp-build-together-mitre-grid__ellipse-right .sp-ellipse {
left: 90%
}
@media(max-width: 1280px) {
.sp-build-together-mitre-grid__ellipse-right .sp-ellipse {
width: 780px !important;
height: 780px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-mitre-grid__ellipse-right .sp-ellipse {
width: 610px !important;
height: 610px !important
}
}
@media(max-width: 768px) {
.sp-build-together-mitre-grid__ellipse-right .sp-ellipse {
left: 100%;
top: 80%;
width: 400px !important;
height: 400px !important
}
}
.sp-build-together-attack-detective-grid {
position: relative;
padding: 100px 0 150px
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid {
padding-bottom: calc(200px + 20vw)
}
}
.sp-build-together-attack-detective-grid__content {
margin-bottom: 75px
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__content {
margin-bottom: 35px
}
}
.sp-build-together-attack-detective-grid__title {
display: flex;
align-items: center;
gap: 8px
}
.sp-build-together-attack-detective-grid__description {
max-width: 740px
}
.sp-build-together-attack-detective-grid__links {
display: flex;
align-items: center;
gap: 32px
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__links {
flex-direction: column;
gap: 24px
}
}
.sp-build-together-attack-detective-grid__bottom {
position: relative
}
.sp-build-together-attack-detective-grid__img {
position: relative
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__img {
margin-inline: -16px
}
}
.sp-build-together-attack-detective-grid__img-front {
display: block;
position: relative;
width: 75%;
z-index: 2
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__img-front {
width: 100%
}
}
.sp-build-together-attack-detective-grid__img-back {
position: absolute;
top: 50%;
right: 0;
width: 60%;
z-index: 1;
transform: translateY(-50%)
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__img-back {
width: 90%;
top: 70%;
right: auto;
left: 50%;
transform: translateX(-50%)
}
}
.sp-build-together-attack-detective-grid__lines {
position: absolute;
top: 100%;
left: 4%;
z-index: -1
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__lines {
top: 160%;
left: 5%;
opacity: .5
}
}
.sp-build-together-attack-detective-grid__ellipse-left .sp-ellipse {
left: -15%
}
@media(max-width: 1280px) {
.sp-build-together-attack-detective-grid__ellipse-left .sp-ellipse {
width: 712px !important;
height: 712px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-attack-detective-grid__ellipse-left .sp-ellipse {
width: 556px !important;
height: 556px !important
}
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__ellipse-left .sp-ellipse {
top: 90%;
left: 100%;
width: 360px !important;
height: 360px !important
}
}
.sp-build-together-attack-detective-grid__ellipse-right .sp-ellipse {
left: 100%
}
@media(max-width: 1280px) {
.sp-build-together-attack-detective-grid__ellipse-right .sp-ellipse {
width: 780px !important;
height: 780px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-attack-detective-grid__ellipse-right .sp-ellipse {
width: 610px !important;
height: 610px !important
}
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__ellipse-right .sp-ellipse {
width: 400px !important;
height: 400px !important
}
}
.sp-build-together-uncoder-grid {
position: relative;
padding: 120px 0 60px
}
@media(max-width: 768px) {
.sp-build-together-uncoder-grid {
margin: 0;
padding: 40px 0 0
}
}
.sp-build-together-uncoder-grid__row {
display: flex;
align-items: center;
gap: 33px
}
@media(max-width: 768px) {
.sp-build-together-uncoder-grid__row {
flex-direction: column;
align-items: flex-start;
gap: 40px
}
}
.sp-build-together-uncoder-grid__content {
flex: 1 0 372px;
padding-left: 0;
margin: 0
}
@media(max-width: 768px) {
.sp-build-together-uncoder-grid__content {
flex: 0
}
}
.sp-build-together-uncoder-grid__description {
max-width: 710px
}
@media(max-width: 768px) {
.sp-build-together-uncoder-grid__description {
max-width: 100%
}
}
.sp-build-together-uncoder-grid__link {
display: flex;
gap: 15px;
flex-wrap: wrap
}
.sp-build-together-uncoder-grid__title {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 17px
}
.sp-build-together-uncoder-grid__title span {
color: #4ac18e
}
@media(max-width: 600px) {
.sp-build-together-uncoder-grid__image {
min-width: 450px
}
}
.sp-build-together-uncoder-grid__image img {
width: 100%
}
.sp-build-together-uncoder-grid__ellipse-right .sp-ellipse {
top: 50%;
left: 80%
}
@media(max-width: 1280px) {
.sp-build-together-uncoder-grid__ellipse-right .sp-ellipse {
top: 65%;
width: 686px !important;
height: 686px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-uncoder-grid__ellipse-right .sp-ellipse {
width: 536px !important;
height: 536px !important
}
}
@media(max-width: 768px) {
.sp-build-together-uncoder-grid__ellipse-right .sp-ellipse {
left: 90%
}
}
.sp-build-together-prime-hunt-grid {
position: relative;
padding: 120px 0 0
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid {
padding: 20px 0 40px
}
}
.sp-build-together-prime-hunt-grid__row {
display: flex;
align-items: center;
flex-direction: row-reverse
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid__row {
flex-wrap: wrap;
justify-content: center
}
}
.sp-build-together-prime-hunt-grid__col--left {
margin-left: 100px;
padding-top: 50px;
flex: 1 1 42%
}
@media(max-width: 1280px) {
.sp-build-together-prime-hunt-grid__col--left {
flex: 1 1 52%
}
}
@media(max-width: 1024px) {
.sp-build-together-prime-hunt-grid__col--left {
flex: 1 1 48%;
margin-left: 32px
}
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid__col--left {
padding-top: 0;
margin-left: 0;
flex: 1 1 100%;
order: 2
}
}
.sp-build-together-prime-hunt-grid__col--right {
flex: 1 1 58%
}
@media(max-width: 1280px) {
.sp-build-together-prime-hunt-grid__col--right {
flex: 1 1 42%
}
}
@media(max-width: 1024px) {
.sp-build-together-prime-hunt-grid__col--right {
flex: 1 1 52%
}
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid__col--right {
max-width: 500px;
margin-bottom: 32px;
flex: 1 1 100%;
order: 1
}
}
.sp-build-together-prime-hunt-grid__img .sc-animate-position-image__item--back img {
box-shadow: 0 2px 20px rgba(0, 0, 0, .5), 0 1px 80px rgba(74, 193, 142, .25);
max-height: 386px
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid__img .sc-animate-position-image__item--back img {
max-height: 250px
}
}
@media(max-width: 1280px) {
.sp-build-together-prime-hunt-grid__img .sc-animate-position-image__item--front img {
max-height: 400px
}
}
@media(max-width: 1024px) {
.sp-build-together-prime-hunt-grid__img .sc-animate-position-image__item--front img {
max-height: 358px
}
}
.sp-build-together-prime-hunt-grid__title {
display: flex;
align-items: center;
gap: 6px;
margin-left: -13px;
color: #4ac18e
}
.sp-build-together-prime-hunt-grid__ellipse .sp-ellipse {
top: 50%;
left: 20%
}
@media(max-width: 1280px) {
.sp-build-together-prime-hunt-grid__ellipse .sp-ellipse {
width: 800px !important;
height: 800px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-prime-hunt-grid__ellipse .sp-ellipse {
top: 40%;
left: 10%;
width: 626px !important;
height: 626px !important
}
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid__ellipse .sp-ellipse {
width: 448px !important;
height: 448px !important
}
}
.sp-build-together-prime-hunt-grid__content {
max-width: 474px
}
@media(max-width: 1280px) {
.sp-build-together-prime-hunt-grid__content {
max-width: 390px
}
}
@media(max-width: 1024px) {
.sp-build-together-prime-hunt-grid__content {
max-width: 312px
}
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid__content {
max-width: 100%
}
}
.sp-build-together-prime-hunt-grid__line {
position: absolute;
top: -42%;
left: 3%;
z-index: -1;
transform: scale(0.8)
}
@media(max-width: 1280px) {
.sp-build-together-prime-hunt-grid__line {
top: -70%;
transform: scale(0.7)
}
}
@media(max-width: 1024px) {
.sp-build-together-prime-hunt-grid__line {
display: none
}
}
.sp-build-together-roota-syntax-highlighter {
color: #fff;
font-size: 9px;
line-height: 15.5px;
font-family: "JetBrains Mono", sans-serif;
max-height: 550px;
overflow-y: auto;
overflow-wrap: anywhere
}
@media(max-width: 768px) {
.sp-build-together-roota-syntax-highlighter {
max-height: none
}
}
.sp-build-together-roota-syntax-highlighter pre {
white-space: pre-wrap
}
.sp-build-together-roota-syntax-highlighter .green {
color: #4ac18e
}
.sp-build-together-roota-syntax-highlighter .gray {
color: #8390bf
}
.sp-build-together-roota-syntax-highlighter .blue {
color: #377cfd
}
.sp-build-together-roota-syntax-highlighter .aqua {
color: #22cfe8
}
.sp-build-together-roota-syntax-highlighter .underline {
text-decoration: underline
}
.sp-build-together-roota-grid {
position: relative;
padding: 210px 0 100px
}
@media(max-width: 768px) {
.sp-build-together-roota-grid {
padding: 144px 0 150px
}
}
.sp-build-together-roota-grid__row {
position: relative;
display: flex;
align-items: stretch
}
@media(max-width: 1280px) {
.sp-build-together-roota-grid__row {
margin-right: -60px
}
}
@media(max-width: 1024px) {
.sp-build-together-roota-grid__row {
margin-right: -40px
}
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__row {
flex-direction: column;
margin-right: 0
}
}
.sp-build-together-roota-grid__wrapper {
--corner-crop-size: 50px;
position: relative;
width: 56%;
padding: 2px;
filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.4));
transform: translate3d(0, 0, 0)
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__wrapper {
--corner-crop-size: 34px;
width: 100%;
padding: 1px
}
}
.sp-build-together-roota-grid__wrapper::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: rgba(74, 193, 142, .3);
clip-path: polygon(var(--corner-crop-size) 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% var(--corner-crop-size))
}
.sp-build-together-roota-grid__content {
display: flex;
flex-direction: column;
height: 100%;
padding: 30px 0 24px;
background: linear-gradient(-30deg, #2D514D 5.74%, #292C3D 39.54%, #292C3D 57.84%, #284749 98.68%), linear-gradient(0deg, rgba(74, 193, 142, 0.3), rgba(74, 193, 142, 0.3));
clip-path: polygon(var(--corner-crop-size) 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% var(--corner-crop-size))
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__content {
padding: 16px 0 24px
}
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__top svg {
position: relative;
left: 50%;
transform: translateX(-50%)
}
}
.sp-build-together-roota-grid__center {
--padding-inline: 67px;
padding: 90px var(--padding-inline) 100px
}
@media(max-width: 1024px) {
.sp-build-together-roota-grid__center {
--padding-inline: 30px
}
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__center {
padding: 16px 16px 50px
}
}
.sp-build-together-roota-grid__logo {
position: relative;
margin-bottom: 20px
}
.sp-build-together-roota-grid__logo svg {
position: relative;
z-index: 2
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__logo {
margin-bottom: 16px
}
}
.sp-build-together-roota-grid__line {
position: absolute;
right: calc(var(--padding-inline)*-1);
top: 50%;
transform: translateY(-50%)
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__line {
display: none
}
}
.sp-build-together-roota-grid__description {
margin-bottom: 40px
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__description {
margin-bottom: 32px
}
}
.sp-build-together-roota-grid__links {
display: flex;
gap: 32px;
align-items: center
}
@media(max-width: 1024px) {
.sp-build-together-roota-grid__links {
flex-direction: column;
gap: 24px
}
}
.sp-build-together-roota-grid__bottom-line {
position: absolute;
height: 2px;
bottom: 24px;
width: 100%;
background-color: rgba(74, 193, 142, .3)
}
.sp-build-together-roota-grid__bottom svg {
position: absolute;
left: 50%;
bottom: 17px;
transform: translateX(-50%) scale(-1)
}
.sp-build-together-roota-grid__tabs {
width: 46%;
margin: 34px 0 24px -2px;
border: 2px solid rgba(74, 193, 142, .3)
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__tabs {
width: 100%;
margin: 0;
border-width: 1px
}
}
.sp-build-together-roota-grid__tabs .MuiTabs-indicator {
display: none
}
.sp-build-together-roota-grid__tabs .syntax-highlighter-text pre {
background-color: rgba(0, 0, 0, 0) !important;
padding: 0 !important
}
.sp-build-together-roota-grid__tabs .syntax-highlighter-text code span {
font-size: 9px !important;
line-height: 1.6 !important
}
.sp-build-together-roota-grid__tab.MuiTab-root {
flex: 1;
justify-content: flex-start;
opacity: .5;
border: 1px solid rgba(249, 249, 249, .1);
font-weight: 400 !important;
font-size: 14px !important;
filter: grayscale(1);
background-color: rgba(78, 80, 96, .2);
transition: filter .2s, opacity .2s, background-color .2s
}
.sp-build-together-roota-grid__tab.MuiTab-root>.MuiTab-iconWrapper {
margin-right: 11px
}
.sp-build-together-roota-grid__tab:hover,
.sp-build-together-roota-grid__tab.Mui-selected {
filter: grayscale(0);
opacity: 1;
background-color: rgba(74, 193, 142, .15)
}
.sp-build-together-roota-grid__tab-content {
padding: 24px 20px 36px 30px
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__tab-content {
padding: 24px 10px 36px
}
}
.sp-build-together-roota-grid__tab-content img {
width: 100%
}
.sp-build-together-roota-grid__lines {
position: absolute;
bottom: 100%;
left: 4%;
z-index: -1;
transform: scaleY(-1)
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__lines {
left: 5%
}
}
.sp-build-together-roota-grid__line-row {
position: absolute;
top: 95%;
left: 3%;
z-index: -1
}
@media(max-width: 1280px) {
.sp-build-together-roota-grid__line-row {
top: 100%
}
}
.sp-build-together-roota-grid__ellipse-left .sp-ellipse {
top: 20%;
left: 0
}
@media(max-width: 1280px) {
.sp-build-together-roota-grid__ellipse-left .sp-ellipse {
width: 712px !important;
height: 712px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-roota-grid__ellipse-left .sp-ellipse {
width: 556px !important;
height: 556px !important
}
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__ellipse-left .sp-ellipse {
width: 360px !important;
height: 360px !important
}
}
.sp-build-together-roota-grid__ellipse-right .sp-ellipse {
top: 70%;
left: 110%
}
@media(max-width: 1280px) {
.sp-build-together-roota-grid__ellipse-right .sp-ellipse {
width: 780px !important;
height: 780px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-roota-grid__ellipse-right .sp-ellipse {
width: 610px !important;
height: 610px !important
}
}
.sp-carousel-cards {
--gap: 90px;
width: 100%;
display: flex;
gap: var(--gap);
position: relative;
z-index: 2
}
@media(max-width: 1151px) {
.sp-carousel-cards {
--gap: 70px
}
}
@media(max-width: 768px) {
.sp-carousel-cards {
flex-direction: column;
--gap: 30px
}
}
.sp-carousel-cards .swiper {
min-height: 380px;
width: 100%
}
@media(max-width: 1024px) {
.sp-carousel-cards .swiper {
min-height: 300px
}
}
@media(max-width: 768px) {
.sp-carousel-cards .swiper {
min-height: 200px
}
}
.sp-carousel-cards__info {
max-width: 300px;
min-width: 300px
}
@media(max-width: 768px) {
.sp-carousel-cards__info {
max-width: none
}
}
.sp-carousel-cards__line {
position: absolute;
top: 44%;
right: calc(var(--gap)*-1)
}
@media(max-width: 1151px) {
.sp-carousel-cards__line {
top: 40%;
transform: scale(0.9);
transform-origin: right
}
}
@media(max-width: 768px) {
.sp-carousel-cards__line {
display: none
}
}
.sp-carousel-cards__arrows {
position: relative;
display: flex;
margin-top: 48px;
gap: 20px
}
.sp-carousel-cards__arrow {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #4ac18e;
border-radius: 4px;
height: 48px;
width: 48px;
cursor: pointer;
background-color: #292c3d;
user-select: none
}
.sp-carousel-cards__arrow:hover {
background-color: #4ac18e
}
.sp-carousel-cards__arrow:hover svg path {
stroke: #1a1e2f
}
.sp-carousel-cards-slide {
display: flex;
height: 100%
}
.sp-carousel-cards-slide__parent {
position: relative
}
.sp-carousel-cards-slide__wrap {
position: unset;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
height: 100%
}
.sp-carousel-cards-slide__img {
display: inline-block;
height: 56px;
margin-bottom: 20px;
padding: 2px 4px;
border: 1px solid rgba(74, 193, 142, .5);
border-radius: 4px
}
@media(max-width: 1024px) {
.sp-carousel-cards-slide__img {
height: 80px
}
}
@media(max-width: 768px) {
.sp-carousel-cards-slide__img {
height: 56px
}
}
.sp-carousel-cards-slide__img img {
height: 100%;
width: auto !important
}
.sp-carousel-cards-slide__box {
padding: 20px 32px 26px;
max-width: unset;
position: relative;
border-radius: 4px;
border: 1px solid rgba(74, 193, 142, .5);
background: rgba(74, 193, 142, .07);
backdrop-filter: blur(40px);
z-index: 2
}
@media(max-width: 1151px) {
.sp-carousel-cards-slide__box {
padding: 12px 20px 20px
}
}
.sp-carousel-cards-slide__title {
display: flex;
align-items: flex-end;
margin-bottom: 8px;
padding-left: 16px
}
.sp-carousel-cards-slide__title h3.MuiTypography-root.MuiTypography-h1 {
font-size: 20px;
flex: 1 1 70%
}
.sp-carousel-cards-slide__description .MuiTypography-root span {
display: flex;
flex-direction: column;
overflow-wrap: anywhere
}
.sp-carousel-cards .sp-ellipse {
left: 90%;
pointer-events: none
}
.sp-build-together-powered-grid {
padding: 100px 0 20px
}
@media(max-width: 1280px) {
.sp-build-together-powered-grid {
padding: 30px 0 20px
}
}
.sp-build-together-powered-grid__lines {
margin-top: 40px
}
@media(max-width: 1280px) {
.sp-build-together-powered-grid__lines {
display: none
}
}
.sp-build-together-powered-grid__lines svg {
width: 100%
}
.sp-build-together-grid {
position: relative;
padding: 20px 0 76px;
z-index: 1
}
.sp-community-hero-grid {
position: relative
}
.sp-community-hero-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-community-hero-grid__row {
flex-wrap: wrap
}
}
.sp-community-hero-grid__col {
position: relative;
flex: 1 1 50%
}
.sp-community-hero-grid__col--left {
padding: 96px 0 80px
}
@media(max-width: 1280px) {
.sp-community-hero-grid__col--left {
padding: 80px 0 0
}
}
@media(max-width: 1024px) {
.sp-community-hero-grid__col--left {
flex: 1 1 56%;
padding: 0
}
}
@media(max-width: 768px) {
.sp-community-hero-grid__col--left {
flex: 1 1 100%;
order: 2
}
}
@media(max-width: 1024px) {
.sp-community-hero-grid__col--right {
margin-right: -50px;
flex: 1 1 44%
}
}
@media(max-width: 768px) {
.sp-community-hero-grid__col--right {
margin-right: -30px;
flex: 1 1 100%;
order: 1
}
}
.sp-community-hero-grid__ellipse-blue .sp-ellipse {
top: 70%;
left: 90%;
width: 804px !important;
height: 804px !important
}
@media(max-width: 1024px) {
.sp-community-hero-grid__ellipse-blue .sp-ellipse {
width: 626px !important;
height: 626px !important
}
}
@media(max-width: 768px) {
.sp-community-hero-grid__ellipse-blue .sp-ellipse {
top: 40%;
left: 50%;
width: 448px !important;
height: 448px !important
}
}
.sp-community-hero-grid__ellipse-green .sp-ellipse {
top: 60%;
left: 120%
}
@media(max-width: 1280px) {
.sp-community-hero-grid__ellipse-green .sp-ellipse {
left: 100%;
width: 510px !important;
height: 510px !important
}
}
@media(max-width: 1024px) {
.sp-community-hero-grid__ellipse-green .sp-ellipse {
width: 398px !important;
height: 398px !important
}
}
@media(max-width: 768px) {
.sp-community-hero-grid__ellipse-green .sp-ellipse {
top: 20%;
width: 194px !important;
height: 194px !important
}
}
.sp-community-hero-grid__title {
margin-bottom: 24px
}
@media(max-width: 1280px) {
.sp-community-hero-grid__title {
max-width: 400px
}
.sp-community-hero-grid__title span span.end-text {
display: block
}
}
@media(max-width: 768px) {
.sp-community-hero-grid__title {
margin-bottom: 16px
}
}
.sp-community-hero-grid__link {
padding-left: 28px
}
.sp-community-hero-grid .cube-perspective-grid__bg-image {
width: 532px;
transform: translate(-47%, -23%)
}
@media(max-width: 1280px) {
.sp-community-hero-grid .cube-perspective-grid__bg-image {
transform: translate(-53%, -10%);
width: 342px
}
}
@media(max-width: 1024px) {
.sp-community-hero-grid .cube-perspective-grid__bg-image {
width: 252px
}
}
.sp-community-hero-grid .cube-perspective-grid__bg-image svg {
width: 100%
}
.sp-community-hero-grid__line {
position: absolute;
top: 95%;
left: 0;
z-index: -1;
transform-origin: top
}
@media(max-width: 1280px) {
.sp-community-hero-grid__line {
top: 110%;
transform: scale(0.9)
}
}
@media(max-width: 1151px) {
.sp-community-hero-grid__line {
transform: none
}
}
.sp-community-soc-analysis-slider {
position: relative;
z-index: 2
}
.sp-community-soc-analysis-slider .carousel-root {
display: flex
}
@media(max-width: 768px) {
.sp-community-soc-analysis-slider .carousel-root {
display: block
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel {
position: relative;
width: unset
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn {
display: none;
position: absolute;
top: 0;
z-index: 2
}
@media(max-width: 768px) {
.sp-community-soc-analysis-slider .carousel-root .carousel__btn {
display: block
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn--prev {
right: 62px
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn--next {
right: 0
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn .MuiButton-root {
min-width: 40px;
min-height: 40px;
border-radius: 0;
border-color: #f9f9f9
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn .MuiButton-root:hover {
background-color: #4e5060
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn .MuiButton-root.Mui-disabled {
border-color: rgba(249, 249, 249, .5) !important
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn .MuiButton-root.Mui-disabled svg {
opacity: .5
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn .MuiButton-root .MuiButton-startIcon {
margin-right: 0
}
.sp-community-soc-analysis-slider .carousel-root .carousel .slide {
text-align: left
}
.sp-community-soc-analysis-slider .carousel-root .carousel .slide.selected {
z-index: 0 !important
}
.sp-community-soc-analysis-slider .carousel-root .carousel.carousel-slider {
margin: -60px;
flex: 1 1 86%;
order: 2;
z-index: 1
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-slider .carousel-root .carousel.carousel-slider {
flex: 1 1 94%
}
}
@media(max-width: 768px) {
.sp-community-soc-analysis-slider .carousel-root .carousel.carousel-slider {
margin: 0;
padding-top: 60px
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel:not(.carousel-slider) {
flex: 1 1 14%;
order: 1;
margin-right: -60px;
z-index: 2
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-slider .carousel-root .carousel:not(.carousel-slider) {
flex: 1 1 6%
}
}
@media(max-width: 768px) {
.sp-community-soc-analysis-slider .carousel-root .carousel:not(.carousel-slider) {
display: none
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper {
margin: 0;
min-width: 266px;
overflow: visible
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper {
min-width: 184px
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper {
min-width: 160px
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .control-arrow {
display: none
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs {
padding: 40px 0;
display: flex;
flex-direction: column;
transform: none !important
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs {
padding: 22px 0
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
display: flex;
padding: 0;
width: 100% !important;
min-height: 88px;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 0 6px 6px 0;
text-transform: unset;
box-shadow: 0 4px 8px rgba(0, 0, 0, .25), 0 8px 24px rgba(0, 0, 0, .25);
transition: transform .3s, border-color .3s linear;
cursor: pointer
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb.selected {
border-color: #449da7;
transform: translateX(36px)
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb.selected {
transform: translateX(24px)
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb.selected .thumb__label {
background: linear-gradient(180deg, rgba(74, 193, 142, 0.5) 0%, rgba(104, 236, 255, 0.5) 100%)
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:hover {
border-color: #449da7
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
min-height: 60px;
font-size: 14px;
font-weight: 400
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
min-height: 52px;
font-size: 12px
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:not(:last-of-type) {
margin: 0 0 16px
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:not(:last-of-type) {
margin-bottom: 12px
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:not(:last-of-type) {
margin-bottom: 10px
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb__item {
width: 100%;
height: 100%;
min-height: inherit;
background: rgba(0, 0, 0, 0) no-repeat 50% 50%;
background-size: cover
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb__label {
width: 100%;
height: 100%;
min-height: inherit;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(41, 44, 61, 0.8) 100%)
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb__label span.MuiTypography-root.MuiTypography-h6 {
font-size: 14px
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb__label span.MuiTypography-root.MuiTypography-h6 {
font-size: 12px
}
}
.sp-community-soc-analysts-slider-slide {
padding: 60px;
width: 100%
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide {
padding: 0
}
}
.sp-community-soc-analysts-slider-slide__parent {
position: relative
}
.sp-community-soc-analysts-slider-slide__wrap {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: flex-end
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__wrap {
position: unset
}
}
.sp-community-soc-analysts-slider-slide__wrap::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 8px;
background: linear-gradient(90deg, #12141B 0%, rgba(41, 44, 61, 0) 97.2%);
z-index: 0
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__wrap::before {
display: none
}
}
.sp-community-soc-analysts-slider-slide__img {
margin: 0 0 60px;
border: 2px solid rgba(74, 193, 142, .5);
border-radius: 8px;
box-shadow: 0 6px 12px rgba(0, 0, 0, .25), 0 24px 48px rgba(0, 0, 0, .25);
overflow: hidden
}
@media(max-width: 1024px) {
.sp-community-soc-analysts-slider-slide__img {
margin: 0 0 40px
}
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__img {
margin: 0
}
}
.sp-community-soc-analysts-slider-slide__img img {
width: 100%;
height: 600px;
object-fit: cover
}
@media(max-width: 1280px) {
.sp-community-soc-analysts-slider-slide__img img {
height: 415px
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysts-slider-slide__img img {
height: 346px
}
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__img {
position: relative
}
.sp-community-soc-analysts-slider-slide__img::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg, #12141B 0%, rgba(41, 44, 61, 0) 97.2%);
z-index: 1
}
}
.sp-community-soc-analysts-slider-slide__box {
margin: 0 58px -60px auto;
padding-left: 120px;
max-width: 860px;
z-index: 2
}
@media(max-width: 1024px) {
.sp-community-soc-analysts-slider-slide__box {
margin: 0 28px -40px auto;
padding-left: 108px;
max-width: 848px
}
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__box {
padding: 0;
max-width: unset;
margin: -46px 0 0;
position: relative;
z-index: 2
}
}
.sp-community-soc-analysts-slider-slide__title {
display: flex;
align-items: flex-end;
margin-bottom: 12px
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__title {
margin-bottom: 8px;
padding-left: 16px
}
}
@media(max-width: 1280px) {
.sp-community-soc-analysts-slider-slide__title h3.MuiTypography-root.MuiTypography-h1 {
font-size: 26px
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysts-slider-slide__title h3.MuiTypography-root.MuiTypography-h1 {
font-size: 24px
}
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__title h3.MuiTypography-root.MuiTypography-h1 {
font-size: 20px;
flex: 1 1 70%
}
}
@media(max-width: 600px) {
.sp-community-soc-analysts-slider-slide__title h3.MuiTypography-root.MuiTypography-h1 {
flex: 1 1 90%
}
}
.sp-community-soc-analysts-slider-slide__description {
position: relative;
padding: 26px 32px 32px;
border-radius: 8px 0 8px 8px;
background: linear-gradient(180deg, #292C3D 0%, #1D1F2B 100%);
border: 2px solid #4ac18e;
box-shadow: 0 6px 12px rgba(0, 0, 0, .2), 0 24px 40px rgba(0, 0, 0, .2)
}
@media(max-width: 1280px) {
.sp-community-soc-analysts-slider-slide__description {
padding: 10px 20px
}
.sp-community-soc-analysts-slider-slide__description .MuiTypography-root.MuiTypography-body1 {
font-size: 12px
}
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__description {
padding: 16px;
border-width: 1px
}
}
.sp-community-soc-analysts-slider-slide__line {
flex: 1 1 auto;
border-radius: 0 6px 0 0;
overflow: hidden;
text-align: right;
margin-bottom: -12px;
font-size: 0
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__line {
margin-bottom: -8px
}
}
.sp-community-soc-analysis-grid {
position: relative;
padding: 100px 0 50px;
z-index: 1
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-grid {
padding: 50px 0
}
}
@media(max-width: 768px) {
.sp-community-soc-analysis-grid {
padding: 50px 0 0
}
}
.sp-community-soc-analysis-grid__line {
position: absolute;
top: -96px;
left: 0;
z-index: -1
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-grid__line {
top: -38px
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-grid__line {
top: -86px
}
}
@media(max-width: 768px) {
.sp-community-soc-analysis-grid__line {
top: -16px
}
}
.sp-community-soc-analysis-grid__ellipse-green .sp-ellipse {
left: 100%
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-grid__ellipse-green .sp-ellipse {
width: 748px !important;
height: 748px !important
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-grid__ellipse-green .sp-ellipse {
width: 584px !important;
height: 584px !important
}
}
@media(max-width: 768px) {
.sp-community-soc-analysis-grid__ellipse-green .sp-ellipse {
width: 498px !important;
height: 498px !important
}
}
.sp-community-soc-analysis-grid__ellipse-blue .sp-ellipse {
left: 0
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-grid__ellipse-blue .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-grid__ellipse-blue .sp-ellipse {
width: 504px !important;
height: 504px !important
}
}
@media(max-width: 768px) {
.sp-community-soc-analysis-grid__ellipse-blue .sp-ellipse {
width: 294px !important;
height: 294px !important
}
}
.sp-community-platform-slider {
position: relative;
box-shadow: 0 32px 56px rgba(0, 0, 0, .25)
}
@media(max-width: 1024px) {
.sp-community-platform-slider {
margin: 0 -40px
}
}
@media(max-width: 768px) {
.sp-community-platform-slider {
margin: 0 -16px;
box-shadow: none
}
}
.sp-community-platform-slider .carousel-root {
display: flex;
flex-direction: column-reverse
}
.sp-community-platform-slider .carousel-root .carousel {
position: relative;
flex: 1 1 100%
}
.sp-community-platform-slider .carousel-root .carousel .slide.selected {
z-index: 1 !important
}
@media(max-width: 768px) {
.sp-community-platform-slider .carousel-root .carousel .slide.selected {
z-index: 0 !important
}
}
.sp-community-platform-slider .carousel-root .carousel:not(.carousel-slider) {
background-color: #242634;
border-radius: 4px 4px 0 0;
border: 1px solid #449da7;
border-bottom: none;
box-shadow: 0 32px 56px rgba(0, 0, 0, .25)
}
.sp-community-platform-slider .carousel-root .carousel.carousel-slider {
margin-top: -58px
}
@media(max-width: 768px) {
.sp-community-platform-slider .carousel-root .carousel.carousel-slider {
margin: 0
}
}
.sp-community-platform-slider .carousel-root .carousel.carousel-slider .slider-wrapper {
padding-top: 58px
}
@media(max-width: 768px) {
.sp-community-platform-slider .carousel-root .carousel.carousel-slider .slider-wrapper {
padding: 0
}
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper {
margin: 0;
overflow: visible
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .control-arrow {
display: none
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs {
display: flex;
padding: 10px 10px 0;
transform: none !important
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
padding: 0 24px;
display: flex;
align-items: center;
justify-content: center;
width: unset !important;
min-height: 48px;
border: none;
border-radius: 6px 6px 0 0;
background-color: rgba(0, 0, 0, 0);
color: rgba(249, 249, 249, .4);
cursor: pointer;
transition: background-color .2s, color .2s
}
@media(max-width: 1280px) {
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
min-height: 36px
}
}
@media(max-width: 1024px) {
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
min-height: 32px
}
}
@media(max-width: 768px) {
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
padding: 0 12px;
flex: 1 1 0
}
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb.selected {
background-color: #292c3d;
color: #f9f9f9
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:hover {
color: #f9f9f9
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb__label {
width: 100%;
min-height: inherit;
display: flex;
align-items: center;
justify-content: center
}
@media(max-width: 1280px) {
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb__label span.MuiTypography-root.MuiTypography-body1 {
font-size: 12px
}
}
.sp-community-platform-slider .sp-platform-slide-content {
position: relative;
font-size: 0;
z-index: 3
}
@media(max-width: 768px) {
.sp-community-platform-slider .sp-platform-slide-content .sp-transform-img-grid {
display: flex;
flex-direction: column-reverse
}
}
.sp-community-platform-slider .sp-platform-slide-content .sp-transform-img-grid__container {
border-radius: 0 0 4px 4px;
border: 1px solid #449da7;
border-top: none;
box-shadow: 0 32px 56px rgba(0, 0, 0, .25)
}
.sp-community-platform-slider .sp-platform-slide-content .sp-transform-img-grid__switcher {
margin-bottom: 0
}
@media(max-width: 768px) {
.sp-community-platform-slider .sp-platform-slide-content .sp-transform-img-grid__switcher {
justify-content: center;
margin-top: 32px
}
}
.sp-community-platform-slider .sp-platform-slide-content .switch-grid {
position: absolute;
top: -42px;
right: 36px
}
@media(max-width: 1280px) {
.sp-community-platform-slider .sp-platform-slide-content .switch-grid {
top: -35px;
right: 24px
}
}
@media(max-width: 1024px) {
.sp-community-platform-slider .sp-platform-slide-content .switch-grid {
top: -33px;
right: 20px
}
}
@media(max-width: 768px) {
.sp-community-platform-slider .sp-platform-slide-content .switch-grid {
position: unset
}
}
.sp-community-platform-slider .sp-platform-slide-content .switch-grid .MuiSwitch-root .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb {
background-color: #68ecff
}
.sp-community-code-future-grid {
position: relative;
padding: 70px 0 60px;
z-index: 2
}
@media(max-width: 1151px) {
.sp-community-code-future-grid {
padding: 70px 0 130px
}
}
@media(max-width: 1024px) {
.sp-community-code-future-grid {
padding: 70px 0 60px
}
}
@media(max-width: 768px) {
.sp-community-code-future-grid {
padding: 80px 0 60px
}
}
.sp-community-code-future-grid__content {
position: relative;
padding: 0 0 0 70px
}
@media(max-width: 1151px) {
.sp-community-code-future-grid__content {
padding: 0 0 70px 70px
}
}
@media(max-width: 1024px) {
.sp-community-code-future-grid__content {
padding: 0 0 0 70px
}
}
@media(max-width: 768px) {
.sp-community-code-future-grid__content {
padding: 0 0 0 46px
}
}
.sp-community-code-future-grid__description {
max-width: 750px
}
.sp-community-code-future-grid__tabs img {
width: 100%
}
.sp-community-code-future-grid__title span {
color: #68ecff
}
.sp-community-code-future-grid__square {
position: absolute;
top: 14px;
left: 32px
}
@media(max-width: 1024px) {
.sp-community-code-future-grid__square {
top: 8px;
left: 18px
}
}
@media(max-width: 768px) {
.sp-community-code-future-grid__square {
top: 4px
}
}
.sp-community-code-future-grid__ellipse-left .sp-ellipse {
top: 60%;
left: 10%
}
@media(max-width: 1280px) {
.sp-community-code-future-grid__ellipse-left .sp-ellipse {
width: 510px !important;
height: 510px !important
}
}
@media(max-width: 1024px) {
.sp-community-code-future-grid__ellipse-left .sp-ellipse {
width: 506px !important;
height: 506px !important
}
}
@media(max-width: 768px) {
.sp-community-code-future-grid__ellipse-left .sp-ellipse {
width: 376px !important;
height: 376px !important
}
}
.sp-community-code-future-grid__ellipse-right .sp-ellipse {
left: 90%
}
@media(max-width: 1280px) {
.sp-community-code-future-grid__ellipse-right .sp-ellipse {
width: 510px !important;
height: 510px !important
}
}
@media(max-width: 1024px) {
.sp-community-code-future-grid__ellipse-right .sp-ellipse {
width: 506px !important;
height: 506px !important
}
}
@media(max-width: 768px) {
.sp-community-code-future-grid__ellipse-right .sp-ellipse {
width: 376px !important;
height: 376px !important
}
}
.sp-community-marketplace-grid {
position: relative;
padding: 100px 0 110px;
z-index: 1
}
@media(max-width: 1024px) {
.sp-community-marketplace-grid {
padding: 40px 0 20px
}
}
@media(max-width: 768px) {
.sp-community-marketplace-grid {
padding: 20px 0
}
}
.sp-community-marketplace-grid__row {
display: flex;
align-items: center
}
@media(max-width: 1024px) {
.sp-community-marketplace-grid__row {
flex-wrap: wrap
}
}
.sp-community-marketplace-grid__col {
font-size: 0
}
.sp-community-marketplace-grid__col img {
width: 100%;
max-width: 706px
}
@media(max-width: 1024px) {
.sp-community-marketplace-grid__col img {
max-width: 500px
}
}
.sp-community-marketplace-grid__col--left {
flex: 1 1 60%;
margin-right: 66px
}
@media(max-width: 1280px) {
.sp-community-marketplace-grid__col--left {
margin-right: 34px
}
}
@media(max-width: 1024px) {
.sp-community-marketplace-grid__col--left {
margin: 0 0 24px;
flex: 1 1 100%
}
}
.sp-community-marketplace-grid__col--right {
flex: 1 1 40%
}
@media(max-width: 1024px) {
.sp-community-marketplace-grid__col--right {
flex: 1 1 100%
}
}
.sp-community-marketplace-grid__title span {
color: #4ac18e
}
.sp-community-marketplace-grid__ellipse .sp-ellipse {
top: 35%
}
@media(max-width: 1280px) {
.sp-community-marketplace-grid__ellipse .sp-ellipse {
width: 510px !important;
height: 510px !important
}
}
@media(max-width: 1024px) {
.sp-community-marketplace-grid__ellipse .sp-ellipse {
width: 506px !important;
height: 506px !important
}
}
@media(max-width: 768px) {
.sp-community-marketplace-grid__ellipse .sp-ellipse {
width: 376px !important;
height: 376px !important
}
}
.sp-community-shared-expertise-grid {
position: relative;
padding: 180px 0 100px;
z-index: 2
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid {
padding: 126px 0 100px
}
}
.sp-community-shared-expertise-grid__row {
display: flex
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__row {
flex-wrap: wrap
}
}
.sp-community-shared-expertise-grid__col {
flex: 1 1 50%
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__col {
flex: 1 1 100%
}
}
.sp-community-shared-expertise-grid__col--left {
margin-right: 50px;
z-index: 1
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__col--left {
margin: 0 0 24px
}
}
.sp-community-shared-expertise-grid__col--right {
z-index: 2
}
.sp-community-shared-expertise-grid__title {
color: #68ecff
}
.sp-community-shared-expertise-grid__ellipse .sp-ellipse {
top: 50%;
left: 60%
}
@media(max-width: 1280px) {
.sp-community-shared-expertise-grid__ellipse .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__ellipse .sp-ellipse {
width: 544px !important;
height: 544px !important
}
}
@media(max-width: 768px) {
.sp-community-shared-expertise-grid__ellipse .sp-ellipse {
width: 280px !important;
height: 280px !important
}
}
.sp-community-shared-expertise-grid__line {
position: absolute;
top: -110px;
left: 80px;
z-index: -1
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__line {
top: 0;
left: 20px
}
}
.sp-community-shared-expertise-grid__line-bottom {
position: absolute;
bottom: -100px;
left: 20%;
z-index: -1
}
@media(max-width: 768px) {
.sp-community-shared-expertise-grid__line-bottom {
left: 40%;
bottom: -25px
}
}
@media(max-width: 600px) {
.sp-community-shared-expertise-grid__line-bottom {
left: 50%
}
}
.sp-community-shared-expertise-grid__img {
font-size: 0
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__img {
padding-right: 50px;
text-align: right
}
}
@media(max-width: 768px) {
.sp-community-shared-expertise-grid__img {
padding: 0 0 0 44px
}
}
.sp-community-shared-expertise-grid__img img {
width: 100%
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__img img {
max-width: 430px
}
}
.sp-community-shared-expertise-grid__img-bottom {
position: relative;
margin-top: -50px;
display: flex;
justify-content: center;
font-size: 0;
z-index: 2
}
@media(max-width: 1280px) {
.sp-community-shared-expertise-grid__img-bottom {
margin-top: -40px
}
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__img-bottom {
padding-left: 50px;
justify-content: flex-start
}
}
@media(max-width: 768px) {
.sp-community-shared-expertise-grid__img-bottom {
padding: 0 70px 0 0
}
}
.sp-community-shared-expertise-grid__img-bottom img {
width: 100%;
max-width: 500px
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__img-bottom img {
max-width: 400px
}
}
.sp-community-earn-money-grid {
position: relative;
padding: 40px 0 0;
z-index: 2
}
.sp-community-earn-money-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__row {
flex-wrap: wrap
}
}
.sp-community-earn-money-grid__col--left {
position: relative;
padding: 120px 0;
flex: 1 1 55%
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__col--left {
padding: 60px 0 30px;
flex: 1 1 100%
}
}
.sp-community-earn-money-grid__col--right {
flex: 1 1 45%
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__col--right {
flex: 1 1 100%
}
}
.sp-community-earn-money-grid__coin {
position: absolute;
top: -100px;
right: 0;
width: 100%;
max-width: 334px
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__coin {
top: 0
}
}
.sp-community-earn-money-grid__coin img {
width: 100%
}
@media(max-width: 1024px) {
.sp-community-earn-money-grid__coin {
max-width: 234px
}
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__coin {
right: 10%
}
}
@media(max-width: 600px) {
.sp-community-earn-money-grid__coin {
top: -10%;
right: 0;
max-width: 202px
}
}
.sp-community-earn-money-grid__img {
font-size: 0
}
@media(max-width: 1024px) {
.sp-community-earn-money-grid__img {
margin-left: -66px
}
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__img {
margin: 0 -24px;
text-align: center
}
}
.sp-community-earn-money-grid__img img {
width: 100%;
max-width: 630px
}
.sp-community-earn-money-grid__description {
max-width: 474px
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__description {
max-width: unset
}
}
.sp-community-earn-money-grid__title {
color: #68ecff
}
.sp-community-earn-money-grid__ellipse .sp-ellipse {
top: 50%;
left: 20%
}
@media(max-width: 1280px) {
.sp-community-earn-money-grid__ellipse .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-community-earn-money-grid__ellipse .sp-ellipse {
width: 536px !important;
height: 536px !important
}
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__ellipse .sp-ellipse {
width: 394px !important;
height: 394px !important
}
}
.sp-reviews-grid {
position: relative;
padding: 100px 0;
z-index: 1
}
@media(max-width: 1024px) {
.sp-reviews-grid {
padding: 80px 0
}
}
.sp-reviews-grid__row {
display: flex;
margin: 0 -58px 0 -40px
}
@media(max-width: 1280px) {
.sp-reviews-grid__row {
margin: 0
}
}
@media(max-width: 768px) {
.sp-reviews-grid__row {
flex-wrap: wrap
}
}
.sp-reviews-grid__col {
flex: 1 1 50%
}
.sp-reviews-grid__col--left {
max-width: 50%;
margin-right: 40px
}
@media(max-width: 1280px) {
.sp-reviews-grid__col--left {
max-width: 47%;
flex: 1 1 47%
}
}
@media(max-width: 1024px) {
.sp-reviews-grid__col--left {
margin-right: 20px
}
}
@media(max-width: 768px) {
.sp-reviews-grid__col--left {
flex: 1 1 100%;
max-width: 100%;
margin-bottom: 44px
}
}
@media(max-width: 1280px) {
.sp-reviews-grid__col--right {
flex: 1 1 53%
}
}
@media(max-width: 1024px) {
.sp-reviews-grid__col--right {
margin-right: 0
}
}
@media(max-width: 768px) {
.sp-reviews-grid__col--right {
flex: 1 1 100%
}
}
.sp-reviews-grid__img {
margin-bottom: 26px;
max-height: 400px;
height: 100%;
width: 100%;
border: 1px solid #449da7
}
@media(max-width: 1280px) {
.sp-reviews-grid__img {
margin-bottom: 16px
}
}
@media(max-width: 1024px) {
.sp-reviews-grid__img {
min-height: 350px
}
}
@media(max-width: 768px) {
.sp-reviews-grid__img {
display: none
}
}
.sp-reviews-grid__icon {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1
}
@media(max-width: 768px) {
.sp-reviews-grid__icon {
display: none
}
}
.sp-reviews-grid__ellipse-blue .sp-ellipse {
top: 30%;
left: 90%
}
@media(max-width: 1280px) {
.sp-reviews-grid__ellipse-blue .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-reviews-grid__ellipse-blue .sp-ellipse {
width: 536px !important;
height: 536px !important
}
}
@media(max-width: 768px) {
.sp-reviews-grid__ellipse-blue .sp-ellipse {
width: 394px !important;
height: 394px !important
}
}
.sp-reviews-grid__ellipse-green .sp-ellipse {
top: 50%;
left: 100%
}
@media(max-width: 1280px) {
.sp-reviews-grid__ellipse-green .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-reviews-grid__ellipse-green .sp-ellipse {
width: 536px !important;
height: 536px !important
}
}
@media(max-width: 768px) {
.sp-reviews-grid__ellipse-green .sp-ellipse {
width: 394px !important;
height: 394px !important
}
}
.sp-reviews-content-grid__img {
max-width: 170px;
font-size: 0
}
.sp-reviews-content-grid__img img {
width: 100%
}
.sp-reviews-content-grid__title {
margin-bottom: 36px
}
@media(max-width: 1280px) {
.sp-reviews-content-grid__title {
margin-bottom: 16px
}
}
.sp-reviews-content-grid__title h2.MuiTypography-root.MuiTypography-h1 {
font-size: 40px
}
@media(max-width: 1280px) {
.sp-reviews-content-grid__title h2.MuiTypography-root.MuiTypography-h1 {
font-size: 34px
}
}
.sp-reviews-slider-grid {
position: relative
}
.sp-reviews-slider-grid__slide {
padding: 0 10px
}
.sp-reviews-slider-grid .carousel {
margin-bottom: 46px !important;
padding-bottom: 56px !important;
}
@media(max-width: 1280px) {
.sp-reviews-slider-grid .carousel {
margin-bottom: 32px !important;
padding-bottom: 40px !important;
}
}
@media(max-width: 768px) {
.sp-reviews-slider-grid .carousel {
margin-bottom: 28px !important;
}
}
.sp-reviews-slider-grid .carousel-status {
position: absolute;
top: auto;
left: 120px;
bottom: 4px;
background: none;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 140%;
text-transform: lowercase;
text-shadow: unset;
color: #f9f9f9
}
@media(max-width: 1280px) {
.sp-reviews-slider-grid .carousel-status {
left: 80px;
bottom: -1px
}
}
.sp-reviews-slider-grid .carousel__btn {
position: absolute;
bottom: 0
}
.sp-reviews-slider-grid .carousel__btn--prev {
left: 0;
z-index: 2
}
.sp-reviews-slider-grid .carousel__btn--next {
left: 62px
}
@media(max-width: 1280px) {
.sp-reviews-slider-grid .carousel__btn--next {
left: 42px
}
}
.sp-reviews-slider-grid .carousel__btn button.MuiButton-root {
min-width: 40px;
min-height: 40px;
border-radius: 0;
border-color: #f9f9f9
}
@media(max-width: 1280px) {
.sp-reviews-slider-grid .carousel__btn button.MuiButton-root {
padding: 0;
min-width: 28px;
height: 28px;
min-height: 28px
}
}
.sp-reviews-slider-grid .carousel__btn button.MuiButton-root:hover {
background-color: #4e5060
}
.sp-reviews-slider-grid .carousel__btn button.MuiButton-root.Mui-disabled {
border-color: rgba(249, 249, 249, .5) !important
}
.sp-reviews-slider-grid .carousel__btn button.MuiButton-root.Mui-disabled svg {
opacity: .5
}
.sp-reviews-slider-grid .carousel__btn button.MuiButton-root .MuiButton-startIcon {
margin: 0
}
.sp-reviews-slider-grid .carousel .slide {
text-align: left
}
.sp-reviews-slider-grid .carousel .slider-wrapper {
margin: 0 -8px;
border-bottom: 1px solid #4e5060
}
.sp-slide-grid {
padding-bottom: 20px
}
.sp-slide-grid__quote {
margin-bottom: 20px;
color: #4e5060
}
@media(max-width: 1280px) {
.sp-slide-grid__quote {
margin-bottom: 12px
}
}
.sp-slide-grid__title span.MuiTypography-root.MuiTypography-body2 {
font-size: 20px;
opacity: .9
}
@media(max-width: 1280px) {
.sp-slide-grid__title span.MuiTypography-root.MuiTypography-body2 {
font-size: 14px
}
}
.sp-slide-grid__link {
text-transform: uppercase
}
.sp-slide-grid__description {
margin-bottom: 44px
}
@media(max-width: 1280px) {
.sp-slide-grid__description {
margin-bottom: 30px
}
}
@media(max-width: 768px) {
.sp-slide-grid__description {
margin-bottom: 26px
}
}
@media(max-width: 1280px) {
.sp-slide-grid__description div.MuiTypography-root.MuiTypography-body1 {
font-size: 12px
}
}
@media(max-width: 1280px) {
.sp-slide-grid__description div.MuiTypography-root.MuiTypography-body2 {
font-size: 10px
}
}
.sp-slide-grid__description .three-dots-five-line.two-line {
line-clamp: 5;
max-height: 112px
}
.sp-rating-star__row {
display: flex;
align-items: center
}
.sp-rating-star__list {
margin-top: 4px
}
.sp-rating-star__date {
opacity: .8
}
@media(max-width: 1280px) {
.sp-rating-star__date span.MuiTypography-root.MuiTypography-body2 {
font-size: 10px;
line-height: 1.1
}
}
.sp-rating-star__list {
margin-right: 20px
}
.sp-box-list {
display: flex
}
@media(max-width: 1280px) {
.sp-box-list__item div.MuiTypography-root.MuiTypography-body2 {
font-size: 10px
}
}
.sp-box-list__item:not(:last-of-type) {
margin-right: 30px
}
.sp-box-list__title {
opacity: .8
}
.plan-list__row {
display: flex
}
@media(max-width: 768px) {
.plan-list__row {
flex-direction: column;
text-align: center
}
}
.plan-list__col {
padding-right: 16px
}
@media(max-width: 1280px) {
.plan-list__col {
padding-right: 10px
}
}
@media(max-width: 768px) {
.plan-list__col {
padding: 0
}
}
@media(max-width: 768px) {
.plan-list__col:not(:last-child) {
margin-bottom: 30px
}
}
.plan-list__col:not(:first-child) {
padding-left: 16px;
border-left: 1px solid #3b3d4f
}
@media(max-width: 1280px) {
.plan-list__col:not(:first-child) {
padding-left: 10px
}
}
@media(max-width: 768px) {
.plan-list__col:not(:first-child) {
border: none;
padding: 0
}
}
.plan-list__list {
list-style: none;
padding: 0
}
.plan-list__item {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.plan-list__item {
justify-content: center
}
}
.plan-list__icon {
min-width: 24px;
margin-right: 12px;
color: #f9f9f9
}
.plan-list__title div.MuiTypography-root.MuiTypography-body2 {
font-size: 26px
}
.plan-list__text div.MuiTypography-root.MuiTypography-color-description-primary {
color: #999baa
}
@media(max-width: 1280px) {
.plan-list__text div.MuiTypography-root.MuiTypography-color-description-primary {
font-size: 10px
}
}
.sp-companies-grid {
padding: 140px 0 82px 60px
}
@media(max-width: 1024px) {
.sp-companies-grid {
padding-top: 60px
}
}
@media(max-width: 768px) {
.sp-companies-grid {
padding-left: 46px
}
}
.sp-companies-grid__inner {
position: relative;
margin-right: -70px
}
@media(max-width: 1151px) {
.sp-companies-grid__inner {
margin-right: 0
}
}
@media(max-width: 768px) {
.sp-companies-grid__inner {
padding: 0
}
}
.sp-companies-grid__ellipse {
position: absolute
}
.sp-companies-grid__ellipse--left {
bottom: 0;
left: 0;
transform: translate(-40%, 20%)
}
.sp-companies-grid__row {
display: flex;
align-items: center;
flex-direction: row-reverse
}
@media(max-width: 1151px) {
.sp-companies-grid__row {
flex-wrap: wrap
}
}
.sp-companies-grid__col--left {
flex: 1 1 65%
}
@media(max-width: 1151px) {
.sp-companies-grid__col--left {
flex: 1 1 100%;
margin-bottom: 40px
}
.sp-companies-grid__col--left .sp-hexagon-grid__container {
margin: 0 auto
}
}
.sp-companies-grid__col--right {
flex: 1 1 35%;
display: flex;
justify-content: center
}
@media(max-width: 1151px) {
.sp-companies-grid__col--right {
flex: 1 1 100%;
justify-content: flex-start
}
}
.sp-companies-grid__wrap {
width: 100%;
max-width: 500px
}
@media(max-width: 1151px) {
.sp-companies-grid__wrap {
margin-left: 0;
max-width: 650px
}
}
@media(max-width: 768px) {
.sp-companies-grid__hexagon {
margin-bottom: 20px
}
}
.sp-companies-grid__hexagon .sp-hexagon-grid {
display: flex;
justify-content: center;
padding: 26px 0 32px 26px
}
@media(max-width: 768px) {
.sp-companies-grid__hexagon .sp-hexagon-grid {
display: block;
padding: 0
}
}
@media(max-width: 1280px) {
.sp-companies-grid__title .sp-title-gradient {
font-size: 34px !important
}
}
@media(max-width: 768px) {
.sp-companies-grid__title .sp-title-gradient {
font-size: 24px !important
}
}
.sp-companies-grid__description {
margin-bottom: 40px
}
@media(max-width: 1151px) {
.sp-companies-grid__description {
margin-bottom: 30px
}
.sp-companies-grid__description .MuiTypography-root.MuiTypography-body1 {
font-size: 14px
}
}
.sp-companies-grid__buttons {
display: flex;
align-items: center
}
.sp-companies-grid__buttons a:first-of-type {
margin-right: 32px
}
.sp-companies-grid__buttons button.MuiButton-root {
color: #292c3d
}
@media(max-width: 650px) {
.sp-companies-grid .swipe-hand-grid {
display: block
}
}
.sp-community-investors-grid {
padding: 100px 0
}
@media(max-width: 1024px) {
.sp-community-investors-grid {
padding: 30px 0 60px
}
}
.sp-community-grid {
position: relative;
z-index: 1
}
.sp-circle-grid {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
aspect-ratio: 1/1;
max-width: 100%;
padding: 22px;
z-index: 1
}
@media(max-width: 1024px) {
.sp-circle-grid {
padding: 18px
}
}
@media(max-width: 768px) {
.sp-circle-grid {
min-width: 396px
}
}
@media(max-width: 600px) {
.sp-circle-grid {
padding: 10px;
min-width: 375px
}
}
.sp-circle-grid::before {
content: "";
position: absolute;
inset: 0;
background: var(--background-image) no-repeat 50% 50%;
background-size: cover;
z-index: 0;
transition: transform .3s ease-in-out
}
.sp-circle-grid.left-0::before {
transform: rotate(-30deg)
}
.sp-circle-grid.left-1::before {
transform: rotate(-60deg)
}
.sp-circle-grid.left-2::before {
transform: rotate(-80deg)
}
.sp-circle-grid.left-3::before {
transform: rotate(-95deg)
}
.sp-circle-grid.left-4::before {
transform: rotate(-115deg)
}
.sp-circle-grid.left-5::before {
transform: rotate(-135deg)
}
.sp-circle-grid.right-0::before {
transform: rotate(40deg)
}
.sp-circle-grid.right-1::before {
transform: rotate(60deg)
}
.sp-circle-grid.right-2::before {
transform: rotate(80deg)
}
.sp-circle-grid.right-3::before {
transform: rotate(95deg)
}
.sp-circle-grid.right-4::before {
transform: rotate(130deg)
}
@media(max-width: 1151px) {
.sp-circle-grid[class*=left-]::before,
.sp-circle-grid[class*=right-]::before {
transform: rotate(0)
}
}
.sp-circle-grid__wrap {
flex: 1
}
.sp-circle-grid__bg {
position: relative;
padding: 54px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border-radius: 50%;
border: 1px solid #4ac18e;
background: #1f2232 no-repeat 50% 50%;
background-size: cover;
overflow: hidden
}
@media(max-width: 600px) {
.sp-circle-grid__bg {
padding: 40px
}
}
.sp-circle-grid__title {
position: relative;
margin-bottom: -70px;
transition: opacity .3s ease-in-out .3s
}
.sp-circle-grid__title:not(.is-active) {
z-index: 1;
opacity: 1
}
.sp-circle-grid__title.is-active {
opacity: 0
}
.sp-circle-grid__title.is-active.z-index-delayed {
z-index: -1
}
@media(max-width: 1280px) {
.sp-circle-grid__title h1.MuiTypography-root.MuiTypography-h1 {
font-size: 34px
}
}
@media(max-width: 1024px) {
.sp-circle-grid__title h1.MuiTypography-root.MuiTypography-h1 {
font-size: 32px
}
}
@media(max-width: 768px) {
.sp-circle-grid__title h1.MuiTypography-root.MuiTypography-h1 {
font-size: 28px
}
}
.sp-circle-grid__title-button {
margin-top: 9%;
display: flex;
justify-content: center
}
.sp-circle-grid__title-button a.MuiButton-root.MuiButton-contained.MuiButton-sizeMedium,
.sp-circle-grid__title-button a.MuiButton-root.MuiButton-contained.MuiButton-sizeLarge,
.sp-circle-grid__title-button button.MuiButton-root.MuiButton-contained.MuiButton-sizeMedium,
.sp-circle-grid__title-button button.MuiButton-root.MuiButton-contained.MuiButton-sizeLarge {
padding: 0 16px;
font-weight: 600;
font-size: 14px
}
.sp-circle-grid__title-button a.MuiButton-root.MuiButton-contained.MuiButton-sizeMedium,
.sp-circle-grid__title-button button.MuiButton-root.MuiButton-contained.MuiButton-sizeMedium {
font-weight: 500
}
.sp-content-body {
position: absolute;
inset: 0;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.sp-content-body.is-active .sp-content-body__footer,
.sp-content-body.is-active .sp-content-body__header {
transform: translateY(0)
}
.sp-content-body__header {
flex: 1 1 auto;
width: 100%;
padding: 110px 56px 10px;
display: flex;
align-items: center;
flex-direction: column;
background-color: #1f2232;
transform: translateY(-100%);
transition: transform .5s
}
@media(max-width: 1280px) {
.sp-content-body__header {
padding: 60px 56px 10px;
justify-content: center
}
}
@media(max-width: 1024px) {
.sp-content-body__header {
padding: 0 46px
}
}
@media(max-width: 1280px) {
.sp-content-body__description p.MuiTypography-root.MuiTypography-body1 {
font-size: 13px
}
}
@media(max-width: 1024px) {
.sp-content-body__description p.MuiTypography-root.MuiTypography-body1 {
line-height: 1.2
}
}
@media(max-width: 768px) {
.sp-content-body__description p.MuiTypography-root.MuiTypography-body1 {
font-size: 12px
}
}
.sp-content-body__footer {
flex: 1 1 0;
width: 100%;
transform: translateY(100%);
transition: transform .5s
}
@media(max-width: 1280px) {
.sp-content-body__footer {
max-height: 100px;
min-height: 100px
}
}
@media(max-width: 1024px) {
.sp-content-body__footer {
max-height: none;
min-height: auto
}
}
.sp-content-body__buttons {
padding: 18px 24px;
display: flex;
justify-content: center;
gap: 16px 24px;
background: linear-gradient(180deg, #3B3D4F 0%, #1F2232 100%)
}
@media(max-width: 1280px) {
.sp-content-body__buttons {
padding: 10px 24px
}
}
@media(max-width: 1024px) {
.sp-content-body__buttons {
background: rgba(0, 0, 0, 0);
gap: 16px
}
}
.sp-content-body__btn a.MuiButton-root.MuiButton-sizeMedium,
.sp-content-body__btn button.MuiButton-root.MuiButton-sizeMedium {
padding: 0 14px;
min-width: 126px
}
@media(max-width: 1024px) {
.sp-content-body__btn a.MuiButton-root.MuiButton-sizeMedium,
.sp-content-body__btn button.MuiButton-root.MuiButton-sizeMedium {
min-width: 166px
}
}
.sp-content-body__btn a.MuiButton-root.MuiButton-sizeMedium.MuiButton-outlined,
.sp-content-body__btn a.MuiButton-root.MuiButton-sizeMedium.MuiButton-contained,
.sp-content-body__btn button.MuiButton-root.MuiButton-sizeMedium.MuiButton-outlined,
.sp-content-body__btn button.MuiButton-root.MuiButton-sizeMedium.MuiButton-contained {
font-size: 14px
}
.sp-content-body__link {
display: flex;
align-items: center;
justify-content: center;
height: 38px;
border-top: 1px solid #4ac18e;
background-color: #1f2232;
font-size: 14px;
color: #4ac18e
}
@media(max-width: 1024px) {
.sp-content-body__link {
border: none;
height: auto;
background-color: rgba(0, 0, 0, 0)
}
}
.sp-content-body__link a {
position: relative;
cursor: pointer
}
.sp-content-body__link a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
background-color: #4ac18e;
transform: scaleX(0);
transition: transform .2s
}
.sp-content-body__link a:hover::after {
transform: scaleX(1)
}
.sp-circle-item {
position: relative;
cursor: pointer;
z-index: 2
}
.sp-circle-item:first-of-type .sp-circle-item__line,
.sp-circle-item:last-of-type .sp-circle-item__line {
width: 95px
}
.sp-circle-item:first-of-type .sp-circle-item__line::before,
.sp-circle-item:last-of-type .sp-circle-item__line::before {
display: block
}
.sp-circle-item:first-of-type .sp-circle-item__line::before {
top: 20px;
left: 86px
}
.sp-circle-item:first-of-type .sp-circle-item__line::after {
top: 40px;
right: -45px
}
.sp-circle-item:last-of-type .sp-circle-item__line {
width: 40px
}
.sp-circle-item:last-of-type .sp-circle-item__line::before {
top: -28px;
left: 28px;
width: 80px;
transform: rotate(-45deg)
}
.sp-circle-item:last-of-type .sp-circle-item__line::after {
top: -62px;
right: -62px
}
.sp-circle-item:nth-child(2) .sp-circle-item__line {
width: 90px
}
.sp-circle-item.is-filter rect {
fill: rgba(249, 249, 249, .5)
}
.sp-circle-item.is-filter .linear-gradient__top {
stop-color: rgba(249, 249, 249, .5)
}
.sp-circle-item.is-filter .linear-gradient__bottom {
stop-color: rgba(249, 249, 249, .5)
}
.sp-circle-item.is-filter .sp-circle-item__list::before,
.sp-circle-item.is-filter .sp-circle-item__element::before {
background-color: rgba(249, 249, 249, .5)
}
.sp-circle-item:hover .sp-circle-item__bg::after,
.sp-circle-item.is-active .sp-circle-item__bg::after {
opacity: .7
}
.sp-circle-item:hover .sp-circle-item__line,
.sp-circle-item.is-active .sp-circle-item__line {
opacity: 1
}
.sp-circle-item:hover rect,
.sp-circle-item.is-active rect {
opacity: 0;
fill: #4ac18e
}
@media(max-width: 1024px) {
.sp-circle-item:hover rect,
.sp-circle-item.is-active rect {
opacity: 1
}
}
.sp-circle-item:hover svg .linear-gradient__top,
.sp-circle-item:hover svg .linear-gradient__bottom,
.sp-circle-item.is-active svg .linear-gradient__top,
.sp-circle-item.is-active svg .linear-gradient__bottom {
stop-color: #33d7ef
}
.sp-circle-item.is-mirror .sp-circle-item__bg {
transform: scaleX(-1)
}
.sp-circle-item.is-mirror .sp-circle-item__line {
top: 3px;
right: 99%;
left: auto;
transform: scaleX(-1)
}
.sp-circle-item__text {
position: absolute;
top: 14px;
right: 28px;
left: 28px;
z-index: 1
}
.sp-circle-item__bg {
position: relative
}
.sp-circle-item__bg::after {
content: "";
position: absolute;
top: 4px;
left: 20px;
width: 288px;
height: 45px;
background: linear-gradient(90deg, rgba(35, 91, 67, 0) 0%, #4AC18E 69.23%, rgba(74, 193, 142, 0) 97.12%);
opacity: 0;
transition: opacity .2s
}
.sp-circle-item__bg svg rect {
fill: #4ac18e;
transition: opacity .2s, stop-color .2s
}
.sp-circle-item__bg svg .linear-gradient__top {
stop-color: #4ac18e;
transition: stop-color .2s
}
.sp-circle-item__bg svg .linear-gradient__bottom {
stop-color: #33d7ef;
transition: stop-color .2s
}
.sp-circle-item__line {
position: absolute;
top: 3px;
left: 99%;
width: 60px;
height: 1px;
background-color: rgba(74, 193, 142, .7);
opacity: 0;
transition: opacity .2s;
z-index: 2
}
@media(max-width: 1151px) {
.sp-circle-item__line {
display: none
}
}
.sp-circle-item__line::before {
display: none;
content: "";
position: absolute;
top: -3px;
right: -6px;
width: 60px;
height: 1px;
background-color: rgba(74, 193, 142, .7);
transform: rotate(45deg)
}
.sp-circle-item__line::after {
content: "";
position: absolute;
top: -3px;
right: -6px;
width: 6px;
height: 6px;
background-color: rgba(74, 193, 142, .7)
}
.sp-circle-item__list {
position: relative;
margin: 0 auto;
padding: 8px 0;
display: flex;
flex-wrap: wrap;
gap: 4px 24px;
max-width: 244px
}
.sp-circle-item__list::before {
content: "";
position: absolute;
top: -4px;
left: 3px;
width: 1px;
height: 66px;
background-color: rgba(74, 193, 142, .7)
}
.sp-circle-item__element {
flex: 40%;
display: flex;
align-items: center;
gap: 8px
}
.sp-circle-item__element::before {
content: "";
width: 6px;
height: 6px;
background-color: rgba(74, 193, 142, .7)
}
.sp-hero-ai-slider {
position: relative;
clip-path: polygon(34px 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% 34px)
}
@media(max-width: 600px) {
.sp-hero-ai-slider {
clip-path: none
}
}
.sp-hero-ai-slider::before {
content: "";
position: absolute;
background: rgba(74, 193, 142, .3);
inset: 0;
z-index: -1;
clip-path: polygon(34px 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% 34px)
}
@media(max-width: 600px) {
.sp-hero-ai-slider::before {
clip-path: none
}
}
.sp-hero-ai-slider.sp-hero-ai-slider--shorter .sp-hero-ai-slider__arrow {
display: none
}
@media(max-width: 1024px) {
.sp-hero-ai-slider.sp-hero-ai-slider--shorter .sp-hero-ai-slider__arrow {
display: flex
}
}
.sp-hero-ai-slider__wrap {
display: flex;
flex-direction: column
}
.sp-hero-ai-slider .swiper {
margin: 0 55px
}
@media(max-width: 600px) {
.sp-hero-ai-slider .swiper {
margin: 0 36px
}
}
.sp-hero-ai-slider__slide {
position: relative;
height: 74px;
display: grid;
place-items: center
}
.sp-hero-ai-slider__slide:hover .sp-hero-ai-slider__slide-info,
.sp-hero-ai-slider__slide.active .sp-hero-ai-slider__slide-info {
opacity: 1
}
.sp-hero-ai-slider__slide img {
max-height: 56px
}
.sp-hero-ai-slider__slide-info {
position: absolute;
box-sizing: border-box;
inset: 1px;
display: flex;
flex-direction: column;
gap: 4px;
padding: 8px 10px;
background: linear-gradient(0deg, #4ac18e -133.59%, #1F2232 100%);
opacity: 0;
transition: transform .2s, opacity .3s
}
.sp-hero-ai-slider__slide-text {
flex: 1
}
.sp-hero-ai-slider__slide-text p:nth-child(2) {
white-space: nowrap;
line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
max-height: 20px;
width: 100%;
line-height: 1
}
.sp-hero-ai-slider__slide-text .MuiTypography-root.MuiTypography-h6.MuiTypography-alignLeft {
margin-bottom: 6px;
font-size: 16px
}
.sp-hero-ai-slider__arrows {
position: absolute;
display: flex;
justify-content: space-between;
inset: 1px;
background: linear-gradient(-40deg, #2D514D 5.74%, #292C3D 29.54%, #292C3D 67.84%, #284749 98.68%), linear-gradient(0deg, rgba(74, 193, 142, 0.3), rgba(74, 193, 142, 0.3));
clip-path: polygon(34px 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% 34px)
}
@media(max-width: 600px) {
.sp-hero-ai-slider__arrows {
clip-path: none
}
}
.sp-hero-ai-slider__arrow {
display: flex;
justify-content: center;
align-items: center;
width: 56px;
height: 100%;
margin-top: 0;
padding: 25px 10px;
color: #cfd0d3;
background-color: rgba(0, 0, 0, .1);
cursor: pointer;
transition: background-color .1s;
user-select: none
}
.sp-hero-ai-slider__arrow:hover {
background-color: rgba(0, 0, 0, .2)
}
.sp-hero-ai-slider__arrow--prev svg {
transform: scaleX(-1)
}
@media(max-width: 600px) {
.sp-hero-ai-slider__arrow {
width: 36px
}
}
.sp-hero-ai-slider__tooltip {
display: flex;
position: absolute;
inset: 0
}
.sp-hero-ai-slider__tooltip-img {
display: inline-block;
height: 56px;
margin-bottom: 8px;
padding: 2px 4px;
border: 1px solid #4ac18e;
border-radius: 4px
}
.sp-hero-ai-slider__tooltip-img img {
height: 100%;
width: auto
}
.sp-hero-ai-tabs .MuiButtonBase-root.MuiTab-root {
max-width: none;
min-width: auto
}
.sp-hero-ai-tabs .MuiBox-root {
border-bottom: none
}
.sp-hero-ai-tabs .MuiBox-root .MuiTabs-root {
min-height: 28px
}
.sp-hero-ai-tabs .MuiBox-root .MuiTabs-root .MuiTab-root {
padding: 0;
min-height: 28px
}
@media(max-width: 1024px) {
.sp-hero-ai-tabs .MuiBox-root .grid-tabs {
margin-bottom: 0
}
}
.sp-hero-ai-tabs .MuiBox-root .grid-tabs__col-left {
width: 100%
}
.sp-hero-ai-tabs .MuiBox-root .grid-tabs__col-right-inner {
width: 100%
}
@media(max-width: 768px) {
.sp-hero-ai-tabs .MuiBox-root .grid-tabs__col-right-inner {
margin-bottom: 0
}
}
.sp-hero-ai-tabs .MuiTabs-scroller .MuiTabs-flexContainer {
width: 100%;
gap: 28px
}
@media(max-width: 768px) {
.sp-hero-ai-tabs .MuiTabs-scroller .MuiTabs-flexContainer {
gap: 14px
}
}
.sp-hero-ai-tabs .MuiTabs-scroller .MuiButtonBase-root.MuiTab-root {
font-size: 12px;
align-items: flex-start;
padding-inline: 0;
border-top: 2px solid rgba(74, 193, 142, .26);
flex: 1
}
.sp-hero-ai-tabs .MuiTabs-scroller .MuiButtonBase-root.MuiTab-root::after {
display: none
}
.sp-hero-ai-tabs .MuiTabs-scroller .MuiTabs-indicator {
bottom: auto;
top: 0
}
.sp-hero-ai-grid__wrap {
position: relative;
z-index: 1
}
.sp-hero-ai-grid__wrap::after {
content: "";
position: absolute;
top: 0;
left: 50%;
height: 600px;
width: 600px;
border-radius: 50%;
background: radial-gradient(50% 50% at 50% 50%, rgba(26, 255, 157, 0.3) 0%, rgba(98, 249, 184, 0) 100%);
transform: translate(-50%, -50%)
}
.sp-hero-ai-grid__bg {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 100%;
background: no-repeat 50% 0
}
.sp-hero-ai-grid__bg::before {
position: absolute;
inset: 0;
content: "";
background: rgba(31, 34, 50, .7)
}
.sp-hero-ai-grid__bg::after {
position: absolute;
inset: 0;
content: "";
background: linear-gradient(180deg, rgba(31, 34, 50, 0) 0%, #1F2232 98.22%)
}
.sp-hero-ai-grid__inner {
position: relative;
z-index: 2
}
.sp-hero-ai-grid__inner.inner {
padding: 0
}
.sp-hero-ai-grid__row {
padding: 64px 0 32px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px
}
@media(max-width: 1024px) {
.sp-hero-ai-grid__row {
gap: 10px;
justify-content: center
}
}
@media(max-width: 768px) {
.sp-hero-ai-grid__row {
flex-wrap: wrap;
gap: 20px 0
}
}
.sp-hero-ai-grid__col {
display: flex;
flex-direction: column;
justify-content: center
}
@media(max-width: 768px) {
.sp-hero-ai-grid__col {
flex: 1 1 100%
}
}
.sp-hero-ai-grid__col--left {
position: relative;
gap: 22px
}
@media(max-width: 1151px) {
.sp-hero-ai-grid__col--left {
flex: 1 1 25%
}
}
@media(max-width: 1024px) {
.sp-hero-ai-grid__col--left {
flex: 1 1 auto;
min-width: 312px
}
}
@media(max-width: 768px) {
.sp-hero-ai-grid__col--left {
order: 0;
align-items: center;
z-index: 2
}
.sp-hero-ai-grid__col--left>.sp-circle-item {
text-align: center
}
}
.sp-hero-ai-grid__col--center {
align-items: center
}
@media(max-width: 1151px) {
.sp-hero-ai-grid__col--center {
flex: 1 1 auto
}
}
@media(max-width: 768px) {
.sp-hero-ai-grid__col--center {
order: 1
}
}
.sp-hero-ai-grid__col--right {
gap: 21px
}
.sp-hero-ai-grid__tabs {
position: relative;
z-index: 1
}
.sp-hero-ai-grid__toggle {
position: relative
}
.sp-hero-ai-grid__arrow {
position: absolute;
right: 10px;
top: 50%;
transform: translate(50%, -50%) rotate(0);
color: #f9f9f9;
transition: transform .2s
}
.sp-hero-ai-grid__arrow.is-active {
transform: translate(50%, -50%) rotate(180deg)
}
.sp-hero-ai-grid__lines {
position: relative;
margin-top: -10px;
z-index: 0
}
.sp-hero-ai-grid__scroll {
padding-left: 16px
}
.sp-hero-ai-grid__scroll .simplebar-track.simplebar-vertical {
left: 0;
right: auto
}
.sp-hero-ai-grid__scroll .simplebar-track.simplebar-vertical .simplebar-scrollbar::before {
opacity: 1
}
@media(max-width: 768px) {
.sp-hero-ai-grid__scroll .simplebar-track.simplebar-vertical .simplebar-scrollbar::before {
opacity: 0
}
}
@media(max-width: 1151px) {
.sp-hero-ai-grid__scroll {
max-height: 438px
}
}
@media(max-width: 768px) {
.sp-hero-ai-grid__scroll {
padding: 0;
max-height: none
}
}
@media(max-width: 768px) {
.sp-hero-ai-grid__list {
padding: 32px 0 18px;
width: 295px;
position: absolute;
top: 40px;
left: -2000px;
opacity: 0;
display: none;
background-color: #3b3d4f;
transform: translateX(-50%);
transition: opacity .2s;
z-index: 1
}
.sp-hero-ai-grid__list.is-active {
display: block;
left: 50%;
opacity: 1
}
}
.sp-hero-ai-items {
display: flex;
flex-direction: column;
gap: 22px
}
@media(max-width: 768px) {
.sp-hero-ai-items {
gap: 0
}
.sp-hero-ai-items .sp-circle-item {
display: flex;
align-items: center;
flex-wrap: wrap;
min-height: 34px;
height: auto;
padding-left: 16px
}
.sp-hero-ai-items .sp-circle-item__bg {
display: none
}
.sp-hero-ai-items .sp-circle-item__text {
position: initial
}
.sp-hero-ai-items .sp-circle-item__list {
padding-top: 0;
margin: 0;
max-width: none;
gap: 4px
}
.sp-hero-ai-items .sp-circle-item__list::before {
display: none
}
.sp-hero-ai-items .sp-circle-item__element {
flex: none
}
.sp-hero-ai-items .sp-circle-item__element::before {
display: none
}
}
.sp-journey-grid {
padding-top: 100px;
overflow: hidden
}
@media(max-width: 1024px) {
.sp-journey-grid {
padding-top: 50px
}
}
.sp-journey-grid__inner {
position: relative;
z-index: 1
}
.sp-journey-grid__row {
display: flex;
align-items: flex-end
}
@media(max-width: 768px) {
.sp-journey-grid__row {
flex-wrap: wrap
}
}
.sp-journey-grid__col {
flex: 1 1 50%
}
.sp-journey-grid__col--left {
margin-right: 50px
}
@media(max-width: 1024px) {
.sp-journey-grid__col--left {
margin-right: 24px
}
}
.sp-journey-grid__col--right {
padding: 100px 0
}
@media(max-width: 1024px) {
.sp-journey-grid__col--right {
padding: 60px 0
}
}
.sp-journey-grid__img {
font-size: 0;
margin: 0 0 -100px -100px
}
@media(max-width: 1024px) {
.sp-journey-grid__img {
margin: 0 0 -50px -100px
}
}
@media(max-width: 768px) {
.sp-journey-grid__img {
margin: 0
}
}
.sp-journey-grid__img svg {
width: 100%
}
.sp-journey-grid__ellipse--left .sp-ellipse {
top: 55%;
left: 10%
}
@media(max-width: 1280px) {
.sp-journey-grid__ellipse--left .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-journey-grid__ellipse--left .sp-ellipse {
top: 70%;
left: 20%;
width: 600px !important;
height: 600px !important
}
}
@media(max-width: 768px) {
.sp-journey-grid__ellipse--left .sp-ellipse {
top: 35%;
left: 50%;
width: 700px !important;
height: 700px !important
}
}
.sp-journey-grid__ellipse--right .sp-ellipse {
top: 55%;
left: 95%
}
@media(max-width: 1280px) {
.sp-journey-grid__ellipse--right .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-journey-grid__ellipse--right .sp-ellipse {
width: 536px !important;
height: 536px !important
}
}
@media(max-width: 768px) {
.sp-journey-grid__ellipse--right .sp-ellipse {
top: 90%;
width: 436px !important;
height: 436px !important
}
}
.sp-journey-grid__title {
color: #4ac18e
}
@media(max-width: 768px) {
.sp-journey-grid__line {
text-align: center
}
}
.sp-journey-grid__title,
.sp-journey-grid__description {
max-width: 570px
}
@media(max-width: 1280px) {
.sp-journey-grid__title,
.sp-journey-grid__description {
max-width: 500px
}
}
@media(max-width: 768px) {
.sp-journey-grid__title,
.sp-journey-grid__description {
max-width: unset;
text-align: center
}
}
.sp-journey-grid__description .MuiTypography-root.MuiTypography-body1 {
font-size: 18px
}
@media(max-width: 1280px) {
.sp-journey-grid__description .MuiTypography-root.MuiTypography-body1 {
font-size: 14px
}
}
.sp-journey-grid__buttons {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-journey-grid__buttons {
text-align: center;
justify-content: center
}
}
.sp-journey-grid__buttons a {
margin-right: 32px
}
.player-ai-grid {
margin-top: 25px;
overflow: hidden
}
@media(max-width: 1024px) {
.player-ai-grid {
margin-top: 55px
}
}
.player-ai-grid__container {
position: relative;
z-index: 1
}
.player-ai-grid__container::after {
content: "";
position: absolute;
top: -10px;
right: -10px;
bottom: 0;
left: -10px;
border-radius: 12px 12px 0 0;
background: linear-gradient(180deg, rgba(74, 193, 142, 0.3) 60%, rgba(74, 193, 142, 0) 100%);
z-index: -1
}
.player-ai-grid__title {
position: relative;
margin-bottom: 34px;
padding: 12px 0 12px 0;
max-width: 900px
}
@media(max-width: 1024px) {
.player-ai-grid__title {
max-width: 700px
}
}
.player-ai-grid__title h2.MuiTypography-root.MuiTypography-h2 {
font-size: 56px
}
@media(max-width: 1024px) {
.player-ai-grid__title h2.MuiTypography-root.MuiTypography-h2 {
font-size: 40px
}
}
.player-ai-grid .scp-ellipse {
top: 77%;
z-index: -1
}
.player-ai-grid__wrap {
border-radius: 6px 6px 0 0;
background-color: #1f2232
}
.player-ai-grid__row {
display: flex
}
@media(max-width: 1151px) {
.player-ai-grid__row {
flex-direction: column
}
}
.player-ai-grid__video {
flex: 1
}
.player-ai-grid__text {
width: 270px;
flex-shrink: 0;
padding: 16px 22px 16px 24px;
border: 1px solid #57586e;
border-bottom: none;
background: linear-gradient(0deg, rgba(31, 34, 50, 0.5) 40%, rgba(0, 0, 0, 0.5) 100%)
}
@media(max-width: 1151px) {
.player-ai-grid__text {
width: 100%
}
}
.player-ai-grid__text-title {
margin-bottom: 26px;
color: #fff
}
@media(max-width: 1151px) {
.player-ai-grid__text-title {
margin-bottom: 12px
}
}
.player-ai-grid__text-description {
opacity: .9
}
.player-ai-grid__footer {
display: flex;
justify-content: center;
padding: 26px;
border: 1px solid #57586e;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 40%, rgba(31, 34, 50, 0.5) 100%)
}
.player-buttons-list {
position: absolute;
right: 8px;
bottom: 8px;
display: flex;
gap: 16px;
z-index: 2
}
.player-buttons-list .play-button {
position: relative
}
.player-buttons-list .play-button__before,
.player-buttons-list .play-button__after {
display: inline-block;
position: absolute;
width: 18px;
height: 18px;
background-color: currentColor;
transition: clip-path .3s ease
}
.player-buttons-list .play-button.is-active .play-button__before {
clip-path: polygon(0 0, 30% 0, 30% 100%, 0% 100%)
}
.player-buttons-list .play-button.is-active .play-button__after {
clip-path: polygon(70% 0, 100% 0, 100% 100%, 70% 100%)
}
.player-buttons-list .play-button:not(.is-active) .play-button__before {
clip-path: polygon(0 0, 50% 25%, 50% 75%, 0% 100%)
}
.player-buttons-list .play-button:not(.is-active) .play-button__after {
clip-path: polygon(50% 25%, 100% 50%, 100% 50%, 50% 75%)
}
.player-buttons-list .view-format svg {
position: absolute;
font-size: 9px;
transition: transform .1s
}
.player-buttons-list .view-format svg:nth-child(1) {
top: 9px;
left: 9px
}
.player-buttons-list .view-format svg:nth-child(2) {
top: 9px;
right: 9px;
transform: rotate(90deg)
}
.player-buttons-list .view-format svg:nth-child(3) {
right: 9px;
bottom: 9px;
transform: rotate(180deg)
}
.player-buttons-list .view-format svg:nth-child(4) {
left: 9px;
bottom: 9px;
transform: rotate(270deg)
}
.player-buttons-list .view-format.is-active svg:nth-child(1) {
transform: translate(-3px, -3px) rotate(180deg)
}
.player-buttons-list .view-format.is-active svg:nth-child(2) {
transform: translate(3px, -3px) rotate(270deg)
}
.player-buttons-list .view-format.is-active svg:nth-child(3) {
transform: translate(3px, 3px) rotate(0deg)
}
.player-buttons-list .view-format.is-active svg:nth-child(4) {
transform: translate(-3px, 3px) rotate(90deg)
}
.player-buttons-list .view-format:hover svg:nth-child(1) {
transform: translate(-2px, -2px) rotate(0deg)
}
.player-buttons-list .view-format:hover svg:nth-child(2) {
transform: translate(2px, -2px) rotate(90deg)
}
.player-buttons-list .view-format:hover svg:nth-child(3) {
transform: translate(2px, 2px) rotate(180deg)
}
.player-buttons-list .view-format:hover svg:nth-child(4) {
transform: translate(-2px, 2px) rotate(270deg)
}
.player-buttons-list .view-format:hover.is-active svg:nth-child(1) {
transform: translate(-1px, -1px) rotate(180deg)
}
.player-buttons-list .view-format:hover.is-active svg:nth-child(2) {
transform: translate(1px, -1px) rotate(270deg)
}
.player-buttons-list .view-format:hover.is-active svg:nth-child(3) {
transform: translate(1px, 1px) rotate(0deg)
}
.player-buttons-list .view-format:hover.is-active svg:nth-child(4) {
transform: translate(-1px, 1px) rotate(90deg)
}
.video-player-list {
display: flex;
gap: 8px 40px;
width: 100%;
max-width: 704px
}
@media(max-width: 768px) {
.video-player-list {
flex-direction: column;
gap: 12px 20px
}
}
.video-player-list-item {
position: relative;
flex: 1 1 0;
z-index: 1
}
.video-player-list-item::before {
content: "";
display: block;
position: absolute;
inset: 0;
border-radius: 30px 4px 30px 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, .2), 0 24px 40px rgba(0, 0, 0, .2);
transition: box-shadow .2s;
z-index: -1
}
.video-player-list-item::after {
content: "";
display: block;
position: absolute;
inset: 0;
border-radius: 4px;
background: linear-gradient(177.04deg, #4AC18E -192.72%, #4AC18E 97.61%);
clip-path: polygon(0.5rem 0%, 100% 0, 100% calc(100% - 0.5rem), calc(100% - 0.5rem) 100%, 0 100%, 0% 0.5rem);
transition: background-color .2s;
z-index: -1
}
.video-player-list-item:not(.is-active)::after {
background: linear-gradient(177.04deg, #57586E -192.72%, #57586E 97.61%)
}
.video-player-list-item:not(.is-active):hover .video-player-list-item__wrap::after {
background-color: rgba(0, 0, 0, 0)
}
.video-player-list-item.is-active .video-player-list-item__wrap::after {
background-color: rgba(0, 0, 0, 0)
}
.video-player-list-item__wrap {
position: relative;
padding: 1px;
height: 84px;
clip-path: polygon(0.5rem 0%, 100% 0, 100% calc(100% - 0.5rem), calc(100% - 0.5rem) 100%, 0 100%, 0% 0.5rem);
z-index: 2
}
@media(max-width: 768px) {
.video-player-list-item__wrap {
height: auto
}
}
.video-player-list-item__wrap::before {
content: "";
display: block;
position: absolute;
inset: 1px;
border-radius: 4px;
background: linear-gradient(177.04deg, #292C3D -192.72%, #292C3D 97.61%);
clip-path: polygon(0.5rem 0%, 100% 0, 100% calc(100% - 0.5rem), calc(100% - 0.5rem) 100%, 0 100%, 0% 0.5rem);
transition: background-color .2s;
z-index: -1
}
.video-player-list-item__wrap::after {
content: "";
position: absolute;
inset: 1px;
background-color: rgba(31, 34, 50, .3);
clip-path: polygon(0.5rem 0%, 100% 0, 100% calc(100% - 0.5rem), calc(100% - 0.5rem) 100%, 0 100%, 0% 0.5rem);
transition: background-color .5s;
cursor: pointer
}
.video-player-list-item__content {
padding: 16px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
border-radius: 4px;
background: no-repeat 100% 100%;
background-size: cover;
clip-path: polygon(0.5rem 0%, 100% 0, 100% calc(100% - 0.5rem), calc(100% - 0.5rem) 100%, 0 100%, 0% 0.5rem);
cursor: pointer
}
.video-player-list-item__content .MuiTypography-root {
text-shadow: 0px 1px 0px rgba(0, 0, 0, .9), 0px 2px 4px rgba(0, 0, 0, .5)
}
.video-player {
position: relative;
height: 522px;
font-size: 0;
background-size: cover;
background: no-repeat center calc(100% - 6px);
background-size: contain
}
@media(max-width: 1280px) {
.video-player {
background-size: cover;
background-position: center;
height: auto
}
}
.video-player video {
width: 100%;
height: 100%
}
.hero-player-ai-footer-grid {
margin-top: 16px;
position: relative;
z-index: 1;
padding-block: 24px
}
.hero-player-ai-footer-grid::before {
content: "";
position: absolute;
top: -16px;
right: 0;
left: 0;
height: 16px;
background: radial-gradient(circle, #4ac18e 50%, rgba(74, 193, 142, 0) 90%)
}
.hero-player-ai-footer-grid::after {
content: "";
position: absolute;
bottom: 0;
right: -200px;
left: -200px;
height: 4px;
background: radial-gradient(circle, #4ac18e 70%, rgba(74, 193, 142, 0) 100%)
}
.hero-player-ai-footer-grid__links {
position: relative;
padding: 32px;
display: flex;
align-items: center;
justify-content: center;
gap: 20px
}
.hero-player-ai-footer-grid__links::before {
content: "";
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, .2);
clip-path: polygon(1.5rem 0%, calc(100% - 1.5rem) 0%, 100% 1.5rem, 100% 100%, 0 100%, 0 1.5rem);
z-index: -1
}
.sp-proactive-hero-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-proactive-hero-grid__row {
flex-wrap: wrap
}
}
.sp-proactive-hero-grid__col {
position: relative;
flex: 1 1 50%
}
@media(max-width: 768px) {
.sp-proactive-hero-grid__col {
flex: 1 1 100%
}
}
.sp-proactive-hero-grid__col--left {
padding-top: 80px;
margin-right: 16px
}
@media(max-width: 768px) {
.sp-proactive-hero-grid__col--left {
order: 2;
margin-right: 0;
padding-top: 0
}
}
@media(max-width: 768px) {
.sp-proactive-hero-grid__col--right {
order: 1
}
}
@media(max-width: 1280px) {
.sp-proactive-hero-grid__col--right .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-proactive-hero-grid__col--right .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
@media(max-width: 768px) {
.sp-proactive-hero-grid__col--right .sp-ellipse {
width: 380px !important;
height: 380px !important
}
}
.sp-proactive-hero-grid__title {
max-width: 430px
}
@media(max-width: 1280px) {
.sp-proactive-hero-grid__title {
max-width: 360px
}
}
@media(max-width: 1024px) {
.sp-proactive-hero-grid__title {
max-width: 330px
}
}
@media(max-width: 768px) {
.sp-proactive-hero-grid__title {
max-width: 300px
}
}
.sp-proactive-hero-grid .cube-perspective-grid__bg-image {
width: 664px
}
@media(max-width: 1280px) {
.sp-proactive-hero-grid .cube-perspective-grid__bg-image {
width: 416px;
transform: translate(-52%, -31%)
}
}
@media(max-width: 1024px) {
.sp-proactive-hero-grid .cube-perspective-grid__bg-image {
width: 316px;
transform: translate(-52%, -26%)
}
}
.sp-proactive-hero-grid .cube-perspective-grid__bg-image svg {
width: 100%
}
.sp-proactive-attackers-grid {
position: relative
}
.sp-proactive-attackers-grid__container {
position: relative;
padding: 128px 0 46px 100px;
z-index: 1
}
@media(max-width: 768px) {
.sp-proactive-attackers-grid__container {
padding: 62px 0 46px 32px
}
}
.sp-proactive-attackers-grid__icon {
position: absolute;
top: 0;
left: 0
}
.sp-proactive-attackers-grid__title {
color: #4ac18e
}
.sp-proactive-attackers-grid__title span span.end-text {
display: block
}
.sp-image-scale {
position: relative;
background-color: #292c3d;
box-shadow: 0 4px 25px rgba(0, 0, 0, .25);
z-index: 1
}
.sp-image-scale__item {
font-size: 0
}
.sp-image-scale__item--back {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
font-size: 0;
z-index: 2
}
.sp-image-scale__item img {
width: 100%
}
.sp-image-scale__ellipse--left .sp-ellipse {
top: 75%;
left: 0
}
@media(max-width: 1280px) {
.sp-image-scale__ellipse--left .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-image-scale__ellipse--left .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
@media(max-width: 768px) {
.sp-image-scale__ellipse--left .sp-ellipse {
width: 380px !important;
height: 380px !important
}
}
.sp-image-scale__ellipse--right .sp-ellipse {
top: 45%;
left: 100%
}
@media(max-width: 1280px) {
.sp-image-scale__ellipse--right .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-image-scale__ellipse--right .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
@media(max-width: 768px) {
.sp-image-scale__ellipse--right .sp-ellipse {
width: 380px !important;
height: 380px !important
}
}
.sp-proactive-timeline-grid__container {
position: relative;
padding: 0 0 0 70px;
margin-bottom: 32px
}
@media(max-width: 768px) {
.sp-proactive-timeline-grid__container {
padding-left: 32px
}
}
.sp-proactive-timeline-grid__line {
position: absolute;
left: 0;
bottom: 0;
z-index: -1
}
@media(max-width: 768px) {
.sp-proactive-timeline-grid__line {
max-height: 492px;
overflow: hidden
}
.sp-proactive-timeline-grid__line svg {
margin-top: -40px
}
}
.sp-proactive-timeline-grid__title {
display: flex;
align-items: center
}
.sp-proactive-timeline-grid__title span {
color: #4ac18e
}
.sp-proactive-timeline-grid__title-icon {
margin-right: 16px
}
.sp-proactive-timeline-grid__title-icon svg {
width: 32px;
height: 32px
}
.sp-proactive-timeline-grid__description {
max-width: 600px
}
.sp-proactive-coverage-grid {
position: relative;
padding: 70px 0 140px 70px
}
@media(max-width: 1151px) {
.sp-proactive-coverage-grid {
padding: 70px 0 90px 90px
}
}
@media(max-width: 768px) {
.sp-proactive-coverage-grid {
padding: 56px 0 0 0
}
}
.sp-proactive-coverage-grid__row {
display: flex;
align-items: flex-end
}
@media(max-width: 768px) {
.sp-proactive-coverage-grid__row {
flex-wrap: wrap
}
}
.sp-proactive-coverage-grid__col--left {
flex: 1 1 42%;
margin-right: 30px
}
@media(max-width: 1024px) {
.sp-proactive-coverage-grid__col--left {
flex: 1 1 50%
}
}
@media(max-width: 768px) {
.sp-proactive-coverage-grid__col--left {
flex: 1 1 100%
}
}
.sp-proactive-coverage-grid__col--right {
flex: 1 1 58%
}
@media(max-width: 1024px) {
.sp-proactive-coverage-grid__col--right {
flex: 1 1 50%
}
}
@media(max-width: 768px) {
.sp-proactive-coverage-grid__col--right {
flex: 1 1 100%
}
}
.sp-proactive-coverage-grid__title {
display: flex;
align-items: center;
color: #4ac18e
}
.sp-proactive-coverage-grid__icon {
position: absolute;
left: 8px;
bottom: -40px;
z-index: -1
}
@media(max-width: 1151px) {
.sp-proactive-coverage-grid__icon {
top: 0;
bottom: auto
}
.sp-proactive-coverage-grid__icon svg {
transform: scale(-1, 1)
}
}
@media(max-width: 1024px) {
.sp-proactive-coverage-grid__icon {
top: -30px
}
}
@media(max-width: 768px) {
.sp-proactive-coverage-grid__icon {
display: none
}
}
.sp-proactive-coverage-grid__ellipse .sp-ellipse {
top: 20%;
left: 100%
}
@media(max-width: 1280px) {
.sp-proactive-coverage-grid__ellipse .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-proactive-coverage-grid__ellipse .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
@media(max-width: 768px) {
.sp-proactive-coverage-grid__ellipse .sp-ellipse {
width: 380px !important;
height: 380px !important
}
}
.sp-proactive-coverage-grid__image {
position: relative;
width: 100%
}
.sp-proactive-coverage-grid__image svg {
width: 100%
}
.sp-proactive-coverage-grid__lines {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.pulse-lines {
display: flex;
height: 100%
}
.pulse-lines__line {
flex: 1 1 0;
height: 100%;
background: linear-gradient(180deg, rgba(74, 193, 142, 0) 0%, #4AC18E 50%, rgba(74, 193, 142, 0) 100%);
animation: fadein 3s linear infinite;
opacity: 0
}
.pulse-lines__line:nth-child(1) {
animation-delay: .1s
}
.pulse-lines__line:nth-child(2) {
animation-delay: .2s
}
.pulse-lines__line:nth-child(3) {
animation-delay: .3s
}
.pulse-lines__line:nth-child(4) {
animation-delay: .4s
}
.pulse-lines__line:nth-child(5) {
animation-delay: .5s
}
.pulse-lines__line:nth-child(6) {
animation-delay: .6s
}
.pulse-lines__line:nth-child(7) {
animation-delay: .7s
}
.pulse-lines__line:nth-child(8) {
animation-delay: .8s
}
.pulse-lines__line:nth-child(9) {
animation-delay: .9s
}
.pulse-lines__line:nth-child(10) {
animation-delay: 1s
}
.pulse-lines__line:nth-child(11) {
animation-delay: 1.1s
}
.pulse-lines__line:nth-child(12) {
animation-delay: 1.2s
}
.pulse-lines__line:nth-child(13) {
animation-delay: 1.3s
}
.pulse-lines__line:nth-child(14) {
animation-delay: 1.4s
}
.pulse-lines__line:nth-child(15) {
animation-delay: 1.5s
}
.pulse-lines__line:nth-child(16) {
animation-delay: 1.6s
}
.pulse-lines__line:nth-child(17) {
animation-delay: 1.7s
}
.pulse-lines__line:nth-child(18) {
animation-delay: 1.8s
}
.pulse-lines__line:nth-child(19) {
animation-delay: 1.9s
}
.pulse-lines__line:nth-child(20) {
animation-delay: 2s
}
.pulse-lines__line:nth-child(21) {
animation-delay: 2.1s
}
.pulse-lines__line:nth-child(22) {
animation-delay: 2.2s
}
.pulse-lines__line:nth-child(23) {
animation-delay: 2.3s
}
.pulse-lines__line:nth-child(24) {
animation-delay: 2.4s
}
@keyframes fadein {
0% {
opacity: 0
}
43% {
opacity: 0
}
50% {
opacity: 1
}
57% {
opacity: 0
}
100% {
opacity: 0
}
}
.sp-proactive-hyper-scale-grid {
position: relative;
margin-top: 80px;
z-index: 2
}
.sp-proactive-hyper-scale-grid__ellipse .sp-ellipse {
top: 25%;
left: -20%
}
@media(max-width: 1280px) {
.sp-proactive-hyper-scale-grid__ellipse .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-proactive-hyper-scale-grid__ellipse .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
.sp-proactive-hyper-scale-grid__description {
max-width: 980px
}
@media(max-width: 600px) {
.sp-proactive-hyper-scale-grid__btn a.MuiButton-root.MuiButton-sizeLarge {
padding: 0 12px
}
}
.sp-proactive-splunk-grid {
position: relative;
padding: 0 0 40px 100px;
z-index: 1
}
@media(max-width: 1151px) {
.sp-proactive-splunk-grid {
padding: 0 0 0 90px
}
}
@media(max-width: 768px) {
.sp-proactive-splunk-grid {
padding: 0
}
}
.sp-proactive-splunk-grid__ellipse--right .sp-ellipse {
top: 25%;
left: 120%
}
@media(max-width: 1280px) {
.sp-proactive-splunk-grid__ellipse--right .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-proactive-splunk-grid__ellipse--right .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
.sp-proactive-splunk-grid__ellipse--left .sp-ellipse {
top: 100%;
left: -20%
}
@media(max-width: 1280px) {
.sp-proactive-splunk-grid__ellipse--left .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-proactive-splunk-grid__ellipse--left .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
.sp-proactive-splunk-grid__image {
position: relative;
top: -72px;
z-index: -1
}
@media(max-width: 768px) {
.sp-proactive-splunk-grid__image {
top: 0
}
}
.sp-proactive-splunk-grid__image img {
width: 100%
}
.sp-proactive-splunk-grid__image::after {
content: "";
position: absolute;
inset: 0;
background-color: rgba(41, 44, 61, .3)
}
.sp-proactive-splunk-grid__icon {
position: absolute;
top: 44px;
left: 36px
}
@media(max-width: 1151px) {
.sp-proactive-splunk-grid__icon {
left: 8px
}
.sp-proactive-splunk-grid__icon svg {
transform: scale(-1, 1)
}
}
@media(max-width: 768px) {
.sp-proactive-splunk-grid__icon {
display: none
}
}
.sp-proactive-splunk-grid__wrap {
margin-top: -56px
}
@media(max-width: 768px) {
.sp-proactive-splunk-grid__wrap {
margin: 0
}
}
.sp-proactive-splunk-grid__title {
color: #4ac18e
}
.sp-proactive-splunk-grid__description {
max-width: 816px
}
.sp-proactive-grid {
position: relative;
padding: 0 0 76px;
z-index: 1
}
.sp-proactive-grid__timeline {
margin-top: 130px
}
@media(max-width: 768px) {
.sp-proactive-grid__timeline {
margin-top: 100px
}
}
.sp-security-architecture-grid {
position: relative;
padding: 138px 0 66px;
z-index: 1
}
@media(max-width: 1280px) {
.sp-security-architecture-grid {
padding: 100px 0 0
}
}
@media(max-width: 1024px) {
.sp-security-architecture-grid {
padding: 46px 0
}
}
.sp-security-architecture-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-security-architecture-grid__row {
flex-wrap: wrap
}
}
.sp-security-architecture-grid__col--left {
flex: 1 1 47%;
margin-right: 32px
}
@media(max-width: 1024px) {
.sp-security-architecture-grid__col--left {
padding-top: 12px;
margin-right: 10px
}
}
@media(max-width: 768px) {
.sp-security-architecture-grid__col--left {
padding-top: 0;
margin: 0 0 24px;
flex: 1 1 100%
}
}
.sp-security-architecture-grid__col--right {
flex: 1 1 53%
}
@media(max-width: 768px) {
.sp-security-architecture-grid__col--right {
flex: 1 1 100%
}
}
.sp-security-architecture-grid__icon img {
width: 100%
}
.sp-security-architecture-grid__title {
color: #4ac18e
}
@media(max-width: 1280px) {
.sp-security-architecture-grid__description {
min-height: 120px
}
}
.sp-security-back-channel-grid {
position: relative;
padding: 140px 0 100px;
margin-bottom: 32px
}
@media(max-width: 1280px) {
.sp-security-back-channel-grid {
padding: 120px 0 50px;
margin: 0
}
}
@media(max-width: 1024px) {
.sp-security-back-channel-grid {
padding: 100px 0 0
}
}
@media(max-width: 768px) {
.sp-security-back-channel-grid {
padding: 90px 0 0;
margin-bottom: 0
}
}
.sp-security-back-channel-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__row {
flex-wrap: wrap
}
}
.sp-security-back-channel-grid__col--left {
flex: 1 1 55%;
margin-right: 32px
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__col--left {
flex: 1 1 100%;
margin: 0 0 24px
}
}
.sp-security-back-channel-grid__col--right {
flex: 1 1 45%
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__col--right {
padding-left: 24px;
flex: 1 1 100%
}
}
.sp-security-back-channel-grid__line {
position: absolute;
top: -60px;
left: 0;
z-index: -1
}
@media(max-width: 1280px) {
.sp-security-back-channel-grid__line {
top: 0
}
}
@media(max-width: 1024px) {
.sp-security-back-channel-grid__line {
top: -30px;
-webkit-transform: scaleX(-1);
transform: scaleX(-1)
}
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__line {
top: 0
}
}
.sp-security-back-channel-grid__image {
font-size: 0;
max-width: 606px;
border-radius: 4px;
overflow: hidden
}
@media(max-width: 1024px) {
.sp-security-back-channel-grid__image {
margin-left: -40px
}
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__image {
margin-left: 0;
max-width: unset
}
}
.sp-security-back-channel-grid__image img {
width: 100%
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__image img {
max-width: 446px
}
}
.sp-security-back-channel-grid__title {
color: #4ac18e
}
.sp-security-back-channel-grid__ellipse .sp-ellipse {
top: 50%;
left: 0
}
@media(max-width: 1280px) {
.sp-security-back-channel-grid__ellipse .sp-ellipse {
width: 608px !important;
height: 608px !important
}
}
@media(max-width: 1024px) {
.sp-security-back-channel-grid__ellipse .sp-ellipse {
width: 474px !important;
height: 474px !important
}
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__ellipse .sp-ellipse {
width: 400px !important;
height: 400px !important
}
}
.sp-security-beyond-encryption-grid {
position: relative;
padding: 100px 0 70px 0
}
@media(max-width: 768px) {
.sp-security-beyond-encryption-grid {
padding: 80px 0 0
}
}
.sp-security-beyond-encryption-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-security-beyond-encryption-grid__row {
flex-wrap: wrap
}
}
.sp-security-beyond-encryption-grid__col--left {
flex: 1 1 45%;
margin-right: 46px
}
@media(max-width: 768px) {
.sp-security-beyond-encryption-grid__col--left {
margin-right: 0;
flex: 1 1 100%;
order: 2
}
}
.sp-security-beyond-encryption-grid__col--right {
flex: 1 1 55%;
display: flex
}
@media(max-width: 768px) {
.sp-security-beyond-encryption-grid__col--right {
margin-bottom: 24px;
flex: 1 1 100%;
order: 1
}
}
.sp-security-beyond-encryption-grid__img-left,
.sp-security-beyond-encryption-grid__img-right {
flex: 1 1 50%
}
.sp-security-beyond-encryption-grid__img-left img,
.sp-security-beyond-encryption-grid__img-right img {
width: 100%
}
.sp-security-beyond-encryption-grid__img-left {
margin-right: 32px
}
.sp-security-beyond-encryption-grid__title {
display: flex;
align-items: center;
color: #4ac18e
}
.sp-security-beyond-encryption-grid__description {
max-width: 474px
}
.sp-security-beyond-encryption-grid__ellipse .sp-ellipse {
top: -15%;
right: -20%;
left: 100%
}
@media(max-width: 1280px) {
.sp-security-beyond-encryption-grid__ellipse .sp-ellipse {
top: 40%;
width: 830px !important;
height: 830px !important
}
}
@media(max-width: 1024px) {
.sp-security-beyond-encryption-grid__ellipse .sp-ellipse {
width: 660px !important;
height: 660px !important
}
}
@media(max-width: 768px) {
.sp-security-beyond-encryption-grid__ellipse .sp-ellipse {
left: 50%;
width: 400px !important;
height: 400px !important
}
}
@media(max-width: 600px) {
.sp-security-beyond-encryption-grid__ellipse .sp-ellipse {
width: 322px !important;
height: 322px !important
}
}
.sp-security-transform-grid {
position: relative;
padding: 140px 0 100px;
margin-bottom: 32px
}
@media(max-width: 1280px) {
.sp-security-transform-grid {
padding: 120px 0 50px;
margin: 0
}
}
@media(max-width: 1024px) {
.sp-security-transform-grid {
padding: 100px 0 0
}
}
@media(max-width: 768px) {
.sp-security-transform-grid {
padding: 50px 0 0;
margin-bottom: 0
}
}
.sp-security-transform-grid__row {
display: flex;
align-items: center;
gap: 32px
}
@media(max-width: 768px) {
.sp-security-transform-grid__row {
flex-wrap: wrap;
gap: 24px
}
}
.sp-security-transform-grid__col--left {
flex: 1 1 55%
}
@media(max-width: 768px) {
.sp-security-transform-grid__col--left {
flex: 1 1 100%
}
}
.sp-security-transform-grid__col--right {
flex: 1 1 45%
}
@media(max-width: 768px) {
.sp-security-transform-grid__col--right {
flex: 1 1 100%
}
}
.sp-security-transform-grid__line {
position: absolute;
top: 38%;
left: 0;
z-index: -1
}
@media(max-width: 1280px) {
.sp-security-transform-grid__line {
top: 30%
}
}
@media(max-width: 1151px) {
.sp-security-transform-grid__line {
display: none
}
}
.sp-security-transform-grid__image {
font-size: 0;
max-width: 606px;
border-radius: 4px;
overflow: hidden
}
@media(max-width: 1024px) {
.sp-security-transform-grid__image {
margin-left: -40px
}
}
@media(max-width: 768px) {
.sp-security-transform-grid__image {
margin-left: 0;
max-width: unset
}
}
.sp-security-transform-grid__image img {
width: 100%
}
@media(max-width: 768px) {
.sp-security-transform-grid__image img {
max-width: 446px
}
}
.sp-security-transform-grid__title {
color: #4ac18e
}
.sp-security-transform-grid__title .MuiTypography-root span {
display: block
}
.sp-security-responsible-grid {
position: relative;
padding: 140px 0 100px;
margin-bottom: 32px
}
@media(max-width: 1280px) {
.sp-security-responsible-grid {
padding: 120px 0 50px;
margin: 0
}
}
@media(max-width: 1024px) {
.sp-security-responsible-grid {
padding: 100px 0 0
}
}
@media(max-width: 768px) {
.sp-security-responsible-grid {
padding: 90px 0 0;
margin-bottom: 0
}
}
.sp-security-responsible-grid__row {
display: flex;
align-items: center;
flex-direction: row-reverse;
gap: 32px
}
@media(max-width: 768px) {
.sp-security-responsible-grid__row {
flex-wrap: wrap;
gap: 24px
}
}
.sp-security-responsible-grid__col--left {
flex: 1 1 55%
}
@media(max-width: 768px) {
.sp-security-responsible-grid__col--left {
flex: 1 1 100%
}
}
.sp-security-responsible-grid__col--right {
flex: 1 1 45%
}
@media(max-width: 768px) {
.sp-security-responsible-grid__col--right {
flex: 1 1 100%
}
}
.sp-security-responsible-grid__image {
font-size: 0;
max-width: 606px;
border-radius: 4px;
overflow: hidden
}
@media(max-width: 1024px) {
.sp-security-responsible-grid__image {
margin-right: -40px
}
}
@media(max-width: 768px) {
.sp-security-responsible-grid__image {
margin-right: 0;
max-width: unset
}
}
.sp-security-responsible-grid__image img {
width: 100%
}
@media(max-width: 768px) {
.sp-security-responsible-grid__image img {
max-width: 446px
}
}
.sp-security-responsible-grid__title {
color: #4ac18e
}
.sp-security-responsible-grid__ellipse .sp-ellipse {
top: 50%;
left: 0
}
@media(max-width: 1280px) {
.sp-security-responsible-grid__ellipse .sp-ellipse {
width: 608px !important;
height: 608px !important
}
}
@media(max-width: 1024px) {
.sp-security-responsible-grid__ellipse .sp-ellipse {
width: 474px !important;
height: 474px !important
}
}
@media(max-width: 768px) {
.sp-security-responsible-grid__ellipse .sp-ellipse {
width: 400px !important;
height: 400px !important
}
}
.sp-security-opencore-grid {
position: relative;
padding: 140px 0 100px;
margin-bottom: 32px
}
@media(max-width: 1280px) {
.sp-security-opencore-grid {
padding: 120px 0 50px;
margin: 0
}
}
@media(max-width: 1024px) {
.sp-security-opencore-grid {
padding: 100px 0 0
}
}
@media(max-width: 768px) {
.sp-security-opencore-grid {
padding: 90px 0 0;
margin-bottom: 0
}
}
.sp-security-opencore-grid__row {
display: flex;
align-items: center;
gap: 32px
}
@media(max-width: 768px) {
.sp-security-opencore-grid__row {
flex-wrap: wrap;
gap: 24px
}
}
.sp-security-opencore-grid__col--left {
flex: 1 1 55%
}
@media(max-width: 768px) {
.sp-security-opencore-grid__col--left {
flex: 1 1 100%
}
}
.sp-security-opencore-grid__col--right {
flex: 1 1 45%
}
@media(max-width: 768px) {
.sp-security-opencore-grid__col--right {
flex: 1 1 100%
}
}
.sp-security-opencore-grid__line {
position: absolute;
top: -4%;
left: 0;
z-index: -1
}
@media(max-width: 1280px) {
.sp-security-opencore-grid__line {
display: block;
top: -15%;
transform: scale(0.8)
}
}
@media(max-width: 1024px) {
.sp-security-opencore-grid__line {
display: none
}
}
.sp-security-opencore-grid__image {
font-size: 0;
max-width: 606px;
border-radius: 4px;
overflow: hidden
}
@media(max-width: 1024px) {
.sp-security-opencore-grid__image {
margin-left: -40px
}
}
@media(max-width: 768px) {
.sp-security-opencore-grid__image {
margin-left: 0;
max-width: unset
}
}
.sp-security-opencore-grid__image img {
width: 100%
}
@media(max-width: 768px) {
.sp-security-opencore-grid__image img {
max-width: 446px
}
}
.sp-security-opencore-grid__title {
color: #4ac18e
}
.sp-security-grid {
position: relative;
padding: 20px 0 76px;
z-index: 1
}
.start-page-grid .sp-header.default .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text {
position: relative;
margin: 0 12px;
min-width: auto;
min-height: auto;
padding: 0
}
.start-page-grid .sp-header.default .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text::after {
display: block;
content: "";
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
height: 1px;
background-color: #4ac18e;
transform: scaleX(0);
transition: transform .15s
}
.start-page-grid .sp-header.default .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text:hover {
color: #4ac18e
}
.start-page-grid .sp-header.default .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text:hover::after {
transform: scaleX(1)
}
.start-page-grid .sp-header.default .sp-header-list__item .submenu-item__sub-title {
white-space: pre-line
}
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3) .submenu.submenu--width-lg,
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4) .submenu.submenu--width-lg {
min-width: 865px
}
@media(max-width: 1151px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3) .submenu.submenu--width-lg,
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4) .submenu.submenu--width-lg {
min-width: auto
}
}
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3) .submenu.submenu--width-lg .submenu__col--right,
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4) .submenu.submenu--width-lg .submenu__col--right {
min-width: auto;
max-width: none;
flex: 1 1 52%;
padding-inline: 24px 0;
padding-top: 0
}
@media(max-width: 1151px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3) .submenu.submenu--width-lg .submenu__col--right,
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4) .submenu.submenu--width-lg .submenu__col--right {
padding-left: 0
}
}
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3) .submenu.submenu--width-lg .submenu__col--left,
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4) .submenu.submenu--width-lg .submenu__col--left {
flex: 1 1 48%
}
@media(max-width: 1280px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3) .submenu.submenu--width-lg .submenu__col--left,
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4) .submenu.submenu--width-lg .submenu__col--left {
margin-bottom: 0
}
}
@media(max-width: 1280px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3):hover .submenu {
left: -100px
}
}
@media(max-width: 1280px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4):hover .submenu {
left: -160px
}
}
@media(max-width: 1440px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(5):hover .submenu {
left: -100px
}
}
@media(max-width: 1280px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(5):hover .submenu {
left: -180px
}
}
.start-page-grid__bg {
min-height: 100vh;
background-color: #1f2232
}
.start-page-grid__overflow {
overflow: hidden
}
.start-page-grid__layout {
padding: 0
}
.start-page-grid__description {
display: flex;
justify-content: center;
text-align: center
}
/*# sourceMappingURL=main.5bbe3b9da46d4ad28325.css.map*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
img,
fieldset,
a img {
border: none;
height: auto
}
input[type=text],
input[type=email],
input[type=tel],
textarea {
appearance: none
}
input[type=submit],
button {
cursor: pointer
}
input[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border: 0
}
textarea {
overflow: auto
}
input,
button {
margin: 0;
padding: 0;
border: 0
}
div,
input,
textarea,
select,
button,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
a:focus {
outline: none
}
ul,
ol {
list-style-type: none
}
table {
border-spacing: 0;
border-collapse: collapse;
width: 100%
}
html {
box-sizing: border-box
}
*,
*:before,
*:after {
box-sizing: inherit
}
@media(prefers-reduced-motion: reduce) {
* {
transition: none !important
}
}
@font-face {
font-family: "Inter";
src: url(/rsc/a56307f9c62ed9bba128.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Inter";
src: url(/rsc/d5afc4bd2dfa4a0c724a.woff2) format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Inter";
src: url(/rsc/36a650f426faae9edc53.woff2) format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Inter";
src: url(/rsc/218afe6ea4cd7ba61ef9.woff2) format("woff2");
font-weight: 800;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Oswald";
src: url(/rsc/8c294acde5159561e92d.woff2) format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap
}
.m-t-2 {
margin-top: 2px
}
.m-t-4 {
margin-top: 4px
}
.m-t-6 {
margin-top: 6px
}
.m-t-8 {
margin-top: 8px
}
.m-t-10 {
margin-top: 10px
}
.m-t-12 {
margin-top: 12px
}
.m-t-14 {
margin-top: 14px
}
.m-t-16 {
margin-top: 16px
}
.m-t-18 {
margin-top: 18px
}
.m-t-20 {
margin-top: 20px
}
.m-t-22 {
margin-top: 22px
}
.m-t-24 {
margin-top: 24px
}
.m-t-26 {
margin-top: 26px
}
.m-t-28 {
margin-top: 28px
}
.m-t-30 {
margin-top: 30px
}
.m-t-32 {
margin-top: 32px
}
.m-t-34 {
margin-top: 34px
}
.m-t-36 {
margin-top: 36px
}
.m-t-38 {
margin-top: 38px
}
.m-t-40 {
margin-top: 40px
}
.m-t-42 {
margin-top: 42px
}
.m-t-44 {
margin-top: 44px
}
.m-t-46 {
margin-top: 46px
}
.m-t-48 {
margin-top: 48px
}
.m-t-50 {
margin-top: 50px
}
.m-t-52 {
margin-top: 52px
}
.m-t-54 {
margin-top: 54px
}
.m-t-56 {
margin-top: 56px
}
.m-t-58 {
margin-top: 58px
}
.m-t-60 {
margin-top: 60px
}
.m-t-62 {
margin-top: 62px
}
.m-t-64 {
margin-top: 64px
}
.m-t-66 {
margin-top: 66px
}
.m-t-68 {
margin-top: 68px
}
.m-t-70 {
margin-top: 70px
}
.m-t-72 {
margin-top: 72px
}
.m-t-74 {
margin-top: 74px
}
.m-t-76 {
margin-top: 76px
}
.m-t-78 {
margin-top: 78px
}
.m-t-80 {
margin-top: 80px
}
.m-t-82 {
margin-top: 82px
}
.m-t-84 {
margin-top: 84px
}
.m-t-86 {
margin-top: 86px
}
.m-t-88 {
margin-top: 88px
}
.m-t-90 {
margin-top: 90px
}
.m-t-92 {
margin-top: 92px
}
.m-t-94 {
margin-top: 94px
}
.m-t-96 {
margin-top: 96px
}
.m-t-98 {
margin-top: 98px
}
.m-t-100 {
margin-top: 100px
}
.m-r-2 {
margin-right: 2px
}
.m-r-4 {
margin-right: 4px
}
.m-r-6 {
margin-right: 6px
}
.m-r-8 {
margin-right: 8px
}
.m-r-10 {
margin-right: 10px
}
.m-r-12 {
margin-right: 12px
}
.m-r-14 {
margin-right: 14px
}
.m-r-16 {
margin-right: 16px
}
.m-r-18 {
margin-right: 18px
}
.m-r-20 {
margin-right: 20px
}
.m-r-22 {
margin-right: 22px
}
.m-r-24 {
margin-right: 24px
}
.m-r-26 {
margin-right: 26px
}
.m-r-28 {
margin-right: 28px
}
.m-r-30 {
margin-right: 30px
}
.m-r-32 {
margin-right: 32px
}
.m-r-34 {
margin-right: 34px
}
.m-r-36 {
margin-right: 36px
}
.m-r-38 {
margin-right: 38px
}
.m-r-40 {
margin-right: 40px
}
.m-r-42 {
margin-right: 42px
}
.m-r-44 {
margin-right: 44px
}
.m-r-46 {
margin-right: 46px
}
.m-r-48 {
margin-right: 48px
}
.m-r-50 {
margin-right: 50px
}
.m-r-52 {
margin-right: 52px
}
.m-r-54 {
margin-right: 54px
}
.m-r-56 {
margin-right: 56px
}
.m-r-58 {
margin-right: 58px
}
.m-r-60 {
margin-right: 60px
}
.m-r-62 {
margin-right: 62px
}
.m-r-64 {
margin-right: 64px
}
.m-r-66 {
margin-right: 66px
}
.m-r-68 {
margin-right: 68px
}
.m-r-70 {
margin-right: 70px
}
.m-r-72 {
margin-right: 72px
}
.m-r-74 {
margin-right: 74px
}
.m-r-76 {
margin-right: 76px
}
.m-r-78 {
margin-right: 78px
}
.m-r-80 {
margin-right: 80px
}
.m-r-82 {
margin-right: 82px
}
.m-r-84 {
margin-right: 84px
}
.m-r-86 {
margin-right: 86px
}
.m-r-88 {
margin-right: 88px
}
.m-r-90 {
margin-right: 90px
}
.m-r-92 {
margin-right: 92px
}
.m-r-94 {
margin-right: 94px
}
.m-r-96 {
margin-right: 96px
}
.m-r-98 {
margin-right: 98px
}
.m-r-100 {
margin-right: 100px
}
.m-b-2 {
margin-bottom: 2px
}
.m-b-4 {
margin-bottom: 4px
}
.m-b-6 {
margin-bottom: 6px
}
.m-b-8 {
margin-bottom: 8px
}
.m-b-10 {
margin-bottom: 10px
}
.m-b-12 {
margin-bottom: 12px
}
.m-b-14 {
margin-bottom: 14px
}
.m-b-16 {
margin-bottom: 16px
}
.m-b-18 {
margin-bottom: 18px
}
.m-b-20 {
margin-bottom: 20px
}
.m-b-22 {
margin-bottom: 22px
}
.m-b-24 {
margin-bottom: 24px
}
.m-b-26 {
margin-bottom: 26px
}
.m-b-28 {
margin-bottom: 28px
}
.m-b-30 {
margin-bottom: 30px
}
.m-b-32 {
margin-bottom: 32px
}
.m-b-34 {
margin-bottom: 34px
}
.m-b-36 {
margin-bottom: 36px
}
.m-b-38 {
margin-bottom: 38px
}
.m-b-40 {
margin-bottom: 40px
}
.m-b-42 {
margin-bottom: 42px
}
.m-b-44 {
margin-bottom: 44px
}
.m-b-46 {
margin-bottom: 46px
}
.m-b-48 {
margin-bottom: 48px
}
.m-b-50 {
margin-bottom: 50px
}
.m-b-52 {
margin-bottom: 52px
}
.m-b-54 {
margin-bottom: 54px
}
.m-b-56 {
margin-bottom: 56px
}
.m-b-58 {
margin-bottom: 58px
}
.m-b-60 {
margin-bottom: 60px
}
.m-b-62 {
margin-bottom: 62px
}
.m-b-64 {
margin-bottom: 64px
}
.m-b-66 {
margin-bottom: 66px
}
.m-b-68 {
margin-bottom: 68px
}
.m-b-70 {
margin-bottom: 70px
}
.m-b-72 {
margin-bottom: 72px
}
.m-b-74 {
margin-bottom: 74px
}
.m-b-76 {
margin-bottom: 76px
}
.m-b-78 {
margin-bottom: 78px
}
.m-b-80 {
margin-bottom: 80px
}
.m-b-82 {
margin-bottom: 82px
}
.m-b-84 {
margin-bottom: 84px
}
.m-b-86 {
margin-bottom: 86px
}
.m-b-88 {
margin-bottom: 88px
}
.m-b-90 {
margin-bottom: 90px
}
.m-b-92 {
margin-bottom: 92px
}
.m-b-94 {
margin-bottom: 94px
}
.m-b-96 {
margin-bottom: 96px
}
.m-b-98 {
margin-bottom: 98px
}
.m-b-100 {
margin-bottom: 100px
}
.m-l-2 {
margin-left: 2px
}
.m-l-4 {
margin-left: 4px
}
.m-l-6 {
margin-left: 6px
}
.m-l-8 {
margin-left: 8px
}
.m-l-10 {
margin-left: 10px
}
.m-l-12 {
margin-left: 12px
}
.m-l-14 {
margin-left: 14px
}
.m-l-16 {
margin-left: 16px
}
.m-l-18 {
margin-left: 18px
}
.m-l-20 {
margin-left: 20px
}
.m-l-22 {
margin-left: 22px
}
.m-l-24 {
margin-left: 24px
}
.m-l-26 {
margin-left: 26px
}
.m-l-28 {
margin-left: 28px
}
.m-l-30 {
margin-left: 30px
}
.m-l-32 {
margin-left: 32px
}
.m-l-34 {
margin-left: 34px
}
.m-l-36 {
margin-left: 36px
}
.m-l-38 {
margin-left: 38px
}
.m-l-40 {
margin-left: 40px
}
.m-l-42 {
margin-left: 42px
}
.m-l-44 {
margin-left: 44px
}
.m-l-46 {
margin-left: 46px
}
.m-l-48 {
margin-left: 48px
}
.m-l-50 {
margin-left: 50px
}
.m-l-52 {
margin-left: 52px
}
.m-l-54 {
margin-left: 54px
}
.m-l-56 {
margin-left: 56px
}
.m-l-58 {
margin-left: 58px
}
.m-l-60 {
margin-left: 60px
}
.m-l-62 {
margin-left: 62px
}
.m-l-64 {
margin-left: 64px
}
.m-l-66 {
margin-left: 66px
}
.m-l-68 {
margin-left: 68px
}
.m-l-70 {
margin-left: 70px
}
.m-l-72 {
margin-left: 72px
}
.m-l-74 {
margin-left: 74px
}
.m-l-76 {
margin-left: 76px
}
.m-l-78 {
margin-left: 78px
}
.m-l-80 {
margin-left: 80px
}
.m-l-82 {
margin-left: 82px
}
.m-l-84 {
margin-left: 84px
}
.m-l-86 {
margin-left: 86px
}
.m-l-88 {
margin-left: 88px
}
.m-l-90 {
margin-left: 90px
}
.m-l-92 {
margin-left: 92px
}
.m-l-94 {
margin-left: 94px
}
.m-l-96 {
margin-left: 96px
}
.m-l-98 {
margin-left: 98px
}
.m-l-100 {
margin-left: 100px
}
html,
body {
background-color: #292c3d;
font-family: "Inter", sans-serif
}
body .sp-header__inner.inner {
padding: 0 14px
}
.sp-font-18 span.MuiTypography-root.MuiTypography-body1 {
font-size: 18px
}
@media(max-width: 1280px) {
.sp-font-18 span.MuiTypography-root.MuiTypography-body1 {
font-size: 14px
}
}
.sp-font-18 span.MuiTypography-root.MuiTypography-body1.MuiTypography-color-description-primary {
color: #aaacb9
}
.sp-button-lg a.MuiButton-root.MuiButton-sizeLarge,
.sp-button-lg button.MuiButton-root.MuiButton-sizeLarge {
min-height: 48px
}
.sp-button-lg a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess,
.sp-button-lg button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess {
color: #292c3d
}
.sp-button-lg a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover,
.sp-button-lg button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover {
color: #292c3d
}
.sp-button-lg a.MuiButton-root.MuiButton-sizeLarge.MuiButton-outlinedSuccess:hover,
.sp-button-lg button.MuiButton-root.MuiButton-sizeLarge.MuiButton-outlinedSuccess:hover {
color: #292c3d
}
.sp-default-link-style {
text-decoration: none
}
.sp-button-link a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess,
.sp-button-link a.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess,
.sp-button-link button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess,
.sp-button-link button.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess {
position: relative;
min-height: auto;
padding: 0;
border-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
color: #f9f9f9;
transition: color .15s
}
.sp-button-link a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess::after,
.sp-button-link a.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess::after,
.sp-button-link button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess::after,
.sp-button-link button.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess::after {
display: block;
content: "";
position: absolute;
bottom: 8px;
left: 0;
width: 100%;
height: 1px;
background-color: #4ac18e;
transform: scaleX(0);
transition: transform .15s
}
.sp-button-link a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover,
.sp-button-link a.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess:hover,
.sp-button-link button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover,
.sp-button-link button.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess:hover {
color: #4ac18e;
box-shadow: none;
background: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0)
}
.sp-button-link a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover::after,
.sp-button-link a.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess:hover::after,
.sp-button-link button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover::after,
.sp-button-link button.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess:hover::after {
transform: scaleX(1)
}
.sp-title {
opacity: .7
}
.sp-title-m h2.MuiTypography-root.MuiTypography-h1,
.sp-title-m h3.MuiTypography-root.MuiTypography-h1,
.sp-title-m span.MuiTypography-root.MuiTypography-h1 {
font-size: 40px !important;
}
@media(max-width: 1280px) {
.sp-title-m h2.MuiTypography-root.MuiTypography-h1,
.sp-title-m h3.MuiTypography-root.MuiTypography-h1,
.sp-title-m span.MuiTypography-root.MuiTypography-h1 {
font-size: 34px !important;
}
}
@media(max-width: 768px) {
.sp-title-m h2.MuiTypography-root.MuiTypography-h1,
.sp-title-m h3.MuiTypography-root.MuiTypography-h1,
.sp-title-m span.MuiTypography-root.MuiTypography-h1 {
font-size: 26px !important;
}
}
@media(max-width: 1280px) {
.sp-title-hero .sp-title-gradient {
font-size: 48px !important
}
}
@media(max-width: 1024px) {
.sp-title-hero .sp-title-gradient {
font-size: 44px !important
}
}
@media(max-width: 768px) {
.sp-title-hero .sp-title-gradient {
font-size: 40px !important
}
}
.sp-sub-title {
opacity: .5
}
.block-center {
display: flex;
justify-content: center
}
.sp-link {
font-size: inherit;
font-weight: inherit;
text-decoration: underline
}
.sp-link:hover {
text-decoration: none
}
.sp-link--green {
color: #4ac18e
}
.sp-link--blue {
color: #68ecff
}
.simplebar-track .simplebar-scrollbar::before {
background-color: #4e5060
}
body,
html {
scrollbar-color: rgba(78, 80, 96, .5) rgba(0, 0, 0, 0)
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
overflow: hidden
}
::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0)
}
::-webkit-scrollbar-thumb {
background-color: rgba(78, 80, 96, .5);
border-radius: 7px
}
::-webkit-scrollbar-thumb:hover {
background-color: #4e5060
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
word-break: normal
}
.transition-all {
transition-property: all
}
.duration-300 {
transition-duration: 300ms
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.opacity-0 {
opacity: 0
}
.opacity-100 {
opacity: 1
}
.transform {
transform: translateX(var(--tw-translate-x, 0)) translateY(var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))
}
.translate-y-4 {
--tw-translate-y: 1rem
}
.translate-y-0 {
--tw-translate-y: 0px
}
.transform.translate-y-4 {
transform: translateY(1rem)
}
.transform.translate-y-0 {
transform: translateY(0)
}
.sc-animate-position-image {
width: 100%;
height: 100%
}
.sc-animate-position-image__container {
position: relative;
width: inherit;
height: inherit;
z-index: 2
}
.sc-animate-position-image__item {
font-size: 0
}
.sc-animate-position-image__item--front {
position: relative;
z-index: 2
}
.sc-animate-position-image__item--front img {
max-height: 544px
}
.sc-animate-position-image__item--back {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
z-index: 1
}
.sc-animate-position-image__item--back img {
width: 100%
}
.sp-circle-animate {
position: relative
}
.sp-circle-animate__logo {
position: absolute;
top: 50%;
left: 50%;
width: 48%;
transform: translate(-50%, -50%);
font-size: 0
}
.sp-circle-animate__circle {
font-size: 0
}
.cube-perspective-grid {
position: relative
}
.cube-perspective-grid__container {
position: relative;
display: flex;
align-items: center;
min-height: 400px;
perspective: 1000px;
perspective-origin: 50% 50%
}
@media(max-width: 768px) {
.cube-perspective-grid__container {
min-height: 350px
}
}
.cube-perspective-grid__wrap {
margin: auto;
position: relative;
width: 160px;
height: 160px;
transform-style: preserve-3d;
transform: rotateX(330deg) rotateY(314deg);
z-index: 1
}
@media(max-width: 1280px) {
.cube-perspective-grid__wrap {
width: 106px;
height: 106px;
transform: rotateX(330deg) rotateY(315deg)
}
}
.cube-perspective-grid__fragment {
position: absolute;
box-sizing: border-box;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
color: #f9f9f9;
transition: transform .2s, background-color .2s, box-shadow .1s ease-in
}
.cube-perspective-grid__fragment.fragment--front {
transform: translateZ(60px)
}
.cube-perspective-grid__fragment.fragment--back {
transform: translateZ(-100px) rotateY(180deg)
}
.cube-perspective-grid__fragment.fragment--right {
transform: rotateY(-270deg) translateX(100px);
transform-origin: top right
}
.cube-perspective-grid__fragment.fragment--left {
transform: rotateY(270deg) translateX(-100px);
transform-origin: center left
}
.cube-perspective-grid__fragment.fragment--top {
transform: rotateX(-270deg) translateY(-100px);
transform-origin: top center
}
.cube-perspective-grid__fragment.fragment--bottom {
transform: rotateX(90deg) translateY(60px);
transform-origin: bottom center
}
.cube-perspective-grid__fragment.fragment--shadow {
transform: rotateX(270deg) translateY(100px);
transform-origin: bottom center;
background-color: rgba(0, 0, 0, .15);
transition: opacity .2s
}
.cube-perspective-grid__bg-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-48%, -34%);
z-index: -1
}
.cube-perspective-grid__logo {
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
transform: rotateX(90deg) translateY(48px) translateX(-12px);
transform-origin: bottom center;
font-size: 0
}
.cube-perspective-grid__logo svg {
width: 100%
}
.cube-perspective-grid.mobile .fragment--front {
transform: translateZ(60px)
}
.cube-perspective-grid.mobile .fragment--back {
transform: rotateY(180deg) translateZ(46px)
}
.cube-perspective-grid.mobile .fragment--right {
transform: rotateY(-270deg) translateX(46px)
}
.cube-perspective-grid.mobile .fragment--left {
transform: rotateY(270deg) translateX(-46px)
}
.cube-perspective-grid.mobile .fragment--top {
transform: rotateX(-270deg) translateY(-46px)
}
.cube-perspective-grid.mobile .fragment--bottom {
transform: rotateX(90deg) translateY(60px)
}
.cube-perspective-grid.mobile .fragment--shadow {
transform: rotateX(270deg) translateY(46px)
}
.glitch {
white-space: nowrap;
position: relative;
margin: 0 auto;
user-select: none;
cursor: pointer
}
.glitch::after,
.glitch::before {
content: attr(data-text);
position: absolute;
top: 0;
background-color: #4ac18e;
overflow: hidden;
clip-path: inset(0 0 0 0)
}
.glitch:not(.enable-on-hover)::after {
left: 10px;
text-shadow: var(--after-shadow, -10px 0 #4AC18E);
animation: animate-glitch var(--after-duration, 3s) infinite linear alternate-reverse
}
.glitch:not(.enable-on-hover)::before {
left: -10px;
text-shadow: var(--before-shadow, 10px 0 cyan);
animation: animate-glitch var(--before-duration, 2s) infinite linear alternate-reverse
}
.glitch.enable-on-hover::after,
.glitch.enable-on-hover::before {
content: "";
opacity: 0;
animation: none
}
.glitch.enable-on-hover:hover::after {
content: attr(data-text);
opacity: 1;
left: 10px;
text-shadow: var(--after-shadow, -10px 0 #4AC18E);
animation: animate-glitch var(--after-duration, 3s) infinite linear alternate-reverse
}
.glitch.enable-on-hover:hover::before {
content: attr(data-text);
opacity: 1;
left: -10px;
text-shadow: var(--before-shadow, 10px 0 cyan);
animation: animate-glitch var(--before-duration, 2s) infinite linear alternate-reverse
}
@keyframes animate-glitch {
0% {
clip-path: inset(20% 0 50% 0)
}
5% {
clip-path: inset(10% 0 60% 0)
}
10% {
clip-path: inset(15% 0 55% 0)
}
15% {
clip-path: inset(25% 0 35% 0)
}
20% {
clip-path: inset(30% 0 40% 0)
}
25% {
clip-path: inset(40% 0 20% 0)
}
30% {
clip-path: inset(10% 0 60% 0)
}
35% {
clip-path: inset(15% 0 55% 0)
}
40% {
clip-path: inset(25% 0 35% 0)
}
45% {
clip-path: inset(30% 0 40% 0)
}
50% {
clip-path: inset(20% 0 50% 0)
}
55% {
clip-path: inset(10% 0 60% 0)
}
60% {
clip-path: inset(15% 0 55% 0)
}
65% {
clip-path: inset(25% 0 35% 0)
}
70% {
clip-path: inset(30% 0 40% 0)
}
75% {
clip-path: inset(40% 0 20% 0)
}
80% {
clip-path: inset(20% 0 50% 0)
}
85% {
clip-path: inset(10% 0 60% 0)
}
90% {
clip-path: inset(15% 0 55% 0)
}
95% {
clip-path: inset(25% 0 35% 0)
}
100% {
clip-path: inset(30% 0 40% 0)
}
}
.scroll-down-container {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 80px;
font-size: 0;
z-index: 2
}
.scroll-down-container-text {
display: inline-block;
cursor: pointer;
text-decoration: none
}
.scroll-down {
display: inline-block;
width: 34px;
height: 90px;
cursor: pointer
}
.scroll-down__chevron {
position: absolute;
width: 2.1rem;
height: .48rem;
opacity: 0;
transform: scale(0.3);
animation: move-chevron 3s ease-out infinite
}
.scroll-down__chevron:first-child {
animation: move-chevron 3s ease-out 1s infinite
}
.scroll-down__chevron:nth-child(2) {
animation: move-chevron 3s ease-out 2s infinite
}
.scroll-down__chevron:before,
.scroll-down__chevron:after {
content: "";
position: absolute;
top: 0;
height: 100%;
width: 50%;
background-color: #4ac18e;
box-shadow: 0 1px 12px hsla(0, 0%, 100%, .8)
}
.scroll-down__chevron:before {
left: 0;
transform: skewY(30deg)
}
.scroll-down__chevron:after {
right: 0;
width: 50%;
transform: skewY(-30deg)
}
@keyframes move-chevron {
25% {
opacity: 1
}
33.3% {
opacity: 1;
transform: translateY(2.28rem)
}
66.6% {
opacity: 1;
transform: translateY(3.12rem)
}
100% {
opacity: 0;
transform: translateY(4.8rem) scale(0.5)
}
}
.swipe-hand-grid {
display: none
}
.swipe-hand-grid__wrap {
display: flex;
justify-content: center;
color: #cfd0d3
}
.swipe-hand-grid__icon {
animation: swipe .8s alternate infinite;
animation-timing-function: ease
}
@keyframes swipe {
0% {
transform: translateX(10px)
}
100% {
transform: translateX(-10px)
}
}
.three-dots {
max-width: 100%;
word-break: break-word;
overflow: hidden;
display: -moz-box;
display: -webkit-box;
-webkit-box-orient: vertical;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.three-dots.one-line {
line-clamp: 1;
max-height: 18px
}
.three-dots.two-line {
line-clamp: 2;
max-height: 34px
}
.display-i-block {
display: inline-block
}
.cursor-default {
cursor: default
}
.cursor-pointer {
cursor: pointer
}
.m-t-2 {
margin-top: 2px
}
.m-t-4 {
margin-top: 4px
}
.m-t-6 {
margin-top: 6px
}
.m-t-8 {
margin-top: 8px
}
.m-t-10 {
margin-top: 10px
}
.m-t-12 {
margin-top: 12px
}
.m-t-14 {
margin-top: 14px
}
.m-t-16 {
margin-top: 16px
}
.m-t-18 {
margin-top: 18px
}
.m-t-20 {
margin-top: 20px
}
.m-t-22 {
margin-top: 22px
}
.m-t-24 {
margin-top: 24px
}
.m-t-26 {
margin-top: 26px
}
.m-t-28 {
margin-top: 28px
}
.m-t-30 {
margin-top: 30px
}
.m-t-32 {
margin-top: 32px
}
.m-t-34 {
margin-top: 34px
}
.m-t-36 {
margin-top: 36px
}
.m-t-38 {
margin-top: 38px
}
.m-t-40 {
margin-top: 40px
}
.m-t-42 {
margin-top: 42px
}
.m-t-44 {
margin-top: 44px
}
.m-t-46 {
margin-top: 46px
}
.m-t-48 {
margin-top: 48px
}
.m-t-50 {
margin-top: 50px
}
.m-t-52 {
margin-top: 52px
}
.m-t-54 {
margin-top: 54px
}
.m-t-56 {
margin-top: 56px
}
.m-t-58 {
margin-top: 58px
}
.m-t-60 {
margin-top: 60px
}
.m-t-62 {
margin-top: 62px
}
.m-t-64 {
margin-top: 64px
}
.m-t-66 {
margin-top: 66px
}
.m-t-68 {
margin-top: 68px
}
.m-t-70 {
margin-top: 70px
}
.m-t-72 {
margin-top: 72px
}
.m-t-74 {
margin-top: 74px
}
.m-t-76 {
margin-top: 76px
}
.m-t-78 {
margin-top: 78px
}
.m-t-80 {
margin-top: 80px
}
.m-t-82 {
margin-top: 82px
}
.m-t-84 {
margin-top: 84px
}
.m-t-86 {
margin-top: 86px
}
.m-t-88 {
margin-top: 88px
}
.m-t-90 {
margin-top: 90px
}
.m-t-92 {
margin-top: 92px
}
.m-t-94 {
margin-top: 94px
}
.m-t-96 {
margin-top: 96px
}
.m-t-98 {
margin-top: 98px
}
.m-t-100 {
margin-top: 100px
}
.m-r-2 {
margin-right: 2px
}
.m-r-4 {
margin-right: 4px
}
.m-r-6 {
margin-right: 6px
}
.m-r-8 {
margin-right: 8px
}
.m-r-10 {
margin-right: 10px
}
.m-r-12 {
margin-right: 12px
}
.m-r-14 {
margin-right: 14px
}
.m-r-16 {
margin-right: 16px
}
.m-r-18 {
margin-right: 18px
}
.m-r-20 {
margin-right: 20px
}
.m-r-22 {
margin-right: 22px
}
.m-r-24 {
margin-right: 24px
}
.m-r-26 {
margin-right: 26px
}
.m-r-28 {
margin-right: 28px
}
.m-r-30 {
margin-right: 30px
}
.m-r-32 {
margin-right: 32px
}
.m-r-34 {
margin-right: 34px
}
.m-r-36 {
margin-right: 36px
}
.m-r-38 {
margin-right: 38px
}
.m-r-40 {
margin-right: 40px
}
.m-r-42 {
margin-right: 42px
}
.m-r-44 {
margin-right: 44px
}
.m-r-46 {
margin-right: 46px
}
.m-r-48 {
margin-right: 48px
}
.m-r-50 {
margin-right: 50px
}
.m-r-52 {
margin-right: 52px
}
.m-r-54 {
margin-right: 54px
}
.m-r-56 {
margin-right: 56px
}
.m-r-58 {
margin-right: 58px
}
.m-r-60 {
margin-right: 60px
}
.m-r-62 {
margin-right: 62px
}
.m-r-64 {
margin-right: 64px
}
.m-r-66 {
margin-right: 66px
}
.m-r-68 {
margin-right: 68px
}
.m-r-70 {
margin-right: 70px
}
.m-r-72 {
margin-right: 72px
}
.m-r-74 {
margin-right: 74px
}
.m-r-76 {
margin-right: 76px
}
.m-r-78 {
margin-right: 78px
}
.m-r-80 {
margin-right: 80px
}
.m-r-82 {
margin-right: 82px
}
.m-r-84 {
margin-right: 84px
}
.m-r-86 {
margin-right: 86px
}
.m-r-88 {
margin-right: 88px
}
.m-r-90 {
margin-right: 90px
}
.m-r-92 {
margin-right: 92px
}
.m-r-94 {
margin-right: 94px
}
.m-r-96 {
margin-right: 96px
}
.m-r-98 {
margin-right: 98px
}
.m-r-100 {
margin-right: 100px
}
.m-b-2 {
margin-bottom: 2px
}
.m-b-4 {
margin-bottom: 4px
}
.m-b-6 {
margin-bottom: 6px
}
.m-b-8 {
margin-bottom: 8px
}
.m-b-10 {
margin-bottom: 10px
}
.m-b-12 {
margin-bottom: 12px
}
.m-b-14 {
margin-bottom: 14px
}
.m-b-16 {
margin-bottom: 16px
}
.m-b-18 {
margin-bottom: 18px
}
.m-b-20 {
margin-bottom: 20px
}
.m-b-22 {
margin-bottom: 22px
}
.m-b-24 {
margin-bottom: 24px
}
.m-b-26 {
margin-bottom: 26px
}
.m-b-28 {
margin-bottom: 28px
}
.m-b-30 {
margin-bottom: 30px
}
.m-b-32 {
margin-bottom: 32px
}
.m-b-34 {
margin-bottom: 34px
}
.m-b-36 {
margin-bottom: 36px
}
.m-b-38 {
margin-bottom: 38px
}
.m-b-40 {
margin-bottom: 40px
}
.m-b-42 {
margin-bottom: 42px
}
.m-b-44 {
margin-bottom: 44px
}
.m-b-46 {
margin-bottom: 46px
}
.m-b-48 {
margin-bottom: 48px
}
.m-b-50 {
margin-bottom: 50px
}
.m-b-52 {
margin-bottom: 52px
}
.m-b-54 {
margin-bottom: 54px
}
.m-b-56 {
margin-bottom: 56px
}
.m-b-58 {
margin-bottom: 58px
}
.m-b-60 {
margin-bottom: 60px
}
.m-b-62 {
margin-bottom: 62px
}
.m-b-64 {
margin-bottom: 64px
}
.m-b-66 {
margin-bottom: 66px
}
.m-b-68 {
margin-bottom: 68px
}
.m-b-70 {
margin-bottom: 70px
}
.m-b-72 {
margin-bottom: 72px
}
.m-b-74 {
margin-bottom: 74px
}
.m-b-76 {
margin-bottom: 76px
}
.m-b-78 {
margin-bottom: 78px
}
.m-b-80 {
margin-bottom: 80px
}
.m-b-82 {
margin-bottom: 82px
}
.m-b-84 {
margin-bottom: 84px
}
.m-b-86 {
margin-bottom: 86px
}
.m-b-88 {
margin-bottom: 88px
}
.m-b-90 {
margin-bottom: 90px
}
.m-b-92 {
margin-bottom: 92px
}
.m-b-94 {
margin-bottom: 94px
}
.m-b-96 {
margin-bottom: 96px
}
.m-b-98 {
margin-bottom: 98px
}
.m-b-100 {
margin-bottom: 100px
}
.m-l-2 {
margin-left: 2px
}
.m-l-4 {
margin-left: 4px
}
.m-l-6 {
margin-left: 6px
}
.m-l-8 {
margin-left: 8px
}
.m-l-10 {
margin-left: 10px
}
.m-l-12 {
margin-left: 12px
}
.m-l-14 {
margin-left: 14px
}
.m-l-16 {
margin-left: 16px
}
.m-l-18 {
margin-left: 18px
}
.m-l-20 {
margin-left: 20px
}
.m-l-22 {
margin-left: 22px
}
.m-l-24 {
margin-left: 24px
}
.m-l-26 {
margin-left: 26px
}
.m-l-28 {
margin-left: 28px
}
.m-l-30 {
margin-left: 30px
}
.m-l-32 {
margin-left: 32px
}
.m-l-34 {
margin-left: 34px
}
.m-l-36 {
margin-left: 36px
}
.m-l-38 {
margin-left: 38px
}
.m-l-40 {
margin-left: 40px
}
.m-l-42 {
margin-left: 42px
}
.m-l-44 {
margin-left: 44px
}
.m-l-46 {
margin-left: 46px
}
.m-l-48 {
margin-left: 48px
}
.m-l-50 {
margin-left: 50px
}
.m-l-52 {
margin-left: 52px
}
.m-l-54 {
margin-left: 54px
}
.m-l-56 {
margin-left: 56px
}
.m-l-58 {
margin-left: 58px
}
.m-l-60 {
margin-left: 60px
}
.m-l-62 {
margin-left: 62px
}
.m-l-64 {
margin-left: 64px
}
.m-l-66 {
margin-left: 66px
}
.m-l-68 {
margin-left: 68px
}
.m-l-70 {
margin-left: 70px
}
.m-l-72 {
margin-left: 72px
}
.m-l-74 {
margin-left: 74px
}
.m-l-76 {
margin-left: 76px
}
.m-l-78 {
margin-left: 78px
}
.m-l-80 {
margin-left: 80px
}
.m-l-82 {
margin-left: 82px
}
.m-l-84 {
margin-left: 84px
}
.m-l-86 {
margin-left: 86px
}
.m-l-88 {
margin-left: 88px
}
.m-l-90 {
margin-left: 90px
}
.m-l-92 {
margin-left: 92px
}
.m-l-94 {
margin-left: 94px
}
.m-l-96 {
margin-left: 96px
}
.m-l-98 {
margin-left: 98px
}
.m-l-100 {
margin-left: 100px
}
.transformation-color-block-to-image {
position: relative;
width: 100%;
height: 100%;
overflow: hidden
}
.transformation-color-block-to-image.is-visible .transformation-color-block-to-image__img {
opacity: 1;
transition-delay: .6s;
transition-property: opacity
}
.transformation-color-block-to-image.is-visible .transformation-color-block-to-image__box {
animation: imageOverlay 1s;
animation-timing-function: ease-out, ease-in
}
.transformation-color-block-to-image__img {
width: 100%;
height: 100%;
border: 1px solid #449da7;
font-size: 0;
opacity: 0;
transition: opacity .3s
}
.transformation-color-block-to-image__img img {
height: 100%;
width: 100%;
object-fit: cover
}
.transformation-color-block-to-image__box {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #4ac18e;
transform: scaleX(0);
transition: transform .3s;
z-index: 1
}
@keyframes imageOverlay {
0% {
transform: scaleX(0);
transform-origin: left
}
65% {
transform-origin: left;
transform: scaleX(1)
}
66% {
transform-origin: right
}
70% {
transform: scaleX(1);
transform-origin: right
}
100% {
transform: scaleX(0);
transform-origin: right
}
}
.sp-transform-img-grid__switcher {
display: flex;
justify-content: flex-end;
margin-bottom: 22px
}
.sp-transform-img-grid__switcher span.MuiSwitch-root {
width: 64px;
height: 32px;
border-radius: 24px
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher span.MuiSwitch-root {
width: 48px;
height: 24px
}
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-track {
background-color: rgba(249, 249, 249, .3)
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase {
padding: 4px
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase {
padding: 3px
}
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase .MuiTouchRipple-root .MuiTouchRipple-child {
background-color: rgba(249, 249, 249, .3)
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase .MuiSwitch-thumb {
width: 24px;
height: 24px
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase .MuiSwitch-thumb {
width: 18px;
height: 18px
}
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked {
transform: translateX(32px)
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked {
transform: translateX(24px)
}
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked:active {
transition: transform .3s, background-color .1s, width .1s;
transform: translateX(24px)
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked:active {
transform: translateX(16px)
}
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track {
background-color: rgba(249, 249, 249, .3)
}
.sp-transform-img-grid__switcher span.MuiSwitch-root:active .MuiSwitch-thumb {
width: 32px
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher span.MuiSwitch-root:active .MuiSwitch-thumb {
width: 24px
}
}
.sp-transform-img-grid__switcher .switch-grid__row {
display: flex;
align-items: center
}
.sp-transform-img-grid__switcher .switch-grid__col--left {
margin-right: 16px
}
.sp-transform-img-grid__switcher .switch-grid__col--right {
margin-left: 16px
}
.sp-transform-img-grid__switcher p.MuiTypography-body2 {
font-size: 18px
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher p.MuiTypography-body2 {
font-size: 12px
}
}
@media(max-width: 1024px) {
.sp-transform-img-grid__switcher p.MuiTypography-body2 {
font-size: 11px
}
}
@media(max-width: 768px) {
.sp-transform-img-grid__switcher p.MuiTypography-body2 {
font-size: 14px
}
}
.sp-transform-img-grid__container {
box-shadow: 0 24px 40px rgba(0, 0, 0, .25);
overflow: hidden
}
.sp-transform-img-grid__container.bordered {
border: 1px solid rgba(74, 193, 142, .5);
border-radius: 4px
}
.sp-after-before-img-slider {
position: relative;
overflow: hidden
}
.sp-after-before-img-slider__front {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
transform: translateX(-100%);
transition: transform 1s;
font-size: 0
}
.sp-after-before-img-slider__front img {
width: 99%
}
.sp-after-before-img-slider__thumb {
margin-right: 4px;
height: 100%;
width: 4px;
min-width: 5px;
border-radius: 4px;
box-shadow: 0 4px 15px rgba(0, 0, 0, .75), 0 2px 38px rgba(0, 0, 0, .75)
}
.sp-after-before-img-slider__back {
font-size: 0
}
.sp-after-before-img-slider__back img {
width: 100%
}
.sp-after-before-img-slider.is-transform .sp-after-before-img-slider__front {
transform: translateX(0)
}
.sp-after-before-img-slider.is-transform .sp-after-before-img-slider__thumb {
margin-left: -5px;
margin-right: 0
}
.pipedrive-modal-grid.MuiDialog-root .MuiPaper-root.MuiDialog-paper {
margin: 32px 16px;
padding: 32px 24px;
width: 100%
}
.pipedrive-modal-grid .pipedriveWebForms {
width: 100%;
height: 690px;
overflow: hidden
}
.pipedrive-modal-grid .pipedriveWebForms iframe {
border: none;
overflow: hidden;
width: 100%;
max-width: 768px;
height: 100%;
position: relative
}
.access-modal-grid.MuiDialog-root .MuiPaper-root {
margin: 16px;
width: 100%;
max-width: 800px
}
.access-modal-grid.MuiDialog-root .MuiPaper-root.MuiDialog-paper .MuiDialogActions-root {
justify-content: center
}
.access-modal-grid__line {
font-size: 0;
text-align: center
}
.access-modal-grid__row {
display: flex;
justify-content: center
}
@media(max-width: 600px) {
.access-modal-grid__row {
flex-wrap: wrap
}
}
.access-modal-grid__col {
padding: 0 26px;
flex: 1 1 33.33%
}
@media(max-width: 768px) {
.access-modal-grid__col {
padding: 0 10px
}
}
@media(max-width: 600px) {
.access-modal-grid__col {
flex: 1 1 100%
}
.access-modal-grid__col .access-modal-grid__description {
max-width: 260px;
margin: 0 auto
}
}
.access-modal-grid__icon {
text-align: center
}
.sp-title-gradient.start {
background: -webkit-linear-gradient(left, #4AC18E, #68ECFF);
background: -o-linear-gradient(right, #4AC18E, #68ECFF);
background: -moz-linear-gradient(right, #4AC18E, #68ECFF);
background: linear-gradient(to right, #4AC18E, #68ECFF);
background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.sp-title-gradient.start .end-text {
background: -webkit-linear-gradient(left, #F9F9F9, #F9F9F9);
background: -o-linear-gradient(right, #F9F9F9, #F9F9F9);
background: -moz-linear-gradient(right, #F9F9F9, #F9F9F9);
background: linear-gradient(to right, #F9F9F9, #F9F9F9);
background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.sp-title-gradient.end {
background: -webkit-linear-gradient(left, #F9F9F9, #F9F9F9);
background: -o-linear-gradient(right, #F9F9F9, #F9F9F9);
background: -moz-linear-gradient(right, #F9F9F9, #F9F9F9);
background: linear-gradient(to right, #F9F9F9, #F9F9F9);
background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.sp-title-gradient.end .end-text {
background: -webkit-linear-gradient(left, #4AC18E, #68ECFF);
background: -o-linear-gradient(right, #4AC18E, #68ECFF);
background: -moz-linear-gradient(right, #4AC18E, #68ECFF);
background: linear-gradient(to right, #4AC18E, #68ECFF);
background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.sp-title-gradient .MuiTypography-root {
font-size: inherit !important;
line-height: 1.1
}
.sp-title-gradient .MuiTypography-root span.MuiTypography-root {
font-size: inherit;
font-weight: inherit;
line-height: inherit
}
.sp-ellipse {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
z-index: -1
}
.sp-ellipse.green {
background: radial-gradient(50% 50% at 50% 50%, rgba(26, 255, 157, 0.3) 0%, rgba(98, 249, 184, 0) 100%)
}
.sp-ellipse.blue {
background: radial-gradient(50% 50% at 50% 50%, rgba(104, 236, 255, 0.35) 0%, rgba(104, 236, 255, 0) 100%)
}
.promo-modal-grid.MuiDialog-root .MuiPaper-root {
margin: 32px 16px;
width: 100%;
max-width: 960px;
position: relative;
border-radius: 2px;
border: 1px solid #4ac18e;
background-color: #292c3d;
clip-path: polygon(1.7em 0%, 100% 0, 100% calc(100% - 1.7em), calc(100% - 1.7em) 100%, 0 100%, 0% 1.7em);
z-index: 1;
overflow: hidden
}
.promo-modal-grid.MuiDialog-root .MuiPaper-root::before {
content: "";
display: block;
position: absolute;
top: 13px;
left: -9px;
width: 42px;
height: 1px;
background-color: #4ac18e;
transform: rotate(-45deg)
}
.promo-modal-grid.MuiDialog-root .MuiPaper-root::after {
content: "";
display: block;
position: absolute;
right: -9px;
bottom: 13px;
width: 42px;
height: 1px;
background-color: #4ac18e;
transform: rotate(-45deg)
}
.promo-modal-grid.MuiDialog-root .MuiPaper-root.MuiDialog-paper .MuiDialogTitle-root {
padding: 40px 16px 0;
text-align: center
}
.promo-modal-grid.MuiDialog-root .MuiPaper-root.MuiDialog-paper .MuiDialogTitle-root .MuiButtonBase-root {
right: 10px;
top: 10px
}
.promo-modal-grid.MuiDialog-root .MuiPaper-root.MuiDialog-paper .MuiDialogContent-root {
padding: 32px 20px 46px
}
@media(max-width: 768px) {
.promo-modal-grid.MuiDialog-root .MuiPaper-root.MuiDialog-paper .MuiDialogContent-root {
padding: 24px 16px 36px
}
}
.promo-modal-body {
max-width: 770px;
margin: 0 auto
}
.promo-modal-body__title {
text-align: center
}
.promo-modal-body__ellipse--left .sp-ellipse {
top: 5%;
left: -22%;
z-index: -1
}
.promo-modal-body__ellipse--right .sp-ellipse {
top: 30%;
right: -140%;
left: auto;
z-index: -1
}
.promo-modal-body__ellipse--bottom .sp-ellipse {
top: 120%;
left: 0;
transform: translate(-50%, -50%);
z-index: -1
}
.promo-modal-step-box__btn {
text-align: center
}
.promo-modal-step-box__btn button.MuiButton-root.MuiButton-containedSuccess {
color: #292c3d
}
.promo-modal-step-box__description a.MuiLink-root {
line-height: 1.2
}
.promo-modal-step-box__link {
text-align: center;
color: #4ac18e
}
.promo-modal-step-box__link a.MuiLink-root:after {
bottom: 0
}
.promo-modal-step-box__link a.MuiLink-root.three-dots.one-line {
max-height: 21px;
height: 21px
}
.promo-modal-steps {
display: flex;
align-items: center;
justify-content: center
}
.promo-modal-steps.is-active .promo-modal-step-item:first-of-type {
border-color: #4ac18e;
opacity: 1
}
.promo-modal-steps.is-active .promo-modal-step-line {
background-color: #4ac18e
}
.promo-modal-step-item {
padding: 2px 4px;
min-width: 80px;
border: 1px solid #cfd0d3;
border-radius: 8px;
opacity: .5
}
.promo-modal-step-item.is-active {
background-color: rgba(74, 193, 142, .2);
border-color: #4ac18e;
box-shadow: 0 0 8px rgba(74, 193, 142, .75);
opacity: 1
}
.promo-modal-step-line {
width: 100%;
min-width: 20px;
max-width: 56px;
height: 1px;
background-color: rgba(207, 208, 211, .5)
}
.promo-key-cell {
display: flex;
align-items: center;
justify-content: center
}
.promo-key-cell__inner {
display: flex;
align-items: center;
justify-content: center;
padding: 14px 28px;
background: #3b3d4f;
border: 1px solid rgba(207, 208, 211, .3);
border-radius: 4px
}
@media(max-width: 768px) {
.promo-key-cell__inner {
padding: 14px 20px
}
}
.contact-us-grid .MuiBox-root {
padding: 0
}
.contact-us-menu-item-grid {
display: flex;
align-items: center;
gap: 8px;
padding: 12px;
cursor: pointer;
transition: background-color .1s
}
.contact-us-menu-item-grid:hover {
background-color: #4e5060
}
.contact-us-menu-item-grid__icon {
font-size: 0
}
.contact-us-menu-item-grid__text {
text-transform: uppercase
}
.cookie-container {
position: fixed;
right: 0;
bottom: 0 !important;
left: 0;
padding: 24px 40px 12px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 0;
box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
background-color: #f9f9f9;
z-index: 1400
}
@media(max-width: 1024px) {
.cookie-container {
padding: 12px 14px 6px
}
}
@media(max-width: 768px) {
.cookie-container {
flex-direction: column;
justify-content: center
}
}
.cookie-content {
margin: 0 0 12px;
flex: 1 1 70%
}
@media(max-width: 768px) {
.cookie-content {
margin: 0 0 16px
}
}
.cookie-content-link {
color: #4ac18e;
text-decoration: none
}
.cookie-content-link:hover {
text-decoration: underline
}
.cookie-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1400;
background-color: rgba(0, 0, 0, .7)
}
.cookie-list {
margin-bottom: 12px;
display: flex;
flex-direction: row-reverse
}
@media(max-width: 1024px) {
.cookie-list {
flex-direction: column-reverse
}
}
@media(max-width: 768px) {
.cookie-list {
flex-direction: row-reverse
}
}
.cookie-list__btn {
padding: 7px 16px;
min-height: 48px;
border-radius: 4px;
font-family: "Inter", sans-serif;
font-weight: 500;
font-size: 14px;
color: #292c3d;
text-transform: uppercase;
white-space: nowrap
}
@media(max-width: 768px) {
.cookie-list__btn {
min-height: 32px
}
}
.cookie-list__btn--accept {
margin-right: 16px;
background-color: #4ac18e
}
.cookie-list__btn--accept:active,
.cookie-list__btn--accept:focus {
color: #292c3d
}
.cookie-list__btn--accept:active:hover,
.cookie-list__btn--accept:focus:hover {
color: #292c3d
}
.cookie-list__btn--accept:hover {
background-color: #3bac7c
}
@media(max-width: 1024px) {
.cookie-list__btn--accept {
margin-bottom: 12px;
margin-right: 0
}
}
@media(max-width: 768px) {
.cookie-list__btn--accept {
margin-right: 10px;
margin-bottom: 0
}
}
.cookie-list__btn--settings {
border: 1px solid #4ac18e;
background-color: rgba(0, 0, 0, 0)
}
.cookie-list__btn--settings:active,
.cookie-list__btn--settings:focus {
color: #f9f9f9;
background-color: #3bac7c;
border-color: #3bac7c
}
.cookie-list__btn--settings:active:hover,
.cookie-list__btn--settings:focus:hover {
color: #f9f9f9
}
.cookie-list__btn--settings:hover {
background-color: #3bac7c;
border-color: #3bac7c;
color: #f9f9f9
}
.cookie-grid__row {
display: flex
}
@media(max-width: 768px) {
.cookie-grid__row {
flex-wrap: wrap
}
}
.cookie-grid__col {
margin-right: 22px
}
@media(max-width: 768px) {
.cookie-grid__col {
margin-right: 0
}
}
.cookie-grid__more-less .more-less-html {
max-width: none
}
.sp-dashed-line {
font-size: 0
}
.sp-nav-bar {
position: absolute;
top: 120px;
left: 16px;
bottom: 130px;
z-index: 5
}
.sp-nav-bar__wrap {
position: sticky;
top: 240px;
margin: 140px -45px 0 0
}
.sp-nav-bar__inner {
padding: 2px 2px 2px 0;
background-color: rgba(104, 211, 165, .5);
clip-path: polygon(0 0, 100% 30px, 100% calc(100% - 30px), 0% 100%)
}
.sp-nav-bar__list {
position: relative;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 30px 0;
background: #1d202e;
clip-path: polygon(0 0, 100% 29px, 100% calc(100% - 29px), 0% 100%)
}
.sp-nav-bar__text {
position: absolute;
top: 50%;
right: -22px;
height: 200%;
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 11px;
line-height: 1.4;
text-align: center;
letter-spacing: 3px;
text-transform: uppercase;
color: rgba(249, 249, 249, .5);
writing-mode: vertical-rl;
text-orientation: mixed;
transform: translateY(-50%);
transition: opacity .1s;
opacity: 0;
z-index: 4
}
.sp-nav-bar__text.is-hover {
opacity: 1
}
.sp-nav-bar__item {
position: relative;
padding: 10px;
z-index: 4
}
.sp-nav-bar__btn {
position: relative;
width: 20px;
height: 20px;
min-width: 20px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(0, 0, 0, 0);
cursor: pointer;
transition: border-color .1s
}
.sp-nav-bar__btn::after {
content: "";
display: block;
width: 10px;
height: 10px;
min-width: 10px;
background-color: rgba(249, 249, 249, .2);
transition: background-color .1s
}
.sp-nav-bar__btn.is-active {
border-color: #4ac18e
}
.sp-nav-bar__btn.is-active::after {
background-color: #4ac18e
}
.sp-nav-bar__btn:hover {
border-color: #4ac18e
}
.sp-nav-bar__btn:hover::after {
background-color: #4ac18e
}
.sp-default-layout-box {
position: relative;
padding: 58px 0
}
@media(max-width: 1024px) {
.sp-default-layout-box {
padding: 40px 0
}
.sp-default-layout-box .sp-nav-bar {
display: none
}
}
.sp-default-layout-box__title {
display: flex;
align-items: center;
min-height: 70px;
position: absolute;
right: 4%;
top: 0;
width: 100%;
max-width: 506px;
background: linear-gradient(135deg, transparent 16px, #3B3D4F 0);
box-shadow: 0 3px 7px rgba(0, 0, 0, .15), 0 14px 21px rgba(0, 0, 0, .15);
z-index: 2
}
@media(max-width: 1280px) {
.sp-default-layout-box__title {
max-width: 440px;
min-height: 60px;
background: linear-gradient(135deg, transparent 14px, #3B3D4F 0)
}
}
@media(max-width: 1024px) {
.sp-default-layout-box__title {
max-width: 366px;
min-height: 50px;
background: linear-gradient(135deg, transparent 12px, #3B3D4F 0)
}
}
@media(max-width: 768px) {
.sp-default-layout-box__title {
max-width: 208px;
min-height: 32px;
background: linear-gradient(135deg, transparent 10px, #3B3D4F 0)
}
}
.sp-default-layout-box__title-inner {
padding-left: 40px
}
.sp-default-layout-box__title-inner::after {
content: attr(data-lable);
display: block;
position: absolute;
top: 50%;
right: 5%;
width: 100%;
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
color: #f9f9f9;
letter-spacing: 7px;
text-transform: uppercase;
text-align: right;
transform: translateY(-50%);
z-index: 3
}
@media(max-width: 1280px) {
.sp-default-layout-box__title-inner::after {
font-size: 14px
}
}
@media(max-width: 1024px) {
.sp-default-layout-box__title-inner::after {
font-size: 12px
}
}
@media(max-width: 768px) {
.sp-default-layout-box__title-inner::after {
font-size: 10px
}
}
.sp-default-layout-box__title-icon {
margin: 5px 0;
padding-top: 3px;
width: 185px;
height: 60px;
overflow: hidden;
font-size: 0
}
@media(max-width: 1280px) {
.sp-default-layout-box__title-icon {
width: 160px;
height: 50px
}
}
@media(max-width: 1024px) {
.sp-default-layout-box__title-icon {
width: 134px;
height: 42px
}
}
@media(max-width: 768px) {
.sp-default-layout-box__title-icon {
width: 84px;
height: 26px
}
}
.sp-default-layout-box__title-icon svg {
width: 100%
}
.sp-default-layout-box__overflow {
box-shadow: 0 24px 40px rgba(0, 0, 0, .2);
overflow: hidden
}
.sp-default-layout-box__content {
min-height: 500px;
padding: 0 100px
}
@media(max-width: 1280px) {
.sp-default-layout-box__content {
padding: 0 80px
}
}
@media(max-width: 1024px) {
.sp-default-layout-box__content {
padding: 0 58px
}
}
@media(max-width: 768px) {
.sp-default-layout-box__content {
padding: 0 16px
}
}
.sp-default-layout-box__inner {
position: relative;
background: linear-gradient(135deg, transparent 16px, #292C3D 0)
}
.sp-default-layout-box__inner::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 1px;
border-radius: 3px;
background-color: rgba(74, 193, 142, .1);
z-index: 2
}
.sp-default-layout-box__inner::after {
content: "";
display: block;
position: absolute;
top: 22px;
bottom: -20px;
left: 0;
width: 1px;
border-radius: 4px;
background-color: rgba(74, 193, 142, .1);
z-index: 2
}
.sp-default-layout-box__header {
position: relative;
height: 16px;
margin-left: 20px;
border-radius: 3px;
border-top: 1px solid rgba(74, 193, 142, .3)
}
.sp-default-layout-box__header::before {
content: "";
display: block;
position: absolute;
top: 10px;
left: -24px;
height: 1px;
width: 31px;
border-radius: 4px;
background-color: rgba(74, 193, 142, .3);
transform: rotate(-45deg);
z-index: 2
}
.sp-default-layout-box__footer {
position: relative;
margin-top: -1px;
margin-right: 22px;
height: 22px;
border-radius: 0 0 2px 0;
border-bottom: 1px solid rgba(74, 193, 142, .3);
background-color: #292c3d
}
.sp-default-layout-box__footer::before {
content: "";
display: block;
position: absolute;
top: -1px;
right: -21px;
border: 11px solid #292c3d;
border-right-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(0, 0, 0, 0);
z-index: 2
}
.sp-default-layout-box__footer::after {
content: "";
display: block;
position: absolute;
top: 10px;
right: -26px;
height: 1px;
width: 31px;
border-radius: 4px;
background-color: rgba(74, 193, 142, .3);
transform: rotate(-44deg);
z-index: 2
}
.sp-default-layout-box__line {
font-size: 0;
overflow: hidden
}
.sp-default-layout-box__line svg {
width: 1440px
}
.sp-default-layout-box__line--bottom {
transform: rotate(180deg)
}
.error-page {
padding: 36px 0 60px;
background: rgba(0, 0, 0, 0) no-repeat 50% 50%;
background-size: cover
}
.error-page .error-page__logo {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin-bottom: 36px
}
.error-page__wrap {
min-height: calc(100vh - 200px);
display: flex;
align-items: center;
justify-content: center;
text-align: center
}
.error-page__wrap .error-page__body {
max-width: 500px
}
.error-page__wrap .error-page__body .item {
margin-bottom: 16px
}
.nav-list {
display: flex;
align-items: center
}
@media(max-width: 600px) {
.nav-list {
justify-content: flex-end
}
}
.nav-list__item span.MuiButton-root.MuiButton-containedPrimary {
padding: 0;
min-height: 32px;
height: 32px;
min-width: 32px;
background-color: #3b3d4f;
border-color: rgba(0, 0, 0, 0)
}
.nav-list__item span.MuiButton-root.MuiButton-containedPrimary .MuiTouchRipple-root {
border-radius: 4px
}
.nav-list__item span.MuiButton-root.MuiButton-containedPrimary .MuiButton-startIcon {
margin-right: -3px
}
.nav-list__item .MuiBox-root {
min-width: auto;
max-width: 700px
}
@media(max-width: 768px) {
.nav-list__item .MuiBox-root {
max-width: 350px
}
}
@media(max-width: 600px) {
.nav-list__item .MuiBox-root {
max-width: 150px
}
}
@media(max-width: 450px) {
.nav-list__item .MuiBox-root {
max-width: 90px
}
}
.nav-list__item .MuiOutlinedInput-root {
min-height: 30px
}
.nav-list__item .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,
.nav-list__item .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
.nav-list__item .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
border: none
}
.nav-list__item .MuiOutlinedInput-root .MuiSelect-icon {
font-size: 20px
}
@media(max-width: 600px) {
.nav-list__item .MuiOutlinedInput-root .MuiSelect-icon {
right: -4px
}
}
.nav-list__item .MuiFormControl-root .MuiSelect-nativeInput {
min-height: 30px;
padding-left: 0
}
.nav-list__item .MuiFormControl-root .MuiSelect-select {
padding: 0 32px 0 0;
min-height: 30px;
line-height: 30px
}
@media(max-width: 600px) {
.nav-list__item .MuiFormControl-root .MuiSelect-select.MuiSelect-outlined {
padding: 0 16px 0 0
}
}
.nav-list__item .MuiFormControl-root .MuiOutlinedInput-notchedOutline {
border: none;
background-color: rgba(0, 0, 0, 0)
}
.nav-list__item .MuiFormControl-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,
.nav-list__item .MuiFormControl-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,
.nav-list__item .MuiFormControl-root .MuiOutlinedInput-root.Mui-focused:hover .MuiOutlinedInput-notchedOutline {
border-color: rgba(0, 0, 0, 0)
}
.nav-list__item .import-result span.MuiButton-root.MuiButton-containedPrimary {
min-height: 16px;
height: 16px;
min-width: 16px;
border-radius: 50%
}
.prime-hunt-button {
position: relative
}
.prime-hunt-button a.MuiButton-root {
font-size: 12px
}
.prime-hunt-button a.MuiButton-root.MuiButtonBase-root.MuiButton-root {
color: #fff
}
.prime-hunt-button a.MuiButton-root.MuiButton-sizeSmall {
height: 24px
}
.prime-hunt-button__icon {
position: absolute;
top: 4px;
right: 4px;
font-size: 0
}
.prime-hunt-list-buttons {
display: flex
}
.prime-hunt-link {
color: #999baa
}
.prime-hunt-link:hover {
color: #4ac18e
}
.prime-hunt-list-links {
display: flex;
align-items: center
}
.prime-hunt-list-links__line {
width: 1px;
height: 22px;
background-color: #999baa
}
.prime-hunt-grid.button {
position: relative;
padding: 10px 14px;
background-color: rgba(0, 0, 0, 0);
border-radius: 4px;
transition: color
}
@media(max-width: 1151px) {
.prime-hunt-grid.button {
padding-inline: 24px
}
}
.prime-hunt-grid.button::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 4px;
border-radius: 4px;
background-color: #4ac18e;
opacity: 0;
transition: opacity .1s;
z-index: 1
}
.prime-hunt-grid.button:hover {
background: linear-gradient(90deg, rgba(74, 193, 142, 0.15) 0%, rgba(104, 236, 255, 0.15) 100%)
}
.prime-hunt-grid.button:hover::before {
opacity: 1
}
.prime-hunt-grid.button .prime-hunt-grid__text {
color: #fff
}
.prime-hunt-grid.link .prime-hunt-grid__text {
color: #fff
}
.prime-hunt-grid.link .prime-hunt-grid__text p.MuiTypography-root {
font-weight: 600
}
@media(min-width: 1025px) {
.footer-grid .footer-privacy-list {
max-width: 450px
}
}
.footer-grid__row {
gap: 30px
}
@media(max-width: 500px) {
.footer-grid__row {
column-gap: 50px
}
}
@media(max-width: 500px) {
.footer-grid__row {
column-gap: 24px
}
}
@media(max-width: 1024px) {
.footer-grid__col {
max-width: calc(50% - 15px)
}
.footer-grid__col:nth-child(3) {
margin-top: -70px
}
.footer-grid__col:nth-child(5) {
margin-top: -126px
}
.footer-grid__col:nth-child(6) {
order: 4
}
}
@media(max-width: 625px) {
.footer-grid__col:nth-child(5) {
margin-top: -148px
}
}
@media(max-width: 500px) {
.footer-grid__col {
max-width: 158px
}
.footer-grid__col:nth-child(3) {
margin-top: -176px
}
.footer-grid__col:nth-child(5) {
margin-top: -210px
}
}
.sp-header {
position: sticky;
top: 0
}
.sp-header .sp-header__col--center {
position: relative
}
.sp-header .sp-header__col--center::before,
.sp-header .sp-header__col--center::after {
content: "";
position: absolute;
top: 12px;
height: calc(100% - 24px);
width: 1px;
background-color: hsla(0, 0%, 100%, .2)
}
.sp-header .sp-header__col--center::before {
left: 0
}
.sp-header .sp-header__col--center::after {
right: 0
}
.sp-header-button-list a.header-button-auth,
.sp-header-button-list button.header-button-auth {
min-width: 40px
}
.sp-header-button-list a.header-button-auth.MuiButton-root.MuiButton-sizeLarge,
.sp-header-button-list button.header-button-auth.MuiButton-root.MuiButton-sizeLarge {
padding: 0
}
.sp-header-button-list a.header-button-demo.MuiButton-root.MuiButton-sizeLarge,
.sp-header-button-list button.header-button-demo.MuiButton-root.MuiButton-sizeLarge {
padding: 0 12px;
font-size: 13px;
font-weight: 550
}
@media(max-width: 1151px) {
.sp-header-button-list a.header-button-demo.MuiButton-root.MuiButton-sizeLarge,
.sp-header-button-list button.header-button-demo.MuiButton-root.MuiButton-sizeLarge {
padding: 8px 12px
}
}
@media(max-width: 1151px) {
.sp-header-burger .header-button-demo.MuiButtonBase-root.MuiButton-root.MuiButton-sizeLarge {
height: 32px;
font-size: 13px;
padding: 2px 12px
}
}
.sp-hexagon-grid__container {
position: relative;
height: 526px;
width: 630px
}
@media(max-width: 1280px) {
.sp-hexagon-grid__container {
height: 474px;
width: 568px
}
}
.sp-hexagon-grid__row {
display: flex;
width: 100%
}
.sp-hexagon-grid__row--up {
margin-left: 80px
}
.sp-hexagon-grid__item {
position: absolute;
transform: translate(-50%, -50%);
transition: transform .2s;
z-index: 1
}
.sp-hexagon-grid__item:hover {
transform: scale(1) !important;
z-index: 2
}
.sp-hexagon-grid__item:hover.right {
transform: scale(1) translateX(30%) !important
}
.sp-hexagon-grid__item:hover.left {
transform: scale(1) translateX(-30%) !important
}
.sp-hexagon-grid__item:hover.top {
transform: scale(1) translateY(-30%) !important
}
.sp-hexagon-grid__item:hover .sp-hexagon-item__front {
transform: perspective(600px) rotateY(-180deg)
}
.sp-hexagon-grid__item:hover .sp-hexagon-item__back {
transform: perspective(600px) rotateY(0deg)
}
.sp-hexagon-grid__item:hover .sp-hexagon-item__icon svg {
width: 100%
}
.sp-hexagon-grid__item:hover .sp-hexagon-item__icon svg path:first-of-type {
stroke: #4ac18e
}
.sp-hexagon-grid__item:hover .sp-hexagon-item__icon::after {
box-shadow: 0 0 32px #4ac18e
}
.sp-hexagon-item {
position: relative;
width: 190px;
height: 210px
}
@media(max-width: 1280px) {
.sp-hexagon-item {
width: 170px;
height: 190px
}
}
.sp-hexagon-item__box {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.sp-hexagon-item__back,
.sp-hexagon-item__front {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
backface-visibility: hidden;
transition: transform .6s linear
}
.sp-hexagon-item__front {
transform: perspective(600px) rotateY(0deg)
}
.sp-hexagon-item__back {
transform: perspective(600px) rotateY(180deg)
}
.sp-hexagon-item__logo {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
color: #f9f9f9;
z-index: 1
}
.sp-hexagon-item__logo svg {
height: 100%;
max-width: 100px;
max-height: 54px;
width: auto;
opacity: .5
}
.sp-hexagon-item__content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 34px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center
}
.sp-hexagon-item__icon {
font-size: 0
}
.sp-hexagon-item__icon::after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 130px;
height: 130px;
border-radius: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 0 32px rgba(153, 155, 170, .7);
z-index: -1;
transition: box-shadow .2s
}
@media(max-width: 1280px) {
.sp-hexagon-item__icon::after {
width: 118px;
height: 118px
}
}
.sp-hexagon-item__icon svg {
width: 100%
}
.sp-hexagon-item__icon svg path:first-of-type {
stroke: #3b3d4f;
transition: stroke .2s
}
.sub-title {
display: flex;
align-items: center
}
.nav-grid {
padding: 16px 0 0 18px
}
@media(max-width: 1024px) {
.nav-grid {
padding: 22px 0 0;
margin-bottom: 15px
}
}
.nav-grid__row {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap
}
@media(max-width: 600px) {
.nav-grid__col {
flex: 1 1 100%
}
}
@media(max-width: 600px) {
.nav-grid__col--left {
margin-bottom: 12px
}
}
.nav-grid-inner {
display: flex;
align-items: center;
flex-wrap: wrap
}
@media(max-width: 600px) {
.nav-grid-inner {
justify-content: space-between
}
}
.nav-grid-inner__col--left {
margin-right: 32px
}
.nav-grid-inner__col--right {
margin-right: 32px
}
.import-result {
display: flex;
align-items: center
}
.search-result-amount {
display: flex;
align-items: flex-end
}
.search-result-amount__count {
margin-right: 4px
}
.search-result-page-grid {
min-height: 100vh;
overflow: hidden
}
@media(max-width: 768px) {
.search-result-page-grid .MuiPaper-root .MuiButtonBase-root.MuiAccordionSummary-root,
.search-result-page-grid .MuiPaper-root .MuiCollapse-wrapper .MuiAccordionDetails-root {
padding: 15px 12px
}
}
@media(max-width: 768px) {
.search-result-page-grid .accordion-item {
flex-wrap: wrap
}
.search-result-page-grid .accordion-item__col--left {
flex: 1 1 100%;
margin-right: 0;
margin-bottom: 12px
}
}
.search-result-page-grid__row {
display: flex;
min-height: calc(100vh - 116px);
overflow: hidden
}
@media(max-width: 1024px) {
.search-result-page-grid__row {
flex-wrap: wrap;
min-height: auto
}
}
@media(max-width: 768px) {
.search-result-page-grid__row {
margin-bottom: 24px;
flex-wrap: wrap
}
}
.search-result-page-grid__search-mobile {
margin-top: 15px;
margin-bottom: 15px
}
.search-result-page-grid__search-mobile div.autocomplete .MuiAutocomplete-root .MuiFilledInput-root {
padding: 0 56px 0 8px;
height: 36px;
background-color: #3b3d4f
}
.search-result-page-grid__search-mobile div.autocomplete .MuiAutocomplete-root .MuiIconButton-root {
width: 28px;
height: 28px
}
.search-result-page-grid__search-mobile div.autocomplete .MuiAutocomplete-root .MuiIconButton-root.MuiAutocomplete-clearIndicator {
margin-right: 0
}
.search-result-page-grid__search-mobile div.autocomplete .MuiAutocomplete-root.Mui-focused:hover .MuiFilledInput-root,
.search-result-page-grid__search-mobile div.autocomplete .MuiAutocomplete-root.Mui-hover:hover .MuiFilledInput-root {
background-color: #3b3d4f
}
.search-result-page-grid__aside {
padding: 16px 0 22px 18px;
flex: 1 1 270px;
max-width: 270px;
min-width: 270px
}
@media(max-width: 1024px) {
.search-result-page-grid__aside {
padding: 0;
flex: 1 1 100%;
max-width: none;
min-width: auto;
min-height: auto;
max-height: none
}
}
@media(max-width: 768px) {
.search-result-page-grid__aside {
border-right: none;
max-width: 100%;
flex: 1 1 100%
}
}
.search-result-page-grid__main {
padding: 16px 0 0 18px;
flex: 1 1 auto
}
@media(max-width: 1024px) {
.search-result-page-grid__main {
padding: 0;
flex: 1 1 100%
}
}
.search-result-page-grid .sp-header-search div.autocomplete .MuiAutocomplete-root:hover:not(.Mui-focused) button.MuiIconButton-root.MuiAutocomplete-clearIndicator {
visibility: hidden
}
.search-result-page-grid .sp-header.borders .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text {
position: relative;
margin: 0 12px;
min-width: auto;
min-height: auto;
padding: 0
}
.search-result-page-grid .sp-header.borders .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text::after {
display: block;
content: "";
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
height: 1px;
background-color: #4ac18e;
transform: scaleX(0);
transition: transform .15s
}
.search-result-page-grid .sp-header.borders .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text:hover {
color: #4ac18e
}
.search-result-page-grid .sp-header.borders .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text:hover::after {
transform: scaleX(1)
}
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2):hover .submenu {
left: -200px
}
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2) .submenu.submenu--width-lg {
min-width: 865px
}
@media(max-width: 1151px) {
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2) .submenu.submenu--width-lg {
min-width: auto
}
}
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2) .submenu.submenu--width-lg .submenu__col {
flex: 1 1 50%
}
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2) .submenu.submenu--width-lg .submenu__col--right {
min-width: auto;
max-width: none;
padding-inline: 24px 0;
padding-top: 0
}
@media(max-width: 1024px) {
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2) .submenu.submenu--width-lg .submenu__col--right {
padding-left: 0
}
}
@media(max-width: 1280px) {
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2) .submenu.submenu--width-lg .submenu__col--left {
margin-bottom: 0
}
}
.search-result-page-grid .sp-header-list__item:nth-of-type(4) .simple-menu__item:hover .submenu--width-lg {
left: auto;
right: 0
}
.search-result-page-grid .sp-header-list__item:nth-of-type(4) .simple-menu__item .submenu--width-lg {
left: auto;
right: -9999px
}
.search-trends__row {
display: flex;
align-items: center
}
.search-trends__icon {
margin-right: 14px;
color: #cfd0d3
}
.search-trends .list {
opacity: .8
}
.search-trends .list .MuiChip-root.MuiChip-colorInfo {
transition: background-color .1s, color .1s
}
.search-trends .list .MuiChip-root.MuiChip-colorInfo:hover {
background-color: #f9f9f9;
color: #1a1e2f
}
.list {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
.list--align-center {
align-items: center
}
.list--justify-start {
justify-content: flex-start
}
@font-face {
font-family: "JetBrains Mono";
font-weight: 400;
src: url(/rsc/6e3454abb74ce7d549ae.woff2) format("woff2");
font-display: swap;
font-style: normal
}
@font-face {
font-family: "JetBrains Mono";
font-weight: 500;
src: url(/rsc/417f577b876a9ec21400.woff2) format("woff2");
font-display: swap;
font-style: normal
}
@font-face {
font-family: "JetBrains Mono";
font-weight: 600;
src: url(/rsc/b5b0addff573d47465cd.woff2) format("woff2");
font-display: swap;
font-style: normal
}
@font-face {
font-family: "JetBrains Mono";
font-weight: 700;
src: url(/rsc/baac8a2a005670173bca.woff2) format("woff2");
font-display: swap;
font-style: normal
}
@font-face {
font-family: "JetBrains Mono";
font-weight: 800;
src: url(/rsc/de3979cc8349c3c1d375.woff2) format("woff2");
font-display: swap;
font-style: normal
}
@font-face {
font-family: "JetBrains Mono";
font-weight: 400;
src: url(/rsc/6fd32a4a78fbf9eb0d3a.woff2) format("woff2");
font-display: swap;
font-style: italic
}
.ace-socprime {
width: 100%;
background-color: #303344;
font-family: monospace;
font-weight: 400;
line-height: 22px;
color: #cfd0d3
}
.ace-socprime .ace_gutter {
background: #303344;
font-weight: 400;
color: rgba(207, 208, 211, .5)
}
.ace-socprime .ace_gutter .ace_layer .ace_gutter-cell.ace_error,
.ace-socprime .ace_gutter .ace_layer .ace_gutter-cell.ace_warning {
background-image: none
}
.ace-socprime .ace_gutter .ace_layer .ace_gutter-cell.ace_error::after,
.ace-socprime .ace_gutter .ace_layer .ace_gutter-cell.ace_warning::after {
content: "";
position: absolute;
top: 7px;
left: 8px;
width: 4px;
height: 4px;
border-radius: 50% #ee9d23
}
.ace-socprime .ace_gutter .ace_layer .ace_gutter-cell.ace_warning::after {
background-color: #ee9d23
}
.ace-socprime .ace_gutter .ace_layer .ace_gutter-cell.ace_error::after {
background-color: #ee3523
}
.ace-socprime .ace_print-margin {
display: none
}
.ace-socprime .ace_cursor {
color: #f9f9f9
}
.ace-socprime .ace_marker-layer .ace_selection {
background-color: #44475a;
font-family: monospace;
font-weight: 400;
z-index: 2
}
.ace-socprime .ace_multiselect .ace_selection.ace_start {
box-shadow: 0 0 3px 0 #282a36;
border-radius: 2px
}
.ace-socprime .ace_marker-layer .ace_step {
background-color: #c6dbae
}
.ace-socprime .ace_marker-layer .ace_bracket {
margin: -1px 0 0 -1px;
border: 1px solid #a29709
}
.ace-socprime .ace_marker-layer .ace_active-line {
background-color: #44475a
}
.ace-socprime .ace_gutter-active-line {
background-color: #44475a
}
.ace-socprime .ace_marker-layer .ace_selected-word {
margin-top: 1px;
height: 20px !important;
line-height: 1;
box-shadow: 0 0 0 1px #4ac18e;
border-radius: 3px;
background-color: rgba(74, 193, 142, .168627451)
}
.ace-socprime .ace_meta.ace_tag {
color: #4ac18e
}
.ace-socprime .ace_fold {
background-color: #3bac7c;
border-color: #f8f8f2
}
.ace-socprime .ace_keyword {
color: #f9f9f9
}
.ace-socprime .ace_constant.ace_language {
color: #bd93f9
}
.ace-socprime .ace_constant.ace_numeric {
color: #bd93f9
}
.ace-socprime .ace_constant.ace_character {
color: #bd93f9
}
.ace-socprime .ace_constant.ace_character.ace_escape {
color: #ff79c6
}
.ace-socprime .ace_constant.ace_other {
color: #bd93f9
}
.ace-socprime .ace_support.ace_function {
color: #8be9fd
}
.ace-socprime .ace_support.ace_constant {
color: #6be5fd
}
.ace-socprime .ace_support.ace_class {
font-style: italic;
color: #66d9ef
}
.ace-socprime .ace_support.ace_type {
font-style: italic;
color: #66d9ef
}
.ace-socprime .ace_storage {
color: #ff79c6
}
.ace-socprime .ace_storage.ace_type {
font-style: italic;
color: #8be9fd
}
.ace-socprime .ace_invalid {
color: #f8f8f0;
background-color: #ff79c6
}
.ace-socprime .ace_invalid.ace_deprecated {
color: #f8f8f0;
background-color: #bd93f9
}
.ace-socprime .ace_string {
color: #f1fa8c
}
.ace-socprime .ace_comment {
color: #6272a4
}
.ace-socprime .ace_variable {
color: #3bac7c
}
.ace-socprime .ace_variable.ace_parameter {
font-style: italic;
color: #ffb86c
}
.ace-socprime .ace_entity.ace_other.ace_attribute-name {
color: #3bac7c
}
.ace-socprime .ace_entity.ace_name.ace_function {
color: #3bac7c
}
.ace-socprime .ace_entity.ace_name.ace_tag {
color: #ff79c6
}
.ace-socprime .ace_invisible {
color: #626680
}
.ace-socprime .ace_indent-guide {
background: url(data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYHB3d/8PAAOIAdULw8qMAAAAAElFTkSuQmCC) right repeat-y
}
.ace-socprime .error-marker {
position: absolute
}
.ace-socprime .ace_tooltip {
padding: 12px;
border-radius: 4px;
border-color: rgba(0, 0, 0, .9);
background-color: rgba(0, 0, 0, .9);
font-family: "Inter", sans-serif;
font-size: 12px;
line-height: 1.4;
color: #cfd0d3;
box-shadow: 0 0 100px #000
}
.ace-socprime .ace_content {
height: 100%
}
.ace-socprime .ace_search {
background-color: #282a36;
color: #cfd0d3;
border: 1px solid #3b3d4f
}
.ace-socprime .ace_search .ace_searchbtn_close {
color: #cfd0d3
}
.ace-socprime .ace_search .ace_search_form.ace_nomatch {
outline: 1px solid
}
.ace-socprime .ace_search .ace_search_form .ace_search_field {
background-color: #44475a;
border: none;
color: #cfd0d3
}
.ace-socprime .ace_search .ace_search_form .ace_searchbtn {
background: #44475a;
border: none
}
.ace-socprime .ace_search .ace_search_options .ace_button {
color: #cfd0d3
}
.sp-statistics-grid {
filter: drop-shadow(0 0 12px rgba(253, 255, 254, 0.15))
}
.sp-statistics-grid__row {
display: flex;
justify-content: space-between
}
@media(max-width: 768px) {
.sp-statistics-grid__row {
flex-wrap: wrap
}
}
.sp-statistics-grid__col {
flex: 1 1 50%
}
@media(max-width: 768px) {
.sp-statistics-grid__col {
flex: 1 1 100%
}
}
.sp-statistics-grid__col:first-of-type {
margin-right: 40px
}
@media(max-width: 768px) {
.sp-statistics-grid__col:first-of-type {
margin-right: 0;
margin-bottom: 32px
}
}
.sp-statistics-grid__polygon {
position: relative;
min-height: 120px;
padding: 18px 16px 22px;
background-color: #1f2232;
clip-path: polygon(0 0, 100% 0, 100% 100%, 34px 100%, 0 calc(100% - 34px), 0 0)
}
.sp-statistics-grid__icon {
position: absolute;
top: 50%;
right: -135px;
transform: translateY(-50%)
}
@media(max-width: 1280px) {
.sp-statistics-grid__icon {
display: none
}
}
.sp-statistics__header {
display: flex;
align-items: center
}
.sp-statistics__title {
min-width: 82px
}
.sp-statistics__title span {
line-height: 1.6
}
.sp-statistics__icon {
position: relative;
height: 8px;
width: 100%;
overflow: hidden
}
.sp-statistics__icon::after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 8px;
background-color: #4ac18e
}
.sp-statistics__icon svg {
position: absolute;
top: 3px;
right: 0
}
@media(max-width: 768px) {
.sp-statistics__icon svg {
right: 20%
}
}
.sp-statistics-list {
margin-left: 95px;
display: flex;
justify-content: space-between;
max-width: 360px
}
@media(max-width: 1024px) {
.sp-statistics-list {
margin-left: 0
}
}
@media(max-width: 768px) {
.sp-statistics-list {
max-width: none
}
}
.sp-statistics-list__item:not(:last-of-type) {
margin-right: 15px
}
@media(max-width: 1280px) {
.sp-statistics-list__item span.MuiTypography-root.MuiTypography-h3 {
font-size: 24px
}
}
@media(max-width: 768px) {
.sp-statistics-list__item span.MuiTypography-root.MuiTypography-h3 {
font-size: 20px
}
}
.sp-statistics .sp-sub-title {
white-space: nowrap
}
.select-scroll-to {
width: 100%;
max-width: 280px;
margin: 0 auto
}
@media(max-width: 600px) {
.select-scroll-to {
max-width: 180px
}
}
.select-scroll-to.is-open .select-scroll-to__icon {
transform: rotate(180deg)
}
.select-scroll-to.is-open .select-scroll-to__list {
left: 0;
opacity: 1
}
.select-scroll-to__wrap {
position: relative
}
.select-scroll-to__wrap::after {
display: block;
content: "";
position: absolute;
left: 0;
bottom: -18px;
width: 100%;
height: 8px;
background-color: #4ac18e;
transition: transform .2s
}
.select-scroll-to__button {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 48px;
cursor: pointer
}
.select-scroll-to__text {
padding-left: 10px;
font-size: 16px;
font-weight: 600;
color: #f9f9f9
}
.select-scroll-to__icon {
font-size: 0;
transform: rotate(0);
transition: transform .2s
}
.select-scroll-to__list {
position: absolute;
top: 74px;
left: -2000px;
padding: 10px 0;
display: flex;
flex-direction: column;
width: 100%;
max-width: 280px;
background-color: #292c3d;
z-index: 4;
opacity: 0;
transition: opacity .3s
}
@media(max-width: 600px) {
.select-scroll-to__list {
max-width: 180px
}
}
.select-scroll-to__link {
padding: 10px;
font-size: 16px;
font-weight: 600;
color: #f9f9f9;
cursor: pointer
}
.sp-sticky-box {
position: sticky;
top: -40px;
z-index: 1501;
padding: 0
}
.sp-sticky-box__wrap {
overflow: hidden
}
.sp-sticky-box__container {
position: relative
}
.sp-sticky-box__bg {
background-color: #292c3d
}
.sp-sticky-box__top,
.sp-sticky-box__bottom {
position: relative;
font-size: 0
}
.sp-sticky-box__top svg,
.sp-sticky-box__bottom svg {
width: 100%
}
.sp-sticky-box__top {
max-width: 1410px;
margin: 0 auto
}
.sp-sticky-box__top::after,
.sp-sticky-box__top::before {
content: "";
position: absolute;
width: 100%;
background-color: rgba(249, 249, 249, .3)
}
.sp-sticky-box__top::after {
bottom: 0;
right: -100%;
height: 2px
}
.sp-sticky-box__top::before {
top: 12px;
left: -100%;
height: 2px
}
.sp-sticky-box__bottom {
margin-top: -33px
}
@media(max-width: 1280px) {
.sp-sticky-box__bottom {
margin-left: -140px
}
}
.sp-sticky-box__bottom::after,
.sp-sticky-box__bottom::before {
content: "";
position: absolute;
width: 100%;
background-color: rgba(74, 193, 142, .3)
}
.sp-sticky-box__bottom::after {
bottom: 0;
right: -100%;
height: 8px
}
.sp-sticky-box__bottom::before {
top: 0;
left: -100%;
height: 9px
}
.sp-sticky-box__line {
position: relative
}
.sp-sticky-box__line::after,
.sp-sticky-box__line::before {
content: "";
position: absolute;
width: 100%;
background-color: rgba(249, 249, 249, .15)
}
.sp-sticky-box__line::after {
bottom: 15px;
right: -100%;
height: 2px
}
.sp-sticky-box__line::before {
bottom: 15px;
left: -99.89%;
height: 2px
}
.sp-sticky-box__content {
padding: 24px 0 30px;
max-width: 1210px
}
@media(max-width: 1280px) {
.sp-sticky-box__content {
padding: 20px 0 26px
}
}
@media(max-width: 768px) {
.sp-sticky-box__content {
padding: 14px 0 20px
}
}
.sp-sticky-box-list {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto
}
@media(max-width: 1440px) {
.sp-sticky-box-list {
max-width: 1180px
}
}
.sp-sticky-box-list__code {
display: flex;
margin-right: 16px;
justify-content: flex-start
}
@media(max-width: 1440px) {
.sp-sticky-box-list__code {
margin-right: 0;
flex: 1 1 auto
}
}
.sp-sticky-box-list__logo {
margin-right: 28px;
font-size: 0;
cursor: pointer
}
@media(max-width: 1024px) {
.sp-sticky-box-list__logo {
flex: 1 1 auto;
margin-right: 16px
}
}
@media(max-width: 768px) {
.sp-sticky-box-list__logo {
flex: 1 1 52px;
max-width: 52px;
margin-right: 0
}
}
.sp-sticky-box-list__logo a {
display: block
}
.sp-sticky-box-list__logo a svg {
width: 72px
}
@media(max-width: 1024px) {
.sp-sticky-box-list__logo a svg {
width: 52px
}
}
.sp-sticky-box-list__select {
position: absolute;
top: 62%;
left: 50%;
width: 100%;
max-width: 280px;
transform: translate(-50%, -50%);
z-index: 3
}
@media(max-width: 768px) {
.sp-sticky-box-list__select {
display: block
}
}
@media(max-width: 600px) {
.sp-sticky-box-list__select {
max-width: 140px;
left: 39%
}
}
.sp-sticky-box-list__line {
margin-right: 16px;
font-size: 0
}
@media(max-width: 1440px) {
.sp-sticky-box-list__line {
display: none
}
}
.sp-sticky-box-list__btn a.MuiButton-root.MuiButtonBase-root {
text-transform: uppercase;
font-size: 13px
}
@media(max-width: 1024px) {
.sp-sticky-box-list__btn a.MuiButton-root.MuiButtonBase-root {
padding: 0 10px;
font-size: 12px
}
}
.sp-sticky-box-list__item {
position: relative;
font-weight: 400;
font-size: 22px;
line-height: 1.1;
text-decoration: none;
color: rgba(249, 249, 249, .5);
transition: color .2s
}
@media(max-width: 1280px) {
.sp-sticky-box-list__item {
font-size: 20px
}
}
@media(max-width: 1024px) {
.sp-sticky-box-list__item {
font-size: 14px;
margin-bottom: 4px
}
}
.sp-sticky-box-list__item--link {
margin-right: 12px;
cursor: pointer
}
.sp-sticky-box-list__item--link:hover {
color: #f9f9f9
}
.sp-sticky-box-list__item--link::after {
display: block;
content: "";
position: absolute;
left: 0;
bottom: -42px;
width: 100%;
height: 8px;
background-color: #4ac18e;
transform: scaleX(0);
transition: transform .2s
}
@media(max-width: 1280px) {
.sp-sticky-box-list__item--link::after {
bottom: -39px
}
}
@media(max-width: 1024px) {
.sp-sticky-box-list__item--link::after {
bottom: -40px
}
}
.sp-sticky-box-list__item--link.is-active::after {
transform: scaleX(1)
}
.sp-sticky-box-list__item--green {
margin-right: 12px;
color: #4ac18e
}
.sp-sticky-box-list__item.is-active {
color: #f9f9f9
}
.syntax-highlighter-text pre {
overflow-x: unset !important;
background-color: #292c3d !important
}
.syntax-highlighter-text .language-yaml span {
font-family: monospace;
font-size: 11px;
line-height: 1.8
}
.syntax-highlighter-text .language-yaml .hljs-attr {
color: #4ac18e
}
.syntax-highlighter-text .language-yaml .comment {
color: rgba(249, 249, 249, .5)
}
.syntax-highlighter-text .language-yaml span:not(.hljs-attr, .comment) {
color: #cfd0d3 !important
}
.syntax-highlighter-text .language-text {
word-break: break-all;
font-family: monospace;
font-size: 11px;
font-weight: 400;
line-height: 1.8;
color: #f9f9f9
}
.syntax-highlighter-text__scroll .simplebar-content-wrapper {
height: 100% !important
}
.syntax-highlighter-text__scroll .simplebar-content-wrapper .simplebar-content {
height: inherit
}
.technique-point-tooltip {
width: 100%
}
.technique-point-tooltip[aria-labelledby] .technique-point::after {
border-color: #f9f9f9
}
.technique-point {
position: relative;
padding: 2px 4px;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 20px
}
.technique-point p.MuiTypography-root.MuiTypography-subtitle2 {
font-size: 9px
}
.technique-point::after {
content: "";
display: block;
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
border: 1px solid rgba(0, 0, 0, 0);
transition: border-color .1s
}
.technique-point:hover::after {
border-color: #f9f9f9
}
.technique-point.is-empty {
background-color: #3b3d4f !important
}
.technique-point.is-empty::after {
display: none
}
.sp-timeline-tooltip-layout {
padding: 4px 4px 12px
}
.sp-timeline-tooltip-layout__link {
display: flex;
align-items: center;
padding: 8px 12px;
border: 1px solid #3b3d4f;
border-radius: 4px;
transition: background-color .2s, border-color .2s;
text-decoration: none
}
.sp-timeline-tooltip-layout__link span {
text-decoration: none
}
.sp-timeline-tooltip-layout__link:not(:last-of-type) {
margin-bottom: 6px
}
.sp-timeline-tooltip-layout__link:hover {
background-color: rgba(74, 193, 142, .15);
border: 1px solid #4ac18e;
text-decoration: none
}
.sp-timeline-tooltip-layout__link:hover span {
text-decoration: none
}
@media(max-width: 768px) {
.sp-timeline-grid {
padding: 0 56px
}
}
.sp-timeline-grid__wrap {
padding: 28px;
border: 1px solid rgba(157, 232, 200, .5);
border-radius: 4px;
box-shadow: 0 16px 48px rgba(157, 232, 200, .3), 0 6px 16px rgba(0, 0, 0, .2), 0 24px 56px rgba(0, 0, 0, .2);
background-color: #303344
}
.sp-timeline-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-timeline-grid__row {
flex-direction: column
}
}
.sp-timeline-grid__col:not(:last-of-type) {
margin-right: 8px
}
@media(max-width: 768px) {
.sp-timeline-grid__col:not(:last-of-type) {
margin-right: 0
}
}
.sp-timeline-grid__col--hr {
flex: 1 1 auto;
height: 1px;
background-color: #f9f9f9
}
@media(max-width: 768px) {
.sp-timeline-grid__col--hr {
width: 1px;
height: 48px;
margin-left: -82px
}
}
.sp-timeline-grid__col--hr:last-of-type {
display: none
}
.sp-timeline-box {
display: flex;
align-items: center;
cursor: pointer
}
.sp-timeline-box__icon {
min-width: 22px;
margin-right: 12px
}
@media(max-width: 768px) {
.sp-timeline-box__icon {
font-size: 0;
text-align: center
}
}
.sp-timeline-box__title {
margin-bottom: 4px;
border-bottom: 1px solid #f9f9f9
}
.tooltip-techniques {
padding: 16px 8px;
width: 100%
}
@media(max-width: 1024px) {
.tooltip-techniques .more-less-html {
max-width: 100%
}
}
.tooltip-techniques__scroll {
max-height: 500px;
overflow: auto;
margin-bottom: 15px
}
@media(max-width: 1024px) {
.tooltip-techniques__scroll {
max-height: 320px
}
}
.tooltip-techniques__description {
word-break: break-word
}
.tooltip-techniques__description a[href] {
font-size: inherit;
font-weight: inherit;
color: #4ac18e;
text-decoration: underline
}
.tooltip-techniques__description a[href]:hover {
text-decoration: none
}
.tooltip-techniques__link .MuiButton-root {
text-transform: none !important
}
.tooltip-binaries {
padding: 16px 8px;
width: 100%;
display: flex;
flex-wrap: wrap
}
.tooltip-binaries__metric {
flex: 1 1 50%;
padding-right: 20px
}
.tooltip-binaries__metric ul {
display: block;
list-style-type: disc;
padding-left: 16px;
padding-top: 0;
padding-bottom: 24px
}
.tooltip-author {
padding: 16px 8px;
min-width: 300px
}
.tooltip-author__scroll {
max-height: 300px;
overflow: auto;
margin-bottom: 15px
}
.tooltip-author__link a.MuiButton-root.MuiButton-containedSuccess {
color: #292c3d
}
.tooltip-author__link a.MuiButton-root.MuiButton-containedSuccess:hover {
color: #292c3d
}
.tooltip-author__link a.MuiButton-root.Mui-disabled {
border-color: rgba(59, 61, 79, .4);
background-color: rgba(59, 61, 79, .4);
color: rgba(207, 208, 211, .5)
}
.tooltip-author-list {
display: flex;
justify-content: space-around
}
.tooltip-info-layout {
padding: 12px 4px
}
.tooltip-info-layout__footer {
display: flex
}
.tooltip-info-layout__footer-col a.MuiButton-root.MuiButton-containedSuccess {
color: #292c3d
}
.tooltip-info-layout__footer-col a.MuiButton-root.MuiButton-containedSuccess:hover {
color: #292c3d
}
.sp-build-together-hero-grid {
position: relative
}
.sp-build-together-hero-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__row {
flex-wrap: wrap
}
}
.sp-build-together-hero-grid__col {
position: relative;
flex: 1 1 50%
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__col {
flex: 1 1 100%
}
}
.sp-build-together-hero-grid__col--left {
padding: 96px 0 80px
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__col--left {
padding: 0 0 42px
}
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__col--left {
padding: 42px 0 0;
order: 2
}
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__col--right {
padding: 62px 0 0
}
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__col--right {
padding: 0;
order: 1
}
}
.sp-build-together-hero-grid__ellipse-blue .sp-ellipse {
top: 100%;
left: 80%
}
@media(max-width: 1280px) {
.sp-build-together-hero-grid__ellipse-blue .sp-ellipse {
top: 70%;
width: 670px !important;
height: 670px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__ellipse-blue .sp-ellipse {
width: 524px !important;
height: 524px !important
}
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__ellipse-blue .sp-ellipse {
top: 30%;
left: 50%;
width: 436px !important;
height: 436px !important
}
}
.sp-build-together-hero-grid__ellipse-green .sp-ellipse {
top: 60%;
left: auto;
right: -70%
}
@media(max-width: 1280px) {
.sp-build-together-hero-grid__ellipse-green .sp-ellipse {
top: 40%;
width: 510px !important;
height: 510px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__ellipse-green .sp-ellipse {
right: -50%;
width: 400px !important;
height: 400px !important
}
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__ellipse-green .sp-ellipse {
top: 20%;
right: -50%;
width: 310px !important;
height: 310px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__title .sp-title-hero .sp-title-gradient {
font-size: 40px !important
}
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__title .sp-title-hero .sp-title-gradient {
font-size: 36px !important
}
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__title .sp-title-hero--bottom .sp-title-gradient {
font-size: 30px !important
}
}
.sp-build-together-hero-grid__title-row {
display: flex;
align-items: center
}
.sp-build-together-hero-grid__title-left {
margin-right: 24px
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__title-left {
margin-right: 16px
}
}
@media(max-width: 1280px) {
.sp-build-together-hero-grid__title-left .sp-title-gradient {
font-size: 88px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__title-left .sp-title-gradient {
font-size: 64px !important
}
}
.sp-build-together-hero-grid .cube-perspective-grid__bg-image {
width: 680px
}
@media(max-width: 1280px) {
.sp-build-together-hero-grid .cube-perspective-grid__bg-image {
width: 432px
}
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid .cube-perspective-grid__bg-image {
width: 332px
}
}
.sp-build-together-hero-grid .cube-perspective-grid__bg-image svg {
width: 100%
}
.sp-sigma-slider {
position: relative;
z-index: 2
}
@media(max-width: 1280px) {
.sp-sigma-slider {
margin-right: -60px
}
}
@media(max-width: 1024px) {
.sp-sigma-slider {
margin-right: -40px
}
}
@media(max-width: 768px) {
.sp-sigma-slider {
margin-right: 0
}
}
.sp-sigma-slider .carousel-root {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-sigma-slider .carousel-root {
display: block
}
}
.sp-sigma-slider .carousel-root .carousel {
position: relative;
width: unset
}
.sp-sigma-slider .carousel-root .carousel .slide {
text-align: left
}
.sp-sigma-slider .carousel-root .carousel .slide.selected {
z-index: 0 !important
}
.sp-sigma-slider .carousel-root .carousel.carousel-slider {
flex: 1 1 86%;
order: 2;
border-radius: 6px;
border: 1px solid #00a47c;
background-color: #292c3d;
box-shadow: 0 4px 24px rgba(0, 0, 0, .3);
z-index: 1
}
@media(max-width: 768px) {
.sp-sigma-slider .carousel-root .carousel.carousel-slider {
margin: 0
}
}
.sp-sigma-slider .carousel-root .carousel:not(.carousel-slider) {
flex: 1 1 14%;
order: 1
}
@media(max-width: 768px) {
.sp-sigma-slider .carousel-root .carousel:not(.carousel-slider) {
display: none
}
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper {
margin: 0;
padding: 44px 0;
min-width: 186px;
overflow: visible
}
@media(max-width: 1280px) {
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper {
min-width: 134px
}
}
@media(max-width: 1024px) {
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper {
min-width: 116px
}
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .control-arrow {
display: none
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs {
display: flex;
flex-direction: column;
padding: 30px 0 30px 14px;
border-radius: 4px 0 0 4px;
background-color: #3b3d4f;
transform: none !important
}
@media(max-width: 1280px) {
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs {
padding: 22px 0 22px 10px
}
}
@media(max-width: 1024px) {
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs {
padding: 18px 0 18px 10px
}
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
margin: 0;
padding: 0;
width: 100% !important;
min-height: 32px;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 6px 0 0 6px;
cursor: pointer
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb .MuiButton-root.MuiButton-containedPrimary {
padding: 0 20px;
justify-content: flex-start;
border-radius: 4px 0 0 4px
}
@media(max-width: 1280px) {
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb .MuiButton-root.MuiButton-containedPrimary {
padding: 0 12px
}
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb .MuiButton-root.MuiButton-containedPrimary:hover {
border-color: #57586e;
background-color: #57586e
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb.selected .MuiButton-root.MuiButton-containedPrimary {
border-color: rgba(87, 88, 110, .7);
background-color: rgba(87, 88, 110, .7)
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb.selected .MuiButton-root.MuiButton-containedPrimary:hover {
border-color: #57586e;
background-color: #57586e
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:last-of-type {
margin-top: 20px
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:last-of-type .MuiButton-root.MuiButton-containedPrimary {
border-color: rgba(87, 88, 110, .7);
background-color: rgba(87, 88, 110, .7)
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:last-of-type .MuiButton-root.MuiButton-containedPrimary:hover {
border-color: #57586e;
background-color: #57586e
}
.sp-sigma-slider__select {
margin-bottom: 14px
}
.sp-sigma-slider__select div.MuiSelect-select {
min-height: 48px;
line-height: 32px
}
.sp-sigma-slider__button {
margin-bottom: 14px
}
.sp-sigma-slider__editor {
padding: 0 12px 0 0;
min-height: 445px
}
.sp-sigma-slider__editor .ace-socprime {
background-color: #292c3d
}
.sp-sigma-slider__editor .ace-socprime .ace_gutter {
background-color: #292c3d
}
.sp-sigma-slider__editor .ace-socprime .ace_gutter-active-line {
background-color: rgba(0, 0, 0, 0)
}
.sp-sigma-slider__editor .ace-socprime .ace_gutter-cell {
padding-left: 12px
}
.sp-sigma-slider__editor .ace-socprime .ace_gutter-cell .ace_fold-widget {
display: none !important
}
.sp-sigma-slider__editor .ace-socprime .ace_hidden-cursors {
opacity: 0
}
.sp-sigma-slide-content {
width: 100%
}
@media(max-width: 1280px) {
.sp-sigma-slide-content {
min-height: 460px
}
}
@media(max-width: 768px) {
.sp-sigma-slide-content {
min-height: 445px
}
}
.sp-sigma-slide-content.text {
padding: 0 6px
}
.sp-sigma-slider .slide:nth-child(2) .syntax-highlighter-text__scroll {
max-height: none !important
}
.sp-build-together-sigma-grid {
position: relative;
padding: 20px 0 26px
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid {
padding: 40px 0 145px
}
}
.sp-build-together-sigma-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid__row {
flex-wrap: wrap
}
}
.sp-build-together-sigma-grid__col--left {
flex: 1 1 40%;
margin-right: 32px;
padding-bottom: 50px
}
@media(max-width: 1024px) {
.sp-build-together-sigma-grid__col--left {
flex: 1 1 30%
}
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid__col--left {
flex: 1 1 100%;
margin-right: 0
}
}
.sp-build-together-sigma-grid__col--right {
flex: 1 1 60%
}
@media(max-width: 1024px) {
.sp-build-together-sigma-grid__col--right {
flex: 1 1 70%
}
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid__col--right {
flex: 1 1 100%
}
}
.sp-build-together-sigma-grid__description {
max-width: 380px
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid__description {
max-width: 100%
}
}
.sp-build-together-sigma-grid__img {
min-height: 470px
}
.sp-build-together-sigma-grid__img img {
width: 100%
}
.sp-build-together-sigma-grid__title {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 24px
}
.sp-build-together-sigma-grid__line {
display: none;
position: absolute;
transform: scaleX(-1)
}
@media(max-width: 1280px) {
.sp-build-together-sigma-grid__line {
display: block;
left: 97%;
bottom: -120px
}
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid__line {
bottom: 0;
left: 3%
}
}
.sp-build-together-sigma-grid__ellipse--left .sp-ellipse {
top: 15%;
left: 0
}
@media(max-width: 1280px) {
.sp-build-together-sigma-grid__ellipse--left .sp-ellipse {
top: 25%;
width: 700px !important;
height: 700px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-sigma-grid__ellipse--left .sp-ellipse {
width: 448px !important;
height: 448px !important
}
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid__ellipse--left .sp-ellipse {
left: 100%
}
}
.sp-build-together-sigma-grid__ellipse--right .sp-ellipse {
left: 100%
}
@media(max-width: 1280px) {
.sp-build-together-sigma-grid__ellipse--right .sp-ellipse {
width: 574px !important;
height: 574px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-sigma-grid__ellipse--right .sp-ellipse {
width: 448px !important;
height: 448px !important
}
}
.sp-build-together-mitre-grid {
position: relative;
padding: 30px 0 100px
}
@media(max-width: 1280px) {
.sp-build-together-mitre-grid {
padding: 80px 0 60px
}
}
.sp-build-together-mitre-grid__line {
position: absolute;
left: 10px;
bottom: -70px;
z-index: -1
}
@media(max-width: 1024px) {
.sp-build-together-mitre-grid__line {
left: -20px
}
}
@media(max-width: 768px) {
.sp-build-together-mitre-grid__line {
left: 1px;
bottom: -80px;
opacity: .5
}
}
.sp-build-together-mitre-grid__description {
max-width: 710px
}
@media(max-width: 1024px) {
.sp-build-together-mitre-grid__img {
margin-inline: -40px
}
}
@media(max-width: 768px) {
.sp-build-together-mitre-grid__img {
margin: 0 -22px 30px
}
.sp-build-together-mitre-grid__img .sp-transform-img-grid {
display: flex;
flex-direction: column-reverse;
align-items: center
}
.sp-build-together-mitre-grid__img .sp-transform-img-grid__switcher {
margin-bottom: 0
}
.sp-build-together-mitre-grid__img .sp-transform-img-grid__container {
margin-bottom: 24px
}
}
.sp-build-together-mitre-grid__img img {
width: 100%
}
.sp-build-together-mitre-grid__title {
display: flex;
align-items: center;
margin-left: -19px
}
.sp-build-together-mitre-grid__content {
margin-left: 15px;
padding: 56px 56px 46px;
background-color: rgba(74, 193, 142, .1);
border: 1px solid rgba(149, 201, 180, .5)
}
@media(max-width: 1024px) {
.sp-build-together-mitre-grid__content {
margin-inline: -15px -40px
}
}
@media(max-width: 768px) {
.sp-build-together-mitre-grid__content {
margin: 0 0 0 5px;
padding: 24px 26px 42px
}
}
.sp-build-together-mitre-grid__content-columns {
display: flex;
gap: 32px
}
@media(max-width: 768px) {
.sp-build-together-mitre-grid__content-columns {
flex-direction: column;
gap: 20px;
margin-bottom: 20px
}
}
@media(max-width: 600px) {
.sp-build-together-mitre-grid__content-btn a {
width: 100%
}
}
.sp-build-together-mitre-grid__ellipse-left .sp-ellipse {
left: 10%
}
@media(max-width: 1280px) {
.sp-build-together-mitre-grid__ellipse-left .sp-ellipse {
width: 712px !important;
height: 712px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-mitre-grid__ellipse-left .sp-ellipse {
width: 556px !important;
height: 556px !important
}
}
@media(max-width: 768px) {
.sp-build-together-mitre-grid__ellipse-left .sp-ellipse {
width: 260px !important;
height: 260px !important
}
}
.sp-build-together-mitre-grid__ellipse-right .sp-ellipse {
left: 90%
}
@media(max-width: 1280px) {
.sp-build-together-mitre-grid__ellipse-right .sp-ellipse {
width: 780px !important;
height: 780px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-mitre-grid__ellipse-right .sp-ellipse {
width: 610px !important;
height: 610px !important
}
}
@media(max-width: 768px) {
.sp-build-together-mitre-grid__ellipse-right .sp-ellipse {
left: 100%;
top: 80%;
width: 400px !important;
height: 400px !important
}
}
.sp-build-together-attack-detective-grid {
position: relative;
padding: 100px 0 150px
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid {
padding-bottom: calc(200px + 20vw)
}
}
.sp-build-together-attack-detective-grid__content {
margin-bottom: 75px
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__content {
margin-bottom: 35px
}
}
.sp-build-together-attack-detective-grid__title {
display: flex;
align-items: center;
gap: 8px
}
.sp-build-together-attack-detective-grid__description {
max-width: 740px
}
.sp-build-together-attack-detective-grid__links {
display: flex;
align-items: center;
gap: 32px
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__links {
flex-direction: column;
gap: 24px
}
}
.sp-build-together-attack-detective-grid__bottom {
position: relative
}
.sp-build-together-attack-detective-grid__img {
position: relative
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__img {
margin-inline: -16px
}
}
.sp-build-together-attack-detective-grid__img-front {
display: block;
position: relative;
width: 75%;
z-index: 2
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__img-front {
width: 100%
}
}
.sp-build-together-attack-detective-grid__img-back {
position: absolute;
top: 50%;
right: 0;
width: 60%;
z-index: 1;
transform: translateY(-50%)
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__img-back {
width: 90%;
top: 70%;
right: auto;
left: 50%;
transform: translateX(-50%)
}
}
.sp-build-together-attack-detective-grid__lines {
position: absolute;
top: 100%;
left: 4%;
z-index: -1
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__lines {
top: 160%;
left: 5%;
opacity: .5
}
}
.sp-build-together-attack-detective-grid__ellipse-left .sp-ellipse {
left: -15%
}
@media(max-width: 1280px) {
.sp-build-together-attack-detective-grid__ellipse-left .sp-ellipse {
width: 712px !important;
height: 712px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-attack-detective-grid__ellipse-left .sp-ellipse {
width: 556px !important;
height: 556px !important
}
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__ellipse-left .sp-ellipse {
top: 90%;
left: 100%;
width: 360px !important;
height: 360px !important
}
}
.sp-build-together-attack-detective-grid__ellipse-right .sp-ellipse {
left: 100%
}
@media(max-width: 1280px) {
.sp-build-together-attack-detective-grid__ellipse-right .sp-ellipse {
width: 780px !important;
height: 780px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-attack-detective-grid__ellipse-right .sp-ellipse {
width: 610px !important;
height: 610px !important
}
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__ellipse-right .sp-ellipse {
width: 400px !important;
height: 400px !important
}
}
.sp-build-together-uncoder-grid {
position: relative;
padding: 120px 0 60px
}
@media(max-width: 768px) {
.sp-build-together-uncoder-grid {
margin: 0;
padding: 40px 0 0
}
}
.sp-build-together-uncoder-grid__row {
display: flex;
align-items: center;
gap: 33px
}
@media(max-width: 768px) {
.sp-build-together-uncoder-grid__row {
flex-direction: column;
align-items: flex-start;
gap: 40px
}
}
.sp-build-together-uncoder-grid__content {
flex: 1 0 372px;
padding-left: 0;
margin: 0
}
@media(max-width: 768px) {
.sp-build-together-uncoder-grid__content {
flex: 0
}
}
.sp-build-together-uncoder-grid__description {
max-width: 710px
}
@media(max-width: 768px) {
.sp-build-together-uncoder-grid__description {
max-width: 100%
}
}
.sp-build-together-uncoder-grid__link {
display: flex;
gap: 15px;
flex-wrap: wrap
}
.sp-build-together-uncoder-grid__title {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 17px
}
.sp-build-together-uncoder-grid__title span {
color: #4ac18e
}
@media(max-width: 600px) {
.sp-build-together-uncoder-grid__image {
min-width: 450px
}
}
.sp-build-together-uncoder-grid__image img {
width: 100%
}
.sp-build-together-uncoder-grid__ellipse-right .sp-ellipse {
top: 50%;
left: 80%
}
@media(max-width: 1280px) {
.sp-build-together-uncoder-grid__ellipse-right .sp-ellipse {
top: 65%;
width: 686px !important;
height: 686px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-uncoder-grid__ellipse-right .sp-ellipse {
width: 536px !important;
height: 536px !important
}
}
@media(max-width: 768px) {
.sp-build-together-uncoder-grid__ellipse-right .sp-ellipse {
left: 90%
}
}
.sp-build-together-prime-hunt-grid {
position: relative;
padding: 120px 0 0
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid {
padding: 20px 0 40px
}
}
.sp-build-together-prime-hunt-grid__row {
display: flex;
align-items: center;
flex-direction: row-reverse
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid__row {
flex-wrap: wrap;
justify-content: center
}
}
.sp-build-together-prime-hunt-grid__col--left {
margin-left: 100px;
padding-top: 50px;
flex: 1 1 42%
}
@media(max-width: 1280px) {
.sp-build-together-prime-hunt-grid__col--left {
flex: 1 1 52%
}
}
@media(max-width: 1024px) {
.sp-build-together-prime-hunt-grid__col--left {
flex: 1 1 48%;
margin-left: 32px
}
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid__col--left {
padding-top: 0;
margin-left: 0;
flex: 1 1 100%;
order: 2
}
}
.sp-build-together-prime-hunt-grid__col--right {
flex: 1 1 58%
}
@media(max-width: 1280px) {
.sp-build-together-prime-hunt-grid__col--right {
flex: 1 1 42%
}
}
@media(max-width: 1024px) {
.sp-build-together-prime-hunt-grid__col--right {
flex: 1 1 52%
}
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid__col--right {
max-width: 500px;
margin-bottom: 32px;
flex: 1 1 100%;
order: 1
}
}
.sp-build-together-prime-hunt-grid__img .sc-animate-position-image__item--back img {
box-shadow: 0 2px 20px rgba(0, 0, 0, .5), 0 1px 80px rgba(74, 193, 142, .25);
max-height: 386px
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid__img .sc-animate-position-image__item--back img {
max-height: 250px
}
}
@media(max-width: 1280px) {
.sp-build-together-prime-hunt-grid__img .sc-animate-position-image__item--front img {
max-height: 400px
}
}
@media(max-width: 1024px) {
.sp-build-together-prime-hunt-grid__img .sc-animate-position-image__item--front img {
max-height: 358px
}
}
.sp-build-together-prime-hunt-grid__title {
display: flex;
align-items: center;
gap: 6px;
margin-left: -13px;
color: #4ac18e
}
.sp-build-together-prime-hunt-grid__ellipse .sp-ellipse {
top: 50%;
left: 20%
}
@media(max-width: 1280px) {
.sp-build-together-prime-hunt-grid__ellipse .sp-ellipse {
width: 800px !important;
height: 800px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-prime-hunt-grid__ellipse .sp-ellipse {
top: 40%;
left: 10%;
width: 626px !important;
height: 626px !important
}
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid__ellipse .sp-ellipse {
width: 448px !important;
height: 448px !important
}
}
.sp-build-together-prime-hunt-grid__content {
max-width: 474px
}
@media(max-width: 1280px) {
.sp-build-together-prime-hunt-grid__content {
max-width: 390px
}
}
@media(max-width: 1024px) {
.sp-build-together-prime-hunt-grid__content {
max-width: 312px
}
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid__content {
max-width: 100%
}
}
.sp-build-together-prime-hunt-grid__line {
position: absolute;
top: -42%;
left: 3%;
z-index: -1;
transform: scale(0.8)
}
@media(max-width: 1280px) {
.sp-build-together-prime-hunt-grid__line {
top: -70%;
transform: scale(0.7)
}
}
@media(max-width: 1024px) {
.sp-build-together-prime-hunt-grid__line {
display: none
}
}
.sp-build-together-roota-syntax-highlighter {
color: #fff;
font-size: 9px;
line-height: 15.5px;
font-family: "JetBrains Mono", sans-serif;
max-height: 550px;
overflow-y: auto;
overflow-wrap: anywhere
}
@media(max-width: 768px) {
.sp-build-together-roota-syntax-highlighter {
max-height: none
}
}
.sp-build-together-roota-syntax-highlighter pre {
white-space: pre-wrap
}
.sp-build-together-roota-syntax-highlighter .green {
color: #4ac18e
}
.sp-build-together-roota-syntax-highlighter .gray {
color: #8390bf
}
.sp-build-together-roota-syntax-highlighter .blue {
color: #377cfd
}
.sp-build-together-roota-syntax-highlighter .aqua {
color: #22cfe8
}
.sp-build-together-roota-syntax-highlighter .underline {
text-decoration: underline
}
.sp-build-together-roota-grid {
position: relative;
padding: 210px 0 100px
}
@media(max-width: 768px) {
.sp-build-together-roota-grid {
padding: 144px 0 150px
}
}
.sp-build-together-roota-grid__row {
position: relative;
display: flex;
align-items: stretch
}
@media(max-width: 1280px) {
.sp-build-together-roota-grid__row {
margin-right: -60px
}
}
@media(max-width: 1024px) {
.sp-build-together-roota-grid__row {
margin-right: -40px
}
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__row {
flex-direction: column;
margin-right: 0
}
}
.sp-build-together-roota-grid__wrapper {
--corner-crop-size: 50px;
position: relative;
width: 56%;
padding: 2px;
filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.4));
transform: translate3d(0, 0, 0)
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__wrapper {
--corner-crop-size: 34px;
width: 100%;
padding: 1px
}
}
.sp-build-together-roota-grid__wrapper::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: rgba(74, 193, 142, .3);
clip-path: polygon(var(--corner-crop-size) 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% var(--corner-crop-size))
}
.sp-build-together-roota-grid__content {
display: flex;
flex-direction: column;
height: 100%;
padding: 30px 0 24px;
background: linear-gradient(-30deg, #2D514D 5.74%, #292C3D 39.54%, #292C3D 57.84%, #284749 98.68%), linear-gradient(0deg, rgba(74, 193, 142, 0.3), rgba(74, 193, 142, 0.3));
clip-path: polygon(var(--corner-crop-size) 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% var(--corner-crop-size))
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__content {
padding: 16px 0 24px
}
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__top svg {
position: relative;
left: 50%;
transform: translateX(-50%)
}
}
.sp-build-together-roota-grid__center {
--padding-inline: 67px;
padding: 90px var(--padding-inline) 100px
}
@media(max-width: 1024px) {
.sp-build-together-roota-grid__center {
--padding-inline: 30px
}
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__center {
padding: 16px 16px 50px
}
}
.sp-build-together-roota-grid__logo {
position: relative;
margin-bottom: 20px
}
.sp-build-together-roota-grid__logo svg {
position: relative;
z-index: 2
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__logo {
margin-bottom: 16px
}
}
.sp-build-together-roota-grid__line {
position: absolute;
right: calc(var(--padding-inline)*-1);
top: 50%;
transform: translateY(-50%)
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__line {
display: none
}
}
.sp-build-together-roota-grid__description {
margin-bottom: 40px
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__description {
margin-bottom: 32px
}
}
.sp-build-together-roota-grid__links {
display: flex;
gap: 32px;
align-items: center
}
@media(max-width: 1024px) {
.sp-build-together-roota-grid__links {
flex-direction: column;
gap: 24px
}
}
.sp-build-together-roota-grid__bottom-line {
position: absolute;
height: 2px;
bottom: 24px;
width: 100%;
background-color: rgba(74, 193, 142, .3)
}
.sp-build-together-roota-grid__bottom svg {
position: absolute;
left: 50%;
bottom: 17px;
transform: translateX(-50%) scale(-1)
}
.sp-build-together-roota-grid__tabs {
width: 46%;
margin: 34px 0 24px -2px;
border: 2px solid rgba(74, 193, 142, .3)
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__tabs {
width: 100%;
margin: 0;
border-width: 1px
}
}
.sp-build-together-roota-grid__tabs .MuiTabs-indicator {
display: none
}
.sp-build-together-roota-grid__tabs .syntax-highlighter-text pre {
background-color: rgba(0, 0, 0, 0) !important;
padding: 0 !important
}
.sp-build-together-roota-grid__tabs .syntax-highlighter-text code span {
font-size: 9px !important;
line-height: 1.6 !important
}
.sp-build-together-roota-grid__tab.MuiTab-root {
flex: 1;
justify-content: flex-start;
opacity: .5;
border: 1px solid rgba(249, 249, 249, .1);
font-weight: 400 !important;
font-size: 14px !important;
filter: grayscale(1);
background-color: rgba(78, 80, 96, .2);
transition: filter .2s, opacity .2s, background-color .2s
}
.sp-build-together-roota-grid__tab.MuiTab-root>.MuiTab-iconWrapper {
margin-right: 11px
}
.sp-build-together-roota-grid__tab:hover,
.sp-build-together-roota-grid__tab.Mui-selected {
filter: grayscale(0);
opacity: 1;
background-color: rgba(74, 193, 142, .15)
}
.sp-build-together-roota-grid__tab-content {
padding: 24px 20px 36px 30px
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__tab-content {
padding: 24px 10px 36px
}
}
.sp-build-together-roota-grid__tab-content img {
width: 100%
}
.sp-build-together-roota-grid__lines {
position: absolute;
bottom: 100%;
left: 4%;
z-index: -1;
transform: scaleY(-1)
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__lines {
left: 5%
}
}
.sp-build-together-roota-grid__line-row {
position: absolute;
top: 95%;
left: 3%;
z-index: -1
}
@media(max-width: 1280px) {
.sp-build-together-roota-grid__line-row {
top: 100%
}
}
.sp-build-together-roota-grid__ellipse-left .sp-ellipse {
top: 20%;
left: 0
}
@media(max-width: 1280px) {
.sp-build-together-roota-grid__ellipse-left .sp-ellipse {
width: 712px !important;
height: 712px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-roota-grid__ellipse-left .sp-ellipse {
width: 556px !important;
height: 556px !important
}
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__ellipse-left .sp-ellipse {
width: 360px !important;
height: 360px !important
}
}
.sp-build-together-roota-grid__ellipse-right .sp-ellipse {
top: 70%;
left: 110%
}
@media(max-width: 1280px) {
.sp-build-together-roota-grid__ellipse-right .sp-ellipse {
width: 780px !important;
height: 780px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-roota-grid__ellipse-right .sp-ellipse {
width: 610px !important;
height: 610px !important
}
}
.sp-carousel-cards {
--gap: 90px;
width: 100%;
display: flex;
gap: var(--gap);
position: relative;
z-index: 2
}
@media(max-width: 1151px) {
.sp-carousel-cards {
--gap: 70px
}
}
@media(max-width: 768px) {
.sp-carousel-cards {
flex-direction: column;
--gap: 30px
}
}
.sp-carousel-cards .swiper {
min-height: 380px;
width: 100%
}
@media(max-width: 1024px) {
.sp-carousel-cards .swiper {
min-height: 300px
}
}
@media(max-width: 768px) {
.sp-carousel-cards .swiper {
min-height: 200px
}
}
.sp-carousel-cards__info {
max-width: 300px;
min-width: 300px
}
@media(max-width: 768px) {
.sp-carousel-cards__info {
max-width: none
}
}
.sp-carousel-cards__line {
position: absolute;
top: 44%;
right: calc(var(--gap)*-1)
}
@media(max-width: 1151px) {
.sp-carousel-cards__line {
top: 40%;
transform: scale(0.9);
transform-origin: right
}
}
@media(max-width: 768px) {
.sp-carousel-cards__line {
display: none
}
}
.sp-carousel-cards__arrows {
position: relative;
display: flex;
margin-top: 48px;
gap: 20px
}
.sp-carousel-cards__arrow {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #4ac18e;
border-radius: 4px;
height: 48px;
width: 48px;
cursor: pointer;
background-color: #292c3d;
user-select: none
}
.sp-carousel-cards__arrow:hover {
background-color: #4ac18e
}
.sp-carousel-cards__arrow:hover svg path {
stroke: #1a1e2f
}
.sp-carousel-cards-slide {
display: flex;
height: 100%
}
.sp-carousel-cards-slide__parent {
position: relative
}
.sp-carousel-cards-slide__wrap {
position: unset;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
height: 100%
}
.sp-carousel-cards-slide__img {
display: inline-block;
height: 56px;
margin-bottom: 20px;
padding: 2px 4px;
border: 1px solid rgba(74, 193, 142, .5);
border-radius: 4px
}
@media(max-width: 1024px) {
.sp-carousel-cards-slide__img {
height: 80px
}
}
@media(max-width: 768px) {
.sp-carousel-cards-slide__img {
height: 56px
}
}
.sp-carousel-cards-slide__img img {
height: 100%;
width: auto !important
}
.sp-carousel-cards-slide__box {
padding: 20px 32px 26px;
max-width: unset;
position: relative;
border-radius: 4px;
border: 1px solid rgba(74, 193, 142, .5);
background: rgba(74, 193, 142, .07);
backdrop-filter: blur(40px);
z-index: 2
}
@media(max-width: 1151px) {
.sp-carousel-cards-slide__box {
padding: 12px 20px 20px
}
}
.sp-carousel-cards-slide__title {
display: flex;
align-items: flex-end;
margin-bottom: 8px;
padding-left: 16px
}
.sp-carousel-cards-slide__title h3.MuiTypography-root.MuiTypography-h1 {
font-size: 20px;
flex: 1 1 70%
}
.sp-carousel-cards-slide__description .MuiTypography-root span {
display: flex;
flex-direction: column;
overflow-wrap: anywhere
}
.sp-carousel-cards .sp-ellipse {
left: 90%;
pointer-events: none
}
.sp-build-together-powered-grid {
padding: 100px 0 20px
}
@media(max-width: 1280px) {
.sp-build-together-powered-grid {
padding: 30px 0 20px
}
}
.sp-build-together-powered-grid__lines {
margin-top: 40px
}
@media(max-width: 1280px) {
.sp-build-together-powered-grid__lines {
display: none
}
}
.sp-build-together-powered-grid__lines svg {
width: 100%
}
.sp-build-together-grid {
position: relative;
padding: 20px 0 76px;
z-index: 1
}
.sp-community-hero-grid {
position: relative
}
.sp-community-hero-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-community-hero-grid__row {
flex-wrap: wrap
}
}
.sp-community-hero-grid__col {
position: relative;
flex: 1 1 50%
}
.sp-community-hero-grid__col--left {
padding: 96px 0 80px
}
@media(max-width: 1280px) {
.sp-community-hero-grid__col--left {
padding: 80px 0 0
}
}
@media(max-width: 1024px) {
.sp-community-hero-grid__col--left {
flex: 1 1 56%;
padding: 0
}
}
@media(max-width: 768px) {
.sp-community-hero-grid__col--left {
flex: 1 1 100%;
order: 2
}
}
@media(max-width: 1024px) {
.sp-community-hero-grid__col--right {
margin-right: -50px;
flex: 1 1 44%
}
}
@media(max-width: 768px) {
.sp-community-hero-grid__col--right {
margin-right: -30px;
flex: 1 1 100%;
order: 1
}
}
.sp-community-hero-grid__ellipse-blue .sp-ellipse {
top: 70%;
left: 90%;
width: 804px !important;
height: 804px !important
}
@media(max-width: 1024px) {
.sp-community-hero-grid__ellipse-blue .sp-ellipse {
width: 626px !important;
height: 626px !important
}
}
@media(max-width: 768px) {
.sp-community-hero-grid__ellipse-blue .sp-ellipse {
top: 40%;
left: 50%;
width: 448px !important;
height: 448px !important
}
}
.sp-community-hero-grid__ellipse-green .sp-ellipse {
top: 60%;
left: 120%
}
@media(max-width: 1280px) {
.sp-community-hero-grid__ellipse-green .sp-ellipse {
left: 100%;
width: 510px !important;
height: 510px !important
}
}
@media(max-width: 1024px) {
.sp-community-hero-grid__ellipse-green .sp-ellipse {
width: 398px !important;
height: 398px !important
}
}
@media(max-width: 768px) {
.sp-community-hero-grid__ellipse-green .sp-ellipse {
top: 20%;
width: 194px !important;
height: 194px !important
}
}
.sp-community-hero-grid__title {
margin-bottom: 24px
}
@media(max-width: 1280px) {
.sp-community-hero-grid__title {
max-width: 400px
}
.sp-community-hero-grid__title span span.end-text {
display: block
}
}
@media(max-width: 768px) {
.sp-community-hero-grid__title {
margin-bottom: 16px
}
}
.sp-community-hero-grid__link {
padding-left: 28px
}
.sp-community-hero-grid .cube-perspective-grid__bg-image {
width: 532px;
transform: translate(-47%, -23%)
}
@media(max-width: 1280px) {
.sp-community-hero-grid .cube-perspective-grid__bg-image {
transform: translate(-53%, -10%);
width: 342px
}
}
@media(max-width: 1024px) {
.sp-community-hero-grid .cube-perspective-grid__bg-image {
width: 252px
}
}
.sp-community-hero-grid .cube-perspective-grid__bg-image svg {
width: 100%
}
.sp-community-hero-grid__line {
position: absolute;
top: 95%;
left: 0;
z-index: -1;
transform-origin: top
}
@media(max-width: 1280px) {
.sp-community-hero-grid__line {
top: 110%;
transform: scale(0.9)
}
}
@media(max-width: 1151px) {
.sp-community-hero-grid__line {
transform: none
}
}
.sp-community-soc-analysis-slider {
position: relative;
z-index: 2
}
.sp-community-soc-analysis-slider .carousel-root {
display: flex
}
@media(max-width: 768px) {
.sp-community-soc-analysis-slider .carousel-root {
display: block
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel {
position: relative;
width: unset
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn {
display: none;
position: absolute;
top: 0;
z-index: 2
}
@media(max-width: 768px) {
.sp-community-soc-analysis-slider .carousel-root .carousel__btn {
display: block
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn--prev {
right: 62px
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn--next {
right: 0
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn .MuiButton-root {
min-width: 40px;
min-height: 40px;
border-radius: 0;
border-color: #f9f9f9
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn .MuiButton-root:hover {
background-color: #4e5060
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn .MuiButton-root.Mui-disabled {
border-color: rgba(249, 249, 249, .5) !important
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn .MuiButton-root.Mui-disabled svg {
opacity: .5
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn .MuiButton-root .MuiButton-startIcon {
margin-right: 0
}
.sp-community-soc-analysis-slider .carousel-root .carousel .slide {
text-align: left
}
.sp-community-soc-analysis-slider .carousel-root .carousel .slide.selected {
z-index: 0 !important
}
.sp-community-soc-analysis-slider .carousel-root .carousel.carousel-slider {
margin: -60px;
flex: 1 1 86%;
order: 2;
z-index: 1
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-slider .carousel-root .carousel.carousel-slider {
flex: 1 1 94%
}
}
@media(max-width: 768px) {
.sp-community-soc-analysis-slider .carousel-root .carousel.carousel-slider {
margin: 0;
padding-top: 60px
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel:not(.carousel-slider) {
flex: 1 1 14%;
order: 1;
margin-right: -60px;
z-index: 2
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-slider .carousel-root .carousel:not(.carousel-slider) {
flex: 1 1 6%
}
}
@media(max-width: 768px) {
.sp-community-soc-analysis-slider .carousel-root .carousel:not(.carousel-slider) {
display: none
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper {
margin: 0;
min-width: 266px;
overflow: visible
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper {
min-width: 184px
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper {
min-width: 160px
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .control-arrow {
display: none
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs {
padding: 40px 0;
display: flex;
flex-direction: column;
transform: none !important
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs {
padding: 22px 0
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
display: flex;
padding: 0;
width: 100% !important;
min-height: 88px;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 0 6px 6px 0;
text-transform: unset;
box-shadow: 0 4px 8px rgba(0, 0, 0, .25), 0 8px 24px rgba(0, 0, 0, .25);
transition: transform .3s, border-color .3s linear;
cursor: pointer
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb.selected {
border-color: #449da7;
transform: translateX(36px)
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb.selected {
transform: translateX(24px)
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb.selected .thumb__label {
background: linear-gradient(180deg, rgba(74, 193, 142, 0.5) 0%, rgba(104, 236, 255, 0.5) 100%)
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:hover {
border-color: #449da7
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
min-height: 60px;
font-size: 14px;
font-weight: 400
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
min-height: 52px;
font-size: 12px
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:not(:last-of-type) {
margin: 0 0 16px
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:not(:last-of-type) {
margin-bottom: 12px
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:not(:last-of-type) {
margin-bottom: 10px
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb__item {
width: 100%;
height: 100%;
min-height: inherit;
background: rgba(0, 0, 0, 0) no-repeat 50% 50%;
background-size: cover
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb__label {
width: 100%;
height: 100%;
min-height: inherit;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(41, 44, 61, 0.8) 100%)
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb__label span.MuiTypography-root.MuiTypography-h6 {
font-size: 14px
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb__label span.MuiTypography-root.MuiTypography-h6 {
font-size: 12px
}
}
.sp-community-soc-analysts-slider-slide {
padding: 60px;
width: 100%
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide {
padding: 0
}
}
.sp-community-soc-analysts-slider-slide__parent {
position: relative
}
.sp-community-soc-analysts-slider-slide__wrap {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: flex-end
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__wrap {
position: unset
}
}
.sp-community-soc-analysts-slider-slide__wrap::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 8px;
background: linear-gradient(90deg, #12141B 0%, rgba(41, 44, 61, 0) 97.2%);
z-index: 0
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__wrap::before {
display: none
}
}
.sp-community-soc-analysts-slider-slide__img {
margin: 0 0 60px;
border: 2px solid rgba(74, 193, 142, .5);
border-radius: 8px;
box-shadow: 0 6px 12px rgba(0, 0, 0, .25), 0 24px 48px rgba(0, 0, 0, .25);
overflow: hidden
}
@media(max-width: 1024px) {
.sp-community-soc-analysts-slider-slide__img {
margin: 0 0 40px
}
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__img {
margin: 0
}
}
.sp-community-soc-analysts-slider-slide__img img {
width: 100%;
height: 600px;
object-fit: cover
}
@media(max-width: 1280px) {
.sp-community-soc-analysts-slider-slide__img img {
height: 415px
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysts-slider-slide__img img {
height: 346px
}
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__img {
position: relative
}
.sp-community-soc-analysts-slider-slide__img::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg, #12141B 0%, rgba(41, 44, 61, 0) 97.2%);
z-index: 1
}
}
.sp-community-soc-analysts-slider-slide__box {
margin: 0 58px -60px auto;
padding-left: 120px;
max-width: 860px;
z-index: 2
}
@media(max-width: 1024px) {
.sp-community-soc-analysts-slider-slide__box {
margin: 0 28px -40px auto;
padding-left: 108px;
max-width: 848px
}
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__box {
padding: 0;
max-width: unset;
margin: -46px 0 0;
position: relative;
z-index: 2
}
}
.sp-community-soc-analysts-slider-slide__title {
display: flex;
align-items: flex-end;
margin-bottom: 12px
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__title {
margin-bottom: 8px;
padding-left: 16px
}
}
@media(max-width: 1280px) {
.sp-community-soc-analysts-slider-slide__title h3.MuiTypography-root.MuiTypography-h1 {
font-size: 26px
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysts-slider-slide__title h3.MuiTypography-root.MuiTypography-h1 {
font-size: 24px
}
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__title h3.MuiTypography-root.MuiTypography-h1 {
font-size: 20px;
flex: 1 1 70%
}
}
@media(max-width: 600px) {
.sp-community-soc-analysts-slider-slide__title h3.MuiTypography-root.MuiTypography-h1 {
flex: 1 1 90%
}
}
.sp-community-soc-analysts-slider-slide__description {
position: relative;
padding: 26px 32px 32px;
border-radius: 8px 0 8px 8px;
background: linear-gradient(180deg, #292C3D 0%, #1D1F2B 100%);
border: 2px solid #4ac18e;
box-shadow: 0 6px 12px rgba(0, 0, 0, .2), 0 24px 40px rgba(0, 0, 0, .2)
}
@media(max-width: 1280px) {
.sp-community-soc-analysts-slider-slide__description {
padding: 10px 20px
}
.sp-community-soc-analysts-slider-slide__description .MuiTypography-root.MuiTypography-body1 {
font-size: 12px
}
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__description {
padding: 16px;
border-width: 1px
}
}
.sp-community-soc-analysts-slider-slide__line {
flex: 1 1 auto;
border-radius: 0 6px 0 0;
overflow: hidden;
text-align: right;
margin-bottom: -12px;
font-size: 0
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__line {
margin-bottom: -8px
}
}
.sp-community-soc-analysis-grid {
position: relative;
padding: 100px 0 50px;
z-index: 1
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-grid {
padding: 50px 0
}
}
@media(max-width: 768px) {
.sp-community-soc-analysis-grid {
padding: 50px 0 0
}
}
.sp-community-soc-analysis-grid__line {
position: absolute;
top: -96px;
left: 0;
z-index: -1
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-grid__line {
top: -38px
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-grid__line {
top: -86px
}
}
@media(max-width: 768px) {
.sp-community-soc-analysis-grid__line {
top: -16px
}
}
.sp-community-soc-analysis-grid__ellipse-green .sp-ellipse {
left: 100%
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-grid__ellipse-green .sp-ellipse {
width: 748px !important;
height: 748px !important
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-grid__ellipse-green .sp-ellipse {
width: 584px !important;
height: 584px !important
}
}
@media(max-width: 768px) {
.sp-community-soc-analysis-grid__ellipse-green .sp-ellipse {
width: 498px !important;
height: 498px !important
}
}
.sp-community-soc-analysis-grid__ellipse-blue .sp-ellipse {
left: 0
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-grid__ellipse-blue .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-grid__ellipse-blue .sp-ellipse {
width: 504px !important;
height: 504px !important
}
}
@media(max-width: 768px) {
.sp-community-soc-analysis-grid__ellipse-blue .sp-ellipse {
width: 294px !important;
height: 294px !important
}
}
.sp-community-platform-slider {
position: relative;
box-shadow: 0 32px 56px rgba(0, 0, 0, .25)
}
@media(max-width: 1024px) {
.sp-community-platform-slider {
margin: 0 -40px
}
}
@media(max-width: 768px) {
.sp-community-platform-slider {
margin: 0 -16px;
box-shadow: none
}
}
.sp-community-platform-slider .carousel-root {
display: flex;
flex-direction: column-reverse
}
.sp-community-platform-slider .carousel-root .carousel {
position: relative;
flex: 1 1 100%
}
.sp-community-platform-slider .carousel-root .carousel .slide.selected {
z-index: 1 !important
}
@media(max-width: 768px) {
.sp-community-platform-slider .carousel-root .carousel .slide.selected {
z-index: 0 !important
}
}
.sp-community-platform-slider .carousel-root .carousel:not(.carousel-slider) {
background-color: #242634;
border-radius: 4px 4px 0 0;
border: 1px solid #449da7;
border-bottom: none;
box-shadow: 0 32px 56px rgba(0, 0, 0, .25)
}
.sp-community-platform-slider .carousel-root .carousel.carousel-slider {
margin-top: -58px
}
@media(max-width: 768px) {
.sp-community-platform-slider .carousel-root .carousel.carousel-slider {
margin: 0
}
}
.sp-community-platform-slider .carousel-root .carousel.carousel-slider .slider-wrapper {
padding-top: 58px
}
@media(max-width: 768px) {
.sp-community-platform-slider .carousel-root .carousel.carousel-slider .slider-wrapper {
padding: 0
}
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper {
margin: 0;
overflow: visible
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .control-arrow {
display: none
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs {
display: flex;
padding: 10px 10px 0;
transform: none !important
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
padding: 0 24px;
display: flex;
align-items: center;
justify-content: center;
width: unset !important;
min-height: 48px;
border: none;
border-radius: 6px 6px 0 0;
background-color: rgba(0, 0, 0, 0);
color: rgba(249, 249, 249, .4);
cursor: pointer;
transition: background-color .2s, color .2s
}
@media(max-width: 1280px) {
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
min-height: 36px
}
}
@media(max-width: 1024px) {
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
min-height: 32px
}
}
@media(max-width: 768px) {
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
padding: 0 12px;
flex: 1 1 0
}
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb.selected {
background-color: #292c3d;
color: #f9f9f9
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:hover {
color: #f9f9f9
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb__label {
width: 100%;
min-height: inherit;
display: flex;
align-items: center;
justify-content: center
}
@media(max-width: 1280px) {
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb__label span.MuiTypography-root.MuiTypography-body1 {
font-size: 12px
}
}
.sp-community-platform-slider .sp-platform-slide-content {
position: relative;
font-size: 0;
z-index: 3
}
@media(max-width: 768px) {
.sp-community-platform-slider .sp-platform-slide-content .sp-transform-img-grid {
display: flex;
flex-direction: column-reverse
}
}
.sp-community-platform-slider .sp-platform-slide-content .sp-transform-img-grid__container {
border-radius: 0 0 4px 4px;
border: 1px solid #449da7;
border-top: none;
box-shadow: 0 32px 56px rgba(0, 0, 0, .25)
}
.sp-community-platform-slider .sp-platform-slide-content .sp-transform-img-grid__switcher {
margin-bottom: 0
}
@media(max-width: 768px) {
.sp-community-platform-slider .sp-platform-slide-content .sp-transform-img-grid__switcher {
justify-content: center;
margin-top: 32px
}
}
.sp-community-platform-slider .sp-platform-slide-content .switch-grid {
position: absolute;
top: -42px;
right: 36px
}
@media(max-width: 1280px) {
.sp-community-platform-slider .sp-platform-slide-content .switch-grid {
top: -35px;
right: 24px
}
}
@media(max-width: 1024px) {
.sp-community-platform-slider .sp-platform-slide-content .switch-grid {
top: -33px;
right: 20px
}
}
@media(max-width: 768px) {
.sp-community-platform-slider .sp-platform-slide-content .switch-grid {
position: unset
}
}
.sp-community-platform-slider .sp-platform-slide-content .switch-grid .MuiSwitch-root .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb {
background-color: #68ecff
}
.sp-community-code-future-grid {
position: relative;
padding: 70px 0 60px;
z-index: 2
}
@media(max-width: 1151px) {
.sp-community-code-future-grid {
padding: 70px 0 130px
}
}
@media(max-width: 1024px) {
.sp-community-code-future-grid {
padding: 70px 0 60px
}
}
@media(max-width: 768px) {
.sp-community-code-future-grid {
padding: 80px 0 60px
}
}
.sp-community-code-future-grid__content {
position: relative;
padding: 0 0 0 70px
}
@media(max-width: 1151px) {
.sp-community-code-future-grid__content {
padding: 0 0 70px 70px
}
}
@media(max-width: 1024px) {
.sp-community-code-future-grid__content {
padding: 0 0 0 70px
}
}
@media(max-width: 768px) {
.sp-community-code-future-grid__content {
padding: 0 0 0 46px
}
}
.sp-community-code-future-grid__description {
max-width: 750px
}
.sp-community-code-future-grid__tabs img {
width: 100%
}
.sp-community-code-future-grid__title span {
color: #68ecff
}
.sp-community-code-future-grid__square {
position: absolute;
top: 14px;
left: 32px
}
@media(max-width: 1024px) {
.sp-community-code-future-grid__square {
top: 8px;
left: 18px
}
}
@media(max-width: 768px) {
.sp-community-code-future-grid__square {
top: 4px
}
}
.sp-community-code-future-grid__ellipse-left .sp-ellipse {
top: 60%;
left: 10%
}
@media(max-width: 1280px) {
.sp-community-code-future-grid__ellipse-left .sp-ellipse {
width: 510px !important;
height: 510px !important
}
}
@media(max-width: 1024px) {
.sp-community-code-future-grid__ellipse-left .sp-ellipse {
width: 506px !important;
height: 506px !important
}
}
@media(max-width: 768px) {
.sp-community-code-future-grid__ellipse-left .sp-ellipse {
width: 376px !important;
height: 376px !important
}
}
.sp-community-code-future-grid__ellipse-right .sp-ellipse {
left: 90%
}
@media(max-width: 1280px) {
.sp-community-code-future-grid__ellipse-right .sp-ellipse {
width: 510px !important;
height: 510px !important
}
}
@media(max-width: 1024px) {
.sp-community-code-future-grid__ellipse-right .sp-ellipse {
width: 506px !important;
height: 506px !important
}
}
@media(max-width: 768px) {
.sp-community-code-future-grid__ellipse-right .sp-ellipse {
width: 376px !important;
height: 376px !important
}
}
.sp-community-marketplace-grid {
position: relative;
padding: 100px 0 110px;
z-index: 1
}
@media(max-width: 1024px) {
.sp-community-marketplace-grid {
padding: 40px 0 20px
}
}
@media(max-width: 768px) {
.sp-community-marketplace-grid {
padding: 20px 0
}
}
.sp-community-marketplace-grid__row {
display: flex;
align-items: center
}
@media(max-width: 1024px) {
.sp-community-marketplace-grid__row {
flex-wrap: wrap
}
}
.sp-community-marketplace-grid__col {
font-size: 0
}
.sp-community-marketplace-grid__col img {
width: 100%;
max-width: 706px
}
@media(max-width: 1024px) {
.sp-community-marketplace-grid__col img {
max-width: 500px
}
}
.sp-community-marketplace-grid__col--left {
flex: 1 1 60%;
margin-right: 66px
}
@media(max-width: 1280px) {
.sp-community-marketplace-grid__col--left {
margin-right: 34px
}
}
@media(max-width: 1024px) {
.sp-community-marketplace-grid__col--left {
margin: 0 0 24px;
flex: 1 1 100%
}
}
.sp-community-marketplace-grid__col--right {
flex: 1 1 40%
}
@media(max-width: 1024px) {
.sp-community-marketplace-grid__col--right {
flex: 1 1 100%
}
}
.sp-community-marketplace-grid__title span {
color: #4ac18e
}
.sp-community-marketplace-grid__ellipse .sp-ellipse {
top: 35%
}
@media(max-width: 1280px) {
.sp-community-marketplace-grid__ellipse .sp-ellipse {
width: 510px !important;
height: 510px !important
}
}
@media(max-width: 1024px) {
.sp-community-marketplace-grid__ellipse .sp-ellipse {
width: 506px !important;
height: 506px !important
}
}
@media(max-width: 768px) {
.sp-community-marketplace-grid__ellipse .sp-ellipse {
width: 376px !important;
height: 376px !important
}
}
.sp-community-shared-expertise-grid {
position: relative;
padding: 180px 0 100px;
z-index: 2
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid {
padding: 126px 0 100px
}
}
.sp-community-shared-expertise-grid__row {
display: flex
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__row {
flex-wrap: wrap
}
}
.sp-community-shared-expertise-grid__col {
flex: 1 1 50%
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__col {
flex: 1 1 100%
}
}
.sp-community-shared-expertise-grid__col--left {
margin-right: 50px;
z-index: 1
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__col--left {
margin: 0 0 24px
}
}
.sp-community-shared-expertise-grid__col--right {
z-index: 2
}
.sp-community-shared-expertise-grid__title {
color: #68ecff
}
.sp-community-shared-expertise-grid__ellipse .sp-ellipse {
top: 50%;
left: 60%
}
@media(max-width: 1280px) {
.sp-community-shared-expertise-grid__ellipse .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__ellipse .sp-ellipse {
width: 544px !important;
height: 544px !important
}
}
@media(max-width: 768px) {
.sp-community-shared-expertise-grid__ellipse .sp-ellipse {
width: 280px !important;
height: 280px !important
}
}
.sp-community-shared-expertise-grid__line {
position: absolute;
top: -110px;
left: 80px;
z-index: -1
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__line {
top: 0;
left: 20px
}
}
.sp-community-shared-expertise-grid__line-bottom {
position: absolute;
bottom: -100px;
left: 20%;
z-index: -1
}
@media(max-width: 768px) {
.sp-community-shared-expertise-grid__line-bottom {
left: 40%;
bottom: -25px
}
}
@media(max-width: 600px) {
.sp-community-shared-expertise-grid__line-bottom {
left: 50%
}
}
.sp-community-shared-expertise-grid__img {
font-size: 0
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__img {
padding-right: 50px;
text-align: right
}
}
@media(max-width: 768px) {
.sp-community-shared-expertise-grid__img {
padding: 0 0 0 44px
}
}
.sp-community-shared-expertise-grid__img img {
width: 100%
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__img img {
max-width: 430px
}
}
.sp-community-shared-expertise-grid__img-bottom {
position: relative;
margin-top: -50px;
display: flex;
justify-content: center;
font-size: 0;
z-index: 2
}
@media(max-width: 1280px) {
.sp-community-shared-expertise-grid__img-bottom {
margin-top: -40px
}
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__img-bottom {
padding-left: 50px;
justify-content: flex-start
}
}
@media(max-width: 768px) {
.sp-community-shared-expertise-grid__img-bottom {
padding: 0 70px 0 0
}
}
.sp-community-shared-expertise-grid__img-bottom img {
width: 100%;
max-width: 500px
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__img-bottom img {
max-width: 400px
}
}
.sp-community-earn-money-grid {
position: relative;
padding: 40px 0 0;
z-index: 2
}
.sp-community-earn-money-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__row {
flex-wrap: wrap
}
}
.sp-community-earn-money-grid__col--left {
position: relative;
padding: 120px 0;
flex: 1 1 55%
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__col--left {
padding: 60px 0 30px;
flex: 1 1 100%
}
}
.sp-community-earn-money-grid__col--right {
flex: 1 1 45%
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__col--right {
flex: 1 1 100%
}
}
.sp-community-earn-money-grid__coin {
position: absolute;
top: -100px;
right: 0;
width: 100%;
max-width: 334px
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__coin {
top: 0
}
}
.sp-community-earn-money-grid__coin img {
width: 100%
}
@media(max-width: 1024px) {
.sp-community-earn-money-grid__coin {
max-width: 234px
}
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__coin {
right: 10%
}
}
@media(max-width: 600px) {
.sp-community-earn-money-grid__coin {
top: -10%;
right: 0;
max-width: 202px
}
}
.sp-community-earn-money-grid__img {
font-size: 0
}
@media(max-width: 1024px) {
.sp-community-earn-money-grid__img {
margin-left: -66px
}
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__img {
margin: 0 -24px;
text-align: center
}
}
.sp-community-earn-money-grid__img img {
width: 100%;
max-width: 630px
}
.sp-community-earn-money-grid__description {
max-width: 474px
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__description {
max-width: unset
}
}
.sp-community-earn-money-grid__title {
color: #68ecff
}
.sp-community-earn-money-grid__ellipse .sp-ellipse {
top: 50%;
left: 20%
}
@media(max-width: 1280px) {
.sp-community-earn-money-grid__ellipse .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-community-earn-money-grid__ellipse .sp-ellipse {
width: 536px !important;
height: 536px !important
}
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__ellipse .sp-ellipse {
width: 394px !important;
height: 394px !important
}
}
.sp-reviews-grid {
position: relative;
padding: 100px 0;
z-index: 1
}
@media(max-width: 1024px) {
.sp-reviews-grid {
padding: 80px 0
}
}
.sp-reviews-grid__row {
display: flex;
margin: 0 -58px 0 -40px
}
@media(max-width: 1280px) {
.sp-reviews-grid__row {
margin: 0
}
}
@media(max-width: 768px) {
.sp-reviews-grid__row {
flex-wrap: wrap
}
}
.sp-reviews-grid__col {
flex: 1 1 50%
}
.sp-reviews-grid__col--left {
max-width: 50%;
margin-right: 40px
}
@media(max-width: 1280px) {
.sp-reviews-grid__col--left {
max-width: 47%;
flex: 1 1 47%
}
}
@media(max-width: 1024px) {
.sp-reviews-grid__col--left {
margin-right: 20px
}
}
@media(max-width: 768px) {
.sp-reviews-grid__col--left {
flex: 1 1 100%;
max-width: 100%;
margin-bottom: 44px
}
}
@media(max-width: 1280px) {
.sp-reviews-grid__col--right {
flex: 1 1 53%
}
}
@media(max-width: 1024px) {
.sp-reviews-grid__col--right {
margin-right: 0
}
}
@media(max-width: 768px) {
.sp-reviews-grid__col--right {
flex: 1 1 100%
}
}
.sp-reviews-grid__img {
margin-bottom: 26px;
max-height: 400px;
height: 100%;
width: 100%;
border: 1px solid #449da7
}
@media(max-width: 1280px) {
.sp-reviews-grid__img {
margin-bottom: 16px
}
}
@media(max-width: 1024px) {
.sp-reviews-grid__img {
min-height: 350px
}
}
@media(max-width: 768px) {
.sp-reviews-grid__img {
display: none
}
}
.sp-reviews-grid__icon {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1
}
@media(max-width: 768px) {
.sp-reviews-grid__icon {
display: none
}
}
.sp-reviews-grid__ellipse-blue .sp-ellipse {
top: 30%;
left: 90%
}
@media(max-width: 1280px) {
.sp-reviews-grid__ellipse-blue .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-reviews-grid__ellipse-blue .sp-ellipse {
width: 536px !important;
height: 536px !important
}
}
@media(max-width: 768px) {
.sp-reviews-grid__ellipse-blue .sp-ellipse {
width: 394px !important;
height: 394px !important
}
}
.sp-reviews-grid__ellipse-green .sp-ellipse {
top: 50%;
left: 100%
}
@media(max-width: 1280px) {
.sp-reviews-grid__ellipse-green .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-reviews-grid__ellipse-green .sp-ellipse {
width: 536px !important;
height: 536px !important
}
}
@media(max-width: 768px) {
.sp-reviews-grid__ellipse-green .sp-ellipse {
width: 394px !important;
height: 394px !important
}
}
.sp-reviews-content-grid__img {
max-width: 170px;
font-size: 0
}
.sp-reviews-content-grid__img img {
width: 100%
}
.sp-reviews-content-grid__title {
margin-bottom: 36px
}
@media(max-width: 1280px) {
.sp-reviews-content-grid__title {
margin-bottom: 16px
}
}
.sp-reviews-content-grid__title h2.MuiTypography-root.MuiTypography-h1 {
font-size: 40px
}
@media(max-width: 1280px) {
.sp-reviews-content-grid__title h2.MuiTypography-root.MuiTypography-h1 {
font-size: 34px
}
}
.sp-reviews-slider-grid {
position: relative
}
.sp-reviews-slider-grid__slide {
padding: 0 10px
}
.sp-reviews-slider-grid .carousel {
margin-bottom: 46px;
padding-bottom: 56px
}
@media(max-width: 1280px) {
.sp-reviews-slider-grid .carousel {
margin-bottom: 32px;
padding-bottom: 40px
}
}
@media(max-width: 768px) {
.sp-reviews-slider-grid .carousel {
margin-bottom: 28px
}
}
.sp-reviews-slider-grid .carousel-status {
position: absolute;
top: auto;
left: 120px;
bottom: 4px;
background: none;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 140%;
text-transform: lowercase;
text-shadow: unset;
color: #f9f9f9
}
@media(max-width: 1280px) {
.sp-reviews-slider-grid .carousel-status {
left: 80px;
bottom: -1px
}
}
.sp-reviews-slider-grid .carousel__btn {
position: absolute;
bottom: 0
}
.sp-reviews-slider-grid .carousel__btn--prev {
left: 0;
z-index: 2
}
.sp-reviews-slider-grid .carousel__btn--next {
left: 62px
}
@media(max-width: 1280px) {
.sp-reviews-slider-grid .carousel__btn--next {
left: 42px
}
}
.sp-reviews-slider-grid .carousel__btn button.MuiButton-root {
min-width: 40px;
min-height: 40px;
border-radius: 0;
border-color: #f9f9f9
}
@media(max-width: 1280px) {
.sp-reviews-slider-grid .carousel__btn button.MuiButton-root {
padding: 0;
min-width: 28px;
height: 28px;
min-height: 28px
}
}
.sp-reviews-slider-grid .carousel__btn button.MuiButton-root:hover {
background-color: #4e5060
}
.sp-reviews-slider-grid .carousel__btn button.MuiButton-root.Mui-disabled {
border-color: rgba(249, 249, 249, .5) !important
}
.sp-reviews-slider-grid .carousel__btn button.MuiButton-root.Mui-disabled svg {
opacity: .5
}
.sp-reviews-slider-grid .carousel__btn button.MuiButton-root .MuiButton-startIcon {
margin: 0
}
.sp-reviews-slider-grid .carousel .slide {
text-align: left
}
.sp-reviews-slider-grid .carousel .slider-wrapper {
margin: 0 -8px;
border-bottom: 1px solid #4e5060
}
.sp-slide-grid {
padding-bottom: 20px
}
.sp-slide-grid__quote {
margin-bottom: 20px;
color: #4e5060
}
@media(max-width: 1280px) {
.sp-slide-grid__quote {
margin-bottom: 12px
}
}
.sp-slide-grid__title span.MuiTypography-root.MuiTypography-body2 {
font-size: 20px;
opacity: .9
}
@media(max-width: 1280px) {
.sp-slide-grid__title span.MuiTypography-root.MuiTypography-body2 {
font-size: 14px
}
}
.sp-slide-grid__link {
text-transform: uppercase
}
.sp-slide-grid__description {
margin-bottom: 44px
}
@media(max-width: 1280px) {
.sp-slide-grid__description {
margin-bottom: 30px
}
}
@media(max-width: 768px) {
.sp-slide-grid__description {
margin-bottom: 26px
}
}
@media(max-width: 1280px) {
.sp-slide-grid__description div.MuiTypography-root.MuiTypography-body1 {
font-size: 12px
}
}
@media(max-width: 1280px) {
.sp-slide-grid__description div.MuiTypography-root.MuiTypography-body2 {
font-size: 10px
}
}
.sp-slide-grid__description .three-dots-five-line.two-line {
line-clamp: 5;
max-height: 112px
}
.sp-rating-star__row {
display: flex;
align-items: center
}
.sp-rating-star__list {
margin-top: 4px
}
.sp-rating-star__date {
opacity: .8
}
@media(max-width: 1280px) {
.sp-rating-star__date span.MuiTypography-root.MuiTypography-body2 {
font-size: 10px;
line-height: 1.1
}
}
.sp-rating-star__list {
margin-right: 20px
}
.sp-box-list {
display: flex
}
@media(max-width: 1280px) {
.sp-box-list__item div.MuiTypography-root.MuiTypography-body2 {
font-size: 10px
}
}
.sp-box-list__item:not(:last-of-type) {
margin-right: 30px
}
.sp-box-list__title {
opacity: .8
}
.plan-list__row {
display: flex
}
@media(max-width: 768px) {
.plan-list__row {
flex-direction: column;
text-align: center
}
}
.plan-list__col {
padding-right: 16px
}
@media(max-width: 1280px) {
.plan-list__col {
padding-right: 10px
}
}
@media(max-width: 768px) {
.plan-list__col {
padding: 0
}
}
@media(max-width: 768px) {
.plan-list__col:not(:last-child) {
margin-bottom: 30px
}
}
.plan-list__col:not(:first-child) {
padding-left: 16px;
border-left: 1px solid #3b3d4f
}
@media(max-width: 1280px) {
.plan-list__col:not(:first-child) {
padding-left: 10px
}
}
@media(max-width: 768px) {
.plan-list__col:not(:first-child) {
border: none;
padding: 0
}
}
.plan-list__list {
list-style: none;
padding: 0
}
.plan-list__item {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.plan-list__item {
justify-content: center
}
}
.plan-list__icon {
min-width: 24px;
margin-right: 12px;
color: #f9f9f9
}
.plan-list__title div.MuiTypography-root.MuiTypography-body2 {
font-size: 26px
}
.plan-list__text div.MuiTypography-root.MuiTypography-color-description-primary {
color: #999baa
}
@media(max-width: 1280px) {
.plan-list__text div.MuiTypography-root.MuiTypography-color-description-primary {
font-size: 10px
}
}
.sp-companies-grid {
padding: 140px 0 82px 60px
}
@media(max-width: 1024px) {
.sp-companies-grid {
padding-top: 60px
}
}
@media(max-width: 768px) {
.sp-companies-grid {
padding-left: 46px
}
}
.sp-companies-grid__inner {
position: relative;
margin-right: -70px
}
@media(max-width: 1151px) {
.sp-companies-grid__inner {
margin-right: 0
}
}
@media(max-width: 768px) {
.sp-companies-grid__inner {
padding: 0
}
}
.sp-companies-grid__ellipse {
position: absolute
}
.sp-companies-grid__ellipse--left {
bottom: 0;
left: 0;
transform: translate(-40%, 20%)
}
.sp-companies-grid__row {
display: flex;
align-items: center;
flex-direction: row-reverse
}
@media(max-width: 1151px) {
.sp-companies-grid__row {
flex-wrap: wrap
}
}
.sp-companies-grid__col--left {
flex: 1 1 65%
}
@media(max-width: 1151px) {
.sp-companies-grid__col--left {
flex: 1 1 100%;
margin-bottom: 40px
}
.sp-companies-grid__col--left .sp-hexagon-grid__container {
margin: 0 auto
}
}
.sp-companies-grid__col--right {
flex: 1 1 35%;
display: flex;
justify-content: center
}
@media(max-width: 1151px) {
.sp-companies-grid__col--right {
flex: 1 1 100%;
justify-content: flex-start
}
}
.sp-companies-grid__wrap {
width: 100%;
max-width: 500px
}
@media(max-width: 1151px) {
.sp-companies-grid__wrap {
margin-left: 0;
max-width: 650px
}
}
@media(max-width: 768px) {
.sp-companies-grid__hexagon {
margin-bottom: 20px
}
}
.sp-companies-grid__hexagon .sp-hexagon-grid {
display: flex;
justify-content: center;
padding: 26px 0 32px 26px
}
@media(max-width: 768px) {
.sp-companies-grid__hexagon .sp-hexagon-grid {
display: block;
padding: 0
}
}
@media(max-width: 1280px) {
.sp-companies-grid__title .sp-title-gradient {
font-size: 34px !important
}
}
@media(max-width: 768px) {
.sp-companies-grid__title .sp-title-gradient {
font-size: 24px !important
}
}
.sp-companies-grid__description {
margin-bottom: 40px
}
@media(max-width: 1151px) {
.sp-companies-grid__description {
margin-bottom: 30px
}
.sp-companies-grid__description .MuiTypography-root.MuiTypography-body1 {
font-size: 14px
}
}
.sp-companies-grid__buttons {
display: flex;
align-items: center
}
.sp-companies-grid__buttons a:first-of-type {
margin-right: 32px
}
.sp-companies-grid__buttons button.MuiButton-root {
color: #292c3d
}
@media(max-width: 650px) {
.sp-companies-grid .swipe-hand-grid {
display: block
}
}
.sp-community-investors-grid {
padding: 100px 0
}
@media(max-width: 1024px) {
.sp-community-investors-grid {
padding: 30px 0 60px
}
}
.sp-community-grid {
position: relative;
z-index: 1
}
.sp-circle-grid {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
aspect-ratio: 1/1;
max-width: 100%;
padding: 22px;
z-index: 1
}
@media(max-width: 1024px) {
.sp-circle-grid {
padding: 18px
}
}
@media(max-width: 768px) {
.sp-circle-grid {
min-width: 396px
}
}
@media(max-width: 600px) {
.sp-circle-grid {
padding: 10px;
min-width: 375px
}
}
.sp-circle-grid::before {
content: "";
position: absolute;
inset: 0;
background: var(--background-image) no-repeat 50% 50%;
background-size: cover;
z-index: 0;
transition: transform .3s ease-in-out
}
.sp-circle-grid.left-0::before {
transform: rotate(-30deg)
}
.sp-circle-grid.left-1::before {
transform: rotate(-60deg)
}
.sp-circle-grid.left-2::before {
transform: rotate(-80deg)
}
.sp-circle-grid.left-3::before {
transform: rotate(-95deg)
}
.sp-circle-grid.left-4::before {
transform: rotate(-115deg)
}
.sp-circle-grid.left-5::before {
transform: rotate(-135deg)
}
.sp-circle-grid.right-0::before {
transform: rotate(40deg)
}
.sp-circle-grid.right-1::before {
transform: rotate(60deg)
}
.sp-circle-grid.right-2::before {
transform: rotate(80deg)
}
.sp-circle-grid.right-3::before {
transform: rotate(95deg)
}
.sp-circle-grid.right-4::before {
transform: rotate(130deg)
}
@media(max-width: 1151px) {
.sp-circle-grid[class*=left-]::before,
.sp-circle-grid[class*=right-]::before {
transform: rotate(0)
}
}
.sp-circle-grid__wrap {
flex: 1
}
.sp-circle-grid__title {
position: relative;
margin-bottom: -70px;
transition: opacity .3s ease-in-out .3s
}
.sp-circle-grid__title:not(.is-active) {
z-index: 1;
opacity: 1
}
.sp-circle-grid__title.is-active {
opacity: 0
}
.sp-circle-grid__title.is-active.z-index-delayed {
z-index: -1
}
.sp-circle-grid__title h1.MuiTypography-root.MuiTypography-h1 {
font-size: 44px
}
@media(max-width: 1280px) {
.sp-circle-grid__title h1.MuiTypography-root.MuiTypography-h1 {
font-size: 34px
}
}
@media(max-width: 1024px) {
.sp-circle-grid__title h1.MuiTypography-root.MuiTypography-h1 {
font-size: 32px
}
}
@media(max-width: 768px) {
.sp-circle-grid__title h1.MuiTypography-root.MuiTypography-h1 {
font-size: 28px
}
}
.sp-circle-grid__title-button {
margin-top: 9%;
display: flex;
justify-content: center
}
.sp-circle-grid__title-button a.MuiButton-root.MuiButton-contained.MuiButton-sizeMedium,
.sp-circle-grid__title-button a.MuiButton-root.MuiButton-contained.MuiButton-sizeLarge,
.sp-circle-grid__title-button button.MuiButton-root.MuiButton-contained.MuiButton-sizeMedium,
.sp-circle-grid__title-button button.MuiButton-root.MuiButton-contained.MuiButton-sizeLarge {
padding: 0 16px;
font-weight: 600;
font-size: 14px
}
.sp-circle-grid__title-button a.MuiButton-root.MuiButton-contained.MuiButton-sizeMedium,
.sp-circle-grid__title-button button.MuiButton-root.MuiButton-contained.MuiButton-sizeMedium {
font-weight: 500
}
.sp-content-body {
position: absolute;
inset: 0;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.sp-content-body.is-active .sp-content-body__footer,
.sp-content-body.is-active .sp-content-body__header {
transform: translateY(0)
}
.sp-content-body__header {
flex: 1 1 auto;
width: 100%;
padding: 110px 56px 10px;
display: flex;
align-items: center;
flex-direction: column;
background-color: #1f2232;
transform: translateY(-100%);
transition: transform .5s
}
@media(max-width: 1280px) {
.sp-content-body__header {
padding: 60px 56px 10px;
justify-content: center
}
}
@media(max-width: 1024px) {
.sp-content-body__header {
padding: 0 46px
}
}
@media(max-width: 1280px) {
.sp-content-body__description p.MuiTypography-root.MuiTypography-body1 {
font-size: 13px
}
}
@media(max-width: 1024px) {
.sp-content-body__description p.MuiTypography-root.MuiTypography-body1 {
line-height: 1.2
}
}
@media(max-width: 768px) {
.sp-content-body__description p.MuiTypography-root.MuiTypography-body1 {
font-size: 12px
}
}
.sp-content-body__footer {
flex: 1 1 0;
width: 100%;
transform: translateY(100%);
transition: transform .5s
}
@media(max-width: 1280px) {
.sp-content-body__footer {
max-height: 100px;
min-height: 100px
}
}
@media(max-width: 1024px) {
.sp-content-body__footer {
max-height: none;
min-height: auto
}
}
.sp-content-body__buttons {
padding: 18px 24px;
display: flex;
justify-content: center;
gap: 16px 24px;
background: linear-gradient(180deg, #3B3D4F 0%, #1F2232 100%)
}
@media(max-width: 1280px) {
.sp-content-body__buttons {
padding: 10px 24px
}
}
@media(max-width: 1024px) {
.sp-content-body__buttons {
background: rgba(0, 0, 0, 0);
gap: 16px
}
}
.sp-content-body__btn a.MuiButton-root.MuiButton-sizeMedium,
.sp-content-body__btn button.MuiButton-root.MuiButton-sizeMedium {
padding: 0 14px;
min-width: 126px
}
@media(max-width: 1024px) {
.sp-content-body__btn a.MuiButton-root.MuiButton-sizeMedium,
.sp-content-body__btn button.MuiButton-root.MuiButton-sizeMedium {
min-width: 166px
}
}
.sp-content-body__btn a.MuiButton-root.MuiButton-sizeMedium.MuiButton-outlined,
.sp-content-body__btn a.MuiButton-root.MuiButton-sizeMedium.MuiButton-contained,
.sp-content-body__btn button.MuiButton-root.MuiButton-sizeMedium.MuiButton-outlined,
.sp-content-body__btn button.MuiButton-root.MuiButton-sizeMedium.MuiButton-contained {
font-size: 14px
}
.sp-content-body__link {
display: flex;
align-items: center;
justify-content: center;
height: 38px;
border-top: 1px solid #4ac18e;
background-color: #1f2232;
font-size: 14px;
color: #4ac18e
}
@media(max-width: 1024px) {
.sp-content-body__link {
border: none;
height: auto;
background-color: rgba(0, 0, 0, 0)
}
}
.sp-content-body__link a {
position: relative;
cursor: pointer
}
.sp-content-body__link a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
background-color: #4ac18e;
transform: scaleX(0);
transition: transform .2s
}
.sp-content-body__link a:hover::after {
transform: scaleX(1)
}
.sp-circle-item {
position: relative;
cursor: pointer;
z-index: 2
}
.sp-circle-item:first-of-type .sp-circle-item__line,
.sp-circle-item:last-of-type .sp-circle-item__line {
width: 95px
}
.sp-circle-item:first-of-type .sp-circle-item__line::before,
.sp-circle-item:last-of-type .sp-circle-item__line::before {
display: block
}
.sp-circle-item:first-of-type .sp-circle-item__line::before {
top: 20px;
left: 86px
}
.sp-circle-item:first-of-type .sp-circle-item__line::after {
top: 40px;
right: -45px
}
.sp-circle-item:last-of-type .sp-circle-item__line {
width: 40px
}
.sp-circle-item:last-of-type .sp-circle-item__line::before {
top: -28px;
left: 28px;
width: 80px;
transform: rotate(-45deg)
}
.sp-circle-item:last-of-type .sp-circle-item__line::after {
top: -62px;
right: -62px
}
.sp-circle-item:nth-child(2) .sp-circle-item__line {
width: 90px
}
.sp-circle-item.is-filter rect {
fill: rgba(249, 249, 249, .5)
}
.sp-circle-item.is-filter .linear-gradient__top {
stop-color: rgba(249, 249, 249, .5)
}
.sp-circle-item.is-filter .linear-gradient__bottom {
stop-color: rgba(249, 249, 249, .5)
}
.sp-circle-item.is-filter .sp-circle-item__list::before,
.sp-circle-item.is-filter .sp-circle-item__element::before {
background-color: rgba(249, 249, 249, .5)
}
.sp-circle-item:hover .sp-circle-item__bg::after,
.sp-circle-item.is-active .sp-circle-item__bg::after {
opacity: .7
}
.sp-circle-item:hover .sp-circle-item__line,
.sp-circle-item.is-active .sp-circle-item__line {
opacity: 1
}
.sp-circle-item:hover rect,
.sp-circle-item.is-active rect {
opacity: 0;
fill: #4ac18e
}
@media(max-width: 1024px) {
.sp-circle-item:hover rect,
.sp-circle-item.is-active rect {
opacity: 1
}
}
.sp-circle-item:hover svg .linear-gradient__top,
.sp-circle-item:hover svg .linear-gradient__bottom,
.sp-circle-item.is-active svg .linear-gradient__top,
.sp-circle-item.is-active svg .linear-gradient__bottom {
stop-color: #33d7ef
}
.sp-circle-item.is-mirror .sp-circle-item__bg {
transform: scaleX(-1)
}
.sp-circle-item.is-mirror .sp-circle-item__line {
top: 3px;
right: 99%;
left: auto;
transform: scaleX(-1)
}
.sp-circle-item__text {
position: absolute;
top: 14px;
right: 28px;
left: 28px;
z-index: 1
}
.sp-circle-item__bg {
position: relative
}
.sp-circle-item__bg::after {
content: "";
position: absolute;
top: 4px;
left: 20px;
width: 288px;
height: 45px;
background: linear-gradient(90deg, rgba(35, 91, 67, 0) 0%, #4AC18E 69.23%, rgba(74, 193, 142, 0) 97.12%);
opacity: 0;
transition: opacity .2s
}
.sp-circle-item__bg svg rect {
fill: #4ac18e;
transition: opacity .2s, stop-color .2s
}
.sp-circle-item__bg svg .linear-gradient__top {
stop-color: #4ac18e;
transition: stop-color .2s
}
.sp-circle-item__bg svg .linear-gradient__bottom {
stop-color: #33d7ef;
transition: stop-color .2s
}
.sp-circle-item__line {
position: absolute;
top: 3px;
left: 99%;
width: 60px;
height: 1px;
background-color: rgba(74, 193, 142, .7);
opacity: 0;
transition: opacity .2s;
z-index: 2
}
@media(max-width: 1151px) {
.sp-circle-item__line {
display: none
}
}
.sp-circle-item__line::before {
display: none;
content: "";
position: absolute;
top: -3px;
right: -6px;
width: 60px;
height: 1px;
background-color: rgba(74, 193, 142, .7);
transform: rotate(45deg)
}
.sp-circle-item__line::after {
content: "";
position: absolute;
top: -3px;
right: -6px;
width: 6px;
height: 6px;
background-color: rgba(74, 193, 142, .7)
}
.sp-circle-item__list {
position: relative;
margin: 0 auto;
padding: 8px 0;
display: flex;
flex-wrap: wrap;
gap: 4px 24px;
max-width: 244px
}
.sp-circle-item__list::before {
content: "";
position: absolute;
top: -4px;
left: 3px;
width: 1px;
height: 66px;
background-color: rgba(74, 193, 142, .7)
}
.sp-circle-item__element {
flex: 40%;
display: flex;
align-items: center;
gap: 8px
}
.sp-circle-item__element::before {
content: "";
width: 6px;
height: 6px;
background-color: rgba(74, 193, 142, .7)
}
.sp-hero-ai-slider {
position: relative;
clip-path: polygon(34px 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% 34px)
}
@media(max-width: 600px) {
.sp-hero-ai-slider {
clip-path: none
}
}
.sp-hero-ai-slider::before {
content: "";
position: absolute;
background: rgba(74, 193, 142, .3);
inset: 0;
z-index: -1;
clip-path: polygon(34px 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% 34px)
}
@media(max-width: 600px) {
.sp-hero-ai-slider::before {
clip-path: none
}
}
.sp-hero-ai-slider.sp-hero-ai-slider--shorter .sp-hero-ai-slider__arrow {
display: none
}
@media(max-width: 1024px) {
.sp-hero-ai-slider.sp-hero-ai-slider--shorter .sp-hero-ai-slider__arrow {
display: flex
}
}
.sp-hero-ai-slider__wrap {
display: flex;
flex-direction: column
}
.sp-hero-ai-slider .swiper {
margin: 0 55px
}
@media(max-width: 600px) {
.sp-hero-ai-slider .swiper {
margin: 0 36px
}
}
.sp-hero-ai-slider__slide {
position: relative;
height: 74px;
display: grid;
place-items: center
}
.sp-hero-ai-slider__slide:hover .sp-hero-ai-slider__slide-info,
.sp-hero-ai-slider__slide.active .sp-hero-ai-slider__slide-info {
opacity: 1
}
.sp-hero-ai-slider__slide img {
max-height: 56px
}
.sp-hero-ai-slider__slide-info {
position: absolute;
box-sizing: border-box;
inset: 1px;
display: flex;
flex-direction: column;
gap: 4px;
padding: 8px 10px;
background: linear-gradient(0deg, #4ac18e -133.59%, #1F2232 100%);
opacity: 0;
transition: transform .2s, opacity .3s
}
.sp-hero-ai-slider__slide-text {
flex: 1
}
.sp-hero-ai-slider__slide-text p:nth-child(2) {
white-space: nowrap;
line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
max-height: 20px;
width: 100%;
line-height: 1
}
.sp-hero-ai-slider__slide-text .MuiTypography-root.MuiTypography-h6.MuiTypography-alignLeft {
margin-bottom: 6px;
font-size: 16px
}
.sp-hero-ai-slider__arrows {
position: absolute;
display: flex;
justify-content: space-between;
inset: 1px;
background: linear-gradient(-40deg, #2D514D 5.74%, #292C3D 29.54%, #292C3D 67.84%, #284749 98.68%), linear-gradient(0deg, rgba(74, 193, 142, 0.3), rgba(74, 193, 142, 0.3));
clip-path: polygon(34px 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% 34px)
}
@media(max-width: 600px) {
.sp-hero-ai-slider__arrows {
clip-path: none
}
}
.sp-hero-ai-slider__arrow {
display: flex;
justify-content: center;
align-items: center;
width: 56px;
height: 100%;
margin-top: 0;
padding: 25px 10px;
color: #cfd0d3;
background-color: rgba(0, 0, 0, .1);
cursor: pointer;
transition: background-color .1s;
user-select: none
}
.sp-hero-ai-slider__arrow:hover {
background-color: rgba(0, 0, 0, .2)
}
.sp-hero-ai-slider__arrow--prev svg {
transform: scaleX(-1)
}
@media(max-width: 600px) {
.sp-hero-ai-slider__arrow {
width: 36px
}
}
.sp-hero-ai-slider__tooltip {
display: flex;
position: absolute;
inset: 0
}
.sp-hero-ai-slider__tooltip-img {
display: inline-block;
height: 56px;
margin-bottom: 8px;
padding: 2px 4px;
border: 1px solid #4ac18e;
border-radius: 4px
}
.sp-hero-ai-slider__tooltip-img img {
height: 100%;
width: auto
}
.sp-hero-ai-tabs .MuiButtonBase-root.MuiTab-root {
max-width: none;
min-width: auto
}
.sp-hero-ai-tabs .MuiBox-root {
border-bottom: none
}
.sp-hero-ai-tabs .MuiBox-root .MuiTabs-root {
min-height: 28px
}
.sp-hero-ai-tabs .MuiBox-root .MuiTabs-root .MuiTab-root {
padding: 0;
min-height: 28px
}
@media(max-width: 1024px) {
.sp-hero-ai-tabs .MuiBox-root .grid-tabs {
margin-bottom: 0
}
}
.sp-hero-ai-tabs .MuiBox-root .grid-tabs__col-left {
width: 100%
}
.sp-hero-ai-tabs .MuiBox-root .grid-tabs__col-right-inner {
width: 100%
}
@media(max-width: 768px) {
.sp-hero-ai-tabs .MuiBox-root .grid-tabs__col-right-inner {
margin-bottom: 0
}
}
.sp-hero-ai-tabs .MuiTabs-scroller .MuiTabs-flexContainer {
width: 100%;
gap: 28px
}
@media(max-width: 768px) {
.sp-hero-ai-tabs .MuiTabs-scroller .MuiTabs-flexContainer {
gap: 14px
}
}
.sp-hero-ai-tabs .MuiTabs-scroller .MuiButtonBase-root.MuiTab-root {
font-size: 12px;
align-items: flex-start;
padding-inline: 0;
border-top: 2px solid rgba(74, 193, 142, .26);
flex: 1
}
.sp-hero-ai-tabs .MuiTabs-scroller .MuiButtonBase-root.MuiTab-root::after {
display: none
}
.sp-hero-ai-tabs .MuiTabs-scroller .MuiTabs-indicator {
bottom: auto;
top: 0
}
.sp-hero-ai-grid__wrap {
position: relative;
z-index: 1
}
.sp-hero-ai-grid__wrap::after {
content: "";
position: absolute;
top: 0;
left: 50%;
height: 600px;
width: 600px;
border-radius: 50%;
background: radial-gradient(50% 50% at 50% 50%, rgba(26, 255, 157, 0.3) 0%, rgba(98, 249, 184, 0) 100%);
transform: translate(-50%, -50%)
}
.sp-hero-ai-grid__bg {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 100%;
background: no-repeat 50% 0
}
.sp-hero-ai-grid__bg::before {
position: absolute;
inset: 0;
content: "";
background: rgba(31, 34, 50, .7)
}
.sp-hero-ai-grid__bg::after {
position: absolute;
inset: 0;
content: "";
background: linear-gradient(180deg, rgba(31, 34, 50, 0) 0%, #1F2232 98.22%)
}
.sp-hero-ai-grid__inner {
position: relative;
z-index: 2
}
.sp-hero-ai-grid__inner.inner {
padding: 0
}
.sp-hero-ai-grid__row {
padding: 64px 0 32px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px
}
@media(max-width: 1024px) {
.sp-hero-ai-grid__row {
gap: 10px;
justify-content: center
}
}
@media(max-width: 768px) {
.sp-hero-ai-grid__row {
flex-wrap: wrap;
gap: 20px 0
}
}
.sp-hero-ai-grid__col {
display: flex;
flex-direction: column;
justify-content: center
}
@media(max-width: 768px) {
.sp-hero-ai-grid__col {
flex: 1 1 100%
}
}
.sp-hero-ai-grid__col--left {
position: relative;
gap: 22px
}
@media(max-width: 1151px) {
.sp-hero-ai-grid__col--left {
flex: 1 1 25%
}
}
@media(max-width: 1024px) {
.sp-hero-ai-grid__col--left {
flex: 1 1 auto;
min-width: 312px
}
}
@media(max-width: 768px) {
.sp-hero-ai-grid__col--left {
order: 0;
align-items: center;
z-index: 2
}
.sp-hero-ai-grid__col--left>.sp-circle-item {
text-align: center
}
}
.sp-hero-ai-grid__col--center {
align-items: center
}
@media(max-width: 1151px) {
.sp-hero-ai-grid__col--center {
flex: 1 1 auto
}
}
@media(max-width: 768px) {
.sp-hero-ai-grid__col--center {
order: 1
}
}
.sp-hero-ai-grid__col--right {
gap: 21px
}
.sp-hero-ai-grid__tabs {
position: relative;
z-index: 1
}
.sp-hero-ai-grid__toggle {
position: relative
}
.sp-hero-ai-grid__arrow {
position: absolute;
right: 10px;
top: 50%;
transform: translate(50%, -50%) rotate(0);
color: #f9f9f9;
transition: transform .2s
}
.sp-hero-ai-grid__arrow.is-active {
transform: translate(50%, -50%) rotate(180deg)
}
.sp-hero-ai-grid__lines {
position: relative;
margin-top: -10px;
z-index: 0
}
.sp-hero-ai-grid__scroll {
padding-left: 16px
}
.sp-hero-ai-grid__scroll .simplebar-track.simplebar-vertical {
left: 0;
right: auto
}
.sp-hero-ai-grid__scroll .simplebar-track.simplebar-vertical .simplebar-scrollbar::before {
opacity: 1
}
@media(max-width: 768px) {
.sp-hero-ai-grid__scroll .simplebar-track.simplebar-vertical .simplebar-scrollbar::before {
opacity: 0
}
}
@media(max-width: 1151px) {
.sp-hero-ai-grid__scroll {
max-height: 438px
}
}
@media(max-width: 768px) {
.sp-hero-ai-grid__scroll {
padding: 0;
max-height: none
}
}
@media(max-width: 768px) {
.sp-hero-ai-grid__list {
padding: 32px 0 18px;
width: 295px;
position: absolute;
top: 40px;
left: -2000px;
opacity: 0;
display: none;
background-color: #3b3d4f;
transform: translateX(-50%);
transition: opacity .2s;
z-index: 1
}
.sp-hero-ai-grid__list.is-active {
display: block;
left: 50%;
opacity: 1
}
}
.sp-hero-ai-items {
display: flex;
flex-direction: column;
gap: 22px
}
@media(max-width: 768px) {
.sp-hero-ai-items {
gap: 0
}
.sp-hero-ai-items .sp-circle-item {
display: flex;
align-items: center;
flex-wrap: wrap;
min-height: 34px;
height: auto;
padding-left: 16px
}
.sp-hero-ai-items .sp-circle-item__bg {
display: none
}
.sp-hero-ai-items .sp-circle-item__text {
position: initial
}
.sp-hero-ai-items .sp-circle-item__list {
padding-top: 0;
margin: 0;
max-width: none;
gap: 4px
}
.sp-hero-ai-items .sp-circle-item__list::before {
display: none
}
.sp-hero-ai-items .sp-circle-item__element {
flex: none
}
.sp-hero-ai-items .sp-circle-item__element::before {
display: none
}
}
.sp-journey-grid {
padding-top: 100px;
overflow: hidden
}
@media(max-width: 1024px) {
.sp-journey-grid {
padding-top: 50px
}
}
.sp-journey-grid__inner {
position: relative;
z-index: 1
}
.sp-journey-grid__row {
display: flex;
align-items: flex-end
}
@media(max-width: 768px) {
.sp-journey-grid__row {
flex-wrap: wrap
}
}
.sp-journey-grid__col {
flex: 1 1 50%
}
.sp-journey-grid__col--left {
margin-right: 50px
}
@media(max-width: 1024px) {
.sp-journey-grid__col--left {
margin-right: 24px
}
}
.sp-journey-grid__col--right {
padding: 100px 0
}
@media(max-width: 1024px) {
.sp-journey-grid__col--right {
padding: 60px 0
}
}
.sp-journey-grid__img {
font-size: 0;
margin: 0 0 -100px -100px
}
@media(max-width: 1024px) {
.sp-journey-grid__img {
margin: 0 0 -50px -100px
}
}
@media(max-width: 768px) {
.sp-journey-grid__img {
margin: 0
}
}
.sp-journey-grid__img svg {
width: 100%
}
.sp-journey-grid__ellipse--left .sp-ellipse {
top: 55%;
left: 10%
}
@media(max-width: 1280px) {
.sp-journey-grid__ellipse--left .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-journey-grid__ellipse--left .sp-ellipse {
top: 70%;
left: 20%;
width: 600px !important;
height: 600px !important
}
}
@media(max-width: 768px) {
.sp-journey-grid__ellipse--left .sp-ellipse {
top: 35%;
left: 50%;
width: 700px !important;
height: 700px !important
}
}
.sp-journey-grid__ellipse--right .sp-ellipse {
top: 55%;
left: 95%
}
@media(max-width: 1280px) {
.sp-journey-grid__ellipse--right .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-journey-grid__ellipse--right .sp-ellipse {
width: 536px !important;
height: 536px !important
}
}
@media(max-width: 768px) {
.sp-journey-grid__ellipse--right .sp-ellipse {
top: 90%;
width: 436px !important;
height: 436px !important
}
}
.sp-journey-grid__title {
color: #4ac18e
}
@media(max-width: 768px) {
.sp-journey-grid__line {
text-align: center
}
}
.sp-journey-grid__title,
.sp-journey-grid__description {
max-width: 570px
}
@media(max-width: 1280px) {
.sp-journey-grid__title,
.sp-journey-grid__description {
max-width: 500px
}
}
@media(max-width: 768px) {
.sp-journey-grid__title,
.sp-journey-grid__description {
max-width: unset;
text-align: center
}
}
.sp-journey-grid__description .MuiTypography-root.MuiTypography-body1 {
font-size: 18px
}
@media(max-width: 1280px) {
.sp-journey-grid__description .MuiTypography-root.MuiTypography-body1 {
font-size: 14px
}
}
.sp-journey-grid__buttons {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-journey-grid__buttons {
text-align: center;
justify-content: center
}
}
.sp-journey-grid__buttons a {
margin-right: 32px
}
.player-ai-grid {
margin-top: 25px;
overflow: hidden
}
@media(max-width: 1024px) {
.player-ai-grid {
margin-top: 55px
}
}
.player-ai-grid__container {
position: relative;
z-index: 1
}
.player-ai-grid__container::after {
content: "";
position: absolute;
top: -10px;
right: -10px;
bottom: 0;
left: -10px;
border-radius: 12px 12px 0 0;
background: linear-gradient(180deg, rgba(74, 193, 142, 0.3) 60%, rgba(74, 193, 142, 0) 100%);
z-index: -1
}
.player-ai-grid__title {
position: relative;
margin-bottom: 34px;
padding: 12px 0 12px 0;
max-width: 900px
}
@media(max-width: 1024px) {
.player-ai-grid__title {
max-width: 700px
}
}
.player-ai-grid__title h2.MuiTypography-root.MuiTypography-h2 {
font-size: 56px
}
@media(max-width: 1024px) {
.player-ai-grid__title h2.MuiTypography-root.MuiTypography-h2 {
font-size: 40px
}
}
.player-ai-grid .scp-ellipse {
top: 77%;
z-index: -1
}
.player-ai-grid__wrap {
border-radius: 6px 6px 0 0;
background-color: #1f2232
}
.player-ai-grid__row {
display: flex
}
@media(max-width: 1151px) {
.player-ai-grid__row {
flex-direction: column
}
}
.player-ai-grid__video {
flex: 1
}
.player-ai-grid__text {
width: 270px;
flex-shrink: 0;
padding: 16px 22px 16px 24px;
border: 1px solid #57586e;
border-bottom: none;
background: linear-gradient(0deg, rgba(31, 34, 50, 0.5) 40%, rgba(0, 0, 0, 0.5) 100%)
}
@media(max-width: 1151px) {
.player-ai-grid__text {
width: 100%
}
}
.player-ai-grid__text-title {
margin-bottom: 26px;
color: #fff
}
@media(max-width: 1151px) {
.player-ai-grid__text-title {
margin-bottom: 12px
}
}
.player-ai-grid__text-description {
opacity: .9
}
.player-ai-grid__footer {
display: flex;
justify-content: center;
padding: 26px;
border: 1px solid #57586e;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 40%, rgba(31, 34, 50, 0.5) 100%)
}
.player-buttons-list {
position: absolute;
right: 8px;
bottom: 8px;
display: flex;
gap: 16px;
z-index: 2
}
.player-buttons-list .play-button {
position: relative
}
.player-buttons-list .play-button__before,
.player-buttons-list .play-button__after {
display: inline-block;
position: absolute;
width: 18px;
height: 18px;
background-color: currentColor;
transition: clip-path .3s ease
}
.player-buttons-list .play-button.is-active .play-button__before {
clip-path: polygon(0 0, 30% 0, 30% 100%, 0% 100%)
}
.player-buttons-list .play-button.is-active .play-button__after {
clip-path: polygon(70% 0, 100% 0, 100% 100%, 70% 100%)
}
.player-buttons-list .play-button:not(.is-active) .play-button__before {
clip-path: polygon(0 0, 50% 25%, 50% 75%, 0% 100%)
}
.player-buttons-list .play-button:not(.is-active) .play-button__after {
clip-path: polygon(50% 25%, 100% 50%, 100% 50%, 50% 75%)
}
.player-buttons-list .view-format svg {
position: absolute;
font-size: 9px;
transition: transform .1s
}
.player-buttons-list .view-format svg:nth-child(1) {
top: 9px;
left: 9px
}
.player-buttons-list .view-format svg:nth-child(2) {
top: 9px;
right: 9px;
transform: rotate(90deg)
}
.player-buttons-list .view-format svg:nth-child(3) {
right: 9px;
bottom: 9px;
transform: rotate(180deg)
}
.player-buttons-list .view-format svg:nth-child(4) {
left: 9px;
bottom: 9px;
transform: rotate(270deg)
}
.player-buttons-list .view-format.is-active svg:nth-child(1) {
transform: translate(-3px, -3px) rotate(180deg)
}
.player-buttons-list .view-format.is-active svg:nth-child(2) {
transform: translate(3px, -3px) rotate(270deg)
}
.player-buttons-list .view-format.is-active svg:nth-child(3) {
transform: translate(3px, 3px) rotate(0deg)
}
.player-buttons-list .view-format.is-active svg:nth-child(4) {
transform: translate(-3px, 3px) rotate(90deg)
}
.player-buttons-list .view-format:hover svg:nth-child(1) {
transform: translate(-2px, -2px) rotate(0deg)
}
.player-buttons-list .view-format:hover svg:nth-child(2) {
transform: translate(2px, -2px) rotate(90deg)
}
.player-buttons-list .view-format:hover svg:nth-child(3) {
transform: translate(2px, 2px) rotate(180deg)
}
.player-buttons-list .view-format:hover svg:nth-child(4) {
transform: translate(-2px, 2px) rotate(270deg)
}
.player-buttons-list .view-format:hover.is-active svg:nth-child(1) {
transform: translate(-1px, -1px) rotate(180deg)
}
.player-buttons-list .view-format:hover.is-active svg:nth-child(2) {
transform: translate(1px, -1px) rotate(270deg)
}
.player-buttons-list .view-format:hover.is-active svg:nth-child(3) {
transform: translate(1px, 1px) rotate(0deg)
}
.player-buttons-list .view-format:hover.is-active svg:nth-child(4) {
transform: translate(-1px, 1px) rotate(90deg)
}
.video-player-list {
display: flex;
gap: 8px 40px;
width: 100%;
max-width: 704px
}
@media(max-width: 768px) {
.video-player-list {
flex-direction: column;
gap: 12px 20px
}
}
.video-player-list-item {
position: relative;
flex: 1 1 0;
z-index: 1
}
.video-player-list-item::before {
content: "";
display: block;
position: absolute;
inset: 0;
border-radius: 30px 4px 30px 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, .2), 0 24px 40px rgba(0, 0, 0, .2);
transition: box-shadow .2s;
z-index: -1
}
.video-player-list-item::after {
content: "";
display: block;
position: absolute;
inset: 0;
border-radius: 4px;
background: linear-gradient(177.04deg, #4AC18E -192.72%, #4AC18E 97.61%);
clip-path: polygon(0.5rem 0%, 100% 0, 100% calc(100% - 0.5rem), calc(100% - 0.5rem) 100%, 0 100%, 0% 0.5rem);
transition: background-color .2s;
z-index: -1
}
.video-player-list-item:not(.is-active)::after {
background: linear-gradient(177.04deg, #57586E -192.72%, #57586E 97.61%)
}
.video-player-list-item:not(.is-active):hover .video-player-list-item__wrap::after {
background-color: rgba(0, 0, 0, 0)
}
.video-player-list-item.is-active .video-player-list-item__wrap::after {
background-color: rgba(0, 0, 0, 0)
}
.video-player-list-item__wrap {
position: relative;
padding: 1px;
height: 84px;
clip-path: polygon(0.5rem 0%, 100% 0, 100% calc(100% - 0.5rem), calc(100% - 0.5rem) 100%, 0 100%, 0% 0.5rem);
z-index: 2
}
@media(max-width: 768px) {
.video-player-list-item__wrap {
height: auto
}
}
.video-player-list-item__wrap::before {
content: "";
display: block;
position: absolute;
inset: 1px;
border-radius: 4px;
background: linear-gradient(177.04deg, #292C3D -192.72%, #292C3D 97.61%);
clip-path: polygon(0.5rem 0%, 100% 0, 100% calc(100% - 0.5rem), calc(100% - 0.5rem) 100%, 0 100%, 0% 0.5rem);
transition: background-color .2s;
z-index: -1
}
.video-player-list-item__wrap::after {
content: "";
position: absolute;
inset: 1px;
background-color: rgba(31, 34, 50, .3);
clip-path: polygon(0.5rem 0%, 100% 0, 100% calc(100% - 0.5rem), calc(100% - 0.5rem) 100%, 0 100%, 0% 0.5rem);
transition: background-color .5s;
cursor: pointer
}
.video-player-list-item__content {
padding: 16px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
border-radius: 4px;
background: no-repeat 100% 100%;
background-size: cover;
clip-path: polygon(0.5rem 0%, 100% 0, 100% calc(100% - 0.5rem), calc(100% - 0.5rem) 100%, 0 100%, 0% 0.5rem);
cursor: pointer
}
.video-player-list-item__content .MuiTypography-root {
text-shadow: 0px 1px 0px rgba(0, 0, 0, .9), 0px 2px 4px rgba(0, 0, 0, .5)
}
.video-player {
position: relative;
height: 522px;
font-size: 0;
background-size: cover;
background: no-repeat center calc(100% - 6px);
background-size: contain
}
@media(max-width: 1280px) {
.video-player {
background-size: cover;
background-position: center;
height: auto
}
}
.video-player video {
width: 100%;
height: 100%
}
.hero-player-ai-footer-grid {
margin-top: 16px;
position: relative;
z-index: 1;
padding-block: 24px
}
.hero-player-ai-footer-grid::before {
content: "";
position: absolute;
top: -16px;
right: 0;
left: 0;
height: 16px;
background: radial-gradient(circle, #4ac18e 50%, rgba(74, 193, 142, 0) 90%)
}
.hero-player-ai-footer-grid::after {
content: "";
position: absolute;
bottom: 0;
right: -200px;
left: -200px;
height: 4px;
background: radial-gradient(circle, #4ac18e 70%, rgba(74, 193, 142, 0) 100%)
}
.hero-player-ai-footer-grid__links {
position: relative;
padding: 32px;
display: flex;
align-items: center;
justify-content: center;
gap: 20px
}
.hero-player-ai-footer-grid__links::before {
content: "";
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, .2);
clip-path: polygon(1.5rem 0%, calc(100% - 1.5rem) 0%, 100% 1.5rem, 100% 100%, 0 100%, 0 1.5rem);
z-index: -1
}
.sp-proactive-hero-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-proactive-hero-grid__row {
flex-wrap: wrap
}
}
.sp-proactive-hero-grid__col {
position: relative;
flex: 1 1 50%
}
@media(max-width: 768px) {
.sp-proactive-hero-grid__col {
flex: 1 1 100%
}
}
.sp-proactive-hero-grid__col--left {
padding-top: 80px;
margin-right: 16px
}
@media(max-width: 768px) {
.sp-proactive-hero-grid__col--left {
order: 2;
margin-right: 0;
padding-top: 0
}
}
@media(max-width: 768px) {
.sp-proactive-hero-grid__col--right {
order: 1
}
}
@media(max-width: 1280px) {
.sp-proactive-hero-grid__col--right .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-proactive-hero-grid__col--right .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
@media(max-width: 768px) {
.sp-proactive-hero-grid__col--right .sp-ellipse {
width: 380px !important;
height: 380px !important
}
}
.sp-proactive-hero-grid__title {
max-width: 430px
}
@media(max-width: 1280px) {
.sp-proactive-hero-grid__title {
max-width: 360px
}
}
@media(max-width: 1024px) {
.sp-proactive-hero-grid__title {
max-width: 330px
}
}
@media(max-width: 768px) {
.sp-proactive-hero-grid__title {
max-width: 300px
}
}
.sp-proactive-hero-grid .cube-perspective-grid__bg-image {
width: 664px
}
@media(max-width: 1280px) {
.sp-proactive-hero-grid .cube-perspective-grid__bg-image {
width: 416px;
transform: translate(-52%, -31%)
}
}
@media(max-width: 1024px) {
.sp-proactive-hero-grid .cube-perspective-grid__bg-image {
width: 316px;
transform: translate(-52%, -26%)
}
}
.sp-proactive-hero-grid .cube-perspective-grid__bg-image svg {
width: 100%
}
.sp-proactive-attackers-grid {
position: relative
}
.sp-proactive-attackers-grid__container {
position: relative;
padding: 128px 0 46px 100px;
z-index: 1
}
@media(max-width: 768px) {
.sp-proactive-attackers-grid__container {
padding: 62px 0 46px 32px
}
}
.sp-proactive-attackers-grid__icon {
position: absolute;
top: 0;
left: 0
}
.sp-proactive-attackers-grid__title {
color: #4ac18e
}
.sp-proactive-attackers-grid__title span span.end-text {
display: block
}
.sp-image-scale {
position: relative;
background-color: #292c3d;
box-shadow: 0 4px 25px rgba(0, 0, 0, .25);
z-index: 1
}
.sp-image-scale__item {
font-size: 0
}
.sp-image-scale__item--back {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
font-size: 0;
z-index: 2
}
.sp-image-scale__item img {
width: 100%
}
.sp-image-scale__ellipse--left .sp-ellipse {
top: 75%;
left: 0
}
@media(max-width: 1280px) {
.sp-image-scale__ellipse--left .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-image-scale__ellipse--left .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
@media(max-width: 768px) {
.sp-image-scale__ellipse--left .sp-ellipse {
width: 380px !important;
height: 380px !important
}
}
.sp-image-scale__ellipse--right .sp-ellipse {
top: 45%;
left: 100%
}
@media(max-width: 1280px) {
.sp-image-scale__ellipse--right .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-image-scale__ellipse--right .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
@media(max-width: 768px) {
.sp-image-scale__ellipse--right .sp-ellipse {
width: 380px !important;
height: 380px !important
}
}
.sp-proactive-timeline-grid__container {
position: relative;
padding: 0 0 0 70px;
margin-bottom: 32px
}
@media(max-width: 768px) {
.sp-proactive-timeline-grid__container {
padding-left: 32px
}
}
.sp-proactive-timeline-grid__line {
position: absolute;
left: 0;
bottom: 0;
z-index: -1
}
@media(max-width: 768px) {
.sp-proactive-timeline-grid__line {
max-height: 492px;
overflow: hidden
}
.sp-proactive-timeline-grid__line svg {
margin-top: -40px
}
}
.sp-proactive-timeline-grid__title {
display: flex;
align-items: center
}
.sp-proactive-timeline-grid__title span {
color: #4ac18e
}
.sp-proactive-timeline-grid__title-icon {
margin-right: 16px
}
.sp-proactive-timeline-grid__title-icon svg {
width: 32px;
height: 32px
}
.sp-proactive-timeline-grid__description {
max-width: 600px
}
.sp-proactive-coverage-grid {
position: relative;
padding: 70px 0 140px 70px
}
@media(max-width: 1151px) {
.sp-proactive-coverage-grid {
padding: 70px 0 90px 90px
}
}
@media(max-width: 768px) {
.sp-proactive-coverage-grid {
padding: 56px 0 0 0
}
}
.sp-proactive-coverage-grid__row {
display: flex;
align-items: flex-end
}
@media(max-width: 768px) {
.sp-proactive-coverage-grid__row {
flex-wrap: wrap
}
}
.sp-proactive-coverage-grid__col--left {
flex: 1 1 42%;
margin-right: 30px
}
@media(max-width: 1024px) {
.sp-proactive-coverage-grid__col--left {
flex: 1 1 50%
}
}
@media(max-width: 768px) {
.sp-proactive-coverage-grid__col--left {
flex: 1 1 100%
}
}
.sp-proactive-coverage-grid__col--right {
flex: 1 1 58%
}
@media(max-width: 1024px) {
.sp-proactive-coverage-grid__col--right {
flex: 1 1 50%
}
}
@media(max-width: 768px) {
.sp-proactive-coverage-grid__col--right {
flex: 1 1 100%
}
}
.sp-proactive-coverage-grid__title {
display: flex;
align-items: center;
color: #4ac18e
}
.sp-proactive-coverage-grid__icon {
position: absolute;
left: 8px;
bottom: -40px;
z-index: -1
}
@media(max-width: 1151px) {
.sp-proactive-coverage-grid__icon {
top: 0;
bottom: auto
}
.sp-proactive-coverage-grid__icon svg {
transform: scale(-1, 1)
}
}
@media(max-width: 1024px) {
.sp-proactive-coverage-grid__icon {
top: -30px
}
}
@media(max-width: 768px) {
.sp-proactive-coverage-grid__icon {
display: none
}
}
.sp-proactive-coverage-grid__ellipse .sp-ellipse {
top: 20%;
left: 100%
}
@media(max-width: 1280px) {
.sp-proactive-coverage-grid__ellipse .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-proactive-coverage-grid__ellipse .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
@media(max-width: 768px) {
.sp-proactive-coverage-grid__ellipse .sp-ellipse {
width: 380px !important;
height: 380px !important
}
}
.sp-proactive-coverage-grid__image {
position: relative;
width: 100%
}
.sp-proactive-coverage-grid__image svg {
width: 100%
}
.sp-proactive-coverage-grid__lines {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.pulse-lines {
display: flex;
height: 100%
}
.pulse-lines__line {
flex: 1 1 0;
height: 100%;
background: linear-gradient(180deg, rgba(74, 193, 142, 0) 0%, #4AC18E 50%, rgba(74, 193, 142, 0) 100%);
animation: fadein 3s linear infinite;
opacity: 0
}
.pulse-lines__line:nth-child(1) {
animation-delay: .1s
}
.pulse-lines__line:nth-child(2) {
animation-delay: .2s
}
.pulse-lines__line:nth-child(3) {
animation-delay: .3s
}
.pulse-lines__line:nth-child(4) {
animation-delay: .4s
}
.pulse-lines__line:nth-child(5) {
animation-delay: .5s
}
.pulse-lines__line:nth-child(6) {
animation-delay: .6s
}
.pulse-lines__line:nth-child(7) {
animation-delay: .7s
}
.pulse-lines__line:nth-child(8) {
animation-delay: .8s
}
.pulse-lines__line:nth-child(9) {
animation-delay: .9s
}
.pulse-lines__line:nth-child(10) {
animation-delay: 1s
}
.pulse-lines__line:nth-child(11) {
animation-delay: 1.1s
}
.pulse-lines__line:nth-child(12) {
animation-delay: 1.2s
}
.pulse-lines__line:nth-child(13) {
animation-delay: 1.3s
}
.pulse-lines__line:nth-child(14) {
animation-delay: 1.4s
}
.pulse-lines__line:nth-child(15) {
animation-delay: 1.5s
}
.pulse-lines__line:nth-child(16) {
animation-delay: 1.6s
}
.pulse-lines__line:nth-child(17) {
animation-delay: 1.7s
}
.pulse-lines__line:nth-child(18) {
animation-delay: 1.8s
}
.pulse-lines__line:nth-child(19) {
animation-delay: 1.9s
}
.pulse-lines__line:nth-child(20) {
animation-delay: 2s
}
.pulse-lines__line:nth-child(21) {
animation-delay: 2.1s
}
.pulse-lines__line:nth-child(22) {
animation-delay: 2.2s
}
.pulse-lines__line:nth-child(23) {
animation-delay: 2.3s
}
.pulse-lines__line:nth-child(24) {
animation-delay: 2.4s
}
@keyframes fadein {
0% {
opacity: 0
}
43% {
opacity: 0
}
50% {
opacity: 1
}
57% {
opacity: 0
}
100% {
opacity: 0
}
}
.sp-proactive-hyper-scale-grid {
position: relative;
margin-top: 80px;
z-index: 2
}
.sp-proactive-hyper-scale-grid__ellipse .sp-ellipse {
top: 25%;
left: -20%
}
@media(max-width: 1280px) {
.sp-proactive-hyper-scale-grid__ellipse .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-proactive-hyper-scale-grid__ellipse .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
.sp-proactive-hyper-scale-grid__description {
max-width: 980px
}
@media(max-width: 600px) {
.sp-proactive-hyper-scale-grid__btn a.MuiButton-root.MuiButton-sizeLarge {
padding: 0 12px
}
}
.sp-proactive-splunk-grid {
position: relative;
padding: 0 0 40px 100px;
z-index: 1
}
@media(max-width: 1151px) {
.sp-proactive-splunk-grid {
padding: 0 0 0 90px
}
}
@media(max-width: 768px) {
.sp-proactive-splunk-grid {
padding: 0
}
}
.sp-proactive-splunk-grid__ellipse--right .sp-ellipse {
top: 25%;
left: 120%
}
@media(max-width: 1280px) {
.sp-proactive-splunk-grid__ellipse--right .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-proactive-splunk-grid__ellipse--right .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
.sp-proactive-splunk-grid__ellipse--left .sp-ellipse {
top: 100%;
left: -20%
}
@media(max-width: 1280px) {
.sp-proactive-splunk-grid__ellipse--left .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-proactive-splunk-grid__ellipse--left .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
.sp-proactive-splunk-grid__image {
position: relative;
top: -72px;
z-index: -1
}
@media(max-width: 768px) {
.sp-proactive-splunk-grid__image {
top: 0
}
}
.sp-proactive-splunk-grid__image img {
width: 100%
}
.sp-proactive-splunk-grid__image::after {
content: "";
position: absolute;
inset: 0;
background-color: rgba(41, 44, 61, .3)
}
.sp-proactive-splunk-grid__icon {
position: absolute;
top: 44px;
left: 36px
}
@media(max-width: 1151px) {
.sp-proactive-splunk-grid__icon {
left: 8px
}
.sp-proactive-splunk-grid__icon svg {
transform: scale(-1, 1)
}
}
@media(max-width: 768px) {
.sp-proactive-splunk-grid__icon {
display: none
}
}
.sp-proactive-splunk-grid__wrap {
margin-top: -56px
}
@media(max-width: 768px) {
.sp-proactive-splunk-grid__wrap {
margin: 0
}
}
.sp-proactive-splunk-grid__title {
color: #4ac18e
}
.sp-proactive-splunk-grid__description {
max-width: 816px
}
.sp-proactive-grid {
position: relative;
padding: 0 0 76px;
z-index: 1
}
.sp-proactive-grid__timeline {
margin-top: 130px
}
@media(max-width: 768px) {
.sp-proactive-grid__timeline {
margin-top: 100px
}
}
.sp-security-architecture-grid {
position: relative;
padding: 138px 0 66px;
z-index: 1
}
@media(max-width: 1280px) {
.sp-security-architecture-grid {
padding: 100px 0 0
}
}
@media(max-width: 1024px) {
.sp-security-architecture-grid {
padding: 46px 0
}
}
.sp-security-architecture-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-security-architecture-grid__row {
flex-wrap: wrap
}
}
.sp-security-architecture-grid__col--left {
flex: 1 1 47%;
margin-right: 32px
}
@media(max-width: 1024px) {
.sp-security-architecture-grid__col--left {
padding-top: 12px;
margin-right: 10px
}
}
@media(max-width: 768px) {
.sp-security-architecture-grid__col--left {
padding-top: 0;
margin: 0 0 24px;
flex: 1 1 100%
}
}
.sp-security-architecture-grid__col--right {
flex: 1 1 53%
}
@media(max-width: 768px) {
.sp-security-architecture-grid__col--right {
flex: 1 1 100%
}
}
.sp-security-architecture-grid__icon img {
width: 100%
}
.sp-security-architecture-grid__title {
color: #4ac18e
}
@media(max-width: 1280px) {
.sp-security-architecture-grid__description {
min-height: 120px
}
}
.sp-security-back-channel-grid {
position: relative;
padding: 140px 0 100px;
margin-bottom: 32px
}
@media(max-width: 1280px) {
.sp-security-back-channel-grid {
padding: 120px 0 50px;
margin: 0
}
}
@media(max-width: 1024px) {
.sp-security-back-channel-grid {
padding: 100px 0 0
}
}
@media(max-width: 768px) {
.sp-security-back-channel-grid {
padding: 90px 0 0;
margin-bottom: 0
}
}
.sp-security-back-channel-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__row {
flex-wrap: wrap
}
}
.sp-security-back-channel-grid__col--left {
flex: 1 1 55%;
margin-right: 32px
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__col--left {
flex: 1 1 100%;
margin: 0 0 24px
}
}
.sp-security-back-channel-grid__col--right {
flex: 1 1 45%
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__col--right {
padding-left: 24px;
flex: 1 1 100%
}
}
.sp-security-back-channel-grid__line {
position: absolute;
top: -60px;
left: 0;
z-index: -1
}
@media(max-width: 1280px) {
.sp-security-back-channel-grid__line {
top: 0
}
}
@media(max-width: 1024px) {
.sp-security-back-channel-grid__line {
top: -30px;
-webkit-transform: scaleX(-1);
transform: scaleX(-1)
}
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__line {
top: 0
}
}
.sp-security-back-channel-grid__image {
font-size: 0;
max-width: 606px;
border-radius: 4px;
overflow: hidden
}
@media(max-width: 1024px) {
.sp-security-back-channel-grid__image {
margin-left: -40px
}
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__image {
margin-left: 0;
max-width: unset
}
}
.sp-security-back-channel-grid__image img {
width: 100%
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__image img {
max-width: 446px
}
}
.sp-security-back-channel-grid__title {
color: #4ac18e
}
.sp-security-back-channel-grid__ellipse .sp-ellipse {
top: 50%;
left: 0
}
@media(max-width: 1280px) {
.sp-security-back-channel-grid__ellipse .sp-ellipse {
width: 608px !important;
height: 608px !important
}
}
@media(max-width: 1024px) {
.sp-security-back-channel-grid__ellipse .sp-ellipse {
width: 474px !important;
height: 474px !important
}
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__ellipse .sp-ellipse {
width: 400px !important;
height: 400px !important
}
}
.sp-security-beyond-encryption-grid {
position: relative;
padding: 100px 0 70px 0
}
@media(max-width: 768px) {
.sp-security-beyond-encryption-grid {
padding: 80px 0 0
}
}
.sp-security-beyond-encryption-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-security-beyond-encryption-grid__row {
flex-wrap: wrap
}
}
.sp-security-beyond-encryption-grid__col--left {
flex: 1 1 45%;
margin-right: 46px
}
@media(max-width: 768px) {
.sp-security-beyond-encryption-grid__col--left {
margin-right: 0;
flex: 1 1 100%;
order: 2
}
}
.sp-security-beyond-encryption-grid__col--right {
flex: 1 1 55%;
display: flex
}
@media(max-width: 768px) {
.sp-security-beyond-encryption-grid__col--right {
margin-bottom: 24px;
flex: 1 1 100%;
order: 1
}
}
.sp-security-beyond-encryption-grid__img-left,
.sp-security-beyond-encryption-grid__img-right {
flex: 1 1 50%
}
.sp-security-beyond-encryption-grid__img-left img,
.sp-security-beyond-encryption-grid__img-right img {
width: 100%
}
.sp-security-beyond-encryption-grid__img-left {
margin-right: 32px
}
.sp-security-beyond-encryption-grid__title {
display: flex;
align-items: center;
color: #4ac18e
}
.sp-security-beyond-encryption-grid__description {
max-width: 474px
}
.sp-security-beyond-encryption-grid__ellipse .sp-ellipse {
top: -15%;
right: -20%;
left: 100%
}
@media(max-width: 1280px) {
.sp-security-beyond-encryption-grid__ellipse .sp-ellipse {
top: 40%;
width: 830px !important;
height: 830px !important
}
}
@media(max-width: 1024px) {
.sp-security-beyond-encryption-grid__ellipse .sp-ellipse {
width: 660px !important;
height: 660px !important
}
}
@media(max-width: 768px) {
.sp-security-beyond-encryption-grid__ellipse .sp-ellipse {
left: 50%;
width: 400px !important;
height: 400px !important
}
}
@media(max-width: 600px) {
.sp-security-beyond-encryption-grid__ellipse .sp-ellipse {
width: 322px !important;
height: 322px !important
}
}
.sp-security-transform-grid {
position: relative;
padding: 140px 0 100px;
margin-bottom: 32px
}
@media(max-width: 1280px) {
.sp-security-transform-grid {
padding: 120px 0 50px;
margin: 0
}
}
@media(max-width: 1024px) {
.sp-security-transform-grid {
padding: 100px 0 0
}
}
@media(max-width: 768px) {
.sp-security-transform-grid {
padding: 50px 0 0;
margin-bottom: 0
}
}
.sp-security-transform-grid__row {
display: flex;
align-items: center;
gap: 32px
}
@media(max-width: 768px) {
.sp-security-transform-grid__row {
flex-wrap: wrap;
gap: 24px
}
}
.sp-security-transform-grid__col--left {
flex: 1 1 55%
}
@media(max-width: 768px) {
.sp-security-transform-grid__col--left {
flex: 1 1 100%
}
}
.sp-security-transform-grid__col--right {
flex: 1 1 45%
}
@media(max-width: 768px) {
.sp-security-transform-grid__col--right {
flex: 1 1 100%
}
}
.sp-security-transform-grid__line {
position: absolute;
top: 38%;
left: 0;
z-index: -1
}
@media(max-width: 1280px) {
.sp-security-transform-grid__line {
top: 30%
}
}
@media(max-width: 1151px) {
.sp-security-transform-grid__line {
display: none
}
}
.sp-security-transform-grid__image {
font-size: 0;
max-width: 606px;
border-radius: 4px;
overflow: hidden
}
@media(max-width: 1024px) {
.sp-security-transform-grid__image {
margin-left: -40px
}
}
@media(max-width: 768px) {
.sp-security-transform-grid__image {
margin-left: 0;
max-width: unset
}
}
.sp-security-transform-grid__image img {
width: 100%
}
@media(max-width: 768px) {
.sp-security-transform-grid__image img {
max-width: 446px
}
}
.sp-security-transform-grid__title {
color: #4ac18e
}
.sp-security-transform-grid__title .MuiTypography-root span {
display: block
}
.sp-security-responsible-grid {
position: relative;
padding: 140px 0 100px;
margin-bottom: 32px
}
@media(max-width: 1280px) {
.sp-security-responsible-grid {
padding: 120px 0 50px;
margin: 0
}
}
@media(max-width: 1024px) {
.sp-security-responsible-grid {
padding: 100px 0 0
}
}
@media(max-width: 768px) {
.sp-security-responsible-grid {
padding: 90px 0 0;
margin-bottom: 0
}
}
.sp-security-responsible-grid__row {
display: flex;
align-items: center;
flex-direction: row-reverse;
gap: 32px
}
@media(max-width: 768px) {
.sp-security-responsible-grid__row {
flex-wrap: wrap;
gap: 24px
}
}
.sp-security-responsible-grid__col--left {
flex: 1 1 55%
}
@media(max-width: 768px) {
.sp-security-responsible-grid__col--left {
flex: 1 1 100%
}
}
.sp-security-responsible-grid__col--right {
flex: 1 1 45%
}
@media(max-width: 768px) {
.sp-security-responsible-grid__col--right {
flex: 1 1 100%
}
}
.sp-security-responsible-grid__image {
font-size: 0;
max-width: 606px;
border-radius: 4px;
overflow: hidden
}
@media(max-width: 1024px) {
.sp-security-responsible-grid__image {
margin-right: -40px
}
}
@media(max-width: 768px) {
.sp-security-responsible-grid__image {
margin-right: 0;
max-width: unset
}
}
.sp-security-responsible-grid__image img {
width: 100%
}
@media(max-width: 768px) {
.sp-security-responsible-grid__image img {
max-width: 446px
}
}
.sp-security-responsible-grid__title {
color: #4ac18e
}
.sp-security-responsible-grid__ellipse .sp-ellipse {
top: 50%;
left: 0
}
@media(max-width: 1280px) {
.sp-security-responsible-grid__ellipse .sp-ellipse {
width: 608px !important;
height: 608px !important
}
}
@media(max-width: 1024px) {
.sp-security-responsible-grid__ellipse .sp-ellipse {
width: 474px !important;
height: 474px !important
}
}
@media(max-width: 768px) {
.sp-security-responsible-grid__ellipse .sp-ellipse {
width: 400px !important;
height: 400px !important
}
}
.sp-security-opencore-grid {
position: relative;
padding: 140px 0 100px;
margin-bottom: 32px
}
@media(max-width: 1280px) {
.sp-security-opencore-grid {
padding: 120px 0 50px;
margin: 0
}
}
@media(max-width: 1024px) {
.sp-security-opencore-grid {
padding: 100px 0 0
}
}
@media(max-width: 768px) {
.sp-security-opencore-grid {
padding: 90px 0 0;
margin-bottom: 0
}
}
.sp-security-opencore-grid__row {
display: flex;
align-items: center;
gap: 32px
}
@media(max-width: 768px) {
.sp-security-opencore-grid__row {
flex-wrap: wrap;
gap: 24px
}
}
.sp-security-opencore-grid__col--left {
flex: 1 1 55%
}
@media(max-width: 768px) {
.sp-security-opencore-grid__col--left {
flex: 1 1 100%
}
}
.sp-security-opencore-grid__col--right {
flex: 1 1 45%
}
@media(max-width: 768px) {
.sp-security-opencore-grid__col--right {
flex: 1 1 100%
}
}
.sp-security-opencore-grid__line {
position: absolute;
top: -4%;
left: 0;
z-index: -1
}
@media(max-width: 1280px) {
.sp-security-opencore-grid__line {
display: block;
top: -15%;
transform: scale(0.8)
}
}
@media(max-width: 1024px) {
.sp-security-opencore-grid__line {
display: none
}
}
.sp-security-opencore-grid__image {
font-size: 0;
max-width: 606px;
border-radius: 4px;
overflow: hidden
}
@media(max-width: 1024px) {
.sp-security-opencore-grid__image {
margin-left: -40px
}
}
@media(max-width: 768px) {
.sp-security-opencore-grid__image {
margin-left: 0;
max-width: unset
}
}
.sp-security-opencore-grid__image img {
width: 100%
}
@media(max-width: 768px) {
.sp-security-opencore-grid__image img {
max-width: 446px
}
}
.sp-security-opencore-grid__title {
color: #4ac18e
}
.sp-security-grid {
position: relative;
padding: 20px 0 76px;
z-index: 1
}
.start-page-grid .sp-header.default .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text {
position: relative;
margin: 0 12px;
min-width: auto;
min-height: auto;
padding: 0
}
.start-page-grid .sp-header.default .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text::after {
display: block;
content: "";
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
height: 1px;
background-color: #4ac18e;
transform: scaleX(0);
transition: transform .15s
}
.start-page-grid .sp-header.default .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text:hover {
color: #4ac18e
}
.start-page-grid .sp-header.default .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text:hover::after {
transform: scaleX(1)
}
.start-page-grid .sp-header.default .sp-header-list__item .submenu-item__sub-title {
white-space: pre-line
}
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3) .submenu.submenu--width-lg,
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4) .submenu.submenu--width-lg {
min-width: 865px
}
@media(max-width: 1151px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3) .submenu.submenu--width-lg,
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4) .submenu.submenu--width-lg {
min-width: auto
}
}
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3) .submenu.submenu--width-lg .submenu__col--right,
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4) .submenu.submenu--width-lg .submenu__col--right {
min-width: auto;
max-width: none;
flex: 1 1 52%;
padding-inline: 24px 0;
padding-top: 0
}
@media(max-width: 1151px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3) .submenu.submenu--width-lg .submenu__col--right,
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4) .submenu.submenu--width-lg .submenu__col--right {
padding-left: 0
}
}
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3) .submenu.submenu--width-lg .submenu__col--left,
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4) .submenu.submenu--width-lg .submenu__col--left {
flex: 1 1 48%
}
@media(max-width: 1280px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3) .submenu.submenu--width-lg .submenu__col--left,
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4) .submenu.submenu--width-lg .submenu__col--left {
margin-bottom: 0
}
}
@media(max-width: 1280px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3):hover .submenu {
left: -100px
}
}
@media(max-width: 1280px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4):hover .submenu {
left: -160px
}
}
@media(max-width: 1440px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(5):hover .submenu {
left: -100px
}
}
@media(max-width: 1280px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(5):hover .submenu {
left: -180px
}
}
.start-page-grid__bg {
min-height: 100vh;
background-color: #1f2232
}
.start-page-grid__overflow {
overflow: hidden
}
.start-page-grid__description {
display: flex;
justify-content: center;
text-align: center
}
/*# sourceMappingURL=main.5bbe3b9da46d4ad28325.css.map*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
img,
fieldset,
a img {
border: none;
height: auto
}
input[type=text],
input[type=email],
input[type=tel],
textarea {
appearance: none
}
input[type=submit],
button {
cursor: pointer
}
input[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border: 0
}
textarea {
overflow: auto
}
input,
button {
margin: 0;
padding: 0;
border: 0
}
div,
input,
textarea,
select,
button,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
a:focus {
outline: none
}
ul,
ol {
list-style-type: none
}
table {
border-spacing: 0;
border-collapse: collapse;
width: 100%
}
html {
box-sizing: border-box
}
*,
*:before,
*:after {
box-sizing: inherit
}
@media(prefers-reduced-motion: reduce) {
* {
transition: none !important
}
}
@font-face {
font-family: "Inter";
src: url(/wp-content/plugins/wp-gsap-blocks/assets/fonts/Inter/InterRegular.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Inter";
src: url(/wp-content/plugins/wp-gsap-blocks/assets/fonts/Inter/InterMedium.woff2) format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Inter";
src: url(/wp-content/plugins/wp-gsap-blocks/assets/fonts/Inter/InterBold.woff2) format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Inter";
src: url(/wp-content/plugins/wp-gsap-blocks/assets/fonts/Inter/InterExtraBold.woff2) format("woff2");
font-weight: 800;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Oswald";
src: url(/wp-content/plugins/wp-gsap-blocks/assets/fonts/Oswald/OswaldBold.woff2) format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap
}
.m-t-2 {
margin-top: 2px
}
.m-t-4 {
margin-top: 4px
}
.m-t-6 {
margin-top: 6px
}
.m-t-8 {
margin-top: 8px
}
.m-t-10 {
margin-top: 10px
}
.m-t-12 {
margin-top: 12px
}
.m-t-14 {
margin-top: 14px
}
.m-t-16 {
margin-top: 16px
}
.m-t-18 {
margin-top: 18px
}
.m-t-20 {
margin-top: 20px
}
.m-t-22 {
margin-top: 22px
}
.m-t-24 {
margin-top: 24px
}
.m-t-26 {
margin-top: 26px
}
.m-t-28 {
margin-top: 28px
}
.m-t-30 {
margin-top: 30px
}
.m-t-32 {
margin-top: 32px
}
.m-t-34 {
margin-top: 34px
}
.m-t-36 {
margin-top: 36px
}
.m-t-38 {
margin-top: 38px
}
.m-t-40 {
margin-top: 40px
}
.m-t-42 {
margin-top: 42px
}
.m-t-44 {
margin-top: 44px
}
.m-t-46 {
margin-top: 46px
}
.m-t-48 {
margin-top: 48px
}
.m-t-50 {
margin-top: 50px
}
.m-t-52 {
margin-top: 52px
}
.m-t-54 {
margin-top: 54px
}
.m-t-56 {
margin-top: 56px
}
.m-t-58 {
margin-top: 58px
}
.m-t-60 {
margin-top: 60px
}
.m-t-62 {
margin-top: 62px
}
.m-t-64 {
margin-top: 64px
}
.m-t-66 {
margin-top: 66px
}
.m-t-68 {
margin-top: 68px
}
.m-t-70 {
margin-top: 70px
}
.m-t-72 {
margin-top: 72px
}
.m-t-74 {
margin-top: 74px
}
.m-t-76 {
margin-top: 76px
}
.m-t-78 {
margin-top: 78px
}
.m-t-80 {
margin-top: 80px
}
.m-t-82 {
margin-top: 82px
}
.m-t-84 {
margin-top: 84px
}
.m-t-86 {
margin-top: 86px
}
.m-t-88 {
margin-top: 88px
}
.m-t-90 {
margin-top: 90px
}
.m-t-92 {
margin-top: 92px
}
.m-t-94 {
margin-top: 94px
}
.m-t-96 {
margin-top: 96px
}
.m-t-98 {
margin-top: 98px
}
.m-t-100 {
margin-top: 100px
}
.m-r-2 {
margin-right: 2px
}
.m-r-4 {
margin-right: 4px
}
.m-r-6 {
margin-right: 6px
}
.m-r-8 {
margin-right: 8px
}
.m-r-10 {
margin-right: 10px
}
.m-r-12 {
margin-right: 12px
}
.m-r-14 {
margin-right: 14px
}
.m-r-16 {
margin-right: 16px
}
.m-r-18 {
margin-right: 18px
}
.m-r-20 {
margin-right: 20px
}
.m-r-22 {
margin-right: 22px
}
.m-r-24 {
margin-right: 24px
}
.m-r-26 {
margin-right: 26px
}
.m-r-28 {
margin-right: 28px
}
.m-r-30 {
margin-right: 30px
}
.m-r-32 {
margin-right: 32px
}
.m-r-34 {
margin-right: 34px
}
.m-r-36 {
margin-right: 36px
}
.m-r-38 {
margin-right: 38px
}
.m-r-40 {
margin-right: 40px
}
.m-r-42 {
margin-right: 42px
}
.m-r-44 {
margin-right: 44px
}
.m-r-46 {
margin-right: 46px
}
.m-r-48 {
margin-right: 48px
}
.m-r-50 {
margin-right: 50px
}
.m-r-52 {
margin-right: 52px
}
.m-r-54 {
margin-right: 54px
}
.m-r-56 {
margin-right: 56px
}
.m-r-58 {
margin-right: 58px
}
.m-r-60 {
margin-right: 60px
}
.m-r-62 {
margin-right: 62px
}
.m-r-64 {
margin-right: 64px
}
.m-r-66 {
margin-right: 66px
}
.m-r-68 {
margin-right: 68px
}
.m-r-70 {
margin-right: 70px
}
.m-r-72 {
margin-right: 72px
}
.m-r-74 {
margin-right: 74px
}
.m-r-76 {
margin-right: 76px
}
.m-r-78 {
margin-right: 78px
}
.m-r-80 {
margin-right: 80px
}
.m-r-82 {
margin-right: 82px
}
.m-r-84 {
margin-right: 84px
}
.m-r-86 {
margin-right: 86px
}
.m-r-88 {
margin-right: 88px
}
.m-r-90 {
margin-right: 90px
}
.m-r-92 {
margin-right: 92px
}
.m-r-94 {
margin-right: 94px
}
.m-r-96 {
margin-right: 96px
}
.m-r-98 {
margin-right: 98px
}
.m-r-100 {
margin-right: 100px
}
.m-b-2 {
margin-bottom: 2px
}
.m-b-4 {
margin-bottom: 4px
}
.m-b-6 {
margin-bottom: 6px
}
.m-b-8 {
margin-bottom: 8px
}
.m-b-10 {
margin-bottom: 10px
}
.m-b-12 {
margin-bottom: 12px
}
.m-b-14 {
margin-bottom: 14px
}
.m-b-16 {
margin-bottom: 16px
}
.m-b-18 {
margin-bottom: 18px
}
.m-b-20 {
margin-bottom: 20px
}
.m-b-22 {
margin-bottom: 22px
}
.m-b-24 {
margin-bottom: 24px
}
.m-b-26 {
margin-bottom: 26px
}
.m-b-28 {
margin-bottom: 28px
}
.m-b-30 {
margin-bottom: 30px
}
.m-b-32 {
margin-bottom: 32px
}
.m-b-34 {
margin-bottom: 34px
}
.m-b-36 {
margin-bottom: 36px
}
.m-b-38 {
margin-bottom: 38px
}
.m-b-40 {
margin-bottom: 40px
}
.m-b-42 {
margin-bottom: 42px
}
.m-b-44 {
margin-bottom: 44px
}
.m-b-46 {
margin-bottom: 46px
}
.m-b-48 {
margin-bottom: 48px
}
.m-b-50 {
margin-bottom: 50px
}
.m-b-52 {
margin-bottom: 52px
}
.m-b-54 {
margin-bottom: 54px
}
.m-b-56 {
margin-bottom: 56px
}
.m-b-58 {
margin-bottom: 58px
}
.m-b-60 {
margin-bottom: 60px
}
.m-b-62 {
margin-bottom: 62px
}
.m-b-64 {
margin-bottom: 64px
}
.m-b-66 {
margin-bottom: 66px
}
.m-b-68 {
margin-bottom: 68px
}
.m-b-70 {
margin-bottom: 70px
}
.m-b-72 {
margin-bottom: 72px
}
.m-b-74 {
margin-bottom: 74px
}
.m-b-76 {
margin-bottom: 76px
}
.m-b-78 {
margin-bottom: 78px
}
.m-b-80 {
margin-bottom: 80px
}
.m-b-82 {
margin-bottom: 82px
}
.m-b-84 {
margin-bottom: 84px
}
.m-b-86 {
margin-bottom: 86px
}
.m-b-88 {
margin-bottom: 88px
}
.m-b-90 {
margin-bottom: 90px
}
.m-b-92 {
margin-bottom: 92px
}
.m-b-94 {
margin-bottom: 94px
}
.m-b-96 {
margin-bottom: 96px
}
.m-b-98 {
margin-bottom: 98px
}
.m-b-100 {
margin-bottom: 100px
}
.m-l-2 {
margin-left: 2px
}
.m-l-4 {
margin-left: 4px
}
.m-l-6 {
margin-left: 6px
}
.m-l-8 {
margin-left: 8px
}
.m-l-10 {
margin-left: 10px
}
.m-l-12 {
margin-left: 12px
}
.m-l-14 {
margin-left: 14px
}
.m-l-16 {
margin-left: 16px
}
.m-l-18 {
margin-left: 18px
}
.m-l-20 {
margin-left: 20px
}
.m-l-22 {
margin-left: 22px
}
.m-l-24 {
margin-left: 24px
}
.m-l-26 {
margin-left: 26px
}
.m-l-28 {
margin-left: 28px
}
.m-l-30 {
margin-left: 30px
}
.m-l-32 {
margin-left: 32px
}
.m-l-34 {
margin-left: 34px
}
.m-l-36 {
margin-left: 36px
}
.m-l-38 {
margin-left: 38px
}
.m-l-40 {
margin-left: 40px
}
.m-l-42 {
margin-left: 42px
}
.m-l-44 {
margin-left: 44px
}
.m-l-46 {
margin-left: 46px
}
.m-l-48 {
margin-left: 48px
}
.m-l-50 {
margin-left: 50px
}
.m-l-52 {
margin-left: 52px
}
.m-l-54 {
margin-left: 54px
}
.m-l-56 {
margin-left: 56px
}
.m-l-58 {
margin-left: 58px
}
.m-l-60 {
margin-left: 60px
}
.m-l-62 {
margin-left: 62px
}
.m-l-64 {
margin-left: 64px
}
.m-l-66 {
margin-left: 66px
}
.m-l-68 {
margin-left: 68px
}
.m-l-70 {
margin-left: 70px
}
.m-l-72 {
margin-left: 72px
}
.m-l-74 {
margin-left: 74px
}
.m-l-76 {
margin-left: 76px
}
.m-l-78 {
margin-left: 78px
}
.m-l-80 {
margin-left: 80px
}
.m-l-82 {
margin-left: 82px
}
.m-l-84 {
margin-left: 84px
}
.m-l-86 {
margin-left: 86px
}
.m-l-88 {
margin-left: 88px
}
.m-l-90 {
margin-left: 90px
}
.m-l-92 {
margin-left: 92px
}
.m-l-94 {
margin-left: 94px
}
.m-l-96 {
margin-left: 96px
}
.m-l-98 {
margin-left: 98px
}
.m-l-100 {
margin-left: 100px
}
html,
body {
background-color: #292c3d;
font-family: "Inter", sans-serif
}
body .sp-header__inner.inner {
padding: 0 14px
}
.sp-font-18 span.MuiTypography-root.MuiTypography-body1 {
font-size: 18px
}
@media(max-width: 1280px) {
.sp-font-18 span.MuiTypography-root.MuiTypography-body1 {
font-size: 14px
}
}
.sp-font-18 span.MuiTypography-root.MuiTypography-body1.MuiTypography-color-description-primary {
color: #aaacb9
}
.sp-button-lg a.MuiButton-root.MuiButton-sizeLarge,
.sp-button-lg button.MuiButton-root.MuiButton-sizeLarge {
min-height: 48px
}
.sp-button-lg a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess,
.sp-button-lg button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess {
color: #292c3d
}
.sp-button-lg a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover,
.sp-button-lg button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover {
color: #292c3d
}
.sp-button-lg a.MuiButton-root.MuiButton-sizeLarge.MuiButton-outlinedSuccess:hover,
.sp-button-lg button.MuiButton-root.MuiButton-sizeLarge.MuiButton-outlinedSuccess:hover {
color: #292c3d
}
.sp-default-link-style {
text-decoration: none
}
.sp-button-link a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess,
.sp-button-link a.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess,
.sp-button-link button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess,
.sp-button-link button.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess {
position: relative;
min-height: auto;
padding: 0;
border-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
color: #f9f9f9;
transition: color .15s
}
.sp-button-link a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess::after,
.sp-button-link a.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess::after,
.sp-button-link button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess::after,
.sp-button-link button.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess::after {
display: block;
content: "";
position: absolute;
bottom: 8px;
left: 0;
width: 100%;
height: 1px;
background-color: #4ac18e;
transform: scaleX(0);
transition: transform .15s
}
.sp-button-link a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover,
.sp-button-link a.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess:hover,
.sp-button-link button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover,
.sp-button-link button.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess:hover {
color: #4ac18e;
box-shadow: none;
background: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0)
}
.sp-button-link a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover::after,
.sp-button-link a.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess:hover::after,
.sp-button-link button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover::after,
.sp-button-link button.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess:hover::after {
transform: scaleX(1)
}
.sp-title {
opacity: .7
}
.sp-title-m h2.MuiTypography-root.MuiTypography-h1,
.sp-title-m h3.MuiTypography-root.MuiTypography-h1,
.sp-title-m span.MuiTypography-root.MuiTypography-h1 {
font-size: 40px !important;
}
@media(max-width: 1280px) {
.sp-title-m h2.MuiTypography-root.MuiTypography-h1,
.sp-title-m h3.MuiTypography-root.MuiTypography-h1,
.sp-title-m span.MuiTypography-root.MuiTypography-h1 {
font-size: 34px !important;
}
}
@media(max-width: 768px) {
.sp-title-m h2.MuiTypography-root.MuiTypography-h1,
.sp-title-m h3.MuiTypography-root.MuiTypography-h1,
.sp-title-m span.MuiTypography-root.MuiTypography-h1 {
font-size: 26px !important
}
}
@media(max-width: 1280px) {
.sp-title-hero .sp-title-gradient {
font-size: 48px !important
}
}
@media(max-width: 1024px) {
.sp-title-hero .sp-title-gradient {
font-size: 44px !important
}
}
@media(max-width: 768px) {
.sp-title-hero .sp-title-gradient {
font-size: 40px !important
}
}
.sp-sub-title {
opacity: .5
}
.block-center {
display: flex;
justify-content: center
}
.sp-link {
font-size: inherit;
font-weight: inherit;
text-decoration: underline
}
.sp-link:hover {
text-decoration: none
}
.sp-link--green {
color: #4ac18e
}
.sp-link--blue {
color: #68ecff
}
.simplebar-track .simplebar-scrollbar::before {
background-color: #4e5060
}
body,
html {
scrollbar-color: rgba(78, 80, 96, .5) rgba(0, 0, 0, 0)
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
overflow: hidden
}
::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0)
}
::-webkit-scrollbar-thumb {
background-color: rgba(78, 80, 96, .5);
border-radius: 7px
}
::-webkit-scrollbar-thumb:hover {
background-color: #4e5060
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
word-break: normal
}
.transition-all {
transition-property: all
}
.duration-300 {
transition-duration: 300ms
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.opacity-0 {
opacity: 0
}
.opacity-100 {
opacity: 1
}
.transform {
transform: translateX(var(--tw-translate-x, 0)) translateY(var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))
}
.translate-y-4 {
--tw-translate-y: 1rem
}
.translate-y-0 {
--tw-translate-y: 0px
}
.transform.translate-y-4 {
transform: translateY(1rem)
}
.transform.translate-y-0 {
transform: translateY(0)
}
.sc-animate-position-image {
width: 100%;
height: 100%
}
.sc-animate-position-image__container {
position: relative;
width: inherit;
height: inherit;
z-index: 2
}
.sc-animate-position-image__item {
font-size: 0
}
.sc-animate-position-image__item--front {
position: relative;
z-index: 2
}
.sc-animate-position-image__item--front img {
max-height: 544px
}
.sc-animate-position-image__item--back {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
z-index: 1
}
.sc-animate-position-image__item--back img {
width: 100%
}
.sp-circle-animate {
position: relative
}
.sp-circle-animate__logo {
position: absolute;
top: 50%;
left: 50%;
width: 48%;
transform: translate(-50%, -50%);
font-size: 0
}
.sp-circle-animate__circle {
font-size: 0
}
.cube-perspective-grid {
position: relative
}
.cube-perspective-grid__container {
position: relative;
display: flex;
align-items: center;
min-height: 400px;
perspective: 1000px;
perspective-origin: 50% 50%
}
@media(max-width: 768px) {
.cube-perspective-grid__container {
min-height: 350px
}
}
.cube-perspective-grid__wrap {
margin: auto;
position: relative;
width: 160px;
height: 160px;
transform-style: preserve-3d;
transform: rotateX(330deg) rotateY(314deg);
z-index: 1
}
@media(max-width: 1280px) {
.cube-perspective-grid__wrap {
width: 106px;
height: 106px;
transform: rotateX(330deg) rotateY(315deg)
}
}
.cube-perspective-grid__fragment {
position: absolute;
box-sizing: border-box;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
color: #f9f9f9;
transition: transform .2s, background-color .2s, box-shadow .1s ease-in
}
.cube-perspective-grid__fragment.fragment--front {
transform: translateZ(60px)
}
.cube-perspective-grid__fragment.fragment--back {
transform: translateZ(-100px) rotateY(180deg)
}
.cube-perspective-grid__fragment.fragment--right {
transform: rotateY(-270deg) translateX(100px);
transform-origin: top right
}
.cube-perspective-grid__fragment.fragment--left {
transform: rotateY(270deg) translateX(-100px);
transform-origin: center left
}
.cube-perspective-grid__fragment.fragment--top {
transform: rotateX(-270deg) translateY(-100px);
transform-origin: top center
}
.cube-perspective-grid__fragment.fragment--bottom {
transform: rotateX(90deg) translateY(60px);
transform-origin: bottom center
}
.cube-perspective-grid__fragment.fragment--shadow {
transform: rotateX(270deg) translateY(100px);
transform-origin: bottom center;
background-color: rgba(0, 0, 0, .15);
transition: opacity .2s
}
.cube-perspective-grid__bg-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-48%, -34%);
z-index: -1
}
.cube-perspective-grid__logo {
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
transform: rotateX(90deg) translateY(48px) translateX(-12px);
transform-origin: bottom center;
font-size: 0
}
.cube-perspective-grid__logo svg {
width: 100%
}
.cube-perspective-grid.mobile .fragment--front {
transform: translateZ(60px)
}
.cube-perspective-grid.mobile .fragment--back {
transform: rotateY(180deg) translateZ(46px)
}
.cube-perspective-grid.mobile .fragment--right {
transform: rotateY(-270deg) translateX(46px)
}
.cube-perspective-grid.mobile .fragment--left {
transform: rotateY(270deg) translateX(-46px)
}
.cube-perspective-grid.mobile .fragment--top {
transform: rotateX(-270deg) translateY(-46px)
}
.cube-perspective-grid.mobile .fragment--bottom {
transform: rotateX(90deg) translateY(60px)
}
.cube-perspective-grid.mobile .fragment--shadow {
transform: rotateX(270deg) translateY(46px)
}
.glitch {
white-space: nowrap;
position: relative;
margin: 0 auto;
user-select: none;
cursor: pointer
}
.glitch::after,
.glitch::before {
content: attr(data-text);
position: absolute;
top: 0;
background-color: #4ac18e;
overflow: hidden;
clip-path: inset(0 0 0 0)
}
.glitch:not(.enable-on-hover)::after {
left: 10px;
text-shadow: var(--after-shadow, -10px 0 #4AC18E);
animation: animate-glitch var(--after-duration, 3s) infinite linear alternate-reverse
}
.glitch:not(.enable-on-hover)::before {
left: -10px;
text-shadow: var(--before-shadow, 10px 0 cyan);
animation: animate-glitch var(--before-duration, 2s) infinite linear alternate-reverse
}
.glitch.enable-on-hover::after,
.glitch.enable-on-hover::before {
content: "";
opacity: 0;
animation: none
}
.glitch.enable-on-hover:hover::after {
content: attr(data-text);
opacity: 1;
left: 10px;
text-shadow: var(--after-shadow, -10px 0 #4AC18E);
animation: animate-glitch var(--after-duration, 3s) infinite linear alternate-reverse
}
.glitch.enable-on-hover:hover::before {
content: attr(data-text);
opacity: 1;
left: -10px;
text-shadow: var(--before-shadow, 10px 0 cyan);
animation: animate-glitch var(--before-duration, 2s) infinite linear alternate-reverse
}
@keyframes animate-glitch {
0% {
clip-path: inset(20% 0 50% 0)
}
5% {
clip-path: inset(10% 0 60% 0)
}
10% {
clip-path: inset(15% 0 55% 0)
}
15% {
clip-path: inset(25% 0 35% 0)
}
20% {
clip-path: inset(30% 0 40% 0)
}
25% {
clip-path: inset(40% 0 20% 0)
}
30% {
clip-path: inset(10% 0 60% 0)
}
35% {
clip-path: inset(15% 0 55% 0)
}
40% {
clip-path: inset(25% 0 35% 0)
}
45% {
clip-path: inset(30% 0 40% 0)
}
50% {
clip-path: inset(20% 0 50% 0)
}
55% {
clip-path: inset(10% 0 60% 0)
}
60% {
clip-path: inset(15% 0 55% 0)
}
65% {
clip-path: inset(25% 0 35% 0)
}
70% {
clip-path: inset(30% 0 40% 0)
}
75% {
clip-path: inset(40% 0 20% 0)
}
80% {
clip-path: inset(20% 0 50% 0)
}
85% {
clip-path: inset(10% 0 60% 0)
}
90% {
clip-path: inset(15% 0 55% 0)
}
95% {
clip-path: inset(25% 0 35% 0)
}
100% {
clip-path: inset(30% 0 40% 0)
}
}
.scroll-down-container {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 80px;
font-size: 0;
z-index: 2
}
.scroll-down-container-text {
display: inline-block;
cursor: pointer;
text-decoration: none
}
.scroll-down {
display: inline-block;
width: 34px;
height: 90px;
cursor: pointer
}
.scroll-down__chevron {
position: absolute;
width: 2.1rem;
height: .48rem;
opacity: 0;
transform: scale(0.3);
animation: move-chevron 3s ease-out infinite
}
.scroll-down__chevron:first-child {
animation: move-chevron 3s ease-out 1s infinite
}
.scroll-down__chevron:nth-child(2) {
animation: move-chevron 3s ease-out 2s infinite
}
.scroll-down__chevron:before,
.scroll-down__chevron:after {
content: "";
position: absolute;
top: 0;
height: 100%;
width: 50%;
background-color: #4ac18e;
box-shadow: 0 1px 12px hsla(0, 0%, 100%, .8)
}
.scroll-down__chevron:before {
left: 0;
transform: skewY(30deg)
}
.scroll-down__chevron:after {
right: 0;
width: 50%;
transform: skewY(-30deg)
}
@keyframes move-chevron {
25% {
opacity: 1
}
33.3% {
opacity: 1;
transform: translateY(2.28rem)
}
66.6% {
opacity: 1;
transform: translateY(3.12rem)
}
100% {
opacity: 0;
transform: translateY(4.8rem) scale(0.5)
}
}
.swipe-hand-grid {
display: none
}
.swipe-hand-grid__wrap {
display: flex;
justify-content: center;
color: #cfd0d3
}
.swipe-hand-grid__icon {
animation: swipe .8s alternate infinite;
animation-timing-function: ease
}
@keyframes swipe {
0% {
transform: translateX(10px)
}
100% {
transform: translateX(-10px)
}
}
.three-dots {
max-width: 100%;
word-break: break-word;
overflow: hidden;
display: -moz-box;
display: -webkit-box;
-webkit-box-orient: vertical;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.three-dots.one-line {
line-clamp: 1;
max-height: 18px
}
.three-dots.two-line {
line-clamp: 2;
max-height: 34px
}
.display-i-block {
display: inline-block
}
.cursor-default {
cursor: default
}
.cursor-pointer {
cursor: pointer
}
.m-t-2 {
margin-top: 2px
}
.m-t-4 {
margin-top: 4px
}
.m-t-6 {
margin-top: 6px
}
.m-t-8 {
margin-top: 8px
}
.m-t-10 {
margin-top: 10px
}
.m-t-12 {
margin-top: 12px
}
.m-t-14 {
margin-top: 14px
}
.m-t-16 {
margin-top: 16px
}
.m-t-18 {
margin-top: 18px
}
.m-t-20 {
margin-top: 20px
}
.m-t-22 {
margin-top: 22px
}
.m-t-24 {
margin-top: 24px
}
.m-t-26 {
margin-top: 26px
}
.m-t-28 {
margin-top: 28px
}
.m-t-30 {
margin-top: 30px
}
.m-t-32 {
margin-top: 32px
}
.m-t-34 {
margin-top: 34px
}
.m-t-36 {
margin-top: 36px
}
.m-t-38 {
margin-top: 38px
}
.m-t-40 {
margin-top: 40px
}
.m-t-42 {
margin-top: 42px
}
.m-t-44 {
margin-top: 44px
}
.m-t-46 {
margin-top: 46px
}
.m-t-48 {
margin-top: 48px
}
.m-t-50 {
margin-top: 50px
}
.m-t-52 {
margin-top: 52px
}
.m-t-54 {
margin-top: 54px
}
.m-t-56 {
margin-top: 56px
}
.m-t-58 {
margin-top: 58px
}
.m-t-60 {
margin-top: 60px
}
.m-t-62 {
margin-top: 62px
}
.m-t-64 {
margin-top: 64px
}
.m-t-66 {
margin-top: 66px
}
.m-t-68 {
margin-top: 68px
}
.m-t-70 {
margin-top: 70px
}
.m-t-72 {
margin-top: 72px
}
.m-t-74 {
margin-top: 74px
}
.m-t-76 {
margin-top: 76px
}
.m-t-78 {
margin-top: 78px
}
.m-t-80 {
margin-top: 80px
}
.m-t-82 {
margin-top: 82px
}
.m-t-84 {
margin-top: 84px
}
.m-t-86 {
margin-top: 86px
}
.m-t-88 {
margin-top: 88px
}
.m-t-90 {
margin-top: 90px
}
.m-t-92 {
margin-top: 92px
}
.m-t-94 {
margin-top: 94px
}
.m-t-96 {
margin-top: 96px
}
.m-t-98 {
margin-top: 98px
}
.m-t-100 {
margin-top: 100px
}
.m-r-2 {
margin-right: 2px
}
.m-r-4 {
margin-right: 4px
}
.m-r-6 {
margin-right: 6px
}
.m-r-8 {
margin-right: 8px
}
.m-r-10 {
margin-right: 10px
}
.m-r-12 {
margin-right: 12px
}
.m-r-14 {
margin-right: 14px
}
.m-r-16 {
margin-right: 16px
}
.m-r-18 {
margin-right: 18px
}
.m-r-20 {
margin-right: 20px
}
.m-r-22 {
margin-right: 22px
}
.m-r-24 {
margin-right: 24px
}
.m-r-26 {
margin-right: 26px
}
.m-r-28 {
margin-right: 28px
}
.m-r-30 {
margin-right: 30px
}
.m-r-32 {
margin-right: 32px
}
.m-r-34 {
margin-right: 34px
}
.m-r-36 {
margin-right: 36px
}
.m-r-38 {
margin-right: 38px
}
.m-r-40 {
margin-right: 40px
}
.m-r-42 {
margin-right: 42px
}
.m-r-44 {
margin-right: 44px
}
.m-r-46 {
margin-right: 46px
}
.m-r-48 {
margin-right: 48px
}
.m-r-50 {
margin-right: 50px
}
.m-r-52 {
margin-right: 52px
}
.m-r-54 {
margin-right: 54px
}
.m-r-56 {
margin-right: 56px
}
.m-r-58 {
margin-right: 58px
}
.m-r-60 {
margin-right: 60px
}
.m-r-62 {
margin-right: 62px
}
.m-r-64 {
margin-right: 64px
}
.m-r-66 {
margin-right: 66px
}
.m-r-68 {
margin-right: 68px
}
.m-r-70 {
margin-right: 70px
}
.m-r-72 {
margin-right: 72px
}
.m-r-74 {
margin-right: 74px
}
.m-r-76 {
margin-right: 76px
}
.m-r-78 {
margin-right: 78px
}
.m-r-80 {
margin-right: 80px
}
.m-r-82 {
margin-right: 82px
}
.m-r-84 {
margin-right: 84px
}
.m-r-86 {
margin-right: 86px
}
.m-r-88 {
margin-right: 88px
}
.m-r-90 {
margin-right: 90px
}
.m-r-92 {
margin-right: 92px
}
.m-r-94 {
margin-right: 94px
}
.m-r-96 {
margin-right: 96px
}
.m-r-98 {
margin-right: 98px
}
.m-r-100 {
margin-right: 100px
}
.m-b-2 {
margin-bottom: 2px
}
.m-b-4 {
margin-bottom: 4px
}
.m-b-6 {
margin-bottom: 6px
}
.m-b-8 {
margin-bottom: 8px
}
.m-b-10 {
margin-bottom: 10px
}
.m-b-12 {
margin-bottom: 12px
}
.m-b-14 {
margin-bottom: 14px
}
.m-b-16 {
margin-bottom: 16px
}
.m-b-18 {
margin-bottom: 18px
}
.m-b-20 {
margin-bottom: 20px
}
.m-b-22 {
margin-bottom: 22px
}
.m-b-24 {
margin-bottom: 24px
}
.m-b-26 {
margin-bottom: 26px
}
.m-b-28 {
margin-bottom: 28px
}
.m-b-30 {
margin-bottom: 30px
}
.m-b-32 {
margin-bottom: 32px
}
.m-b-34 {
margin-bottom: 34px
}
.m-b-36 {
margin-bottom: 36px
}
.m-b-38 {
margin-bottom: 38px
}
.m-b-40 {
margin-bottom: 40px
}
.m-b-42 {
margin-bottom: 42px
}
.m-b-44 {
margin-bottom: 44px
}
.m-b-46 {
margin-bottom: 46px
}
.m-b-48 {
margin-bottom: 48px
}
.m-b-50 {
margin-bottom: 50px
}
.m-b-52 {
margin-bottom: 52px
}
.m-b-54 {
margin-bottom: 54px
}
.m-b-56 {
margin-bottom: 56px
}
.m-b-58 {
margin-bottom: 58px
}
.m-b-60 {
margin-bottom: 60px
}
.m-b-62 {
margin-bottom: 62px
}
.m-b-64 {
margin-bottom: 64px
}
.m-b-66 {
margin-bottom: 66px
}
.m-b-68 {
margin-bottom: 68px
}
.m-b-70 {
margin-bottom: 70px
}
.m-b-72 {
margin-bottom: 72px
}
.m-b-74 {
margin-bottom: 74px
}
.m-b-76 {
margin-bottom: 76px
}
.m-b-78 {
margin-bottom: 78px
}
.m-b-80 {
margin-bottom: 80px
}
.m-b-82 {
margin-bottom: 82px
}
.m-b-84 {
margin-bottom: 84px
}
.m-b-86 {
margin-bottom: 86px
}
.m-b-88 {
margin-bottom: 88px
}
.m-b-90 {
margin-bottom: 90px
}
.m-b-92 {
margin-bottom: 92px
}
.m-b-94 {
margin-bottom: 94px
}
.m-b-96 {
margin-bottom: 96px
}
.m-b-98 {
margin-bottom: 98px
}
.m-b-100 {
margin-bottom: 100px
}
.m-l-2 {
margin-left: 2px
}
.m-l-4 {
margin-left: 4px
}
.m-l-6 {
margin-left: 6px
}
.m-l-8 {
margin-left: 8px
}
.m-l-10 {
margin-left: 10px
}
.m-l-12 {
margin-left: 12px
}
.m-l-14 {
margin-left: 14px
}
.m-l-16 {
margin-left: 16px
}
.m-l-18 {
margin-left: 18px
}
.m-l-20 {
margin-left: 20px
}
.m-l-22 {
margin-left: 22px
}
.m-l-24 {
margin-left: 24px
}
.m-l-26 {
margin-left: 26px
}
.m-l-28 {
margin-left: 28px
}
.m-l-30 {
margin-left: 30px
}
.m-l-32 {
margin-left: 32px
}
.m-l-34 {
margin-left: 34px
}
.m-l-36 {
margin-left: 36px
}
.m-l-38 {
margin-left: 38px
}
.m-l-40 {
margin-left: 40px
}
.m-l-42 {
margin-left: 42px
}
.m-l-44 {
margin-left: 44px
}
.m-l-46 {
margin-left: 46px
}
.m-l-48 {
margin-left: 48px
}
.m-l-50 {
margin-left: 50px
}
.m-l-52 {
margin-left: 52px
}
.m-l-54 {
margin-left: 54px
}
.m-l-56 {
margin-left: 56px
}
.m-l-58 {
margin-left: 58px
}
.m-l-60 {
margin-left: 60px
}
.m-l-62 {
margin-left: 62px
}
.m-l-64 {
margin-left: 64px
}
.m-l-66 {
margin-left: 66px
}
.m-l-68 {
margin-left: 68px
}
.m-l-70 {
margin-left: 70px
}
.m-l-72 {
margin-left: 72px
}
.m-l-74 {
margin-left: 74px
}
.m-l-76 {
margin-left: 76px
}
.m-l-78 {
margin-left: 78px
}
.m-l-80 {
margin-left: 80px
}
.m-l-82 {
margin-left: 82px
}
.m-l-84 {
margin-left: 84px
}
.m-l-86 {
margin-left: 86px
}
.m-l-88 {
margin-left: 88px
}
.m-l-90 {
margin-left: 90px
}
.m-l-92 {
margin-left: 92px
}
.m-l-94 {
margin-left: 94px
}
.m-l-96 {
margin-left: 96px
}
.m-l-98 {
margin-left: 98px
}
.m-l-100 {
margin-left: 100px
}
.transformation-color-block-to-image {
position: relative;
width: 100%;
height: 100%;
overflow: hidden
}
.transformation-color-block-to-image.is-visible .transformation-color-block-to-image__img {
opacity: 1;
transition-delay: .6s;
transition-property: opacity
}
.transformation-color-block-to-image.is-visible .transformation-color-block-to-image__box {
animation: imageOverlay 1s;
animation-timing-function: ease-out, ease-in
}
.transformation-color-block-to-image__img {
width: 100%;
height: 100%;
border: 1px solid #449da7;
font-size: 0;
opacity: 0;
transition: opacity .3s
}
.transformation-color-block-to-image__img img {
height: 100%;
width: 100%;
object-fit: cover
}
.transformation-color-block-to-image__box {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #4ac18e;
transform: scaleX(0);
transition: transform .3s;
z-index: 1
}
@keyframes imageOverlay {
0% {
transform: scaleX(0);
transform-origin: left
}
65% {
transform-origin: left;
transform: scaleX(1)
}
66% {
transform-origin: right
}
70% {
transform: scaleX(1);
transform-origin: right
}
100% {
transform: scaleX(0);
transform-origin: right
}
}
.sp-transform-img-grid__switcher {
display: flex;
justify-content: flex-end;
margin-bottom: 22px
}
.sp-transform-img-grid__switcher span.MuiSwitch-root {
width: 64px;
height: 32px;
border-radius: 24px
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher span.MuiSwitch-root {
width: 48px;
height: 24px
}
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-track {
background-color: rgba(249, 249, 249, .3)
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase {
padding: 4px
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase {
padding: 3px
}
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase .MuiTouchRipple-root .MuiTouchRipple-child {
background-color: rgba(249, 249, 249, .3)
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase .MuiSwitch-thumb {
width: 24px;
height: 24px
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase .MuiSwitch-thumb {
width: 18px;
height: 18px
}
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked {
transform: translateX(32px)
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked {
transform: translateX(24px)
}
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked:active {
transition: transform .3s, background-color .1s, width .1s;
transform: translateX(24px)
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked:active {
transform: translateX(16px)
}
}
.sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track {
background-color: rgba(249, 249, 249, .3)
}
.sp-transform-img-grid__switcher span.MuiSwitch-root:active .MuiSwitch-thumb {
width: 32px
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher span.MuiSwitch-root:active .MuiSwitch-thumb {
width: 24px
}
}
.sp-transform-img-grid__switcher .switch-grid__row {
display: flex;
align-items: center
}
.sp-transform-img-grid__switcher .switch-grid__col--left {
margin-right: 16px
}
.sp-transform-img-grid__switcher .switch-grid__col--right {
margin-left: 16px
}
.sp-transform-img-grid__switcher p.MuiTypography-body2 {
font-size: 18px
}
@media(max-width: 1280px) {
.sp-transform-img-grid__switcher p.MuiTypography-body2 {
font-size: 12px
}
}
@media(max-width: 1024px) {
.sp-transform-img-grid__switcher p.MuiTypography-body2 {
font-size: 11px
}
}
@media(max-width: 768px) {
.sp-transform-img-grid__switcher p.MuiTypography-body2 {
font-size: 14px
}
}
.sp-transform-img-grid__container {
box-shadow: 0 24px 40px rgba(0, 0, 0, .25);
overflow: hidden
}
.sp-transform-img-grid__container.bordered {
border: 1px solid rgba(74, 193, 142, .5);
border-radius: 4px
}
.sp-after-before-img-slider {
position: relative;
overflow: hidden
}
.sp-after-before-img-slider__front {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
transform: translateX(-100%);
transition: transform 1s;
font-size: 0
}
.sp-after-before-img-slider__front img {
width: 99%
}
.sp-after-before-img-slider__thumb {
margin-right: 4px;
height: 100%;
width: 4px;
min-width: 5px;
border-radius: 4px;
box-shadow: 0 4px 15px rgba(0, 0, 0, .75), 0 2px 38px rgba(0, 0, 0, .75)
}
.sp-after-before-img-slider__back {
font-size: 0
}
.sp-after-before-img-slider__back img {
width: 100%
}
.sp-after-before-img-slider.is-transform .sp-after-before-img-slider__front {
transform: translateX(0)
}
.sp-after-before-img-slider.is-transform .sp-after-before-img-slider__thumb {
margin-left: -5px;
margin-right: 0
}
.pipedrive-modal-grid.MuiDialog-root .MuiPaper-root.MuiDialog-paper {
margin: 32px 16px;
padding: 32px 24px;
width: 100%
}
.pipedrive-modal-grid .pipedriveWebForms {
width: 100%;
height: 690px;
overflow: hidden
}
.pipedrive-modal-grid .pipedriveWebForms iframe {
border: none;
overflow: hidden;
width: 100%;
max-width: 768px;
height: 100%;
position: relative
}
.access-modal-grid.MuiDialog-root .MuiPaper-root {
margin: 16px;
width: 100%;
max-width: 800px
}
.access-modal-grid.MuiDialog-root .MuiPaper-root.MuiDialog-paper .MuiDialogActions-root {
justify-content: center
}
.access-modal-grid__line {
font-size: 0;
text-align: center
}
.access-modal-grid__row {
display: flex;
justify-content: center
}
@media(max-width: 600px) {
.access-modal-grid__row {
flex-wrap: wrap
}
}
.access-modal-grid__col {
padding: 0 26px;
flex: 1 1 33.33%
}
@media(max-width: 768px) {
.access-modal-grid__col {
padding: 0 10px
}
}
@media(max-width: 600px) {
.access-modal-grid__col {
flex: 1 1 100%
}
.access-modal-grid__col .access-modal-grid__description {
max-width: 260px;
margin: 0 auto
}
}
.access-modal-grid__icon {
text-align: center
}
.sp-title-gradient.start {
background: -webkit-linear-gradient(left, #4AC18E, #68ECFF);
background: -o-linear-gradient(right, #4AC18E, #68ECFF);
background: -moz-linear-gradient(right, #4AC18E, #68ECFF);
background: linear-gradient(to right, #4AC18E, #68ECFF);
background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.sp-title-gradient.start .end-text {
background: -webkit-linear-gradient(left, #F9F9F9, #F9F9F9);
background: -o-linear-gradient(right, #F9F9F9, #F9F9F9);
background: -moz-linear-gradient(right, #F9F9F9, #F9F9F9);
background: linear-gradient(to right, #F9F9F9, #F9F9F9);
background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.sp-title-gradient.end {
background: -webkit-linear-gradient(left, #F9F9F9, #F9F9F9);
background: -o-linear-gradient(right, #F9F9F9, #F9F9F9);
background: -moz-linear-gradient(right, #F9F9F9, #F9F9F9);
background: linear-gradient(to right, #F9F9F9, #F9F9F9);
background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.sp-title-gradient.end .end-text {
background: -webkit-linear-gradient(left, #4AC18E, #68ECFF);
background: -o-linear-gradient(right, #4AC18E, #68ECFF);
background: -moz-linear-gradient(right, #4AC18E, #68ECFF);
background: linear-gradient(to right, #4AC18E, #68ECFF);
background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.sp-title-gradient .MuiTypography-root {
font-size: inherit !important;
line-height: 1.1
}
.sp-title-gradient .MuiTypography-root span.MuiTypography-root {
font-size: inherit;
font-weight: inherit;
line-height: inherit
}
.sp-ellipse {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
z-index: -1
}
.sp-ellipse.green {
background: radial-gradient(50% 50% at 50% 50%, rgba(26, 255, 157, 0.3) 0%, rgba(98, 249, 184, 0) 100%)
}
.sp-ellipse.blue {
background: radial-gradient(50% 50% at 50% 50%, rgba(104, 236, 255, 0.35) 0%, rgba(104, 236, 255, 0) 100%)
}
.promo-modal-grid.MuiDialog-root .MuiPaper-root {
margin: 32px 16px;
width: 100%;
max-width: 960px;
position: relative;
border-radius: 2px;
border: 1px solid #4ac18e;
background-color: #292c3d;
clip-path: polygon(1.7em 0%, 100% 0, 100% calc(100% - 1.7em), calc(100% - 1.7em) 100%, 0 100%, 0% 1.7em);
z-index: 1;
overflow: hidden
}
.promo-modal-grid.MuiDialog-root .MuiPaper-root::before {
content: "";
display: block;
position: absolute;
top: 13px;
left: -9px;
width: 42px;
height: 1px;
background-color: #4ac18e;
transform: rotate(-45deg)
}
.promo-modal-grid.MuiDialog-root .MuiPaper-root::after {
content: "";
display: block;
position: absolute;
right: -9px;
bottom: 13px;
width: 42px;
height: 1px;
background-color: #4ac18e;
transform: rotate(-45deg)
}
.promo-modal-grid.MuiDialog-root .MuiPaper-root.MuiDialog-paper .MuiDialogTitle-root {
padding: 40px 16px 0;
text-align: center
}
.promo-modal-grid.MuiDialog-root .MuiPaper-root.MuiDialog-paper .MuiDialogTitle-root .MuiButtonBase-root {
right: 10px;
top: 10px
}
.promo-modal-grid.MuiDialog-root .MuiPaper-root.MuiDialog-paper .MuiDialogContent-root {
padding: 32px 20px 46px
}
@media(max-width: 768px) {
.promo-modal-grid.MuiDialog-root .MuiPaper-root.MuiDialog-paper .MuiDialogContent-root {
padding: 24px 16px 36px
}
}
.promo-modal-body {
max-width: 770px;
margin: 0 auto
}
.promo-modal-body__title {
text-align: center
}
.promo-modal-body__ellipse--left .sp-ellipse {
top: 5%;
left: -22%;
z-index: -1
}
.promo-modal-body__ellipse--right .sp-ellipse {
top: 30%;
right: -140%;
left: auto;
z-index: -1
}
.promo-modal-body__ellipse--bottom .sp-ellipse {
top: 120%;
left: 0;
transform: translate(-50%, -50%);
z-index: -1
}
.promo-modal-step-box__btn {
text-align: center
}
.promo-modal-step-box__btn button.MuiButton-root.MuiButton-containedSuccess {
color: #292c3d
}
.promo-modal-step-box__description a.MuiLink-root {
line-height: 1.2
}
.promo-modal-step-box__link {
text-align: center;
color: #4ac18e
}
.promo-modal-step-box__link a.MuiLink-root:after {
bottom: 0
}
.promo-modal-step-box__link a.MuiLink-root.three-dots.one-line {
max-height: 21px;
height: 21px
}
.promo-modal-steps {
display: flex;
align-items: center;
justify-content: center
}
.promo-modal-steps.is-active .promo-modal-step-item:first-of-type {
border-color: #4ac18e;
opacity: 1
}
.promo-modal-steps.is-active .promo-modal-step-line {
background-color: #4ac18e
}
.promo-modal-step-item {
padding: 2px 4px;
min-width: 80px;
border: 1px solid #cfd0d3;
border-radius: 8px;
opacity: .5
}
.promo-modal-step-item.is-active {
background-color: rgba(74, 193, 142, .2);
border-color: #4ac18e;
box-shadow: 0 0 8px rgba(74, 193, 142, .75);
opacity: 1
}
.promo-modal-step-line {
width: 100%;
min-width: 20px;
max-width: 56px;
height: 1px;
background-color: rgba(207, 208, 211, .5)
}
.promo-key-cell {
display: flex;
align-items: center;
justify-content: center
}
.promo-key-cell__inner {
display: flex;
align-items: center;
justify-content: center;
padding: 14px 28px;
background: #3b3d4f;
border: 1px solid rgba(207, 208, 211, .3);
border-radius: 4px
}
@media(max-width: 768px) {
.promo-key-cell__inner {
padding: 14px 20px
}
}
.contact-us-grid .MuiBox-root {
padding: 0
}
.contact-us-menu-item-grid {
display: flex;
align-items: center;
gap: 8px;
padding: 12px;
cursor: pointer;
transition: background-color .1s
}
.contact-us-menu-item-grid:hover {
background-color: #4e5060
}
.contact-us-menu-item-grid__icon {
font-size: 0
}
.contact-us-menu-item-grid__text {
text-transform: uppercase
}
.cookie-container {
position: fixed;
right: 0;
bottom: 0 !important;
left: 0;
padding: 24px 40px 12px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 0;
box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
background-color: #f9f9f9;
z-index: 1400
}
@media(max-width: 1024px) {
.cookie-container {
padding: 12px 14px 6px
}
}
@media(max-width: 768px) {
.cookie-container {
flex-direction: column;
justify-content: center
}
}
.cookie-content {
margin: 0 0 12px;
flex: 1 1 70%
}
@media(max-width: 768px) {
.cookie-content {
margin: 0 0 16px
}
}
.cookie-content-link {
color: #4ac18e;
text-decoration: none
}
.cookie-content-link:hover {
text-decoration: underline
}
.cookie-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1400;
background-color: rgba(0, 0, 0, .7)
}
.cookie-list {
margin-bottom: 12px;
display: flex;
flex-direction: row-reverse
}
@media(max-width: 1024px) {
.cookie-list {
flex-direction: column-reverse
}
}
@media(max-width: 768px) {
.cookie-list {
flex-direction: row-reverse
}
}
.cookie-list__btn {
padding: 7px 16px;
min-height: 48px;
border-radius: 4px;
font-family: "Inter", sans-serif;
font-weight: 500;
font-size: 14px;
color: #292c3d;
text-transform: uppercase;
white-space: nowrap
}
@media(max-width: 768px) {
.cookie-list__btn {
min-height: 32px
}
}
.cookie-list__btn--accept {
margin-right: 16px;
background-color: #4ac18e
}
.cookie-list__btn--accept:active,
.cookie-list__btn--accept:focus {
color: #292c3d
}
.cookie-list__btn--accept:active:hover,
.cookie-list__btn--accept:focus:hover {
color: #292c3d
}
.cookie-list__btn--accept:hover {
background-color: #3bac7c
}
@media(max-width: 1024px) {
.cookie-list__btn--accept {
margin-bottom: 12px;
margin-right: 0
}
}
@media(max-width: 768px) {
.cookie-list__btn--accept {
margin-right: 10px;
margin-bottom: 0
}
}
.cookie-list__btn--settings {
border: 1px solid #4ac18e;
background-color: rgba(0, 0, 0, 0)
}
.cookie-list__btn--settings:active,
.cookie-list__btn--settings:focus {
color: #f9f9f9;
background-color: #3bac7c;
border-color: #3bac7c
}
.cookie-list__btn--settings:active:hover,
.cookie-list__btn--settings:focus:hover {
color: #f9f9f9
}
.cookie-list__btn--settings:hover {
background-color: #3bac7c;
border-color: #3bac7c;
color: #f9f9f9
}
.cookie-grid__row {
display: flex
}
@media(max-width: 768px) {
.cookie-grid__row {
flex-wrap: wrap
}
}
.cookie-grid__col {
margin-right: 22px
}
@media(max-width: 768px) {
.cookie-grid__col {
margin-right: 0
}
}
.cookie-grid__more-less .more-less-html {
max-width: none
}
.sp-dashed-line {
font-size: 0
}
.sp-nav-bar {
position: absolute;
top: 120px;
left: 16px;
bottom: 130px;
z-index: 5
}
.sp-nav-bar__wrap {
position: sticky;
top: 240px;
margin: 140px -45px 0 0
}
.sp-nav-bar__inner {
padding: 2px 2px 2px 0;
background-color: rgba(104, 211, 165, .5);
clip-path: polygon(0 0, 100% 30px, 100% calc(100% - 30px), 0% 100%)
}
.sp-nav-bar__list {
position: relative;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 30px 0;
background: #1d202e;
clip-path: polygon(0 0, 100% 29px, 100% calc(100% - 29px), 0% 100%)
}
.sp-nav-bar__text {
position: absolute;
top: 50%;
right: -22px;
height: 200%;
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 11px;
line-height: 1.4;
text-align: center;
letter-spacing: 3px;
text-transform: uppercase;
color: rgba(249, 249, 249, .5);
writing-mode: vertical-rl;
text-orientation: mixed;
transform: translateY(-50%);
transition: opacity .1s;
opacity: 0;
z-index: 4
}
.sp-nav-bar__text.is-hover {
opacity: 1
}
.sp-nav-bar__item {
position: relative;
padding: 10px;
z-index: 4
}
.sp-nav-bar__btn {
position: relative;
width: 20px;
height: 20px;
min-width: 20px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(0, 0, 0, 0);
cursor: pointer;
transition: border-color .1s
}
.sp-nav-bar__btn::after {
content: "";
display: block;
width: 10px;
height: 10px;
min-width: 10px;
background-color: rgba(249, 249, 249, .2);
transition: background-color .1s
}
.sp-nav-bar__btn.is-active {
border-color: #4ac18e
}
.sp-nav-bar__btn.is-active::after {
background-color: #4ac18e
}
.sp-nav-bar__btn:hover {
border-color: #4ac18e
}
.sp-nav-bar__btn:hover::after {
background-color: #4ac18e
}
.sp-default-layout-box {
position: relative;
padding: 58px 0
}
@media(max-width: 1024px) {
.sp-default-layout-box {
padding: 40px 0
}
.sp-default-layout-box .sp-nav-bar {
display: none
}
}
.sp-default-layout-box__title {
display: flex;
align-items: center;
min-height: 70px;
position: absolute;
right: 4%;
top: 0;
width: 100%;
max-width: 506px;
background: linear-gradient(135deg, transparent 16px, #3B3D4F 0);
box-shadow: 0 3px 7px rgba(0, 0, 0, .15), 0 14px 21px rgba(0, 0, 0, .15);
z-index: 2
}
@media(max-width: 1280px) {
.sp-default-layout-box__title {
max-width: 440px;
min-height: 60px;
background: linear-gradient(135deg, transparent 14px, #3B3D4F 0)
}
}
@media(max-width: 1024px) {
.sp-default-layout-box__title {
max-width: 366px;
min-height: 50px;
background: linear-gradient(135deg, transparent 12px, #3B3D4F 0)
}
}
@media(max-width: 768px) {
.sp-default-layout-box__title {
max-width: 208px;
min-height: 32px;
background: linear-gradient(135deg, transparent 10px, #3B3D4F 0)
}
}
.sp-default-layout-box__title-inner {
padding-left: 40px
}
.sp-default-layout-box__title-inner::after {
content: attr(data-lable);
display: block;
position: absolute;
top: 50%;
right: 5%;
width: 100%;
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
color: #f9f9f9;
letter-spacing: 7px;
text-transform: uppercase;
text-align: right;
transform: translateY(-50%);
z-index: 3
}
@media(max-width: 1280px) {
.sp-default-layout-box__title-inner::after {
font-size: 14px
}
}
@media(max-width: 1024px) {
.sp-default-layout-box__title-inner::after {
font-size: 12px
}
}
@media(max-width: 768px) {
.sp-default-layout-box__title-inner::after {
font-size: 10px
}
}
.sp-default-layout-box__title-icon {
margin: 5px 0;
padding-top: 3px;
width: 185px;
height: 60px;
overflow: hidden;
font-size: 0
}
@media(max-width: 1280px) {
.sp-default-layout-box__title-icon {
width: 160px;
height: 50px
}
}
@media(max-width: 1024px) {
.sp-default-layout-box__title-icon {
width: 134px;
height: 42px
}
}
@media(max-width: 768px) {
.sp-default-layout-box__title-icon {
width: 84px;
height: 26px
}
}
.sp-default-layout-box__title-icon svg {
width: 100%
}
.sp-default-layout-box__overflow {
box-shadow: 0 24px 40px rgba(0, 0, 0, .2);
overflow: hidden
}
.sp-default-layout-box__content {
min-height: 500px;
padding: 0 100px
}
@media(max-width: 1280px) {
.sp-default-layout-box__content {
padding: 0 80px
}
}
@media(max-width: 1024px) {
.sp-default-layout-box__content {
padding: 0 58px
}
}
@media(max-width: 768px) {
.sp-default-layout-box__content {
padding: 0 16px
}
}
.sp-default-layout-box__inner {
position: relative;
background: linear-gradient(135deg, transparent 16px, #292C3D 0);
z-index: 0;
}
.sp-default-layout-box__inner::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 1px;
border-radius: 3px;
background-color: rgba(74, 193, 142, .1);
z-index: 2
}
.sp-default-layout-box__inner::after {
content: "";
display: block;
position: absolute;
top: 22px;
bottom: -20px;
left: 0;
width: 1px;
border-radius: 4px;
background-color: rgba(74, 193, 142, .1);
z-index: 2
}
.sp-default-layout-box__header {
position: relative;
height: 16px;
margin-left: 20px;
border-radius: 3px;
border-top: 1px solid rgba(74, 193, 142, .3)
}
.sp-default-layout-box__header::before {
content: "";
display: block;
position: absolute;
top: 10px;
left: -24px;
height: 1px;
width: 31px;
border-radius: 4px;
background-color: rgba(74, 193, 142, .3);
transform: rotate(-45deg);
z-index: 2
}
.sp-default-layout-box__footer {
position: relative;
margin-top: -1px;
margin-right: 22px;
height: 22px;
border-radius: 0 0 2px 0;
border-bottom: 1px solid rgba(74, 193, 142, .3);
background-color: #292c3d
}
.sp-default-layout-box__footer::before {
content: "";
display: block;
position: absolute;
top: -1px;
right: -21px;
border: 11px solid #292c3d;
border-right-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(0, 0, 0, 0);
z-index: 2
}
.sp-default-layout-box__footer::after {
content: "";
display: block;
position: absolute;
top: 10px;
right: -26px;
height: 1px;
width: 31px;
border-radius: 4px;
background-color: rgba(74, 193, 142, .3);
transform: rotate(-44deg);
z-index: 2
}
.sp-default-layout-box__line {
font-size: 0;
overflow: hidden
}
.sp-default-layout-box__line svg {
width: 1440px
}
.sp-default-layout-box__line--bottom {
transform: rotate(180deg)
}
.error-page {
padding: 36px 0 60px;
background: rgba(0, 0, 0, 0) no-repeat 50% 50%;
background-size: cover
}
.error-page .error-page__logo {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin-bottom: 36px
}
.error-page__wrap {
min-height: calc(100vh - 200px);
display: flex;
align-items: center;
justify-content: center;
text-align: center
}
.error-page__wrap .error-page__body {
max-width: 500px
}
.error-page__wrap .error-page__body .item {
margin-bottom: 16px
}
.nav-list {
display: flex;
align-items: center
}
@media(max-width: 600px) {
.nav-list {
justify-content: flex-end
}
}
.nav-list__item span.MuiButton-root.MuiButton-containedPrimary {
padding: 0;
min-height: 32px;
height: 32px;
min-width: 32px;
background-color: #3b3d4f;
border-color: rgba(0, 0, 0, 0)
}
.nav-list__item span.MuiButton-root.MuiButton-containedPrimary .MuiTouchRipple-root {
border-radius: 4px
}
.nav-list__item span.MuiButton-root.MuiButton-containedPrimary .MuiButton-startIcon {
margin-right: -3px
}
.nav-list__item .MuiBox-root {
min-width: auto;
max-width: 700px
}
@media(max-width: 768px) {
.nav-list__item .MuiBox-root {
max-width: 350px
}
}
@media(max-width: 600px) {
.nav-list__item .MuiBox-root {
max-width: 150px
}
}
@media(max-width: 450px) {
.nav-list__item .MuiBox-root {
max-width: 90px
}
}
.nav-list__item .MuiOutlinedInput-root {
min-height: 30px
}
.nav-list__item .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,
.nav-list__item .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
.nav-list__item .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
border: none
}
.nav-list__item .MuiOutlinedInput-root .MuiSelect-icon {
font-size: 20px
}
@media(max-width: 600px) {
.nav-list__item .MuiOutlinedInput-root .MuiSelect-icon {
right: -4px
}
}
.nav-list__item .MuiFormControl-root .MuiSelect-nativeInput {
min-height: 30px;
padding-left: 0
}
.nav-list__item .MuiFormControl-root .MuiSelect-select {
padding: 0 32px 0 0;
min-height: 30px;
line-height: 30px
}
@media(max-width: 600px) {
.nav-list__item .MuiFormControl-root .MuiSelect-select.MuiSelect-outlined {
padding: 0 16px 0 0
}
}
.nav-list__item .MuiFormControl-root .MuiOutlinedInput-notchedOutline {
border: none;
background-color: rgba(0, 0, 0, 0)
}
.nav-list__item .MuiFormControl-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,
.nav-list__item .MuiFormControl-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,
.nav-list__item .MuiFormControl-root .MuiOutlinedInput-root.Mui-focused:hover .MuiOutlinedInput-notchedOutline {
border-color: rgba(0, 0, 0, 0)
}
.nav-list__item .import-result span.MuiButton-root.MuiButton-containedPrimary {
min-height: 16px;
height: 16px;
min-width: 16px;
border-radius: 50%
}
.prime-hunt-button {
position: relative
}
.prime-hunt-button a.MuiButton-root {
font-size: 12px
}
.prime-hunt-button a.MuiButton-root.MuiButtonBase-root.MuiButton-root {
color: #fff
}
.prime-hunt-button a.MuiButton-root.MuiButton-sizeSmall {
height: 24px
}
.prime-hunt-button__icon {
position: absolute;
top: 4px;
right: 4px;
font-size: 0
}
.prime-hunt-list-buttons {
display: flex
}
.prime-hunt-link {
color: #999baa
}
.prime-hunt-link:hover {
color: #4ac18e
}
.prime-hunt-list-links {
display: flex;
align-items: center
}
.prime-hunt-list-links__line {
width: 1px;
height: 22px;
background-color: #999baa
}
.prime-hunt-grid.button {
position: relative;
padding: 10px 14px;
background-color: rgba(0, 0, 0, 0);
border-radius: 4px;
transition: color
}
@media(max-width: 1151px) {
.prime-hunt-grid.button {
padding-inline: 24px
}
}
.prime-hunt-grid.button::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 4px;
border-radius: 4px;
background-color: #4ac18e;
opacity: 0;
transition: opacity .1s;
z-index: 1
}
.prime-hunt-grid.button:hover {
background: linear-gradient(90deg, rgba(74, 193, 142, 0.15) 0%, rgba(104, 236, 255, 0.15) 100%)
}
.prime-hunt-grid.button:hover::before {
opacity: 1
}
.prime-hunt-grid.button .prime-hunt-grid__text {
color: #fff
}
.prime-hunt-grid.link .prime-hunt-grid__text {
color: #fff
}
.prime-hunt-grid.link .prime-hunt-grid__text p.MuiTypography-root {
font-weight: 600
}
@media(min-width: 1025px) {
.footer-grid .footer-privacy-list {
max-width: 450px
}
}
.footer-grid__row {
gap: 30px
}
@media(max-width: 500px) {
.footer-grid__row {
column-gap: 50px
}
}
@media(max-width: 500px) {
.footer-grid__row {
column-gap: 24px
}
}
@media(max-width: 1024px) {
.footer-grid__col {
max-width: calc(50% - 15px)
}
.footer-grid__col:nth-child(3) {
margin-top: -70px
}
.footer-grid__col:nth-child(5) {
margin-top: -126px
}
.footer-grid__col:nth-child(6) {
order: 4
}
}
@media(max-width: 625px) {
.footer-grid__col:nth-child(5) {
margin-top: -148px
}
}
@media(max-width: 500px) {
.footer-grid__col {
max-width: 158px
}
.footer-grid__col:nth-child(3) {
margin-top: -176px
}
.footer-grid__col:nth-child(5) {
margin-top: -210px
}
}
.sp-header {
position: sticky;
top: 0
}
.sp-header .sp-header__col--center {
position: relative
}
.sp-header .sp-header__col--center::before,
.sp-header .sp-header__col--center::after {
content: "";
position: absolute;
top: 12px;
height: calc(100% - 24px);
width: 1px;
background-color: hsla(0, 0%, 100%, .2)
}
.sp-header .sp-header__col--center::before {
left: 0
}
.sp-header .sp-header__col--center::after {
right: 0
}
.sp-header-button-list a.header-button-auth,
.sp-header-button-list button.header-button-auth {
min-width: 40px
}
.sp-header-button-list a.header-button-auth.MuiButton-root.MuiButton-sizeLarge,
.sp-header-button-list button.header-button-auth.MuiButton-root.MuiButton-sizeLarge {
padding: 0
}
.sp-header-button-list a.header-button-demo.MuiButton-root.MuiButton-sizeLarge,
.sp-header-button-list button.header-button-demo.MuiButton-root.MuiButton-sizeLarge {
padding: 0 12px;
font-size: 13px;
font-weight: 550
}
@media(max-width: 1151px) {
.sp-header-button-list a.header-button-demo.MuiButton-root.MuiButton-sizeLarge,
.sp-header-button-list button.header-button-demo.MuiButton-root.MuiButton-sizeLarge {
padding: 8px 12px
}
}
@media(max-width: 1151px) {
.sp-header-burger .header-button-demo.MuiButtonBase-root.MuiButton-root.MuiButton-sizeLarge {
height: 32px;
font-size: 13px;
padding: 2px 12px
}
}
.sp-hexagon-grid__container {
position: relative;
height: 526px;
width: 630px
}
@media(max-width: 1280px) {
.sp-hexagon-grid__container {
height: 474px;
width: 568px
}
}
.sp-hexagon-grid__row {
display: flex;
width: 100%
}
.sp-hexagon-grid__row--up {
margin-left: 80px
}
.sp-hexagon-grid__item {
position: absolute;
transform: translate(-50%, -50%);
transition: transform .2s;
z-index: 1
}
.sp-hexagon-grid__item:hover {
transform: scale(1) !important;
z-index: 2
}
.sp-hexagon-grid__item:hover.right {
transform: scale(1) translateX(30%) !important
}
.sp-hexagon-grid__item:hover.left {
transform: scale(1) translateX(-30%) !important
}
.sp-hexagon-grid__item:hover.top {
transform: scale(1) translateY(-30%) !important
}
.sp-hexagon-grid__item:hover .sp-hexagon-item__front {
transform: perspective(600px) rotateY(-180deg)
}
.sp-hexagon-grid__item:hover .sp-hexagon-item__back {
transform: perspective(600px) rotateY(0deg)
}
.sp-hexagon-grid__item:hover .sp-hexagon-item__icon svg {
width: 100%
}
.sp-hexagon-grid__item:hover .sp-hexagon-item__icon svg path:first-of-type {
stroke: #4ac18e
}
.sp-hexagon-grid__item:hover .sp-hexagon-item__icon::after {
box-shadow: 0 0 32px #4ac18e
}
.sp-hexagon-item {
position: relative;
width: 190px;
height: 210px
}
@media(max-width: 1280px) {
.sp-hexagon-item {
width: 170px;
height: 190px
}
}
.sp-hexagon-item__box {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.sp-hexagon-item__back,
.sp-hexagon-item__front {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
backface-visibility: hidden;
transition: transform .6s linear
}
.sp-hexagon-item__front {
transform: perspective(600px) rotateY(0deg)
}
.sp-hexagon-item__back {
transform: perspective(600px) rotateY(180deg)
}
.sp-hexagon-item__logo {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
color: #f9f9f9;
z-index: 1
}
.sp-hexagon-item__logo svg {
height: 100%;
max-width: 100px;
max-height: 54px;
width: auto;
opacity: .5
}
.sp-hexagon-item__content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 34px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center
}
.sp-hexagon-item__icon {
font-size: 0
}
.sp-hexagon-item__icon::after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 130px;
height: 130px;
border-radius: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 0 32px rgba(153, 155, 170, .7);
z-index: -1;
transition: box-shadow .2s
}
@media(max-width: 1280px) {
.sp-hexagon-item__icon::after {
width: 118px;
height: 118px
}
}
.sp-hexagon-item__icon svg {
width: 100%
}
.sp-hexagon-item__icon svg path:first-of-type {
stroke: #3b3d4f;
transition: stroke .2s
}
.sub-title {
display: flex;
align-items: center
}
.nav-grid {
padding: 16px 0 0 18px
}
@media(max-width: 1024px) {
.nav-grid {
padding: 22px 0 0;
margin-bottom: 15px
}
}
.nav-grid__row {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap
}
@media(max-width: 600px) {
.nav-grid__col {
flex: 1 1 100%
}
}
@media(max-width: 600px) {
.nav-grid__col--left {
margin-bottom: 12px
}
}
.nav-grid-inner {
display: flex;
align-items: center;
flex-wrap: wrap
}
@media(max-width: 600px) {
.nav-grid-inner {
justify-content: space-between
}
}
.nav-grid-inner__col--left {
margin-right: 32px
}
.nav-grid-inner__col--right {
margin-right: 32px
}
.import-result {
display: flex;
align-items: center
}
.search-result-amount {
display: flex;
align-items: flex-end
}
.search-result-amount__count {
margin-right: 4px
}
.search-result-page-grid {
min-height: 100vh;
overflow: hidden
}
@media(max-width: 768px) {
.search-result-page-grid .MuiPaper-root .MuiButtonBase-root.MuiAccordionSummary-root,
.search-result-page-grid .MuiPaper-root .MuiCollapse-wrapper .MuiAccordionDetails-root {
padding: 15px 12px
}
}
@media(max-width: 768px) {
.search-result-page-grid .accordion-item {
flex-wrap: wrap
}
.search-result-page-grid .accordion-item__col--left {
flex: 1 1 100%;
margin-right: 0;
margin-bottom: 12px
}
}
.search-result-page-grid__row {
display: flex;
min-height: calc(100vh - 116px);
overflow: hidden
}
@media(max-width: 1024px) {
.search-result-page-grid__row {
flex-wrap: wrap;
min-height: auto
}
}
@media(max-width: 768px) {
.search-result-page-grid__row {
margin-bottom: 24px;
flex-wrap: wrap
}
}
.search-result-page-grid__search-mobile {
margin-top: 15px;
margin-bottom: 15px
}
.search-result-page-grid__search-mobile div.autocomplete .MuiAutocomplete-root .MuiFilledInput-root {
padding: 0 56px 0 8px;
height: 36px;
background-color: #3b3d4f
}
.search-result-page-grid__search-mobile div.autocomplete .MuiAutocomplete-root .MuiIconButton-root {
width: 28px;
height: 28px
}
.search-result-page-grid__search-mobile div.autocomplete .MuiAutocomplete-root .MuiIconButton-root.MuiAutocomplete-clearIndicator {
margin-right: 0
}
.search-result-page-grid__search-mobile div.autocomplete .MuiAutocomplete-root.Mui-focused:hover .MuiFilledInput-root,
.search-result-page-grid__search-mobile div.autocomplete .MuiAutocomplete-root.Mui-hover:hover .MuiFilledInput-root {
background-color: #3b3d4f
}
.search-result-page-grid__aside {
padding: 16px 0 22px 18px;
flex: 1 1 270px;
max-width: 270px;
min-width: 270px
}
@media(max-width: 1024px) {
.search-result-page-grid__aside {
padding: 0;
flex: 1 1 100%;
max-width: none;
min-width: auto;
min-height: auto;
max-height: none
}
}
@media(max-width: 768px) {
.search-result-page-grid__aside {
border-right: none;
max-width: 100%;
flex: 1 1 100%
}
}
.search-result-page-grid__main {
padding: 16px 0 0 18px;
flex: 1 1 auto
}
@media(max-width: 1024px) {
.search-result-page-grid__main {
padding: 0;
flex: 1 1 100%
}
}
.search-result-page-grid .sp-header-search div.autocomplete .MuiAutocomplete-root:hover:not(.Mui-focused) button.MuiIconButton-root.MuiAutocomplete-clearIndicator {
visibility: hidden
}
.search-result-page-grid .sp-header.borders .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text {
position: relative;
margin: 0 12px;
min-width: auto;
min-height: auto;
padding: 0
}
.search-result-page-grid .sp-header.borders .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text::after {
display: block;
content: "";
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
height: 1px;
background-color: #4ac18e;
transform: scaleX(0);
transition: transform .15s
}
.search-result-page-grid .sp-header.borders .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text:hover {
color: #4ac18e
}
.search-result-page-grid .sp-header.borders .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text:hover::after {
transform: scaleX(1)
}
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2):hover .submenu {
left: -200px
}
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2) .submenu.submenu--width-lg {
min-width: 865px
}
@media(max-width: 1151px) {
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2) .submenu.submenu--width-lg {
min-width: auto
}
}
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2) .submenu.submenu--width-lg .submenu__col {
flex: 1 1 50%
}
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2) .submenu.submenu--width-lg .submenu__col--right {
min-width: auto;
max-width: none;
padding-inline: 24px 0;
padding-top: 0
}
@media(max-width: 1024px) {
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2) .submenu.submenu--width-lg .submenu__col--right {
padding-left: 0
}
}
@media(max-width: 1280px) {
.search-result-page-grid .sp-header.borders .sp-header-list__item:nth-child(2) .submenu.submenu--width-lg .submenu__col--left {
margin-bottom: 0
}
}
.search-result-page-grid .sp-header-list__item:nth-of-type(4) .simple-menu__item:hover .submenu--width-lg {
left: auto;
right: 0
}
.search-result-page-grid .sp-header-list__item:nth-of-type(4) .simple-menu__item .submenu--width-lg {
left: auto;
right: -9999px
}
.search-trends__row {
display: flex;
align-items: center
}
.search-trends__icon {
margin-right: 14px;
color: #cfd0d3
}
.search-trends .list {
opacity: .8
}
.search-trends .list .MuiChip-root.MuiChip-colorInfo {
transition: background-color .1s, color .1s
}
.search-trends .list .MuiChip-root.MuiChip-colorInfo:hover {
background-color: #f9f9f9;
color: #1a1e2f
}
.list {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
.list--align-center {
align-items: center
}
.list--justify-start {
justify-content: flex-start
}
@font-face {
font-family: "JetBrains Mono";
font-weight: 400;
src: url(/rsc/6e3454abb74ce7d549ae.woff2) format("woff2");
font-display: swap;
font-style: normal
}
@font-face {
font-family: "JetBrains Mono";
font-weight: 500;
src: url(/rsc/417f577b876a9ec21400.woff2) format("woff2");
font-display: swap;
font-style: normal
}
@font-face {
font-family: "JetBrains Mono";
font-weight: 600;
src: url(/rsc/b5b0addff573d47465cd.woff2) format("woff2");
font-display: swap;
font-style: normal
}
@font-face {
font-family: "JetBrains Mono";
font-weight: 700;
src: url(/rsc/baac8a2a005670173bca.woff2) format("woff2");
font-display: swap;
font-style: normal
}
@font-face {
font-family: "JetBrains Mono";
font-weight: 800;
src: url(/rsc/de3979cc8349c3c1d375.woff2) format("woff2");
font-display: swap;
font-style: normal
}
@font-face {
font-family: "JetBrains Mono";
font-weight: 400;
src: url(/rsc/6fd32a4a78fbf9eb0d3a.woff2) format("woff2");
font-display: swap;
font-style: italic
}
.ace-socprime {
width: 100%;
background-color: #303344;
font-family: monospace;
font-weight: 400;
line-height: 22px;
color: #cfd0d3
}
.start-page-grid__bg {
background-image: url(../svg/Grid.svg);
}
html :where(.wp-block) {
max-width: none;
background-image: url(../svg/Grid.svg);
}
.ace-socprime .ace_gutter {
background: #303344;
font-weight: 400;
color: rgba(207, 208, 211, .5)
}
.ace-socprime .ace_gutter .ace_layer .ace_gutter-cell.ace_error,
.ace-socprime .ace_gutter .ace_layer .ace_gutter-cell.ace_warning {
background-image: none
}
.ace-socprime .ace_gutter .ace_layer .ace_gutter-cell.ace_error::after,
.ace-socprime .ace_gutter .ace_layer .ace_gutter-cell.ace_warning::after {
content: "";
position: absolute;
top: 7px;
left: 8px;
width: 4px;
height: 4px;
border-radius: 50% #ee9d23
}
.ace-socprime .ace_gutter .ace_layer .ace_gutter-cell.ace_warning::after {
background-color: #ee9d23
}
.ace-socprime .ace_gutter .ace_layer .ace_gutter-cell.ace_error::after {
background-color: #ee3523
}
.ace-socprime .ace_print-margin {
display: none
}
.ace-socprime .ace_cursor {
color: #f9f9f9
}
.ace-socprime .ace_marker-layer .ace_selection {
background-color: #44475a;
font-family: monospace;
font-weight: 400;
z-index: 2
}
.ace-socprime .ace_multiselect .ace_selection.ace_start {
box-shadow: 0 0 3px 0 #282a36;
border-radius: 2px
}
.ace-socprime .ace_marker-layer .ace_step {
background-color: #c6dbae
}
.ace-socprime .ace_marker-layer .ace_bracket {
margin: -1px 0 0 -1px;
border: 1px solid #a29709
}
.ace-socprime .ace_marker-layer .ace_active-line {
background-color: #44475a
}
.ace-socprime .ace_gutter-active-line {
background-color: #44475a
}
.ace-socprime .ace_marker-layer .ace_selected-word {
margin-top: 1px;
height: 20px !important;
line-height: 1;
box-shadow: 0 0 0 1px #4ac18e;
border-radius: 3px;
background-color: rgba(74, 193, 142, .168627451)
}
.ace-socprime .ace_meta.ace_tag {
color: #4ac18e
}
.ace-socprime .ace_fold {
background-color: #3bac7c;
border-color: #f8f8f2
}
.ace-socprime .ace_keyword {
color: #f9f9f9
}
.ace-socprime .ace_constant.ace_language {
color: #bd93f9
}
.ace-socprime .ace_constant.ace_numeric {
color: #bd93f9
}
.ace-socprime .ace_constant.ace_character {
color: #bd93f9
}
.ace-socprime .ace_constant.ace_character.ace_escape {
color: #ff79c6
}
.ace-socprime .ace_constant.ace_other {
color: #bd93f9
}
.ace-socprime .ace_support.ace_function {
color: #8be9fd
}
.ace-socprime .ace_support.ace_constant {
color: #6be5fd
}
.ace-socprime .ace_support.ace_class {
font-style: italic;
color: #66d9ef
}
.ace-socprime .ace_support.ace_type {
font-style: italic;
color: #66d9ef
}
.ace-socprime .ace_storage {
color: #ff79c6
}
.ace-socprime .ace_storage.ace_type {
font-style: italic;
color: #8be9fd
}
.ace-socprime .ace_invalid {
color: #f8f8f0;
background-color: #ff79c6
}
.ace-socprime .ace_invalid.ace_deprecated {
color: #f8f8f0;
background-color: #bd93f9
}
.ace-socprime .ace_string {
color: #f1fa8c
}
.ace-socprime .ace_comment {
color: #6272a4
}
.ace-socprime .ace_variable {
color: #3bac7c
}
.ace-socprime .ace_variable.ace_parameter {
font-style: italic;
color: #ffb86c
}
.ace-socprime .ace_entity.ace_other.ace_attribute-name {
color: #3bac7c
}
.ace-socprime .ace_entity.ace_name.ace_function {
color: #3bac7c
}
.ace-socprime .ace_entity.ace_name.ace_tag {
color: #ff79c6
}
.ace-socprime .ace_invisible {
color: #626680
}
.ace-socprime .ace_indent-guide {
background: url(data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYHB3d/8PAAOIAdULw8qMAAAAAElFTkSuQmCC) right repeat-y
}
.ace-socprime .error-marker {
position: absolute
}
.ace-socprime .ace_tooltip {
padding: 12px;
border-radius: 4px;
border-color: rgba(0, 0, 0, .9);
background-color: rgba(0, 0, 0, .9);
font-family: "Inter", sans-serif;
font-size: 12px;
line-height: 1.4;
color: #cfd0d3;
box-shadow: 0 0 100px #000
}
.ace-socprime .ace_content {
height: 100%
}
.ace-socprime .ace_search {
background-color: #282a36;
color: #cfd0d3;
border: 1px solid #3b3d4f
}
.ace-socprime .ace_search .ace_searchbtn_close {
color: #cfd0d3
}
.ace-socprime .ace_search .ace_search_form.ace_nomatch {
outline: 1px solid
}
.ace-socprime .ace_search .ace_search_form .ace_search_field {
background-color: #44475a;
border: none;
color: #cfd0d3
}
.ace-socprime .ace_search .ace_search_form .ace_searchbtn {
background: #44475a;
border: none
}
.ace-socprime .ace_search .ace_search_options .ace_button {
color: #cfd0d3
}
.sp-statistics-grid {
filter: drop-shadow(0 0 12px rgba(253, 255, 254, 0.15))
}
.sp-statistics-grid__row {
display: flex;
justify-content: space-between
}
@media(max-width: 768px) {
.sp-statistics-grid__row {
flex-wrap: wrap
}
}
.sp-statistics-grid__col {
flex: 1 1 50%
}
@media(max-width: 768px) {
.sp-statistics-grid__col {
flex: 1 1 100%
}
}
.sp-statistics-grid__col:first-of-type {
margin-right: 40px
}
@media(max-width: 768px) {
.sp-statistics-grid__col:first-of-type {
margin-right: 0;
margin-bottom: 32px
}
}
.sp-statistics-grid__polygon {
position: relative;
min-height: 120px;
padding: 18px 16px 22px;
background-color: #1f2232;
clip-path: polygon(0 0, 100% 0, 100% 100%, 34px 100%, 0 calc(100% - 34px), 0 0)
}
.sp-statistics-grid__icon {
position: absolute;
top: 50%;
right: -135px;
transform: translateY(-50%)
}
@media(max-width: 1280px) {
.sp-statistics-grid__icon {
display: none
}
}
.sp-statistics__header {
display: flex;
align-items: center
}
.sp-statistics__title {
min-width: 82px
}
.sp-statistics__title span {
line-height: 1.6
}
.sp-statistics__icon {
position: relative;
height: 8px;
width: 100%;
overflow: hidden
}
.sp-statistics__icon::after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 8px;
background-color: #4ac18e
}
.sp-statistics__icon svg {
position: absolute;
top: 3px;
right: 0
}
@media(max-width: 768px) {
.sp-statistics__icon svg {
right: 20%
}
}
.sp-statistics-list {
margin-left: 95px;
display: flex;
justify-content: space-between;
max-width: 360px
}
@media(max-width: 1024px) {
.sp-statistics-list {
margin-left: 0
}
}
@media(max-width: 768px) {
.sp-statistics-list {
max-width: none
}
}
.sp-statistics-list__item:not(:last-of-type) {
margin-right: 15px
}
@media(max-width: 1280px) {
.sp-statistics-list__item span.MuiTypography-root.MuiTypography-h3 {
font-size: 24px
}
}
@media(max-width: 768px) {
.sp-statistics-list__item span.MuiTypography-root.MuiTypography-h3 {
font-size: 20px
}
}
.sp-statistics .sp-sub-title {
white-space: nowrap
}
.select-scroll-to {
width: 100%;
max-width: 280px;
margin: 0 auto
}
@media(max-width: 600px) {
.select-scroll-to {
max-width: 180px
}
}
.select-scroll-to.is-open .select-scroll-to__icon {
transform: rotate(180deg)
}
.select-scroll-to.is-open .select-scroll-to__list {
left: 0;
opacity: 1
}
.select-scroll-to__wrap {
position: relative
}
.select-scroll-to__wrap::after {
display: block;
content: "";
position: absolute;
left: 0;
bottom: -18px;
width: 100%;
height: 8px;
background-color: #4ac18e;
transition: transform .2s
}
.select-scroll-to__button {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 48px;
cursor: pointer
}
.select-scroll-to__text {
padding-left: 10px;
font-size: 16px;
font-weight: 600;
color: #f9f9f9
}
.select-scroll-to__icon {
font-size: 0;
transform: rotate(0);
transition: transform .2s
}
.select-scroll-to__list {
position: absolute;
top: 74px;
left: -2000px;
padding: 10px 0;
display: flex;
flex-direction: column;
width: 100%;
max-width: 280px;
background-color: #292c3d;
z-index: 4;
opacity: 0;
transition: opacity .3s
}
@media(max-width: 600px) {
.select-scroll-to__list {
max-width: 180px
}
}
.select-scroll-to__link {
padding: 10px;
font-size: 16px;
font-weight: 600;
color: #f9f9f9;
cursor: pointer
}
.sp-sticky-box {
position: sticky;
top: -40px;
z-index: 1501;
padding: 0
}
.sp-sticky-box__wrap {
overflow: hidden
}
.sp-sticky-box__container {
position: relative
}
.sp-sticky-box__bg {
background-color: #292c3d
}
.sp-sticky-box__top,
.sp-sticky-box__bottom {
position: relative;
font-size: 0
}
.sp-sticky-box__top svg,
.sp-sticky-box__bottom svg {
width: 100%
}
.sp-sticky-box__top {
max-width: 1410px;
margin: 0 auto
}
.sp-sticky-box__top::after,
.sp-sticky-box__top::before {
content: "";
position: absolute;
width: 100%;
background-color: rgba(249, 249, 249, .3)
}
.sp-sticky-box__top::after {
bottom: 0;
right: -100%;
height: 2px
}
.sp-sticky-box__top::before {
top: 12px;
left: -100%;
height: 2px
}
.sp-sticky-box__bottom {
margin-top: -33px
}
@media(max-width: 1280px) {
.sp-sticky-box__bottom {
margin-left: -140px
}
}
.sp-sticky-box__bottom::after,
.sp-sticky-box__bottom::before {
content: "";
position: absolute;
width: 100%;
background-color: rgba(74, 193, 142, .3)
}
.sp-sticky-box__bottom::after {
bottom: 0;
right: -100%;
height: 8px
}
.sp-sticky-box__bottom::before {
top: 0;
left: -100%;
height: 9px
}
.sp-sticky-box__line {
position: relative
}
.sp-sticky-box__line::after,
.sp-sticky-box__line::before {
content: "";
position: absolute;
width: 100%;
background-color: rgba(249, 249, 249, .15)
}
.sp-sticky-box__line::after {
bottom: 15px;
right: -100%;
height: 2px
}
.sp-sticky-box__line::before {
bottom: 15px;
left: -99.89%;
height: 2px
}
.sp-sticky-box__content {
padding: 24px 0 30px;
max-width: 1210px
}
@media(max-width: 1280px) {
.sp-sticky-box__content {
padding: 20px 0 26px
}
}
@media(max-width: 768px) {
.sp-sticky-box__content {
padding: 14px 0 20px
}
}
.sp-sticky-box-list {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto
}
@media(max-width: 1440px) {
.sp-sticky-box-list {
max-width: 1180px
}
}
.sp-sticky-box-list__code {
display: flex;
margin-right: 16px;
justify-content: flex-start
}
@media(max-width: 1440px) {
.sp-sticky-box-list__code {
margin-right: 0;
flex: 1 1 auto
}
}
.sp-sticky-box-list__logo {
margin-right: 28px;
font-size: 0;
cursor: pointer
}
@media(max-width: 1024px) {
.sp-sticky-box-list__logo {
flex: 1 1 auto;
margin-right: 16px
}
}
@media(max-width: 768px) {
.sp-sticky-box-list__logo {
flex: 1 1 52px;
max-width: 52px;
margin-right: 0
}
}
.sp-sticky-box-list__logo a {
display: block
}
.sp-sticky-box-list__logo a svg {
width: 72px
}
@media(max-width: 1024px) {
.sp-sticky-box-list__logo a svg {
width: 52px
}
}
.sp-sticky-box-list__select {
position: absolute;
top: 62%;
left: 50%;
width: 100%;
max-width: 280px;
transform: translate(-50%, -50%);
z-index: 3
}
@media(max-width: 768px) {
.sp-sticky-box-list__select {
display: block
}
}
@media(max-width: 600px) {
.sp-sticky-box-list__select {
max-width: 140px;
left: 39%
}
}
.sp-sticky-box-list__line {
margin-right: 16px;
font-size: 0
}
@media(max-width: 1440px) {
.sp-sticky-box-list__line {
display: none
}
}
.sp-sticky-box-list__btn a.MuiButton-root.MuiButtonBase-root {
text-transform: uppercase;
font-size: 13px
}
@media(max-width: 1024px) {
.sp-sticky-box-list__btn a.MuiButton-root.MuiButtonBase-root {
padding: 0 10px;
font-size: 12px
}
}
.sp-sticky-box-list__item {
position: relative;
font-weight: 400;
font-size: 22px;
line-height: 1.1;
text-decoration: none;
color: rgba(249, 249, 249, .5);
transition: color .2s
}
@media(max-width: 1280px) {
.sp-sticky-box-list__item {
font-size: 20px
}
}
@media(max-width: 1024px) {
.sp-sticky-box-list__item {
font-size: 14px;
margin-bottom: 4px
}
}
.sp-sticky-box-list__item--link {
margin-right: 12px;
cursor: pointer
}
.sp-sticky-box-list__item--link:hover {
color: #f9f9f9
}
.sp-sticky-box-list__item--link::after {
display: block;
content: "";
position: absolute;
left: 0;
bottom: -42px;
width: 100%;
height: 8px;
background-color: #4ac18e;
transform: scaleX(0);
transition: transform .2s
}
@media(max-width: 1280px) {
.sp-sticky-box-list__item--link::after {
bottom: -39px
}
}
@media(max-width: 1024px) {
.sp-sticky-box-list__item--link::after {
bottom: -40px
}
}
.sp-sticky-box-list__item--link.is-active::after {
transform: scaleX(1)
}
.sp-sticky-box-list__item--green {
margin-right: 12px;
color: #4ac18e
}
.sp-sticky-box-list__item.is-active {
color: #f9f9f9
}
.syntax-highlighter-text pre {
overflow-x: unset !important;
background-color: #292c3d !important
}
.syntax-highlighter-text .language-yaml span {
font-family: monospace;
font-size: 11px;
line-height: 1.8
}
.syntax-highlighter-text .language-yaml .hljs-attr {
color: #4ac18e
}
.syntax-highlighter-text .language-yaml .comment {
color: rgba(249, 249, 249, .5)
}
.syntax-highlighter-text .language-yaml span:not(.hljs-attr, .comment) {
color: #cfd0d3 !important
}
.syntax-highlighter-text .language-text {
word-break: break-all;
font-family: monospace;
font-size: 11px;
font-weight: 400;
line-height: 1.8;
color: #f9f9f9
}
.syntax-highlighter-text__scroll .simplebar-content-wrapper {
height: 100% !important
}
.syntax-highlighter-text__scroll .simplebar-content-wrapper .simplebar-content {
height: inherit
}
.technique-point-tooltip {
width: 100%
}
.technique-point-tooltip[aria-labelledby] .technique-point::after {
border-color: #f9f9f9
}
.technique-point {
position: relative;
padding: 2px 4px;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 20px
}
.technique-point p.MuiTypography-root.MuiTypography-subtitle2 {
font-size: 9px
}
.technique-point::after {
content: "";
display: block;
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
border: 1px solid rgba(0, 0, 0, 0);
transition: border-color .1s
}
.technique-point:hover::after {
border-color: #f9f9f9
}
.technique-point.is-empty {
background-color: #3b3d4f !important
}
.technique-point.is-empty::after {
display: none
}
.sp-timeline-tooltip-layout {
padding: 4px 4px 12px
}
.sp-timeline-tooltip-layout__link {
display: flex;
align-items: center;
padding: 8px 12px;
border: 1px solid #3b3d4f;
border-radius: 4px;
transition: background-color .2s, border-color .2s;
text-decoration: none
}
.sp-timeline-tooltip-layout__link span {
text-decoration: none
}
.sp-timeline-tooltip-layout__link:not(:last-of-type) {
margin-bottom: 6px
}
.sp-timeline-tooltip-layout__link:hover {
background-color: rgba(74, 193, 142, .15);
border: 1px solid #4ac18e;
text-decoration: none
}
.sp-timeline-tooltip-layout__link:hover span {
text-decoration: none
}
@media(max-width: 768px) {
.sp-timeline-grid {
padding: 0 56px
}
}
.sp-timeline-grid__wrap {
padding: 28px;
border: 1px solid rgba(157, 232, 200, .5);
border-radius: 4px;
box-shadow: 0 16px 48px rgba(157, 232, 200, .3), 0 6px 16px rgba(0, 0, 0, .2), 0 24px 56px rgba(0, 0, 0, .2);
background-color: #303344
}
.sp-timeline-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-timeline-grid__row {
flex-direction: column
}
}
.sp-timeline-grid__col:not(:last-of-type) {
margin-right: 8px
}
@media(max-width: 768px) {
.sp-timeline-grid__col:not(:last-of-type) {
margin-right: 0
}
}
.sp-timeline-grid__col--hr {
flex: 1 1 auto;
height: 1px;
background-color: #f9f9f9
}
@media(max-width: 768px) {
.sp-timeline-grid__col--hr {
width: 1px;
height: 48px;
margin-left: -82px
}
}
.sp-timeline-grid__col--hr:last-of-type {
display: none
}
.sp-timeline-box {
display: flex;
align-items: center;
cursor: pointer
}
.sp-timeline-box__icon {
min-width: 22px;
margin-right: 12px
}
@media(max-width: 768px) {
.sp-timeline-box__icon {
font-size: 0;
text-align: center
}
}
.sp-timeline-box__title {
margin-bottom: 4px;
border-bottom: 1px solid #f9f9f9
}
.tooltip-techniques {
padding: 16px 8px;
width: 100%
}
@media(max-width: 1024px) {
.tooltip-techniques .more-less-html {
max-width: 100%
}
}
.tooltip-techniques__scroll {
max-height: 500px;
overflow: auto;
margin-bottom: 15px
}
@media(max-width: 1024px) {
.tooltip-techniques__scroll {
max-height: 320px
}
}
.tooltip-techniques__description {
word-break: break-word
}
.tooltip-techniques__description a[href] {
font-size: inherit;
font-weight: inherit;
color: #4ac18e;
text-decoration: underline
}
.tooltip-techniques__description a[href]:hover {
text-decoration: none
}
.tooltip-techniques__link .MuiButton-root {
text-transform: none !important
}
.tooltip-binaries {
padding: 16px 8px;
width: 100%;
display: flex;
flex-wrap: wrap
}
.tooltip-binaries__metric {
flex: 1 1 50%;
padding-right: 20px
}
.tooltip-binaries__metric ul {
display: block;
list-style-type: disc;
padding-left: 16px;
padding-top: 0;
padding-bottom: 24px
}
.tooltip-author {
padding: 16px 8px;
min-width: 300px
}
.tooltip-author__scroll {
max-height: 300px;
overflow: auto;
margin-bottom: 15px
}
.tooltip-author__link a.MuiButton-root.MuiButton-containedSuccess {
color: #292c3d
}
.tooltip-author__link a.MuiButton-root.MuiButton-containedSuccess:hover {
color: #292c3d
}
.tooltip-author__link a.MuiButton-root.Mui-disabled {
border-color: rgba(59, 61, 79, .4);
background-color: rgba(59, 61, 79, .4);
color: rgba(207, 208, 211, .5)
}
.tooltip-author-list {
display: flex;
justify-content: space-around
}
.tooltip-info-layout {
padding: 12px 4px
}
.tooltip-info-layout__footer {
display: flex
}
.tooltip-info-layout__footer-col a.MuiButton-root.MuiButton-containedSuccess {
color: #292c3d
}
.tooltip-info-layout__footer-col a.MuiButton-root.MuiButton-containedSuccess:hover {
color: #292c3d
}
.sp-build-together-hero-grid {
position: relative
}
.sp-build-together-hero-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__row {
flex-wrap: wrap
}
}
.sp-build-together-hero-grid__col {
position: relative;
flex: 1 1 50%
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__col {
flex: 1 1 100%
}
}
.sp-build-together-hero-grid__col--left {
padding: 96px 0 80px
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__col--left {
padding: 0 0 42px
}
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__col--left {
padding: 42px 0 0;
order: 2
}
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__col--right {
padding: 62px 0 0
}
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__col--right {
padding: 0;
order: 1
}
}
.sp-build-together-hero-grid__ellipse-blue .sp-ellipse {
top: 100%;
left: 80%
}
@media(max-width: 1280px) {
.sp-build-together-hero-grid__ellipse-blue .sp-ellipse {
top: 70%;
width: 670px !important;
height: 670px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__ellipse-blue .sp-ellipse {
width: 524px !important;
height: 524px !important
}
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__ellipse-blue .sp-ellipse {
top: 30%;
left: 50%;
width: 436px !important;
height: 436px !important
}
}
.sp-build-together-hero-grid__ellipse-green .sp-ellipse {
top: 60%;
left: auto;
right: -70%
}
@media(max-width: 1280px) {
.sp-build-together-hero-grid__ellipse-green .sp-ellipse {
top: 40%;
width: 510px !important;
height: 510px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__ellipse-green .sp-ellipse {
right: -50%;
width: 400px !important;
height: 400px !important
}
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__ellipse-green .sp-ellipse {
top: 20%;
right: -50%;
width: 310px !important;
height: 310px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__title .sp-title-hero .sp-title-gradient {
font-size: 40px !important
}
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__title .sp-title-hero .sp-title-gradient {
font-size: 36px !important
}
}
@media(max-width: 768px) {
.sp-build-together-hero-grid__title .sp-title-hero--bottom .sp-title-gradient {
font-size: 30px !important
}
}
.sp-build-together-hero-grid__title-row {
display: flex;
align-items: center
}
.sp-build-together-hero-grid__title-left {
margin-right: 24px
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__title-left {
margin-right: 16px
}
}
@media(max-width: 1280px) {
.sp-build-together-hero-grid__title-left .sp-title-gradient {
font-size: 88px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid__title-left .sp-title-gradient {
font-size: 64px !important
}
}
.sp-build-together-hero-grid .cube-perspective-grid__bg-image {
width: 680px
}
@media(max-width: 1280px) {
.sp-build-together-hero-grid .cube-perspective-grid__bg-image {
width: 432px
}
}
@media(max-width: 1024px) {
.sp-build-together-hero-grid .cube-perspective-grid__bg-image {
width: 332px
}
}
.sp-build-together-hero-grid .cube-perspective-grid__bg-image svg {
width: 100%
}
.sp-sigma-slider {
position: relative;
z-index: 2
}
@media(max-width: 1280px) {
.sp-sigma-slider {
margin-right: -60px
}
}
@media(max-width: 1024px) {
.sp-sigma-slider {
margin-right: -40px
}
}
@media(max-width: 768px) {
.sp-sigma-slider {
margin-right: 0
}
}
.sp-sigma-slider .carousel-root {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-sigma-slider .carousel-root {
display: block
}
}
.sp-sigma-slider .carousel-root .carousel {
position: relative;
width: unset
}
.sp-sigma-slider .carousel-root .carousel .slide {
text-align: left
}
.sp-sigma-slider .carousel-root .carousel .slide.selected {
z-index: 0 !important
}
.sp-sigma-slider .carousel-root .carousel.carousel-slider {
flex: 1 1 86%;
order: 2;
border-radius: 6px;
border: 1px solid #00a47c;
background-color: #292c3d;
box-shadow: 0 4px 24px rgba(0, 0, 0, .3);
z-index: 1
}
@media(max-width: 768px) {
.sp-sigma-slider .carousel-root .carousel.carousel-slider {
margin: 0
}
}
.sp-sigma-slider .carousel-root .carousel:not(.carousel-slider) {
flex: 1 1 14%;
order: 1
}
@media(max-width: 768px) {
.sp-sigma-slider .carousel-root .carousel:not(.carousel-slider) {
display: none
}
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper {
margin: 0;
padding: 44px 0;
min-width: 186px;
overflow: visible
}
@media(max-width: 1280px) {
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper {
min-width: 134px
}
}
@media(max-width: 1024px) {
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper {
min-width: 116px
}
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .control-arrow {
display: none
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs {
display: flex;
flex-direction: column;
padding: 30px 0 30px 14px;
border-radius: 4px 0 0 4px;
background-color: #3b3d4f;
transform: none !important
}
@media(max-width: 1280px) {
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs {
padding: 22px 0 22px 10px
}
}
@media(max-width: 1024px) {
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs {
padding: 18px 0 18px 10px
}
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
margin: 0;
padding: 0;
width: 100% !important;
min-height: 32px;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 6px 0 0 6px;
cursor: pointer
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb .MuiButton-root.MuiButton-containedPrimary {
padding: 0 20px;
justify-content: flex-start;
border-radius: 4px 0 0 4px
}
@media(max-width: 1280px) {
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb .MuiButton-root.MuiButton-containedPrimary {
padding: 0 12px
}
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb .MuiButton-root.MuiButton-containedPrimary:hover {
border-color: #57586e;
background-color: #57586e
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb.selected .MuiButton-root.MuiButton-containedPrimary {
border-color: rgba(87, 88, 110, .7);
background-color: rgba(87, 88, 110, .7)
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb.selected .MuiButton-root.MuiButton-containedPrimary:hover {
border-color: #57586e;
background-color: #57586e
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:last-of-type {
margin-top: 20px
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:last-of-type .MuiButton-root.MuiButton-containedPrimary {
border-color: rgba(87, 88, 110, .7);
background-color: rgba(87, 88, 110, .7)
}
.sp-sigma-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:last-of-type .MuiButton-root.MuiButton-containedPrimary:hover {
border-color: #57586e;
background-color: #57586e
}
.sp-sigma-slider__select {
margin-bottom: 14px
}
.sp-sigma-slider__select div.MuiSelect-select {
min-height: 48px;
line-height: 32px
}
.sp-sigma-slider__button {
margin-bottom: 14px
}
.sp-sigma-slider__editor {
padding: 0 12px 0 0;
min-height: 445px
}
.sp-sigma-slider__editor .ace-socprime {
background-color: #292c3d
}
.sp-sigma-slider__editor .ace-socprime .ace_gutter {
background-color: #292c3d
}
.sp-sigma-slider__editor .ace-socprime .ace_gutter-active-line {
background-color: rgba(0, 0, 0, 0)
}
.sp-sigma-slider__editor .ace-socprime .ace_gutter-cell {
padding-left: 12px
}
.sp-sigma-slider__editor .ace-socprime .ace_gutter-cell .ace_fold-widget {
display: none !important
}
.sp-sigma-slider__editor .ace-socprime .ace_hidden-cursors {
opacity: 0
}
.sp-sigma-slide-content {
width: 100%
}
@media(max-width: 1280px) {
.sp-sigma-slide-content {
min-height: 460px
}
}
@media(max-width: 768px) {
.sp-sigma-slide-content {
min-height: 445px
}
}
.sp-sigma-slide-content.text {
padding: 0 6px
}
.sp-sigma-slider .slide:nth-child(2) .syntax-highlighter-text__scroll {
max-height: none !important
}
.sp-build-together-sigma-grid {
position: relative;
padding: 20px 0 26px
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid {
padding: 40px 0 145px
}
}
.sp-build-together-sigma-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid__row {
flex-wrap: wrap
}
}
.sp-build-together-sigma-grid__col--left {
flex: 1 1 40%;
margin-right: 32px;
padding-bottom: 50px
}
@media(max-width: 1024px) {
.sp-build-together-sigma-grid__col--left {
flex: 1 1 30%
}
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid__col--left {
flex: 1 1 100%;
margin-right: 0
}
}
.sp-build-together-sigma-grid__col--right {
flex: 1 1 60%
}
@media(max-width: 1024px) {
.sp-build-together-sigma-grid__col--right {
flex: 1 1 70%
}
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid__col--right {
flex: 1 1 100%
}
}
.sp-build-together-sigma-grid__description {
max-width: 380px
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid__description {
max-width: 100%
}
}
.sp-build-together-sigma-grid__img {
min-height: 470px
}
.sp-build-together-sigma-grid__img img {
width: 100%
}
.sp-build-together-sigma-grid__title {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 24px
}
.sp-build-together-sigma-grid__line {
display: none;
position: absolute;
transform: scaleX(-1)
}
@media(max-width: 1280px) {
.sp-build-together-sigma-grid__line {
display: block;
left: 97%;
bottom: -120px
}
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid__line {
bottom: 0;
left: 3%
}
}
.sp-build-together-sigma-grid__ellipse--left .sp-ellipse {
top: 15%;
left: 0
}
@media(max-width: 1280px) {
.sp-build-together-sigma-grid__ellipse--left .sp-ellipse {
top: 25%;
width: 700px !important;
height: 700px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-sigma-grid__ellipse--left .sp-ellipse {
width: 448px !important;
height: 448px !important
}
}
@media(max-width: 768px) {
.sp-build-together-sigma-grid__ellipse--left .sp-ellipse {
left: 100%
}
}
.sp-build-together-sigma-grid__ellipse--right .sp-ellipse {
left: 100%
}
@media(max-width: 1280px) {
.sp-build-together-sigma-grid__ellipse--right .sp-ellipse {
width: 574px !important;
height: 574px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-sigma-grid__ellipse--right .sp-ellipse {
width: 448px !important;
height: 448px !important
}
}
.sp-build-together-mitre-grid {
position: relative;
padding: 30px 0 100px
}
@media(max-width: 1280px) {
.sp-build-together-mitre-grid {
padding: 80px 0 60px
}
}
.sp-build-together-mitre-grid__line {
position: absolute;
left: 10px;
bottom: -70px;
z-index: -1
}
@media(max-width: 1024px) {
.sp-build-together-mitre-grid__line {
left: -20px
}
}
@media(max-width: 768px) {
.sp-build-together-mitre-grid__line {
left: 1px;
bottom: -80px;
opacity: .5
}
}
.sp-build-together-mitre-grid__description {
max-width: 710px
}
@media(max-width: 1024px) {
.sp-build-together-mitre-grid__img {
margin-inline: -40px
}
}
@media(max-width: 768px) {
.sp-build-together-mitre-grid__img {
margin: 0 -22px 30px
}
.sp-build-together-mitre-grid__img .sp-transform-img-grid {
display: flex;
flex-direction: column-reverse;
align-items: center
}
.sp-build-together-mitre-grid__img .sp-transform-img-grid__switcher {
margin-bottom: 0
}
.sp-build-together-mitre-grid__img .sp-transform-img-grid__container {
margin-bottom: 24px
}
}
.sp-build-together-mitre-grid__img img {
width: 100%
}
.sp-build-together-mitre-grid__title {
display: flex;
align-items: center;
margin-left: -19px
}
.sp-build-together-mitre-grid__content {
margin-left: 15px;
padding: 56px 56px 46px;
background-color: rgba(74, 193, 142, .1);
border: 1px solid rgba(149, 201, 180, .5)
}
@media(max-width: 1024px) {
.sp-build-together-mitre-grid__content {
margin-inline: -15px -40px
}
}
@media(max-width: 768px) {
.sp-build-together-mitre-grid__content {
margin: 0 0 0 5px;
padding: 24px 26px 42px
}
}
.sp-build-together-mitre-grid__content-columns {
display: flex;
gap: 32px
}
@media(max-width: 768px) {
.sp-build-together-mitre-grid__content-columns {
flex-direction: column;
gap: 20px;
margin-bottom: 20px
}
}
@media(max-width: 600px) {
.sp-build-together-mitre-grid__content-btn a {
width: 100%
}
}
.sp-build-together-mitre-grid__ellipse-left .sp-ellipse {
left: 10%
}
@media(max-width: 1280px) {
.sp-build-together-mitre-grid__ellipse-left .sp-ellipse {
width: 712px !important;
height: 712px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-mitre-grid__ellipse-left .sp-ellipse {
width: 556px !important;
height: 556px !important
}
}
@media(max-width: 768px) {
.sp-build-together-mitre-grid__ellipse-left .sp-ellipse {
width: 260px !important;
height: 260px !important
}
}
.sp-build-together-mitre-grid__ellipse-right .sp-ellipse {
left: 90%
}
@media(max-width: 1280px) {
.sp-build-together-mitre-grid__ellipse-right .sp-ellipse {
width: 780px !important;
height: 780px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-mitre-grid__ellipse-right .sp-ellipse {
width: 610px !important;
height: 610px !important
}
}
@media(max-width: 768px) {
.sp-build-together-mitre-grid__ellipse-right .sp-ellipse {
left: 100%;
top: 80%;
width: 400px !important;
height: 400px !important
}
}
.sp-build-together-attack-detective-grid {
position: relative;
padding: 100px 0 150px
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid {
padding-bottom: calc(200px + 20vw)
}
}
.sp-build-together-attack-detective-grid__content {
margin-bottom: 75px
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__content {
margin-bottom: 35px
}
}
.sp-build-together-attack-detective-grid__title {
display: flex;
align-items: center;
gap: 8px
}
.sp-build-together-attack-detective-grid__description {
max-width: 740px
}
.sp-build-together-attack-detective-grid__links {
display: flex;
align-items: center;
gap: 32px
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__links {
flex-direction: column;
gap: 24px
}
}
.sp-build-together-attack-detective-grid__bottom {
position: relative
}
.sp-build-together-attack-detective-grid__img {
position: relative
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__img {
margin-inline: -16px
}
}
.sp-build-together-attack-detective-grid__img-front {
display: block;
position: relative;
width: 75%;
z-index: 2
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__img-front {
width: 100%
}
}
.sp-build-together-attack-detective-grid__img-back {
position: absolute;
top: 50%;
right: 0;
width: 60%;
z-index: 1;
transform: translateY(-50%)
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__img-back {
width: 90%;
top: 70%;
right: auto;
left: 50%;
transform: translateX(-50%)
}
}
.sp-build-together-attack-detective-grid__lines {
position: absolute;
top: 100%;
left: 4%;
z-index: -1
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__lines {
top: 160%;
left: 5%;
opacity: .5
}
}
.sp-build-together-attack-detective-grid__ellipse-left .sp-ellipse {
left: -15%
}
@media(max-width: 1280px) {
.sp-build-together-attack-detective-grid__ellipse-left .sp-ellipse {
width: 712px !important;
height: 712px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-attack-detective-grid__ellipse-left .sp-ellipse {
width: 556px !important;
height: 556px !important
}
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__ellipse-left .sp-ellipse {
top: 90%;
left: 100%;
width: 360px !important;
height: 360px !important
}
}
.sp-build-together-attack-detective-grid__ellipse-right .sp-ellipse {
left: 100%
}
@media(max-width: 1280px) {
.sp-build-together-attack-detective-grid__ellipse-right .sp-ellipse {
width: 780px !important;
height: 780px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-attack-detective-grid__ellipse-right .sp-ellipse {
width: 610px !important;
height: 610px !important
}
}
@media(max-width: 768px) {
.sp-build-together-attack-detective-grid__ellipse-right .sp-ellipse {
width: 400px !important;
height: 400px !important
}
}
.sp-build-together-uncoder-grid {
position: relative;
padding: 120px 0 60px
}
@media(max-width: 768px) {
.sp-build-together-uncoder-grid {
margin: 0;
padding: 40px 0 0
}
}
.sp-build-together-uncoder-grid__row {
display: flex;
align-items: center;
gap: 33px
}
@media(max-width: 768px) {
.sp-build-together-uncoder-grid__row {
flex-direction: column;
align-items: flex-start;
gap: 40px
}
}
.sp-build-together-uncoder-grid__content {
flex: 1 0 372px;
padding-left: 0;
margin: 0
}
@media(max-width: 768px) {
.sp-build-together-uncoder-grid__content {
flex: 0
}
}
.sp-build-together-uncoder-grid__description {
max-width: 710px
}
@media(max-width: 768px) {
.sp-build-together-uncoder-grid__description {
max-width: 100%
}
}
.sp-build-together-uncoder-grid__link {
display: flex;
gap: 15px;
flex-wrap: wrap
}
.sp-build-together-uncoder-grid__title {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 17px
}
.sp-build-together-uncoder-grid__title span {
color: #4ac18e
}
@media(max-width: 600px) {
.sp-build-together-uncoder-grid__image {
min-width: 450px
}
}
.sp-build-together-uncoder-grid__image img {
width: 100%
}
.sp-build-together-uncoder-grid__ellipse-right .sp-ellipse {
top: 50%;
left: 80%
}
@media(max-width: 1280px) {
.sp-build-together-uncoder-grid__ellipse-right .sp-ellipse {
top: 65%;
width: 686px !important;
height: 686px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-uncoder-grid__ellipse-right .sp-ellipse {
width: 536px !important;
height: 536px !important
}
}
@media(max-width: 768px) {
.sp-build-together-uncoder-grid__ellipse-right .sp-ellipse {
left: 90%
}
}
.sp-build-together-prime-hunt-grid {
position: relative;
padding: 120px 0 0
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid {
padding: 20px 0 40px
}
}
.sp-build-together-prime-hunt-grid__row {
display: flex;
align-items: center;
flex-direction: row-reverse
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid__row {
flex-wrap: wrap;
justify-content: center
}
}
.sp-build-together-prime-hunt-grid__col--left {
margin-left: 100px;
padding-top: 50px;
flex: 1 1 42%
}
@media(max-width: 1280px) {
.sp-build-together-prime-hunt-grid__col--left {
flex: 1 1 52%
}
}
@media(max-width: 1024px) {
.sp-build-together-prime-hunt-grid__col--left {
flex: 1 1 48%;
margin-left: 32px
}
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid__col--left {
padding-top: 0;
margin-left: 0;
flex: 1 1 100%;
order: 2
}
}
.sp-build-together-prime-hunt-grid__col--right {
flex: 1 1 58%
}
@media(max-width: 1280px) {
.sp-build-together-prime-hunt-grid__col--right {
flex: 1 1 42%
}
}
@media(max-width: 1024px) {
.sp-build-together-prime-hunt-grid__col--right {
flex: 1 1 52%
}
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid__col--right {
max-width: 500px;
margin-bottom: 32px;
flex: 1 1 100%;
order: 1
}
}
.sp-build-together-prime-hunt-grid__img .sc-animate-position-image__item--back img {
box-shadow: 0 2px 20px rgba(0, 0, 0, .5), 0 1px 80px rgba(74, 193, 142, .25);
max-height: 386px
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid__img .sc-animate-position-image__item--back img {
max-height: 250px
}
}
@media(max-width: 1280px) {
.sp-build-together-prime-hunt-grid__img .sc-animate-position-image__item--front img {
max-height: 400px
}
}
@media(max-width: 1024px) {
.sp-build-together-prime-hunt-grid__img .sc-animate-position-image__item--front img {
max-height: 358px
}
}
.sp-build-together-prime-hunt-grid__title {
display: flex;
align-items: center;
gap: 6px;
margin-left: -13px;
color: #4ac18e
}
.sp-build-together-prime-hunt-grid__ellipse .sp-ellipse {
top: 50%;
left: 20%
}
@media(max-width: 1280px) {
.sp-build-together-prime-hunt-grid__ellipse .sp-ellipse {
width: 800px !important;
height: 800px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-prime-hunt-grid__ellipse .sp-ellipse {
top: 40%;
left: 10%;
width: 626px !important;
height: 626px !important
}
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid__ellipse .sp-ellipse {
width: 448px !important;
height: 448px !important
}
}
.sp-build-together-prime-hunt-grid__content {
max-width: 474px
}
@media(max-width: 1280px) {
.sp-build-together-prime-hunt-grid__content {
max-width: 390px
}
}
@media(max-width: 1024px) {
.sp-build-together-prime-hunt-grid__content {
max-width: 312px
}
}
@media(max-width: 768px) {
.sp-build-together-prime-hunt-grid__content {
max-width: 100%
}
}
.sp-build-together-prime-hunt-grid__line {
position: absolute;
top: -42%;
left: 3%;
z-index: -1;
transform: scale(0.8)
}
@media(max-width: 1280px) {
.sp-build-together-prime-hunt-grid__line {
top: -70%;
transform: scale(0.7)
}
}
@media(max-width: 1024px) {
.sp-build-together-prime-hunt-grid__line {
display: none
}
}
.sp-build-together-roota-syntax-highlighter {
color: #fff;
font-size: 9px;
line-height: 15.5px;
font-family: "JetBrains Mono", sans-serif;
max-height: 550px;
overflow-y: auto;
overflow-wrap: anywhere
}
@media(max-width: 768px) {
.sp-build-together-roota-syntax-highlighter {
max-height: none
}
}
.sp-build-together-roota-syntax-highlighter pre {
white-space: pre-wrap
}
.sp-build-together-roota-syntax-highlighter .green {
color: #4ac18e
}
.sp-build-together-roota-syntax-highlighter .gray {
color: #8390bf
}
.sp-build-together-roota-syntax-highlighter .blue {
color: #377cfd
}
.sp-build-together-roota-syntax-highlighter .aqua {
color: #22cfe8
}
.sp-build-together-roota-syntax-highlighter .underline {
text-decoration: underline
}
.sp-build-together-roota-grid {
position: relative;
padding: 210px 0 100px
}
@media(max-width: 768px) {
.sp-build-together-roota-grid {
padding: 144px 0 150px
}
}
.sp-build-together-roota-grid__row {
position: relative;
display: flex;
align-items: stretch
}
@media(max-width: 1280px) {
.sp-build-together-roota-grid__row {
margin-right: -60px
}
}
@media(max-width: 1024px) {
.sp-build-together-roota-grid__row {
margin-right: -40px
}
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__row {
flex-direction: column;
margin-right: 0
}
}
.sp-build-together-roota-grid__wrapper {
--corner-crop-size: 50px;
position: relative;
width: 56%;
padding: 2px;
filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.4));
transform: translate3d(0, 0, 0)
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__wrapper {
--corner-crop-size: 34px;
width: 100%;
padding: 1px
}
}
.sp-build-together-roota-grid__wrapper::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: rgba(74, 193, 142, .3);
clip-path: polygon(var(--corner-crop-size) 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% var(--corner-crop-size))
}
.sp-build-together-roota-grid__content {
display: flex;
flex-direction: column;
height: 100%;
padding: 30px 0 24px;
background: linear-gradient(-30deg, #2D514D 5.74%, #292C3D 39.54%, #292C3D 57.84%, #284749 98.68%), linear-gradient(0deg, rgba(74, 193, 142, 0.3), rgba(74, 193, 142, 0.3));
clip-path: polygon(var(--corner-crop-size) 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% var(--corner-crop-size))
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__content {
padding: 16px 0 24px
}
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__top svg {
position: relative;
left: 50%;
transform: translateX(-50%)
}
}
.sp-build-together-roota-grid__center {
--padding-inline: 67px;
padding: 90px var(--padding-inline) 100px
}
@media(max-width: 1024px) {
.sp-build-together-roota-grid__center {
--padding-inline: 30px
}
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__center {
padding: 16px 16px 50px
}
}
.sp-build-together-roota-grid__logo {
position: relative;
margin-bottom: 20px
}
.sp-build-together-roota-grid__logo svg {
position: relative;
z-index: 2
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__logo {
margin-bottom: 16px
}
}
.sp-build-together-roota-grid__line {
position: absolute;
right: calc(var(--padding-inline)*-1);
top: 50%;
transform: translateY(-50%)
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__line {
display: none
}
}
.sp-build-together-roota-grid__description {
margin-bottom: 40px
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__description {
margin-bottom: 32px
}
}
.sp-build-together-roota-grid__links {
display: flex;
gap: 32px;
align-items: center
}
@media(max-width: 1024px) {
.sp-build-together-roota-grid__links {
flex-direction: column;
gap: 24px
}
}
.sp-build-together-roota-grid__bottom-line {
position: absolute;
height: 2px;
bottom: 24px;
width: 100%;
background-color: rgba(74, 193, 142, .3)
}
.sp-build-together-roota-grid__bottom svg {
position: absolute;
left: 50%;
bottom: 17px;
transform: translateX(-50%) scale(-1)
}
.sp-build-together-roota-grid__tabs {
width: 46%;
margin: 34px 0 24px -2px;
border: 2px solid rgba(74, 193, 142, .3)
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__tabs {
width: 100%;
margin: 0;
border-width: 1px
}
}
.sp-build-together-roota-grid__tabs .MuiTabs-indicator {
display: none
}
.sp-build-together-roota-grid__tabs .syntax-highlighter-text pre {
background-color: rgba(0, 0, 0, 0) !important;
padding: 0 !important
}
.sp-build-together-roota-grid__tabs .syntax-highlighter-text code span {
font-size: 9px !important;
line-height: 1.6 !important
}
.sp-build-together-roota-grid__tab.MuiTab-root {
flex: 1;
justify-content: flex-start;
opacity: .5;
border: 1px solid rgba(249, 249, 249, .1);
font-weight: 400 !important;
font-size: 14px !important;
filter: grayscale(1);
background-color: rgba(78, 80, 96, .2);
transition: filter .2s, opacity .2s, background-color .2s
}
.sp-build-together-roota-grid__tab.MuiTab-root>.MuiTab-iconWrapper {
margin-right: 11px
}
.sp-build-together-roota-grid__tab:hover,
.sp-build-together-roota-grid__tab.Mui-selected {
filter: grayscale(0);
opacity: 1;
background-color: rgba(74, 193, 142, .15)
}
.sp-build-together-roota-grid__tab-content {
padding: 24px 20px 36px 30px
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__tab-content {
padding: 24px 10px 36px
}
}
.sp-build-together-roota-grid__tab-content img {
width: 100%
}
.sp-build-together-roota-grid__lines {
position: absolute;
bottom: 100%;
left: 4%;
z-index: -1;
transform: scaleY(-1)
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__lines {
left: 5%
}
}
.sp-build-together-roota-grid__line-row {
position: absolute;
top: 95%;
left: 3%;
z-index: -1
}
@media(max-width: 1280px) {
.sp-build-together-roota-grid__line-row {
top: 100%
}
}
.sp-build-together-roota-grid__ellipse-left .sp-ellipse {
top: 20%;
left: 0
}
@media(max-width: 1280px) {
.sp-build-together-roota-grid__ellipse-left .sp-ellipse {
width: 712px !important;
height: 712px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-roota-grid__ellipse-left .sp-ellipse {
width: 556px !important;
height: 556px !important
}
}
@media(max-width: 768px) {
.sp-build-together-roota-grid__ellipse-left .sp-ellipse {
width: 360px !important;
height: 360px !important
}
}
.sp-build-together-roota-grid__ellipse-right .sp-ellipse {
top: 70%;
left: 110%
}
@media(max-width: 1280px) {
.sp-build-together-roota-grid__ellipse-right .sp-ellipse {
width: 780px !important;
height: 780px !important
}
}
@media(max-width: 1024px) {
.sp-build-together-roota-grid__ellipse-right .sp-ellipse {
width: 610px !important;
height: 610px !important
}
}
.sp-carousel-cards {
--gap: 90px;
width: 100%;
display: flex;
gap: var(--gap);
position: relative;
z-index: 2
}
@media(max-width: 1151px) {
.sp-carousel-cards {
--gap: 70px
}
}
@media(max-width: 768px) {
.sp-carousel-cards {
flex-direction: column;
--gap: 30px
}
}
.sp-carousel-cards .swiper {
min-height: 380px;
width: 100%
}
@media(max-width: 1024px) {
.sp-carousel-cards .swiper {
min-height: 300px
}
}
@media(max-width: 768px) {
.sp-carousel-cards .swiper {
min-height: 200px
}
}
.sp-carousel-cards__info {
max-width: 300px;
min-width: 300px
}
@media(max-width: 768px) {
.sp-carousel-cards__info {
max-width: none
}
}
.sp-carousel-cards__line {
position: absolute;
top: 44%;
right: calc(var(--gap)*-1)
}
@media(max-width: 1151px) {
.sp-carousel-cards__line {
top: 40%;
transform: scale(0.9);
transform-origin: right
}
}
@media(max-width: 768px) {
.sp-carousel-cards__line {
display: none
}
}
.sp-carousel-cards__arrows {
position: relative;
display: flex;
margin-top: 48px;
gap: 20px
}
.sp-carousel-cards__arrow {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #4ac18e;
border-radius: 4px;
height: 48px;
width: 48px;
cursor: pointer;
background-color: #292c3d;
user-select: none
}
.sp-carousel-cards__arrow:hover {
background-color: #4ac18e
}
.sp-carousel-cards__arrow:hover svg path {
stroke: #1a1e2f
}
.sp-carousel-cards-slide {
display: flex;
height: 100%
}
.sp-carousel-cards-slide__parent {
position: relative
}
.sp-carousel-cards-slide__wrap {
position: unset;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
height: 100%
}
.sp-carousel-cards-slide__img {
display: inline-block;
height: 56px;
margin-bottom: 20px;
padding: 2px 4px;
border: 1px solid rgba(74, 193, 142, .5);
border-radius: 4px
}
@media(max-width: 1024px) {
.sp-carousel-cards-slide__img {
height: 80px
}
}
@media(max-width: 768px) {
.sp-carousel-cards-slide__img {
height: 56px
}
}
.sp-carousel-cards-slide__img img {
height: 100%;
width: auto !important
}
.sp-carousel-cards-slide__box {
padding: 20px 32px 26px;
max-width: unset;
position: relative;
border-radius: 4px;
border: 1px solid rgba(74, 193, 142, .5);
background: rgba(74, 193, 142, .07);
backdrop-filter: blur(40px);
z-index: 2
}
@media(max-width: 1151px) {
.sp-carousel-cards-slide__box {
padding: 12px 20px 20px
}
}
.sp-carousel-cards-slide__title {
display: flex;
align-items: flex-end;
margin-bottom: 8px;
padding-left: 16px
}
.sp-carousel-cards-slide__title h3.MuiTypography-root.MuiTypography-h1 {
font-size: 20px;
flex: 1 1 70%
}
.sp-carousel-cards-slide__description .MuiTypography-root span {
display: flex;
flex-direction: column;
overflow-wrap: anywhere
}
.sp-carousel-cards .sp-ellipse {
left: 90%;
pointer-events: none
}
.sp-build-together-powered-grid {
padding: 100px 0 20px
}
@media(max-width: 1280px) {
.sp-build-together-powered-grid {
padding: 30px 0 20px
}
}
.sp-build-together-powered-grid__lines {
margin-top: 40px
}
@media(max-width: 1280px) {
.sp-build-together-powered-grid__lines {
display: none
}
}
.sp-build-together-powered-grid__lines svg {
width: 100%
}
.sp-build-together-grid {
position: relative;
padding: 20px 0 76px;
z-index: 1
}
.sp-community-hero-grid {
position: relative
}
.sp-community-hero-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-community-hero-grid__row {
flex-wrap: wrap
}
}
.sp-community-hero-grid__col {
position: relative;
flex: 1 1 50%
}
.sp-community-hero-grid__col--left {
padding: 96px 0 80px
}
@media(max-width: 1280px) {
.sp-community-hero-grid__col--left {
padding: 80px 0 0
}
}
@media(max-width: 1024px) {
.sp-community-hero-grid__col--left {
flex: 1 1 56%;
padding: 0
}
}
@media(max-width: 768px) {
.sp-community-hero-grid__col--left {
flex: 1 1 100%;
order: 2
}
}
@media(max-width: 1024px) {
.sp-community-hero-grid__col--right {
margin-right: -50px;
flex: 1 1 44%
}
}
@media(max-width: 768px) {
.sp-community-hero-grid__col--right {
margin-right: -30px;
flex: 1 1 100%;
order: 1
}
}
.sp-community-hero-grid__ellipse-blue .sp-ellipse {
top: 70%;
left: 90%;
width: 804px !important;
height: 804px !important
}
@media(max-width: 1024px) {
.sp-community-hero-grid__ellipse-blue .sp-ellipse {
width: 626px !important;
height: 626px !important
}
}
@media(max-width: 768px) {
.sp-community-hero-grid__ellipse-blue .sp-ellipse {
top: 40%;
left: 50%;
width: 448px !important;
height: 448px !important
}
}
.sp-community-hero-grid__ellipse-green .sp-ellipse {
top: 60%;
left: 120%
}
@media(max-width: 1280px) {
.sp-community-hero-grid__ellipse-green .sp-ellipse {
left: 100%;
width: 510px !important;
height: 510px !important
}
}
@media(max-width: 1024px) {
.sp-community-hero-grid__ellipse-green .sp-ellipse {
width: 398px !important;
height: 398px !important
}
}
@media(max-width: 768px) {
.sp-community-hero-grid__ellipse-green .sp-ellipse {
top: 20%;
width: 194px !important;
height: 194px !important
}
}
.sp-community-hero-grid__title {
margin-bottom: 24px
}
@media(max-width: 1280px) {
.sp-community-hero-grid__title {
max-width: 400px
}
.sp-community-hero-grid__title span span.end-text {
display: block
}
}
@media(max-width: 768px) {
.sp-community-hero-grid__title {
margin-bottom: 16px
}
}
.sp-community-hero-grid__link {
padding-left: 28px
}
.sp-community-hero-grid .cube-perspective-grid__bg-image {
width: 532px;
transform: translate(-47%, -23%)
}
@media(max-width: 1280px) {
.sp-community-hero-grid .cube-perspective-grid__bg-image {
transform: translate(-53%, -10%);
width: 342px
}
}
@media(max-width: 1024px) {
.sp-community-hero-grid .cube-perspective-grid__bg-image {
width: 252px
}
}
.sp-community-hero-grid .cube-perspective-grid__bg-image svg {
width: 100%
}
.sp-community-hero-grid__line {
position: absolute;
top: 95%;
left: 0;
z-index: -1;
transform-origin: top
}
@media(max-width: 1280px) {
.sp-community-hero-grid__line {
top: 110%;
transform: scale(0.9)
}
}
@media(max-width: 1151px) {
.sp-community-hero-grid__line {
transform: none
}
}
.sp-community-soc-analysis-slider {
position: relative;
z-index: 2
}
.sp-community-soc-analysis-slider .carousel-root {
display: flex
}
@media(max-width: 768px) {
.sp-community-soc-analysis-slider .carousel-root {
display: block
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel {
position: relative;
width: unset
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn {
display: none;
position: absolute;
top: 0;
z-index: 2
}
@media(max-width: 768px) {
.sp-community-soc-analysis-slider .carousel-root .carousel__btn {
display: block
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn--prev {
right: 62px
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn--next {
right: 0
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn .MuiButton-root {
min-width: 40px;
min-height: 40px;
border-radius: 0;
border-color: #f9f9f9
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn .MuiButton-root:hover {
background-color: #4e5060
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn .MuiButton-root.Mui-disabled {
border-color: rgba(249, 249, 249, .5) !important
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn .MuiButton-root.Mui-disabled svg {
opacity: .5
}
.sp-community-soc-analysis-slider .carousel-root .carousel__btn .MuiButton-root .MuiButton-startIcon {
margin-right: 0
}
.sp-community-soc-analysis-slider .carousel-root .carousel .slide {
text-align: left
}
.sp-community-soc-analysis-slider .carousel-root .carousel .slide.selected {
z-index: 0 !important
}
.sp-community-soc-analysis-slider .carousel-root .carousel.carousel-slider {
margin: -60px;
flex: 1 1 86%;
order: 2;
z-index: 1
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-slider .carousel-root .carousel.carousel-slider {
flex: 1 1 94%
}
}
@media(max-width: 768px) {
.sp-community-soc-analysis-slider .carousel-root .carousel.carousel-slider {
margin: 0;
padding-top: 60px
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel:not(.carousel-slider) {
flex: 1 1 14%;
order: 1;
margin-right: -60px;
z-index: 2
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-slider .carousel-root .carousel:not(.carousel-slider) {
flex: 1 1 6%
}
}
@media(max-width: 768px) {
.sp-community-soc-analysis-slider .carousel-root .carousel:not(.carousel-slider) {
display: none
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper {
margin: 0;
min-width: 266px;
overflow: visible
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper {
min-width: 184px
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper {
min-width: 160px
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .control-arrow {
display: none
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs {
padding: 40px 0;
display: flex;
flex-direction: column;
transform: none !important
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs {
padding: 22px 0
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
display: flex;
padding: 0;
width: 100% !important;
min-height: 88px;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 0 6px 6px 0;
text-transform: unset;
box-shadow: 0 4px 8px rgba(0, 0, 0, .25), 0 8px 24px rgba(0, 0, 0, .25);
transition: transform .3s, border-color .3s linear;
cursor: pointer
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb.selected {
border-color: #449da7;
transform: translateX(36px)
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb.selected {
transform: translateX(24px)
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb.selected .thumb__label {
background: linear-gradient(180deg, rgba(74, 193, 142, 0.5) 0%, rgba(104, 236, 255, 0.5) 100%)
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:hover {
border-color: #449da7
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
min-height: 60px;
font-size: 14px;
font-weight: 400
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
min-height: 52px;
font-size: 12px
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:not(:last-of-type) {
margin: 0 0 16px
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:not(:last-of-type) {
margin-bottom: 12px
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:not(:last-of-type) {
margin-bottom: 10px
}
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb__item {
width: 100%;
height: 100%;
min-height: inherit;
background: rgba(0, 0, 0, 0) no-repeat 50% 50%;
background-size: cover
}
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb__label {
width: 100%;
height: 100%;
min-height: inherit;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(41, 44, 61, 0.8) 100%)
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb__label span.MuiTypography-root.MuiTypography-h6 {
font-size: 14px
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb__label span.MuiTypography-root.MuiTypography-h6 {
font-size: 12px
}
}
.sp-community-soc-analysts-slider-slide {
padding: 60px;
width: 100%
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide {
padding: 0
}
}
.sp-community-soc-analysts-slider-slide__parent {
position: relative
}
.sp-community-soc-analysts-slider-slide__wrap {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: flex-end
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__wrap {
position: unset
}
}
.sp-community-soc-analysts-slider-slide__wrap::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 8px;
background: linear-gradient(90deg, #12141B 0%, rgba(41, 44, 61, 0) 97.2%);
z-index: 0
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__wrap::before {
display: none
}
}
.sp-community-soc-analysts-slider-slide__img {
margin: 0 0 60px;
border: 2px solid rgba(74, 193, 142, .5);
border-radius: 8px;
box-shadow: 0 6px 12px rgba(0, 0, 0, .25), 0 24px 48px rgba(0, 0, 0, .25);
overflow: hidden
}
@media(max-width: 1024px) {
.sp-community-soc-analysts-slider-slide__img {
margin: 0 0 40px
}
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__img {
margin: 0
}
}
.sp-community-soc-analysts-slider-slide__img img {
width: 100%;
height: 600px;
object-fit: cover
}
@media(max-width: 1280px) {
.sp-community-soc-analysts-slider-slide__img img {
height: 415px
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysts-slider-slide__img img {
height: 346px
}
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__img {
position: relative
}
.sp-community-soc-analysts-slider-slide__img::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg, #12141B 0%, rgba(41, 44, 61, 0) 97.2%);
z-index: 1
}
}
.sp-community-soc-analysts-slider-slide__box {
margin: 0 58px -60px auto;
padding-left: 120px;
max-width: 860px;
z-index: 2
}
@media(max-width: 1024px) {
.sp-community-soc-analysts-slider-slide__box {
margin: 0 28px -40px auto;
padding-left: 108px;
max-width: 848px
}
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__box {
padding: 0;
max-width: unset;
margin: -46px 0 0;
position: relative;
z-index: 2
}
}
.sp-community-soc-analysts-slider-slide__title {
display: flex;
align-items: flex-end;
margin-bottom: 12px
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__title {
margin-bottom: 8px;
padding-left: 16px
}
}
@media(max-width: 1280px) {
.sp-community-soc-analysts-slider-slide__title h3.MuiTypography-root.MuiTypography-h1 {
font-size: 26px
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysts-slider-slide__title h3.MuiTypography-root.MuiTypography-h1 {
font-size: 24px
}
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__title h3.MuiTypography-root.MuiTypography-h1 {
font-size: 20px;
flex: 1 1 70%
}
}
@media(max-width: 600px) {
.sp-community-soc-analysts-slider-slide__title h3.MuiTypography-root.MuiTypography-h1 {
flex: 1 1 90%
}
}
.sp-community-soc-analysts-slider-slide__description {
position: relative;
padding: 26px 32px 32px;
border-radius: 8px 0 8px 8px;
background: linear-gradient(180deg, #292C3D 0%, #1D1F2B 100%);
border: 2px solid #4ac18e;
box-shadow: 0 6px 12px rgba(0, 0, 0, .2), 0 24px 40px rgba(0, 0, 0, .2)
}
@media(max-width: 1280px) {
.sp-community-soc-analysts-slider-slide__description {
padding: 10px 20px
}
.sp-community-soc-analysts-slider-slide__description .MuiTypography-root.MuiTypography-body1 {
font-size: 12px
}
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__description {
padding: 16px;
border-width: 1px
}
}
.sp-community-soc-analysts-slider-slide__line {
flex: 1 1 auto;
border-radius: 0 6px 0 0;
overflow: hidden;
text-align: right;
margin-bottom: -12px;
font-size: 0
}
@media(max-width: 768px) {
.sp-community-soc-analysts-slider-slide__line {
margin-bottom: -8px
}
}
.sp-community-soc-analysis-grid {
position: relative;
padding: 100px 0 50px;
z-index: 1
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-grid {
padding: 50px 0
}
}
@media(max-width: 768px) {
.sp-community-soc-analysis-grid {
padding: 50px 0 0
}
}
.sp-community-soc-analysis-grid__line {
position: absolute;
top: -96px;
left: 0;
z-index: -1
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-grid__line {
top: -38px
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-grid__line {
top: -86px
}
}
@media(max-width: 768px) {
.sp-community-soc-analysis-grid__line {
top: -16px
}
}
.sp-community-soc-analysis-grid__ellipse-green .sp-ellipse {
left: 100%
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-grid__ellipse-green .sp-ellipse {
width: 748px !important;
height: 748px !important
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-grid__ellipse-green .sp-ellipse {
width: 584px !important;
height: 584px !important
}
}
@media(max-width: 768px) {
.sp-community-soc-analysis-grid__ellipse-green .sp-ellipse {
width: 498px !important;
height: 498px !important
}
}
.sp-community-soc-analysis-grid__ellipse-blue .sp-ellipse {
left: 0
}
@media(max-width: 1280px) {
.sp-community-soc-analysis-grid__ellipse-blue .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-community-soc-analysis-grid__ellipse-blue .sp-ellipse {
width: 504px !important;
height: 504px !important
}
}
@media(max-width: 768px) {
.sp-community-soc-analysis-grid__ellipse-blue .sp-ellipse {
width: 294px !important;
height: 294px !important
}
}
.sp-community-platform-slider {
position: relative;
box-shadow: 0 32px 56px rgba(0, 0, 0, .25)
}
@media(max-width: 1024px) {
.sp-community-platform-slider {
margin: 0 -40px
}
}
@media(max-width: 768px) {
.sp-community-platform-slider {
margin: 0 -16px;
box-shadow: none
}
}
.sp-community-platform-slider .carousel-root {
display: flex;
flex-direction: column-reverse
}
.sp-community-platform-slider .carousel-root .carousel {
position: relative;
flex: 1 1 100%
}
.sp-community-platform-slider .carousel-root .carousel .slide.selected {
z-index: 1 !important
}
@media(max-width: 768px) {
.sp-community-platform-slider .carousel-root .carousel .slide.selected {
z-index: 0 !important
}
}
.sp-community-platform-slider .carousel-root .carousel:not(.carousel-slider) {
background-color: #242634;
border-radius: 4px 4px 0 0;
border: 1px solid #449da7;
border-bottom: none;
box-shadow: 0 32px 56px rgba(0, 0, 0, .25)
}
.sp-community-platform-slider .carousel-root .carousel.carousel-slider {
margin-top: -58px
}
@media(max-width: 768px) {
.sp-community-platform-slider .carousel-root .carousel.carousel-slider {
margin: 0
}
}
.sp-community-platform-slider .carousel-root .carousel.carousel-slider .slider-wrapper {
padding-top: 58px
}
@media(max-width: 768px) {
.sp-community-platform-slider .carousel-root .carousel.carousel-slider .slider-wrapper {
padding: 0
}
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper {
margin: 0;
overflow: visible
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .control-arrow {
display: none
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs {
display: flex;
padding: 10px 10px 0;
transform: none !important
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
padding: 0 24px;
display: flex;
align-items: center;
justify-content: center;
width: unset !important;
min-height: 48px;
border: none;
border-radius: 6px 6px 0 0;
background-color: rgba(0, 0, 0, 0);
color: rgba(249, 249, 249, .4);
cursor: pointer;
transition: background-color .2s, color .2s
}
@media(max-width: 1280px) {
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
min-height: 36px
}
}
@media(max-width: 1024px) {
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
min-height: 32px
}
}
@media(max-width: 768px) {
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
padding: 0 12px;
flex: 1 1 0
}
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb.selected {
background-color: #292c3d;
color: #f9f9f9
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb:hover {
color: #f9f9f9
}
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb__label {
width: 100%;
min-height: inherit;
display: flex;
align-items: center;
justify-content: center
}
@media(max-width: 1280px) {
.sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb__label span.MuiTypography-root.MuiTypography-body1 {
font-size: 12px
}
}
.sp-community-platform-slider .sp-platform-slide-content {
position: relative;
font-size: 0;
z-index: 3
}
@media(max-width: 768px) {
.sp-community-platform-slider .sp-platform-slide-content .sp-transform-img-grid {
display: flex;
flex-direction: column-reverse
}
}
.sp-community-platform-slider .sp-platform-slide-content .sp-transform-img-grid__container {
border-radius: 0 0 4px 4px;
border: 1px solid #449da7;
border-top: none;
box-shadow: 0 32px 56px rgba(0, 0, 0, .25)
}
.sp-community-platform-slider .sp-platform-slide-content .sp-transform-img-grid__switcher {
margin-bottom: 0
}
@media(max-width: 768px) {
.sp-community-platform-slider .sp-platform-slide-content .sp-transform-img-grid__switcher {
justify-content: center;
margin-top: 32px
}
}
.sp-community-platform-slider .sp-platform-slide-content .switch-grid {
position: absolute;
top: -42px;
right: 36px
}
@media(max-width: 1280px) {
.sp-community-platform-slider .sp-platform-slide-content .switch-grid {
top: -35px;
right: 24px
}
}
@media(max-width: 1024px) {
.sp-community-platform-slider .sp-platform-slide-content .switch-grid {
top: -33px;
right: 20px
}
}
@media(max-width: 768px) {
.sp-community-platform-slider .sp-platform-slide-content .switch-grid {
position: unset
}
}
.sp-community-platform-slider .sp-platform-slide-content .switch-grid .MuiSwitch-root .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb {
background-color: #68ecff
}
.sp-community-code-future-grid {
position: relative;
padding: 70px 0 60px;
z-index: 2
}
@media(max-width: 1151px) {
.sp-community-code-future-grid {
padding: 70px 0 130px
}
}
@media(max-width: 1024px) {
.sp-community-code-future-grid {
padding: 70px 0 60px
}
}
@media(max-width: 768px) {
.sp-community-code-future-grid {
padding: 80px 0 60px
}
}
.sp-community-code-future-grid__content {
position: relative;
padding: 0 0 0 70px
}
@media(max-width: 1151px) {
.sp-community-code-future-grid__content {
padding: 0 0 70px 70px
}
}
@media(max-width: 1024px) {
.sp-community-code-future-grid__content {
padding: 0 0 0 70px
}
}
@media(max-width: 768px) {
.sp-community-code-future-grid__content {
padding: 0 0 0 46px
}
}
.sp-community-code-future-grid__description {
max-width: 750px
}
.sp-community-code-future-grid__tabs img {
width: 100%
}
.sp-community-code-future-grid__title span {
color: #68ecff
}
.sp-community-code-future-grid__square {
position: absolute;
top: 14px;
left: 32px
}
@media(max-width: 1024px) {
.sp-community-code-future-grid__square {
top: 8px;
left: 18px
}
}
@media(max-width: 768px) {
.sp-community-code-future-grid__square {
top: 4px
}
}
.sp-community-code-future-grid__ellipse-left .sp-ellipse {
top: 60%;
left: 10%
}
@media(max-width: 1280px) {
.sp-community-code-future-grid__ellipse-left .sp-ellipse {
width: 510px !important;
height: 510px !important
}
}
@media(max-width: 1024px) {
.sp-community-code-future-grid__ellipse-left .sp-ellipse {
width: 506px !important;
height: 506px !important
}
}
@media(max-width: 768px) {
.sp-community-code-future-grid__ellipse-left .sp-ellipse {
width: 376px !important;
height: 376px !important
}
}
.sp-community-code-future-grid__ellipse-right .sp-ellipse {
left: 90%
}
@media(max-width: 1280px) {
.sp-community-code-future-grid__ellipse-right .sp-ellipse {
width: 510px !important;
height: 510px !important
}
}
@media(max-width: 1024px) {
.sp-community-code-future-grid__ellipse-right .sp-ellipse {
width: 506px !important;
height: 506px !important
}
}
@media(max-width: 768px) {
.sp-community-code-future-grid__ellipse-right .sp-ellipse {
width: 376px !important;
height: 376px !important
}
}
.sp-community-marketplace-grid {
position: relative;
padding: 100px 0 110px;
z-index: 1
}
@media(max-width: 1024px) {
.sp-community-marketplace-grid {
padding: 40px 0 20px
}
}
@media(max-width: 768px) {
.sp-community-marketplace-grid {
padding: 20px 0
}
}
.sp-community-marketplace-grid__row {
display: flex;
align-items: center
}
@media(max-width: 1024px) {
.sp-community-marketplace-grid__row {
flex-wrap: wrap
}
}
.sp-community-marketplace-grid__col {
font-size: 0
}
.sp-community-marketplace-grid__col img {
width: 100%;
max-width: 706px
}
@media(max-width: 1024px) {
.sp-community-marketplace-grid__col img {
max-width: 500px
}
}
.sp-community-marketplace-grid__col--left {
flex: 1 1 60%;
margin-right: 66px
}
@media(max-width: 1280px) {
.sp-community-marketplace-grid__col--left {
margin-right: 34px
}
}
@media(max-width: 1024px) {
.sp-community-marketplace-grid__col--left {
margin: 0 0 24px;
flex: 1 1 100%
}
}
.sp-community-marketplace-grid__col--right {
flex: 1 1 40%
}
@media(max-width: 1024px) {
.sp-community-marketplace-grid__col--right {
flex: 1 1 100%
}
}
.sp-community-marketplace-grid__title span {
color: #4ac18e
}
.sp-community-marketplace-grid__ellipse .sp-ellipse {
top: 35%
}
@media(max-width: 1280px) {
.sp-community-marketplace-grid__ellipse .sp-ellipse {
width: 510px !important;
height: 510px !important
}
}
@media(max-width: 1024px) {
.sp-community-marketplace-grid__ellipse .sp-ellipse {
width: 506px !important;
height: 506px !important
}
}
@media(max-width: 768px) {
.sp-community-marketplace-grid__ellipse .sp-ellipse {
width: 376px !important;
height: 376px !important
}
}
.sp-community-shared-expertise-grid {
position: relative;
padding: 180px 0 100px;
z-index: 2
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid {
padding: 126px 0 100px
}
}
.sp-community-shared-expertise-grid__row {
display: flex
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__row {
flex-wrap: wrap
}
}
.sp-community-shared-expertise-grid__col {
flex: 1 1 50%
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__col {
flex: 1 1 100%
}
}
.sp-community-shared-expertise-grid__col--left {
margin-right: 50px;
z-index: 1
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__col--left {
margin: 0 0 24px
}
}
.sp-community-shared-expertise-grid__col--right {
z-index: 2
}
.sp-community-shared-expertise-grid__title {
color: #68ecff
}
.sp-community-shared-expertise-grid__ellipse .sp-ellipse {
top: 50%;
left: 60%
}
@media(max-width: 1280px) {
.sp-community-shared-expertise-grid__ellipse .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__ellipse .sp-ellipse {
width: 544px !important;
height: 544px !important
}
}
@media(max-width: 768px) {
.sp-community-shared-expertise-grid__ellipse .sp-ellipse {
width: 280px !important;
height: 280px !important
}
}
.sp-community-shared-expertise-grid__line {
position: absolute;
top: -110px;
left: 80px;
z-index: -1
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__line {
top: 0;
left: 20px
}
}
.sp-community-shared-expertise-grid__line-bottom {
position: absolute;
bottom: -100px;
left: 20%;
z-index: -1
}
@media(max-width: 768px) {
.sp-community-shared-expertise-grid__line-bottom {
left: 40%;
bottom: -25px
}
}
@media(max-width: 600px) {
.sp-community-shared-expertise-grid__line-bottom {
left: 50%
}
}
.sp-community-shared-expertise-grid__img {
font-size: 0
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__img {
padding-right: 50px;
text-align: right
}
}
@media(max-width: 768px) {
.sp-community-shared-expertise-grid__img {
padding: 0 0 0 44px
}
}
.sp-community-shared-expertise-grid__img img {
width: 100%
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__img img {
max-width: 430px
}
}
.sp-community-shared-expertise-grid__img-bottom {
position: relative;
margin-top: -50px;
display: flex;
justify-content: center;
font-size: 0;
z-index: 2
}
@media(max-width: 1280px) {
.sp-community-shared-expertise-grid__img-bottom {
margin-top: -40px
}
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__img-bottom {
padding-left: 50px;
justify-content: flex-start
}
}
@media(max-width: 768px) {
.sp-community-shared-expertise-grid__img-bottom {
padding: 0 70px 0 0
}
}
.sp-community-shared-expertise-grid__img-bottom img {
width: 100%;
max-width: 500px
}
@media(max-width: 1024px) {
.sp-community-shared-expertise-grid__img-bottom img {
max-width: 400px
}
}
.sp-community-earn-money-grid {
position: relative;
padding: 40px 0 0;
z-index: 2
}
.sp-community-earn-money-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__row {
flex-wrap: wrap
}
}
.sp-community-earn-money-grid__col--left {
position: relative;
padding: 120px 0;
flex: 1 1 55%
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__col--left {
padding: 60px 0 30px;
flex: 1 1 100%
}
}
.sp-community-earn-money-grid__col--right {
flex: 1 1 45%
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__col--right {
flex: 1 1 100%
}
}
.sp-community-earn-money-grid__coin {
position: absolute;
top: -100px;
right: 0;
width: 100%;
max-width: 334px
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__coin {
top: 0
}
}
.sp-community-earn-money-grid__coin img {
width: 100%
}
@media(max-width: 1024px) {
.sp-community-earn-money-grid__coin {
max-width: 234px
}
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__coin {
right: 10%
}
}
@media(max-width: 600px) {
.sp-community-earn-money-grid__coin {
top: -10%;
right: 0;
max-width: 202px
}
}
.sp-community-earn-money-grid__img {
font-size: 0
}
@media(max-width: 1024px) {
.sp-community-earn-money-grid__img {
margin-left: -66px
}
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__img {
margin: 0 -24px;
text-align: center
}
}
.sp-community-earn-money-grid__img img {
width: 100%;
max-width: 630px
}
.sp-community-earn-money-grid__description {
max-width: 474px
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__description {
max-width: unset
}
}
.sp-community-earn-money-grid__title {
color: #68ecff
}
.sp-community-earn-money-grid__ellipse .sp-ellipse {
top: 50%;
left: 20%
}
@media(max-width: 1280px) {
.sp-community-earn-money-grid__ellipse .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-community-earn-money-grid__ellipse .sp-ellipse {
width: 536px !important;
height: 536px !important
}
}
@media(max-width: 768px) {
.sp-community-earn-money-grid__ellipse .sp-ellipse {
width: 394px !important;
height: 394px !important
}
}
.sp-reviews-grid {
position: relative;
padding: 100px 0;
z-index: 1
}
@media(max-width: 1024px) {
.sp-reviews-grid {
padding: 80px 0
}
}
.sp-reviews-grid__row {
display: flex;
margin: 0 -58px 0 -40px
}
@media(max-width: 1280px) {
.sp-reviews-grid__row {
margin: 0
}
}
@media(max-width: 768px) {
.sp-reviews-grid__row {
flex-wrap: wrap
}
}
.sp-reviews-grid__col {
flex: 1 1 50%
}
.sp-reviews-grid__col--left {
max-width: 50%;
margin-right: 40px
}
@media(max-width: 1280px) {
.sp-reviews-grid__col--left {
max-width: 47%;
flex: 1 1 47%
}
}
@media(max-width: 1024px) {
.sp-reviews-grid__col--left {
margin-right: 20px
}
}
@media(max-width: 768px) {
.sp-reviews-grid__col--left {
flex: 1 1 100%;
max-width: 100%;
margin-bottom: 44px
}
}
@media(max-width: 1280px) {
.sp-reviews-grid__col--right {
flex: 1 1 53%
}
}
@media(max-width: 1024px) {
.sp-reviews-grid__col--right {
margin-right: 0
}
}
@media(max-width: 768px) {
.sp-reviews-grid__col--right {
flex: 1 1 100%
}
}
.sp-reviews-grid__img {
margin-bottom: 26px;
max-height: 400px;
height: 100%;
width: 100%;
border: 1px solid #449da7
}
@media(max-width: 1280px) {
.sp-reviews-grid__img {
margin-bottom: 16px
}
}
@media(max-width: 1024px) {
.sp-reviews-grid__img {
min-height: 350px
}
}
@media(max-width: 768px) {
.sp-reviews-grid__img {
display: none
}
}
.sp-reviews-grid__icon {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1
}
@media(max-width: 768px) {
.sp-reviews-grid__icon {
display: none
}
}
.sp-reviews-grid__ellipse-blue .sp-ellipse {
top: 30%;
left: 90%
}
@media(max-width: 1280px) {
.sp-reviews-grid__ellipse-blue .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-reviews-grid__ellipse-blue .sp-ellipse {
width: 536px !important;
height: 536px !important
}
}
@media(max-width: 768px) {
.sp-reviews-grid__ellipse-blue .sp-ellipse {
width: 394px !important;
height: 394px !important
}
}
.sp-reviews-grid__ellipse-green .sp-ellipse {
top: 50%;
left: 100%
}
@media(max-width: 1280px) {
.sp-reviews-grid__ellipse-green .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-reviews-grid__ellipse-green .sp-ellipse {
width: 536px !important;
height: 536px !important
}
}
@media(max-width: 768px) {
.sp-reviews-grid__ellipse-green .sp-ellipse {
width: 394px !important;
height: 394px !important
}
}
.sp-reviews-content-grid__img {
max-width: 170px;
font-size: 0
}
.sp-reviews-content-grid__img img {
width: 100%
}
.sp-reviews-content-grid__title {
margin-bottom: 36px
}
@media(max-width: 1280px) {
.sp-reviews-content-grid__title {
margin-bottom: 16px
}
}
.sp-reviews-content-grid__title h2.MuiTypography-root.MuiTypography-h1 {
font-size: 40px
}
@media(max-width: 1280px) {
.sp-reviews-content-grid__title h2.MuiTypography-root.MuiTypography-h1 {
font-size: 34px
}
}
.sp-reviews-slider-grid {
position: relative
}
.sp-reviews-slider-grid__slide {
padding: 0 10px
}
.sp-reviews-slider-grid .carousel {
margin-bottom: 46px;
padding-bottom: 56px
}
@media(max-width: 1280px) {
.sp-reviews-slider-grid .carousel {
margin-bottom: 32px;
padding-bottom: 40px
}
}
@media(max-width: 768px) {
.sp-reviews-slider-grid .carousel {
margin-bottom: 28px
}
}
.sp-reviews-slider-grid .carousel-status {
position: absolute;
top: auto;
left: 120px;
bottom: 4px;
background: none;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 140%;
text-transform: lowercase;
text-shadow: unset;
color: #f9f9f9
}
@media(max-width: 1280px) {
.sp-reviews-slider-grid .carousel-status {
left: 80px;
bottom: -1px
}
}
.sp-reviews-slider-grid .carousel__btn {
position: absolute;
bottom: 0
}
.sp-reviews-slider-grid .carousel__btn--prev {
left: 0;
z-index: 2
}
.sp-reviews-slider-grid .carousel__btn--next {
left: 62px
}
@media(max-width: 1280px) {
.sp-reviews-slider-grid .carousel__btn--next {
left: 42px
}
}
.sp-reviews-slider-grid .carousel__btn button.MuiButton-root {
min-width: 40px;
min-height: 40px;
border-radius: 0;
border-color: #f9f9f9
}
@media(max-width: 1280px) {
.sp-reviews-slider-grid .carousel__btn button.MuiButton-root {
padding: 0;
min-width: 28px;
height: 28px;
min-height: 28px
}
}
.sp-reviews-slider-grid .carousel__btn button.MuiButton-root:hover {
background-color: #4e5060
}
.sp-reviews-slider-grid .carousel__btn button.MuiButton-root.Mui-disabled {
border-color: rgba(249, 249, 249, .5) !important
}
.sp-reviews-slider-grid .carousel__btn button.MuiButton-root.Mui-disabled svg {
opacity: .5
}
.sp-reviews-slider-grid .carousel__btn button.MuiButton-root .MuiButton-startIcon {
margin: 0
}
.sp-reviews-slider-grid .carousel .slide {
text-align: left
}
.sp-reviews-slider-grid .carousel .slider-wrapper {
margin: 0 -8px;
border-bottom: 1px solid #4e5060
}
.sp-slide-grid {
padding-bottom: 20px
}
.sp-slide-grid__quote {
margin-bottom: 20px;
color: #4e5060
}
@media(max-width: 1280px) {
.sp-slide-grid__quote {
margin-bottom: 12px
}
}
.sp-slide-grid__title span.MuiTypography-root.MuiTypography-body2 {
font-size: 20px;
opacity: .9
}
@media(max-width: 1280px) {
.sp-slide-grid__title span.MuiTypography-root.MuiTypography-body2 {
font-size: 14px
}
}
.sp-slide-grid__link {
text-transform: uppercase
}
.sp-slide-grid__description {
margin-bottom: 44px
}
@media(max-width: 1280px) {
.sp-slide-grid__description {
margin-bottom: 30px
}
}
@media(max-width: 768px) {
.sp-slide-grid__description {
margin-bottom: 26px
}
}
@media(max-width: 1280px) {
.sp-slide-grid__description div.MuiTypography-root.MuiTypography-body1 {
font-size: 12px
}
}
@media(max-width: 1280px) {
.sp-slide-grid__description div.MuiTypography-root.MuiTypography-body2 {
font-size: 10px
}
}
.sp-slide-grid__description .three-dots-five-line.two-line {
line-clamp: 5;
max-height: 112px
}
.sp-rating-star__row {
display: flex;
align-items: center
}
.sp-rating-star__list {
margin-top: 4px
}
.sp-rating-star__date {
opacity: .8
}
@media(max-width: 1280px) {
.sp-rating-star__date span.MuiTypography-root.MuiTypography-body2 {
font-size: 10px;
line-height: 1.1
}
}
.sp-rating-star__list {
margin-right: 20px
}
.sp-box-list {
display: flex
}
@media(max-width: 1280px) {
.sp-box-list__item div.MuiTypography-root.MuiTypography-body2 {
font-size: 10px
}
}
.sp-box-list__item:not(:last-of-type) {
margin-right: 30px
}
.sp-box-list__title {
opacity: .8
}
.plan-list__row {
display: flex
}
@media(max-width: 768px) {
.plan-list__row {
flex-direction: column;
text-align: center
}
}
.plan-list__col {
padding-right: 16px
}
@media(max-width: 1280px) {
.plan-list__col {
padding-right: 10px
}
}
@media(max-width: 768px) {
.plan-list__col {
padding: 0
}
}
@media(max-width: 768px) {
.plan-list__col:not(:last-child) {
margin-bottom: 30px
}
}
.plan-list__col:not(:first-child) {
padding-left: 16px;
border-left: 1px solid #3b3d4f
}
@media(max-width: 1280px) {
.plan-list__col:not(:first-child) {
padding-left: 10px
}
}
@media(max-width: 768px) {
.plan-list__col:not(:first-child) {
border: none;
padding: 0
}
}
.plan-list__list {
list-style: none;
padding: 0
}
.plan-list__item {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.plan-list__item {
justify-content: center
}
}
.plan-list__icon {
min-width: 24px;
margin-right: 12px;
color: #f9f9f9
}
.plan-list__title div.MuiTypography-root.MuiTypography-body2 {
font-size: 26px
}
.plan-list__text div.MuiTypography-root.MuiTypography-color-description-primary {
color: #999baa
}
@media(max-width: 1280px) {
.plan-list__text div.MuiTypography-root.MuiTypography-color-description-primary {
font-size: 10px
}
}
.sp-companies-grid {
padding: 140px 0 82px 60px
}
@media(max-width: 1024px) {
.sp-companies-grid {
padding-top: 60px
}
}
@media(max-width: 768px) {
.sp-companies-grid {
padding-left: 46px
}
}
.sp-companies-grid__inner {
position: relative;
margin-right: -70px
}
@media(max-width: 1151px) {
.sp-companies-grid__inner {
margin-right: 0
}
}
@media(max-width: 768px) {
.sp-companies-grid__inner {
padding: 0
}
}
.sp-companies-grid__ellipse {
position: absolute
}
.sp-companies-grid__ellipse--left {
bottom: 0;
left: 0;
transform: translate(-40%, 20%)
}
.sp-companies-grid__row {
display: flex;
align-items: center;
flex-direction: row-reverse
}
@media(max-width: 1151px) {
.sp-companies-grid__row {
flex-wrap: wrap
}
}
.sp-companies-grid__col--left {
flex: 1 1 65%
}
@media(max-width: 1151px) {
.sp-companies-grid__col--left {
flex: 1 1 100%;
margin-bottom: 40px
}
.sp-companies-grid__col--left .sp-hexagon-grid__container {
margin: 0 auto
}
}
.sp-companies-grid__col--right {
flex: 1 1 35%;
display: flex;
justify-content: center
}
@media(max-width: 1151px) {
.sp-companies-grid__col--right {
flex: 1 1 100%;
justify-content: flex-start
}
}
.sp-companies-grid__wrap {
width: 100%;
max-width: 500px
}
@media(max-width: 1151px) {
.sp-companies-grid__wrap {
margin-left: 0;
max-width: 650px
}
}
@media(max-width: 768px) {
.sp-companies-grid__hexagon {
margin-bottom: 20px
}
}
.sp-companies-grid__hexagon .sp-hexagon-grid {
display: flex;
justify-content: center;
padding: 26px 0 32px 26px
}
@media(max-width: 768px) {
.sp-companies-grid__hexagon .sp-hexagon-grid {
display: block;
padding: 0
}
}
@media(max-width: 1280px) {
.sp-companies-grid__title .sp-title-gradient {
font-size: 34px !important
}
}
@media(max-width: 768px) {
.sp-companies-grid__title .sp-title-gradient {
font-size: 24px !important
}
}
.sp-companies-grid__description {
margin-bottom: 40px
}
@media(max-width: 1151px) {
.sp-companies-grid__description {
margin-bottom: 30px
}
.sp-companies-grid__description .MuiTypography-root.MuiTypography-body1 {
font-size: 14px
}
}
.sp-companies-grid__buttons {
display: flex;
align-items: center
}
.sp-companies-grid__buttons a:first-of-type {
margin-right: 32px
}
.sp-companies-grid__buttons button.MuiButton-root {
color: #292c3d
}
@media(max-width: 650px) {
.sp-companies-grid .swipe-hand-grid {
display: block
}
}
.sp-community-investors-grid {
padding: 100px 0
}
@media(max-width: 1024px) {
.sp-community-investors-grid {
padding: 30px 0 60px
}
}
.sp-community-grid {
position: relative;
z-index: 1
}
.sp-circle-grid {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
aspect-ratio: 1/1;
max-width: 100%;
padding: 22px;
z-index: 1
}
@media(max-width: 1024px) {
.sp-circle-grid {
padding: 18px
}
}
@media(max-width: 768px) {
.sp-circle-grid {
min-width: 396px
}
}
@media(max-width: 600px) {
.sp-circle-grid {
padding: 10px;
min-width: 375px
}
}
.sp-circle-grid::before {
content: "";
position: absolute;
inset: 0;
background: var(--background-image) no-repeat 50% 50%;
background-size: cover;
z-index: 0;
transition: transform .3s ease-in-out
}
.sp-circle-grid.left-0::before {
transform: rotate(-30deg)
}
.sp-circle-grid.left-1::before {
transform: rotate(-60deg)
}
.sp-circle-grid.left-2::before {
transform: rotate(-80deg)
}
.sp-circle-grid.left-3::before {
transform: rotate(-95deg)
}
.sp-circle-grid.left-4::before {
transform: rotate(-115deg)
}
.sp-circle-grid.left-5::before {
transform: rotate(-135deg)
}
.sp-circle-grid.right-0::before {
transform: rotate(40deg)
}
.sp-circle-grid.right-1::before {
transform: rotate(60deg)
}
.sp-circle-grid.right-2::before {
transform: rotate(80deg)
}
.sp-circle-grid.right-3::before {
transform: rotate(95deg)
}
.sp-circle-grid.right-4::before {
transform: rotate(130deg)
}
@media(max-width: 1151px) {
.sp-circle-grid[class*=left-]::before,
.sp-circle-grid[class*=right-]::before {
transform: rotate(0)
}
}
.sp-circle-grid__wrap {
flex: 1
}
.sp-circle-grid__title {
position: relative;
margin-bottom: -70px;
transition: opacity .3s ease-in-out .3s
}
.sp-circle-grid__title:not(.is-active) {
z-index: 1;
opacity: 1
}
.sp-circle-grid__title.is-active {
opacity: 0
}
.sp-circle-grid__title.is-active.z-index-delayed {
z-index: -1
}
@media(max-width: 1280px) {
.sp-circle-grid__title h1.MuiTypography-root.MuiTypography-h1 {
font-size: 34px
}
}
@media(max-width: 1024px) {
.sp-circle-grid__title h1.MuiTypography-root.MuiTypography-h1 {
font-size: 32px
}
}
@media(max-width: 768px) {
.sp-circle-grid__title h1.MuiTypography-root.MuiTypography-h1 {
font-size: 28px
}
}
.sp-circle-grid__title-button {
margin-top: 9%;
display: flex;
justify-content: center
}
.sp-circle-grid__title-button a.MuiButton-root.MuiButton-contained.MuiButton-sizeMedium,
.sp-circle-grid__title-button a.MuiButton-root.MuiButton-contained.MuiButton-sizeLarge,
.sp-circle-grid__title-button button.MuiButton-root.MuiButton-contained.MuiButton-sizeMedium,
.sp-circle-grid__title-button button.MuiButton-root.MuiButton-contained.MuiButton-sizeLarge {
padding: 0 16px;
font-weight: 600;
font-size: 14px
}
.sp-circle-grid__title-button a.MuiButton-root.MuiButton-contained.MuiButton-sizeMedium,
.sp-circle-grid__title-button button.MuiButton-root.MuiButton-contained.MuiButton-sizeMedium {
font-weight: 500
}
.sp-content-body {
position: absolute;
inset: 0;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.sp-content-body.is-active .sp-content-body__footer,
.sp-content-body.is-active .sp-content-body__header {
transform: translateY(0)
}
.sp-content-body__header {
flex: 1 1 auto;
width: 100%;
padding: 110px 56px 10px;
display: flex;
align-items: center;
flex-direction: column;
background-color: #1f2232;
transform: translateY(-100%);
transition: transform .5s
}
@media(max-width: 1280px) {
.sp-content-body__header {
padding: 60px 56px 10px;
justify-content: center
}
}
@media(max-width: 1024px) {
.sp-content-body__header {
padding: 0 46px
}
}
@media(max-width: 1280px) {
.sp-content-body__description p.MuiTypography-root.MuiTypography-body1 {
font-size: 13px
}
}
@media(max-width: 1024px) {
.sp-content-body__description p.MuiTypography-root.MuiTypography-body1 {
line-height: 1.2
}
}
@media(max-width: 768px) {
.sp-content-body__description p.MuiTypography-root.MuiTypography-body1 {
font-size: 12px
}
}
.sp-content-body__footer {
flex: 1 1 0;
width: 100%;
transform: translateY(100%);
transition: transform .5s
}
@media(max-width: 1280px) {
.sp-content-body__footer {
max-height: 100px;
min-height: 100px
}
}
@media(max-width: 1024px) {
.sp-content-body__footer {
max-height: none;
min-height: auto
}
}
.sp-content-body__buttons {
padding: 18px 24px;
display: flex;
justify-content: center;
gap: 16px 24px;
background: linear-gradient(180deg, #3B3D4F 0%, #1F2232 100%)
}
@media(max-width: 1280px) {
.sp-content-body__buttons {
padding: 10px 24px
}
}
@media(max-width: 1024px) {
.sp-content-body__buttons {
background: rgba(0, 0, 0, 0);
gap: 16px
}
}
.sp-content-body__btn a.MuiButton-root.MuiButton-sizeMedium,
.sp-content-body__btn button.MuiButton-root.MuiButton-sizeMedium {
padding: 0 14px;
min-width: 126px
}
@media(max-width: 1024px) {
.sp-content-body__btn a.MuiButton-root.MuiButton-sizeMedium,
.sp-content-body__btn button.MuiButton-root.MuiButton-sizeMedium {
min-width: 166px
}
}
.sp-content-body__btn a.MuiButton-root.MuiButton-sizeMedium.MuiButton-outlined,
.sp-content-body__btn a.MuiButton-root.MuiButton-sizeMedium.MuiButton-contained,
.sp-content-body__btn button.MuiButton-root.MuiButton-sizeMedium.MuiButton-outlined,
.sp-content-body__btn button.MuiButton-root.MuiButton-sizeMedium.MuiButton-contained {
font-size: 14px
}
.sp-content-body__link {
display: flex;
align-items: center;
justify-content: center;
height: 38px;
border-top: 1px solid #4ac18e;
background-color: #1f2232;
font-size: 14px;
color: #4ac18e
}
@media(max-width: 1024px) {
.sp-content-body__link {
border: none;
height: auto;
background-color: rgba(0, 0, 0, 0)
}
}
.sp-content-body__link a {
position: relative;
cursor: pointer
}
.sp-content-body__link a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
background-color: #4ac18e;
transform: scaleX(0);
transition: transform .2s
}
.sp-content-body__link a:hover::after {
transform: scaleX(1)
}
.sp-circle-item {
position: relative;
cursor: pointer;
z-index: 2
}
.sp-circle-item:first-of-type .sp-circle-item__line,
.sp-circle-item:last-of-type .sp-circle-item__line {
width: 95px
}
.sp-circle-item:first-of-type .sp-circle-item__line::before,
.sp-circle-item:last-of-type .sp-circle-item__line::before {
display: block
}
.sp-circle-item:first-of-type .sp-circle-item__line::before {
top: 20px;
left: 86px
}
.sp-circle-item:first-of-type .sp-circle-item__line::after {
top: 40px;
right: -45px
}
.sp-circle-item:last-of-type .sp-circle-item__line {
width: 40px
}
.sp-circle-item:last-of-type .sp-circle-item__line::before {
top: -28px;
left: 28px;
width: 80px;
transform: rotate(-45deg)
}
.sp-circle-item:last-of-type .sp-circle-item__line::after {
top: -62px;
right: -62px
}
.sp-circle-item:nth-child(2) .sp-circle-item__line {
width: 90px
}
.sp-circle-item.is-filter rect {
fill: rgba(249, 249, 249, .5)
}
.sp-circle-item.is-filter .linear-gradient__top {
stop-color: rgba(249, 249, 249, .5)
}
.sp-circle-item.is-filter .linear-gradient__bottom {
stop-color: rgba(249, 249, 249, .5)
}
.sp-circle-item.is-filter .sp-circle-item__list::before,
.sp-circle-item.is-filter .sp-circle-item__element::before {
background-color: rgba(249, 249, 249, .5)
}
.sp-circle-item:hover .sp-circle-item__bg::after,
.sp-circle-item.is-active .sp-circle-item__bg::after {
opacity: .7
}
.sp-circle-item:hover .sp-circle-item__line,
.sp-circle-item.is-active .sp-circle-item__line {
opacity: 1
}
.sp-circle-item:hover rect,
.sp-circle-item.is-active rect {
opacity: 0;
fill: #4ac18e
}
@media(max-width: 1024px) {
.sp-circle-item:hover rect,
.sp-circle-item.is-active rect {
opacity: 1
}
}
.sp-circle-item:hover svg .linear-gradient__top,
.sp-circle-item:hover svg .linear-gradient__bottom,
.sp-circle-item.is-active svg .linear-gradient__top,
.sp-circle-item.is-active svg .linear-gradient__bottom {
stop-color: #33d7ef
}
.sp-circle-item.is-mirror .sp-circle-item__bg {
transform: scaleX(-1)
}
.sp-circle-item.is-mirror .sp-circle-item__line {
top: 3px;
right: 99%;
left: auto;
transform: scaleX(-1)
}
.sp-circle-item__text {
position: absolute;
top: 14px;
right: 28px;
left: 28px;
z-index: 1
}
.sp-circle-item__bg {
position: relative
}
.sp-circle-item__bg::after {
content: "";
position: absolute;
top: 4px;
left: 20px;
width: 288px;
height: 45px;
background: linear-gradient(90deg, rgba(35, 91, 67, 0) 0%, #4AC18E 69.23%, rgba(74, 193, 142, 0) 97.12%);
opacity: 0;
transition: opacity .2s
}
.sp-circle-item__bg svg rect {
fill: #4ac18e;
transition: opacity .2s, stop-color .2s
}
.sp-circle-item__bg svg .linear-gradient__top {
stop-color: #4ac18e;
transition: stop-color .2s
}
.sp-circle-item__bg svg .linear-gradient__bottom {
stop-color: #33d7ef;
transition: stop-color .2s
}
.sp-circle-item__line {
position: absolute;
top: 3px;
left: 99%;
width: 60px;
height: 1px;
background-color: rgba(74, 193, 142, .7);
opacity: 0;
transition: opacity .2s;
z-index: 2
}
@media(max-width: 1151px) {
.sp-circle-item__line {
display: none
}
}
.sp-circle-item__line::before {
display: none;
content: "";
position: absolute;
top: -3px;
right: -6px;
width: 60px;
height: 1px;
background-color: rgba(74, 193, 142, .7);
transform: rotate(45deg)
}
.sp-circle-item__line::after {
content: "";
position: absolute;
top: -3px;
right: -6px;
width: 6px;
height: 6px;
background-color: rgba(74, 193, 142, .7)
}
.sp-circle-item__list {
position: relative;
margin: 0 auto;
padding: 8px 0;
display: flex;
flex-wrap: wrap;
gap: 4px 24px;
max-width: 244px
}
.sp-circle-item__list::before {
content: "";
position: absolute;
top: -4px;
left: 3px;
width: 1px;
height: 66px;
background-color: rgba(74, 193, 142, .7)
}
.sp-circle-item__element {
flex: 40%;
display: flex;
align-items: center;
gap: 8px
}
.sp-circle-item__element::before {
content: "";
width: 6px;
height: 6px;
background-color: rgba(74, 193, 142, .7)
}
.sp-hero-ai-slider {
position: relative;
clip-path: polygon(34px 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% 34px)
}
@media(max-width: 600px) {
.sp-hero-ai-slider {
clip-path: none
}
}
.sp-hero-ai-slider::before {
content: "";
position: absolute;
background: rgba(74, 193, 142, .3);
inset: 0;
z-index: -1;
clip-path: polygon(34px 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% 34px)
}
@media(max-width: 600px) {
.sp-hero-ai-slider::before {
clip-path: none
}
}
.sp-hero-ai-slider.sp-hero-ai-slider--shorter .sp-hero-ai-slider__arrow {
display: none
}
@media(max-width: 1024px) {
.sp-hero-ai-slider.sp-hero-ai-slider--shorter .sp-hero-ai-slider__arrow {
display: flex
}
}
.sp-hero-ai-slider__wrap {
display: flex;
flex-direction: column
}
.sp-hero-ai-slider .swiper {
margin: 0 55px
}
@media(max-width: 600px) {
.sp-hero-ai-slider .swiper {
margin: 0 36px
}
}
.sp-hero-ai-slider__slide {
position: relative;
height: 74px;
display: grid;
place-items: center
}
.sp-hero-ai-slider__slide:hover .sp-hero-ai-slider__slide-info,
.sp-hero-ai-slider__slide.active .sp-hero-ai-slider__slide-info {
opacity: 1
}
.sp-hero-ai-slider__slide img {
max-height: 56px
}
.sp-hero-ai-slider__slide-info {
position: absolute;
box-sizing: border-box;
inset: 1px;
display: flex;
flex-direction: column;
gap: 4px;
padding: 8px 10px;
background: linear-gradient(0deg, #4ac18e -133.59%, #1F2232 100%);
opacity: 0;
transition: transform .2s, opacity .3s
}
.sp-hero-ai-slider__slide-text {
flex: 1
}
.sp-hero-ai-slider__slide-text p:nth-child(2) {
white-space: nowrap;
line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
max-height: 20px;
width: 100%;
line-height: 1
}
.sp-hero-ai-slider__slide-text .MuiTypography-root.MuiTypography-h6.MuiTypography-alignLeft {
margin-bottom: 6px;
font-size: 16px
}
.sp-hero-ai-slider__arrows {
position: absolute;
display: flex;
justify-content: space-between;
inset: 1px;
background: linear-gradient(-40deg, #2D514D 5.74%, #292C3D 29.54%, #292C3D 67.84%, #284749 98.68%), linear-gradient(0deg, rgba(74, 193, 142, 0.3), rgba(74, 193, 142, 0.3));
clip-path: polygon(34px 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% 34px)
}
@media(max-width: 600px) {
.sp-hero-ai-slider__arrows {
clip-path: none
}
}
.sp-hero-ai-slider__arrow {
display: flex;
justify-content: center;
align-items: center;
width: 56px;
height: 100%;
margin-top: 0;
padding: 25px 10px;
color: #cfd0d3;
background-color: rgba(0, 0, 0, .1);
cursor: pointer;
transition: background-color .1s;
user-select: none
}
.sp-hero-ai-slider__arrow:hover {
background-color: rgba(0, 0, 0, .2)
}
.sp-hero-ai-slider__arrow--prev svg {
transform: scaleX(-1)
}
@media(max-width: 600px) {
.sp-hero-ai-slider__arrow {
width: 36px
}
}
.sp-hero-ai-slider__tooltip {
display: flex;
position: absolute;
inset: 0
}
.sp-hero-ai-slider__tooltip-img {
display: inline-block;
height: 56px;
margin-bottom: 8px;
padding: 2px 4px;
border: 1px solid #4ac18e;
border-radius: 4px
}
.sp-hero-ai-slider__tooltip-img img {
height: 100%;
width: auto
}
.sp-hero-ai-tabs .MuiButtonBase-root.MuiTab-root {
max-width: none;
min-width: auto
}
.sp-hero-ai-tabs .MuiBox-root {
border-bottom: none
}
.sp-hero-ai-tabs .MuiBox-root .MuiTabs-root {
min-height: 28px
}
.sp-hero-ai-tabs .MuiBox-root .MuiTabs-root .MuiTab-root {
padding: 0;
min-height: 28px
}
@media(max-width: 1024px) {
.sp-hero-ai-tabs .MuiBox-root .grid-tabs {
margin-bottom: 0
}
}
.sp-hero-ai-tabs .MuiBox-root .grid-tabs__col-left {
width: 100%
}
.sp-hero-ai-tabs .MuiBox-root .grid-tabs__col-right-inner {
width: 100%
}
@media(max-width: 768px) {
.sp-hero-ai-tabs .MuiBox-root .grid-tabs__col-right-inner {
margin-bottom: 0
}
}
.sp-hero-ai-tabs .MuiTabs-scroller .MuiTabs-flexContainer {
width: 100%;
gap: 28px
}
@media(max-width: 768px) {
.sp-hero-ai-tabs .MuiTabs-scroller .MuiTabs-flexContainer {
gap: 14px
}
}
.sp-hero-ai-tabs .MuiTabs-scroller .MuiButtonBase-root.MuiTab-root {
font-size: 12px;
align-items: flex-start;
padding-inline: 0;
border-top: 2px solid rgba(74, 193, 142, .26);
flex: 1
}
.sp-hero-ai-tabs .MuiTabs-scroller .MuiButtonBase-root.MuiTab-root::after {
display: none
}
.sp-hero-ai-tabs .MuiTabs-scroller .MuiTabs-indicator {
bottom: auto;
top: 0
}
.sp-hero-ai-grid__wrap {
position: relative;
z-index: 1
}
.sp-hero-ai-grid__wrap::after {
content: "";
position: absolute;
top: 0;
left: 50%;
height: 600px;
width: 600px;
border-radius: 50%;
background: radial-gradient(50% 50% at 50% 50%, rgba(26, 255, 157, 0.3) 0%, rgba(98, 249, 184, 0) 100%);
transform: translate(-50%, -50%)
}
.sp-hero-ai-grid__bg {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 100%;
background: no-repeat 50% 0
}
.sp-hero-ai-grid__bg::before {
position: absolute;
inset: 0;
content: "";
background: rgba(31, 34, 50, .7)
}
.sp-hero-ai-grid__bg::after {
position: absolute;
inset: 0;
content: "";
background: linear-gradient(180deg, rgba(31, 34, 50, 0) 0%, #1F2232 98.22%)
}
.sp-hero-ai-grid__inner {
position: relative;
z-index: 2
}
.sp-hero-ai-grid__inner.inner {
padding: 0
}
.sp-hero-ai-grid__row {
padding: 64px 0 32px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px
}
@media(max-width: 1024px) {
.sp-hero-ai-grid__row {
gap: 10px;
justify-content: center
}
}
@media(max-width: 768px) {
.sp-hero-ai-grid__row {
flex-wrap: wrap;
gap: 20px 0
}
}
.sp-hero-ai-grid__col {
display: flex;
flex-direction: column;
justify-content: center
}
@media(max-width: 768px) {
.sp-hero-ai-grid__col {
flex: 1 1 100%
}
}
.sp-hero-ai-grid__col--left {
position: relative;
gap: 22px
}
@media(max-width: 1151px) {
.sp-hero-ai-grid__col--left {
flex: 1 1 25%
}
}
@media(max-width: 1024px) {
.sp-hero-ai-grid__col--left {
flex: 1 1 auto;
min-width: 312px
}
}
@media(max-width: 768px) {
.sp-hero-ai-grid__col--left {
order: 0;
align-items: center;
z-index: 2
}
.sp-hero-ai-grid__col--left>.sp-circle-item {
text-align: center
}
}
.sp-hero-ai-grid__col--center {
align-items: center
}
@media(max-width: 1151px) {
.sp-hero-ai-grid__col--center {
flex: 1 1 auto
}
}
@media(max-width: 768px) {
.sp-hero-ai-grid__col--center {
order: 1
}
}
.sp-hero-ai-grid__col--right {
gap: 21px
}
.sp-hero-ai-grid__tabs {
position: relative;
z-index: 1
}
.sp-hero-ai-grid__toggle {
position: relative
}
.sp-hero-ai-grid__arrow {
position: absolute;
right: 10px;
top: 50%;
transform: translate(50%, -50%) rotate(0);
color: #f9f9f9;
transition: transform .2s
}
.sp-hero-ai-grid__arrow.is-active {
transform: translate(50%, -50%) rotate(180deg)
}
.sp-hero-ai-grid__lines {
position: relative;
margin-top: -10px;
z-index: 0
}
.sp-hero-ai-grid__scroll {
padding-left: 16px
}
.sp-hero-ai-grid__scroll .simplebar-track.simplebar-vertical {
left: 0;
right: auto
}
.sp-hero-ai-grid__scroll .simplebar-track.simplebar-vertical .simplebar-scrollbar::before {
opacity: 1
}
@media(max-width: 768px) {
.sp-hero-ai-grid__scroll .simplebar-track.simplebar-vertical .simplebar-scrollbar::before {
opacity: 0
}
}
@media(max-width: 1151px) {
.sp-hero-ai-grid__scroll {
max-height: 438px
}
}
@media(max-width: 768px) {
.sp-hero-ai-grid__scroll {
padding: 0;
max-height: none
}
}
@media(max-width: 768px) {
.sp-hero-ai-grid__list {
padding: 32px 0 18px;
width: 295px;
position: absolute;
top: 40px;
left: -2000px;
opacity: 0;
display: none;
background-color: #3b3d4f;
transform: translateX(-50%);
transition: opacity .2s;
z-index: 1
}
.sp-hero-ai-grid__list.is-active {
display: block;
left: 50%;
opacity: 1
}
}
.sp-hero-ai-items {
display: flex;
flex-direction: column;
gap: 22px
}
@media(max-width: 768px) {
.sp-hero-ai-items {
gap: 0
}
.sp-hero-ai-items .sp-circle-item {
display: flex;
align-items: center;
flex-wrap: wrap;
min-height: 34px;
height: auto;
padding-left: 16px
}
.sp-hero-ai-items .sp-circle-item__bg {
display: none
}
.sp-hero-ai-items .sp-circle-item__text {
position: initial
}
.sp-hero-ai-items .sp-circle-item__list {
padding-top: 0;
margin: 0;
max-width: none;
gap: 4px
}
.sp-hero-ai-items .sp-circle-item__list::before {
display: none
}
.sp-hero-ai-items .sp-circle-item__element {
flex: none
}
.sp-hero-ai-items .sp-circle-item__element::before {
display: none
}
}
.sp-journey-grid {
padding-top: 100px;
overflow: hidden
}
@media(max-width: 1024px) {
.sp-journey-grid {
padding-top: 50px
}
}
.sp-journey-grid__inner {
position: relative;
z-index: 1
}
.sp-journey-grid__row {
display: flex;
align-items: flex-end
}
@media(max-width: 768px) {
.sp-journey-grid__row {
flex-wrap: wrap
}
}
.sp-journey-grid__col {
flex: 1 1 50%
}
.sp-journey-grid__col--left {
margin-right: 50px
}
@media(max-width: 1024px) {
.sp-journey-grid__col--left {
margin-right: 24px
}
}
.sp-journey-grid__col--right {
padding: 100px 0
}
@media(max-width: 1024px) {
.sp-journey-grid__col--right {
padding: 60px 0
}
}
.sp-journey-grid__img {
font-size: 0;
margin: 0 0 -100px -100px
}
@media(max-width: 1024px) {
.sp-journey-grid__img {
margin: 0 0 -50px -100px
}
}
@media(max-width: 768px) {
.sp-journey-grid__img {
margin: 0
}
}
.sp-journey-grid__img svg {
width: 100%
}
.sp-journey-grid__ellipse--left .sp-ellipse {
top: 55%;
left: 10%
}
@media(max-width: 1280px) {
.sp-journey-grid__ellipse--left .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-journey-grid__ellipse--left .sp-ellipse {
top: 70%;
left: 20%;
width: 600px !important;
height: 600px !important
}
}
@media(max-width: 768px) {
.sp-journey-grid__ellipse--left .sp-ellipse {
top: 35%;
left: 50%;
width: 700px !important;
height: 700px !important
}
}
.sp-journey-grid__ellipse--right .sp-ellipse {
top: 55%;
left: 95%
}
@media(max-width: 1280px) {
.sp-journey-grid__ellipse--right .sp-ellipse {
width: 646px !important;
height: 646px !important
}
}
@media(max-width: 1024px) {
.sp-journey-grid__ellipse--right .sp-ellipse {
width: 536px !important;
height: 536px !important
}
}
@media(max-width: 768px) {
.sp-journey-grid__ellipse--right .sp-ellipse {
top: 90%;
width: 436px !important;
height: 436px !important
}
}
.sp-journey-grid__title {
color: #4ac18e
}
@media(max-width: 768px) {
.sp-journey-grid__line {
text-align: center
}
}
.sp-journey-grid__title,
.sp-journey-grid__description {
max-width: 570px
}
@media(max-width: 1280px) {
.sp-journey-grid__title,
.sp-journey-grid__description {
max-width: 500px
}
}
@media(max-width: 768px) {
.sp-journey-grid__title,
.sp-journey-grid__description {
max-width: unset;
text-align: center
}
}
.sp-journey-grid__description .MuiTypography-root.MuiTypography-body1 {
font-size: 18px
}
@media(max-width: 1280px) {
.sp-journey-grid__description .MuiTypography-root.MuiTypography-body1 {
font-size: 14px
}
}
.sp-journey-grid__buttons {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-journey-grid__buttons {
text-align: center;
justify-content: center
}
}
.sp-journey-grid__buttons a {
margin-right: 32px
}
.player-ai-grid {
margin-top: 25px;
overflow: hidden
}
@media(max-width: 1024px) {
.player-ai-grid {
margin-top: 55px
}
}
.player-ai-grid__container {
position: relative;
z-index: 1
}
.player-ai-grid__container::after {
content: "";
position: absolute;
top: -10px;
right: -10px;
bottom: 0;
left: -10px;
border-radius: 12px 12px 0 0;
background: linear-gradient(180deg, rgba(74, 193, 142, 0.3) 60%, rgba(74, 193, 142, 0) 100%);
z-index: -1
}
.player-ai-grid__title {
position: relative;
margin-bottom: 34px;
padding: 12px 0 12px 0;
max-width: 900px
}
@media(max-width: 1024px) {
.player-ai-grid__title {
max-width: 700px
}
}
.player-ai-grid__title h2.MuiTypography-root.MuiTypography-h2 {
font-size: 56px
}
@media(max-width: 1024px) {
.player-ai-grid__title h2.MuiTypography-root.MuiTypography-h2 {
font-size: 40px
}
}
.player-ai-grid .scp-ellipse {
top: 77%;
z-index: -1
}
.player-ai-grid__wrap {
border-radius: 6px 6px 0 0;
background-color: #1f2232
}
.player-ai-grid__row {
display: flex
}
@media(max-width: 1151px) {
.player-ai-grid__row {
flex-direction: column
}
}
.player-ai-grid__video {
flex: 1
}
.player-ai-grid__text {
width: 270px;
flex-shrink: 0;
padding: 16px 22px 16px 24px;
border: 1px solid #57586e;
border-bottom: none;
background: linear-gradient(0deg, rgba(31, 34, 50, 0.5) 40%, rgba(0, 0, 0, 0.5) 100%)
}
@media(max-width: 1151px) {
.player-ai-grid__text {
width: 100%
}
}
.player-ai-grid__text-title {
margin-bottom: 26px;
color: #fff
}
@media(max-width: 1151px) {
.player-ai-grid__text-title {
margin-bottom: 12px
}
}
.player-ai-grid__text-description {
opacity: .9
}
.player-buttons-list {
position: absolute;
right: 8px;
bottom: 8px;
display: flex;
gap: 16px;
z-index: 2
}
.player-buttons-list .play-button {
position: relative
}
.player-buttons-list .play-button__before,
.player-buttons-list .play-button__after {
display: inline-block;
position: absolute;
width: 18px;
height: 18px;
background-color: currentColor;
transition: clip-path .3s ease
}
.player-buttons-list .play-button.is-active .play-button__before {
clip-path: polygon(0 0, 30% 0, 30% 100%, 0% 100%)
}
.player-buttons-list .play-button.is-active .play-button__after {
clip-path: polygon(70% 0, 100% 0, 100% 100%, 70% 100%)
}
.player-buttons-list .play-button:not(.is-active) .play-button__before {
clip-path: polygon(0 0, 50% 25%, 50% 75%, 0% 100%)
}
.player-buttons-list .play-button:not(.is-active) .play-button__after {
clip-path: polygon(50% 25%, 100% 50%, 100% 50%, 50% 75%)
}
.player-buttons-list .view-format svg {
position: absolute;
font-size: 9px;
transition: transform .1s
}
.player-buttons-list .view-format svg:nth-child(1) {
top: 9px;
left: 9px
}
.player-buttons-list .view-format svg:nth-child(2) {
top: 9px;
right: 9px;
transform: rotate(90deg)
}
.player-buttons-list .view-format svg:nth-child(3) {
right: 9px;
bottom: 9px;
transform: rotate(180deg)
}
.player-buttons-list .view-format svg:nth-child(4) {
left: 9px;
bottom: 9px;
transform: rotate(270deg)
}
.player-buttons-list .view-format.is-active svg:nth-child(1) {
transform: translate(-3px, -3px) rotate(180deg)
}
.player-buttons-list .view-format.is-active svg:nth-child(2) {
transform: translate(3px, -3px) rotate(270deg)
}
.player-buttons-list .view-format.is-active svg:nth-child(3) {
transform: translate(3px, 3px) rotate(0deg)
}
.player-buttons-list .view-format.is-active svg:nth-child(4) {
transform: translate(-3px, 3px) rotate(90deg)
}
.player-buttons-list .view-format:hover svg:nth-child(1) {
transform: translate(-2px, -2px) rotate(0deg)
}
.player-buttons-list .view-format:hover svg:nth-child(2) {
transform: translate(2px, -2px) rotate(90deg)
}
.player-buttons-list .view-format:hover svg:nth-child(3) {
transform: translate(2px, 2px) rotate(180deg)
}
.player-buttons-list .view-format:hover svg:nth-child(4) {
transform: translate(-2px, 2px) rotate(270deg)
}
.player-buttons-list .view-format:hover.is-active svg:nth-child(1) {
transform: translate(-1px, -1px) rotate(180deg)
}
.player-buttons-list .view-format:hover.is-active svg:nth-child(2) {
transform: translate(1px, -1px) rotate(270deg)
}
.player-buttons-list .view-format:hover.is-active svg:nth-child(3) {
transform: translate(1px, 1px) rotate(0deg)
}
.player-buttons-list .view-format:hover.is-active svg:nth-child(4) {
transform: translate(-1px, 1px) rotate(90deg)
}
@media(max-width: 768px) {
.video-player-list {
flex-direction: column;
gap: 12px 20px
}
}
.video-player-list-item {
position: relative;
flex: 1 1 0;
z-index: 1
}
.video-player-list-item::before {
content: "";
display: block;
position: absolute;
inset: 0;
border-radius: 30px 4px 30px 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, .2), 0 24px 40px rgba(0, 0, 0, .2);
transition: box-shadow .2s;
z-index: -1
}
.video-player-list-item::after {
content: "";
display: block;
position: absolute;
inset: 0;
border-radius: 4px;
background: linear-gradient(177.04deg, #4AC18E -192.72%, #4AC18E 97.61%);
clip-path: polygon(0.5rem 0%, 100% 0, 100% calc(100% - 0.5rem), calc(100% - 0.5rem) 100%, 0 100%, 0% 0.5rem);
transition: background-color .2s;
z-index: -1
}
.video-player-list-item:not(.is-active)::after {
background: linear-gradient(177.04deg, #57586E -192.72%, #57586E 97.61%)
}
.video-player-list-item:not(.is-active):hover .video-player-list-item__wrap::after {
background-color: rgba(0, 0, 0, 0)
}
.video-player-list-item.is-active .video-player-list-item__wrap::after {
background-color: rgba(0, 0, 0, 0)
}
.video-player-list-item__wrap {
position: relative;
padding: 1px;
height: 84px;
clip-path: polygon(0.5rem 0%, 100% 0, 100% calc(100% - 0.5rem), calc(100% - 0.5rem) 100%, 0 100%, 0% 0.5rem);
z-index: 2
}
@media(max-width: 768px) {
.video-player-list-item__wrap {
height: auto
}
}
.video-player-list-item__wrap::before {
content: "";
display: block;
position: absolute;
inset: 1px;
border-radius: 4px;
background: linear-gradient(177.04deg, #292C3D -192.72%, #292C3D 97.61%);
clip-path: polygon(0.5rem 0%, 100% 0, 100% calc(100% - 0.5rem), calc(100% - 0.5rem) 100%, 0 100%, 0% 0.5rem);
transition: background-color .2s;
z-index: -1
}
.video-player-list-item__wrap::after {
content: "";
position: absolute;
inset: 1px;
background-color: rgba(31, 34, 50, .3);
clip-path: polygon(0.5rem 0%, 100% 0, 100% calc(100% - 0.5rem), calc(100% - 0.5rem) 100%, 0 100%, 0% 0.5rem);
transition: background-color .5s;
cursor: pointer
}
.video-player-list-item__content {
padding: 16px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
border-radius: 4px;
background: no-repeat 100% 100%;
background-size: cover;
clip-path: polygon(0.5rem 0%, 100% 0, 100% calc(100% - 0.5rem), calc(100% - 0.5rem) 100%, 0 100%, 0% 0.5rem);
cursor: pointer
}
.video-player {
position: relative;
height: 522px;
font-size: 0;
background-size: cover;
background: no-repeat center calc(100% - 6px);
background-size: contain
}
@media(max-width: 1280px) {
.video-player {
background-size: cover;
background-position: center;
height: auto
}
}
.video-player video {
width: 100%;
height: 100%
}
.hero-player-ai-footer-grid {
margin-top: 16px;
position: relative;
z-index: 1;
padding-block: 24px
}
.hero-player-ai-footer-grid::before {
content: "";
position: absolute;
top: -16px;
right: 0;
left: 0;
height: 16px;
background: radial-gradient(circle, #4ac18e 50%, rgba(74, 193, 142, 0) 90%)
}
.hero-player-ai-footer-grid::after {
content: "";
position: absolute;
bottom: 0;
right: -200px;
left: -200px;
height: 4px;
background: radial-gradient(circle, #4ac18e 70%, rgba(74, 193, 142, 0) 100%)
}
.hero-player-ai-footer-grid__links {
position: relative;
padding: 32px;
display: flex;
align-items: center;
justify-content: center;
gap: 20px
}
.hero-player-ai-footer-grid__links::before {
content: "";
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, .2);
clip-path: polygon(1.5rem 0%, calc(100% - 1.5rem) 0%, 100% 1.5rem, 100% 100%, 0 100%, 0 1.5rem);
z-index: -1
}
.sp-proactive-hero-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-proactive-hero-grid__row {
flex-wrap: wrap
}
}
.sp-proactive-hero-grid__col {
position: relative;
flex: 1 1 50%
}
@media(max-width: 768px) {
.sp-proactive-hero-grid__col {
flex: 1 1 100%
}
}
.sp-proactive-hero-grid__col--left {
padding-top: 80px;
margin-right: 16px
}
@media(max-width: 768px) {
.sp-proactive-hero-grid__col--left {
order: 2;
margin-right: 0;
padding-top: 0
}
}
@media(max-width: 768px) {
.sp-proactive-hero-grid__col--right {
order: 1
}
}
@media(max-width: 1280px) {
.sp-proactive-hero-grid__col--right .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-proactive-hero-grid__col--right .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
@media(max-width: 768px) {
.sp-proactive-hero-grid__col--right .sp-ellipse {
width: 380px !important;
height: 380px !important
}
}
.sp-proactive-hero-grid__title {
max-width: 430px
}
@media(max-width: 1280px) {
.sp-proactive-hero-grid__title {
max-width: 360px
}
}
@media(max-width: 1024px) {
.sp-proactive-hero-grid__title {
max-width: 330px
}
}
@media(max-width: 768px) {
.sp-proactive-hero-grid__title {
max-width: 300px
}
}
.sp-proactive-hero-grid .cube-perspective-grid__bg-image {
width: 664px
}
@media(max-width: 1280px) {
.sp-proactive-hero-grid .cube-perspective-grid__bg-image {
width: 416px;
transform: translate(-52%, -31%)
}
}
@media(max-width: 1024px) {
.sp-proactive-hero-grid .cube-perspective-grid__bg-image {
width: 316px;
transform: translate(-52%, -26%)
}
}
.sp-proactive-hero-grid .cube-perspective-grid__bg-image svg {
width: 100%
}
.sp-proactive-attackers-grid {
position: relative
}
.sp-proactive-attackers-grid__container {
position: relative;
padding: 128px 0 46px 100px;
z-index: 1
}
@media(max-width: 768px) {
.sp-proactive-attackers-grid__container {
padding: 62px 0 46px 32px
}
}
.sp-proactive-attackers-grid__icon {
position: absolute;
top: 0;
left: 0
}
.sp-proactive-attackers-grid__title {
color: #4ac18e
}
.sp-proactive-attackers-grid__title span span.end-text {
display: block
}
.sp-image-scale {
position: relative;
background-color: #292c3d;
box-shadow: 0 4px 25px rgba(0, 0, 0, .25);
z-index: 1
}
.sp-image-scale__item {
font-size: 0
}
.sp-image-scale__item--back {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
font-size: 0;
z-index: 2
}
.sp-image-scale__item img {
width: 100%
}
.sp-image-scale__ellipse--left .sp-ellipse {
top: 75%;
left: 0
}
@media(max-width: 1280px) {
.sp-image-scale__ellipse--left .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-image-scale__ellipse--left .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
@media(max-width: 768px) {
.sp-image-scale__ellipse--left .sp-ellipse {
width: 380px !important;
height: 380px !important
}
}
.sp-image-scale__ellipse--right .sp-ellipse {
top: 45%;
left: 100%
}
@media(max-width: 1280px) {
.sp-image-scale__ellipse--right .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-image-scale__ellipse--right .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
@media(max-width: 768px) {
.sp-image-scale__ellipse--right .sp-ellipse {
width: 380px !important;
height: 380px !important
}
}
.sp-proactive-timeline-grid__container {
position: relative;
padding: 0 0 0 70px;
margin-bottom: 32px
}
@media(max-width: 768px) {
.sp-proactive-timeline-grid__container {
padding-left: 32px
}
}
.sp-proactive-timeline-grid__line {
position: absolute;
left: 0;
bottom: 0;
z-index: -1
}
@media(max-width: 768px) {
.sp-proactive-timeline-grid__line {
max-height: 492px;
overflow: hidden
}
.sp-proactive-timeline-grid__line svg {
margin-top: -40px
}
}
.sp-proactive-timeline-grid__title {
display: flex;
align-items: center
}
.sp-proactive-timeline-grid__title span {
color: #4ac18e
}
.sp-proactive-timeline-grid__title-icon {
margin-right: 16px
}
.sp-proactive-timeline-grid__title-icon svg {
width: 32px;
height: 32px
}
.sp-proactive-timeline-grid__description {
max-width: 600px
}
.sp-proactive-coverage-grid {
position: relative;
padding: 70px 0 140px 70px
}
@media(max-width: 1151px) {
.sp-proactive-coverage-grid {
padding: 70px 0 90px 90px
}
}
@media(max-width: 768px) {
.sp-proactive-coverage-grid {
padding: 56px 0 0 0
}
}
.sp-proactive-coverage-grid__row {
display: flex;
align-items: flex-end
}
@media(max-width: 768px) {
.sp-proactive-coverage-grid__row {
flex-wrap: wrap
}
}
.sp-proactive-coverage-grid__col--left {
flex: 1 1 42%;
margin-right: 30px
}
@media(max-width: 1024px) {
.sp-proactive-coverage-grid__col--left {
flex: 1 1 50%
}
}
@media(max-width: 768px) {
.sp-proactive-coverage-grid__col--left {
flex: 1 1 100%
}
}
.sp-proactive-coverage-grid__col--right {
flex: 1 1 58%
}
@media(max-width: 1024px) {
.sp-proactive-coverage-grid__col--right {
flex: 1 1 50%
}
}
@media(max-width: 768px) {
.sp-proactive-coverage-grid__col--right {
flex: 1 1 100%
}
}
.sp-proactive-coverage-grid__title {
display: flex;
align-items: center;
color: #4ac18e
}
.sp-proactive-coverage-grid__icon {
position: absolute;
left: 8px;
bottom: -40px;
z-index: -1
}
@media(max-width: 1151px) {
.sp-proactive-coverage-grid__icon {
top: 0;
bottom: auto
}
.sp-proactive-coverage-grid__icon svg {
transform: scale(-1, 1)
}
}
@media(max-width: 1024px) {
.sp-proactive-coverage-grid__icon {
top: -30px
}
}
@media(max-width: 768px) {
.sp-proactive-coverage-grid__icon {
display: none
}
}
.sp-proactive-coverage-grid__ellipse .sp-ellipse {
top: 20%;
left: 100%
}
@media(max-width: 1280px) {
.sp-proactive-coverage-grid__ellipse .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-proactive-coverage-grid__ellipse .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
@media(max-width: 768px) {
.sp-proactive-coverage-grid__ellipse .sp-ellipse {
width: 380px !important;
height: 380px !important
}
}
.sp-proactive-coverage-grid__image {
position: relative;
width: 100%
}
.sp-proactive-coverage-grid__image svg {
width: 100%
}
.sp-proactive-coverage-grid__lines {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.pulse-lines {
display: flex;
height: 100%
}
.pulse-lines__line {
flex: 1 1 0;
height: 100%;
background: linear-gradient(180deg, rgba(74, 193, 142, 0) 0%, #4AC18E 50%, rgba(74, 193, 142, 0) 100%);
animation: fadein 3s linear infinite;
opacity: 0
}
.pulse-lines__line:nth-child(1) {
animation-delay: .1s
}
.pulse-lines__line:nth-child(2) {
animation-delay: .2s
}
.pulse-lines__line:nth-child(3) {
animation-delay: .3s
}
.pulse-lines__line:nth-child(4) {
animation-delay: .4s
}
.pulse-lines__line:nth-child(5) {
animation-delay: .5s
}
.pulse-lines__line:nth-child(6) {
animation-delay: .6s
}
.pulse-lines__line:nth-child(7) {
animation-delay: .7s
}
.pulse-lines__line:nth-child(8) {
animation-delay: .8s
}
.pulse-lines__line:nth-child(9) {
animation-delay: .9s
}
.pulse-lines__line:nth-child(10) {
animation-delay: 1s
}
.pulse-lines__line:nth-child(11) {
animation-delay: 1.1s
}
.pulse-lines__line:nth-child(12) {
animation-delay: 1.2s
}
.pulse-lines__line:nth-child(13) {
animation-delay: 1.3s
}
.pulse-lines__line:nth-child(14) {
animation-delay: 1.4s
}
.pulse-lines__line:nth-child(15) {
animation-delay: 1.5s
}
.pulse-lines__line:nth-child(16) {
animation-delay: 1.6s
}
.pulse-lines__line:nth-child(17) {
animation-delay: 1.7s
}
.pulse-lines__line:nth-child(18) {
animation-delay: 1.8s
}
.pulse-lines__line:nth-child(19) {
animation-delay: 1.9s
}
.pulse-lines__line:nth-child(20) {
animation-delay: 2s
}
.pulse-lines__line:nth-child(21) {
animation-delay: 2.1s
}
.pulse-lines__line:nth-child(22) {
animation-delay: 2.2s
}
.pulse-lines__line:nth-child(23) {
animation-delay: 2.3s
}
.pulse-lines__line:nth-child(24) {
animation-delay: 2.4s
}
@keyframes fadein {
0% {
opacity: 0
}
43% {
opacity: 0
}
50% {
opacity: 1
}
57% {
opacity: 0
}
100% {
opacity: 0
}
}
.sp-proactive-hyper-scale-grid {
position: relative;
margin-top: 80px;
z-index: 2
}
.sp-proactive-hyper-scale-grid__ellipse .sp-ellipse {
top: 25%;
left: -20%
}
@media(max-width: 1280px) {
.sp-proactive-hyper-scale-grid__ellipse .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-proactive-hyper-scale-grid__ellipse .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
.sp-proactive-hyper-scale-grid__description {
max-width: 980px
}
@media(max-width: 600px) {
.sp-proactive-hyper-scale-grid__btn a.MuiButton-root.MuiButton-sizeLarge {
padding: 0 12px
}
}
.sp-proactive-splunk-grid {
position: relative;
padding: 0 0 40px 100px;
z-index: 1
}
@media(max-width: 1151px) {
.sp-proactive-splunk-grid {
padding: 0 0 0 90px
}
}
@media(max-width: 768px) {
.sp-proactive-splunk-grid {
padding: 0
}
}
.sp-proactive-splunk-grid__ellipse--right .sp-ellipse {
top: 25%;
left: 120%
}
@media(max-width: 1280px) {
.sp-proactive-splunk-grid__ellipse--right .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-proactive-splunk-grid__ellipse--right .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
.sp-proactive-splunk-grid__ellipse--left .sp-ellipse {
top: 100%;
left: -20%
}
@media(max-width: 1280px) {
.sp-proactive-splunk-grid__ellipse--left .sp-ellipse {
width: 792px !important;
height: 792px !important
}
}
@media(max-width: 1024px) {
.sp-proactive-splunk-grid__ellipse--left .sp-ellipse {
width: 620px !important;
height: 620px !important
}
}
.sp-proactive-splunk-grid__image {
position: relative;
top: -72px;
z-index: -1
}
@media(max-width: 768px) {
.sp-proactive-splunk-grid__image {
top: 0
}
}
.sp-proactive-splunk-grid__image img {
width: 100%
}
.sp-proactive-splunk-grid__image::after {
content: "";
position: absolute;
inset: 0;
background-color: rgba(41, 44, 61, .3)
}
.sp-proactive-splunk-grid__icon {
position: absolute;
top: 44px;
left: 36px
}
@media(max-width: 1151px) {
.sp-proactive-splunk-grid__icon {
left: 8px
}
.sp-proactive-splunk-grid__icon svg {
transform: scale(-1, 1)
}
}
@media(max-width: 768px) {
.sp-proactive-splunk-grid__icon {
display: none
}
}
.sp-proactive-splunk-grid__wrap {
margin-top: -56px
}
@media(max-width: 768px) {
.sp-proactive-splunk-grid__wrap {
margin: 0
}
}
.sp-proactive-splunk-grid__title {
color: #4ac18e
}
.sp-proactive-splunk-grid__description {
max-width: 816px
}
.sp-proactive-grid {
position: relative;
padding: 0 0 76px;
z-index: 1
}
.sp-proactive-grid__timeline {
margin-top: 130px
}
@media(max-width: 768px) {
.sp-proactive-grid__timeline {
margin-top: 100px
}
}
.sp-security-architecture-grid {
position: relative;
padding: 138px 0 66px;
z-index: 1
}
@media(max-width: 1280px) {
.sp-security-architecture-grid {
padding: 100px 0 0
}
}
@media(max-width: 1024px) {
.sp-security-architecture-grid {
padding: 46px 0
}
}
.sp-security-architecture-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-security-architecture-grid__row {
flex-wrap: wrap
}
}
.sp-security-architecture-grid__col--left {
flex: 1 1 47%;
margin-right: 32px
}
@media(max-width: 1024px) {
.sp-security-architecture-grid__col--left {
padding-top: 12px;
margin-right: 10px
}
}
@media(max-width: 768px) {
.sp-security-architecture-grid__col--left {
padding-top: 0;
margin: 0 0 24px;
flex: 1 1 100%
}
}
.sp-security-architecture-grid__col--right {
flex: 1 1 53%
}
@media(max-width: 768px) {
.sp-security-architecture-grid__col--right {
flex: 1 1 100%
}
}
.sp-security-architecture-grid__icon img {
width: 100%
}
.sp-security-architecture-grid__title {
color: #4ac18e
}
@media(max-width: 1280px) {
.sp-security-architecture-grid__description {
min-height: 120px
}
}
.sp-security-back-channel-grid {
position: relative;
padding: 140px 0 100px;
margin-bottom: 32px
}
@media(max-width: 1280px) {
.sp-security-back-channel-grid {
padding: 120px 0 50px;
margin: 0
}
}
@media(max-width: 1024px) {
.sp-security-back-channel-grid {
padding: 100px 0 0
}
}
@media(max-width: 768px) {
.sp-security-back-channel-grid {
padding: 90px 0 0;
margin-bottom: 0
}
}
.sp-security-back-channel-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__row {
flex-wrap: wrap
}
}
.sp-security-back-channel-grid__col--left {
flex: 1 1 55%;
margin-right: 32px
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__col--left {
flex: 1 1 100%;
margin: 0 0 24px
}
}
.sp-security-back-channel-grid__col--right {
flex: 1 1 45%
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__col--right {
padding-left: 24px;
flex: 1 1 100%
}
}
.sp-security-back-channel-grid__line {
position: absolute;
top: -60px;
left: 0;
z-index: -1
}
@media(max-width: 1280px) {
.sp-security-back-channel-grid__line {
top: 0
}
}
@media(max-width: 1024px) {
.sp-security-back-channel-grid__line {
top: -30px;
-webkit-transform: scaleX(-1);
transform: scaleX(-1)
}
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__line {
top: 0
}
}
.sp-security-back-channel-grid__image {
font-size: 0;
max-width: 606px;
border-radius: 4px;
overflow: hidden
}
@media(max-width: 1024px) {
.sp-security-back-channel-grid__image {
margin-left: -40px
}
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__image {
margin-left: 0;
max-width: unset
}
}
.sp-security-back-channel-grid__image img {
width: 100%
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__image img {
max-width: 446px
}
}
.sp-security-back-channel-grid__title {
color: #4ac18e
}
.sp-security-back-channel-grid__ellipse .sp-ellipse {
top: 50%;
left: 0
}
@media(max-width: 1280px) {
.sp-security-back-channel-grid__ellipse .sp-ellipse {
width: 608px !important;
height: 608px !important
}
}
@media(max-width: 1024px) {
.sp-security-back-channel-grid__ellipse .sp-ellipse {
width: 474px !important;
height: 474px !important
}
}
@media(max-width: 768px) {
.sp-security-back-channel-grid__ellipse .sp-ellipse {
width: 400px !important;
height: 400px !important
}
}
.sp-security-beyond-encryption-grid {
position: relative;
padding: 100px 0 70px 0
}
@media(max-width: 768px) {
.sp-security-beyond-encryption-grid {
padding: 80px 0 0
}
}
.sp-security-beyond-encryption-grid__row {
display: flex;
align-items: center
}
@media(max-width: 768px) {
.sp-security-beyond-encryption-grid__row {
flex-wrap: wrap
}
}
.sp-security-beyond-encryption-grid__col--left {
flex: 1 1 45%;
margin-right: 46px
}
@media(max-width: 768px) {
.sp-security-beyond-encryption-grid__col--left {
margin-right: 0;
flex: 1 1 100%;
order: 2
}
}
.sp-security-beyond-encryption-grid__col--right {
flex: 1 1 55%;
display: flex
}
@media(max-width: 768px) {
.sp-security-beyond-encryption-grid__col--right {
margin-bottom: 24px;
flex: 1 1 100%;
order: 1
}
}
.sp-security-beyond-encryption-grid__img-left,
.sp-security-beyond-encryption-grid__img-right {
flex: 1 1 50%
}
.sp-security-beyond-encryption-grid__img-left img,
.sp-security-beyond-encryption-grid__img-right img {
width: 100%
}
.sp-security-beyond-encryption-grid__img-left {
margin-right: 32px
}
.sp-security-beyond-encryption-grid__title {
display: flex;
align-items: center;
color: #4ac18e
}
.sp-security-beyond-encryption-grid__description {
max-width: 474px
}
.sp-security-beyond-encryption-grid__ellipse .sp-ellipse {
top: -15%;
right: -20%;
left: 100%
}
@media(max-width: 1280px) {
.sp-security-beyond-encryption-grid__ellipse .sp-ellipse {
top: 40%;
width: 830px !important;
height: 830px !important
}
}
@media(max-width: 1024px) {
.sp-security-beyond-encryption-grid__ellipse .sp-ellipse {
width: 660px !important;
height: 660px !important
}
}
@media(max-width: 768px) {
.sp-security-beyond-encryption-grid__ellipse .sp-ellipse {
left: 50%;
width: 400px !important;
height: 400px !important
}
}
@media(max-width: 600px) {
.sp-security-beyond-encryption-grid__ellipse .sp-ellipse {
width: 322px !important;
height: 322px !important
}
}
.sp-security-transform-grid {
position: relative;
padding: 140px 0 100px;
margin-bottom: 32px
}
@media(max-width: 1280px) {
.sp-security-transform-grid {
padding: 120px 0 50px;
margin: 0
}
}
@media(max-width: 1024px) {
.sp-security-transform-grid {
padding: 100px 0 0
}
}
@media(max-width: 768px) {
.sp-security-transform-grid {
padding: 50px 0 0;
margin-bottom: 0
}
}
.sp-security-transform-grid__row {
display: flex;
align-items: center;
gap: 32px
}
@media(max-width: 768px) {
.sp-security-transform-grid__row {
flex-wrap: wrap;
gap: 24px
}
}
.sp-security-transform-grid__col--left {
flex: 1 1 55%
}
@media(max-width: 768px) {
.sp-security-transform-grid__col--left {
flex: 1 1 100%
}
}
.sp-security-transform-grid__col--right {
flex: 1 1 45%
}
@media(max-width: 768px) {
.sp-security-transform-grid__col--right {
flex: 1 1 100%
}
}
.sp-security-transform-grid__line {
position: absolute;
top: 38%;
left: 0;
z-index: -1
}
@media(max-width: 1280px) {
.sp-security-transform-grid__line {
top: 30%
}
}
@media(max-width: 1151px) {
.sp-security-transform-grid__line {
display: none
}
}
.sp-security-transform-grid__image {
font-size: 0;
max-width: 606px;
border-radius: 4px;
overflow: hidden
}
@media(max-width: 1024px) {
.sp-security-transform-grid__image {
margin-left: -40px
}
}
@media(max-width: 768px) {
.sp-security-transform-grid__image {
margin-left: 0;
max-width: unset
}
}
.sp-security-transform-grid__image img {
width: 100%
}
@media(max-width: 768px) {
.sp-security-transform-grid__image img {
max-width: 446px
}
}
.sp-security-transform-grid__title {
color: #4ac18e
}
.sp-security-transform-grid__title .MuiTypography-root span {
display: block
}
.sp-security-responsible-grid {
position: relative;
padding: 140px 0 100px;
margin-bottom: 32px
}
@media(max-width: 1280px) {
.sp-security-responsible-grid {
padding: 120px 0 50px;
margin: 0
}
}
@media(max-width: 1024px) {
.sp-security-responsible-grid {
padding: 100px 0 0
}
}
@media(max-width: 768px) {
.sp-security-responsible-grid {
padding: 90px 0 0;
margin-bottom: 0
}
}
.sp-security-responsible-grid__row {
display: flex;
align-items: center;
flex-direction: row-reverse;
gap: 32px
}
@media(max-width: 768px) {
.sp-security-responsible-grid__row {
flex-wrap: wrap;
gap: 24px
}
}
.sp-security-responsible-grid__col--left {
flex: 1 1 55%
}
@media(max-width: 768px) {
.sp-security-responsible-grid__col--left {
flex: 1 1 100%
}
}
.sp-security-responsible-grid__col--right {
flex: 1 1 45%
}
@media(max-width: 768px) {
.sp-security-responsible-grid__col--right {
flex: 1 1 100%
}
}
.sp-security-responsible-grid__image {
font-size: 0;
max-width: 606px;
border-radius: 4px;
overflow: hidden
}
@media(max-width: 1024px) {
.sp-security-responsible-grid__image {
margin-right: -40px
}
}
@media(max-width: 768px) {
.sp-security-responsible-grid__image {
margin-right: 0;
max-width: unset
}
}
.sp-security-responsible-grid__image img {
width: 100%
}
@media(max-width: 768px) {
.sp-security-responsible-grid__image img {
max-width: 446px
}
}
.sp-security-responsible-grid__title {
color: #4ac18e
}
.sp-security-responsible-grid__ellipse .sp-ellipse {
top: 50%;
left: 0
}
@media(max-width: 1280px) {
.sp-security-responsible-grid__ellipse .sp-ellipse {
width: 608px !important;
height: 608px !important
}
}
@media(max-width: 1024px) {
.sp-security-responsible-grid__ellipse .sp-ellipse {
width: 474px !important;
height: 474px !important
}
}
@media(max-width: 768px) {
.sp-security-responsible-grid__ellipse .sp-ellipse {
width: 400px !important;
height: 400px !important
}
}
.sp-security-opencore-grid {
position: relative;
padding: 140px 0 100px;
margin-bottom: 32px
}
@media(max-width: 1280px) {
.sp-security-opencore-grid {
padding: 120px 0 50px;
margin: 0
}
}
@media(max-width: 1024px) {
.sp-security-opencore-grid {
padding: 100px 0 0
}
}
@media(max-width: 768px) {
.sp-security-opencore-grid {
padding: 90px 0 0;
margin-bottom: 0
}
}
.sp-security-opencore-grid__row {
display: flex;
align-items: center;
gap: 32px
}
@media(max-width: 768px) {
.sp-security-opencore-grid__row {
flex-wrap: wrap;
gap: 24px
}
}
.sp-security-opencore-grid__col--left {
flex: 1 1 55%
}
@media(max-width: 768px) {
.sp-security-opencore-grid__col--left {
flex: 1 1 100%
}
}
.sp-security-opencore-grid__col--right {
flex: 1 1 45%
}
@media(max-width: 768px) {
.sp-security-opencore-grid__col--right {
flex: 1 1 100%
}
}
.sp-security-opencore-grid__line {
position: absolute;
top: -4%;
left: 0;
z-index: -1
}
@media(max-width: 1280px) {
.sp-security-opencore-grid__line {
display: block;
top: -15%;
transform: scale(0.8)
}
}
@media(max-width: 1024px) {
.sp-security-opencore-grid__line {
display: none
}
}
.sp-security-opencore-grid__image {
font-size: 0;
max-width: 606px;
border-radius: 4px;
overflow: hidden
}
@media(max-width: 1024px) {
.sp-security-opencore-grid__image {
margin-left: -40px
}
}
@media(max-width: 768px) {
.sp-security-opencore-grid__image {
margin-left: 0;
max-width: unset
}
}
.sp-security-opencore-grid__image img {
width: 100%
}
@media(max-width: 768px) {
.sp-security-opencore-grid__image img {
max-width: 446px
}
}
.sp-security-opencore-grid__title {
color: #4ac18e
}
.sp-security-grid {
position: relative;
padding: 20px 0 76px;
z-index: 1
}
.start-page-grid .sp-header.default .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text {
position: relative;
margin: 0 12px;
min-width: auto;
min-height: auto;
padding: 0
}
.start-page-grid .sp-header.default .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text::after {
display: block;
content: "";
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
height: 1px;
background-color: #4ac18e;
transform: scaleX(0);
transition: transform .15s
}
.start-page-grid .sp-header.default .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text:hover {
color: #4ac18e
}
.start-page-grid .sp-header.default .sp-header__col--right .MuiButton-root.MuiButton-sizeSmall.MuiButton-text:hover::after {
transform: scaleX(1)
}
.start-page-grid .sp-header.default .sp-header-list__item .submenu-item__sub-title {
white-space: pre-line
}
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3) .submenu.submenu--width-lg,
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4) .submenu.submenu--width-lg {
min-width: 865px
}
@media(max-width: 1151px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3) .submenu.submenu--width-lg,
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4) .submenu.submenu--width-lg {
min-width: auto
}
}
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3) .submenu.submenu--width-lg .submenu__col--right,
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4) .submenu.submenu--width-lg .submenu__col--right {
min-width: auto;
max-width: none;
flex: 1 1 52%;
padding-inline: 24px 0;
padding-top: 0
}
@media(max-width: 1151px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3) .submenu.submenu--width-lg .submenu__col--right,
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4) .submenu.submenu--width-lg .submenu__col--right {
padding-left: 0
}
}
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3) .submenu.submenu--width-lg .submenu__col--left,
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4) .submenu.submenu--width-lg .submenu__col--left {
flex: 1 1 48%
}
@media(max-width: 1280px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3) .submenu.submenu--width-lg .submenu__col--left,
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4) .submenu.submenu--width-lg .submenu__col--left {
margin-bottom: 0
}
}
@media(max-width: 1280px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(3):hover .submenu {
left: -100px
}
}
@media(max-width: 1280px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(4):hover .submenu {
left: -160px
}
}
@media(max-width: 1440px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(5):hover .submenu {
left: -100px
}
}
@media(max-width: 1280px) {
.start-page-grid .sp-header.default .sp-header-list__item:nth-child(5):hover .submenu {
left: -180px
}
}
.start-page-grid__bg {
min-height: 100vh;
background-color: #1f2232
}
.start-page-grid__overflow {
overflow: hidden
}
.start-page-grid__description {
display: flex;
justify-content: center;
text-align: center
}
.css-2puaip {
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
background-color: transparent;
cursor: pointer;
user-select: none;
vertical-align: middle;
appearance: none;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 0.9375rem;
line-height: 1.75;
letter-spacing: 0.02857em;
text-transform: uppercase;
min-width: 64px;
color: rgb(46, 125, 50);
outline: 0px;
margin: 0px;
text-decoration: none;
padding: 7px 21px;
border-radius: 4px;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
border-width: 1px;
border-style: solid;
border-color: rgba(46, 125, 50, 0.5);
border-image: initial;
}
.sp-journey-grid__buttons a {
margin-right: 32px;
}
.css-2puaip.MuiButton-root {
height: 36px;
padding: 0px 14px;
border: 1px solid transparent;
border-radius: 4px;
background-color: transparent;
font-family: Inter, sans-serif;
font-weight: 500;
font-size: 14px;
color: rgb(249, 249, 249);
text-transform: capitalize;
box-sizing: border-box;
box-shadow: none;
transition: background-color 0.1s, color 0.1s, border-color 0.1s, opacity 0.1s;
white-space: nowrap;
}
.css-2puaip.MuiButton-root.MuiButton-sizeLarge {
height: 40px;
padding: 0px 24px;
}
.sp-button-lg a.MuiButton-root.MuiButton-sizeLarge,
.sp-button-lg button.MuiButton-root.MuiButton-sizeLarge {
min-height: 48px;
}
.css-2puaip.MuiButton-root.MuiButton-outlined.MuiButton-colorSuccess {
border-color: rgb(74, 193, 142);
background-color: transparent;
color: rgb(249, 249, 249);
}
.css-2puaip.MuiButton-root.MuiButton-outlined.MuiButton-sizeLarge {
font-size: 16px;
}
.css-2puaip.MuiButton-root.MuiButton-outlined.MuiButton-colorSuccess:hover {
border-color: rgb(132, 209, 168);
background-color: rgb(132, 209, 168);
color: rgb(41, 44, 61);
box-shadow: rgb(132, 209, 168) 0px 0px 4px 0px;
}
.sp-button-lg a.MuiButton-root.MuiButton-sizeLarge.MuiButton-outlinedSuccess:hover,
.sp-button-lg button.MuiButton-root.MuiButton-sizeLarge.MuiButton-outlinedSuccess:hover {
color: rgb(41, 44, 61);
}
.sp-button-lg a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess,
.sp-button-lg button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess {
color: rgb(41, 44, 61);
}
.css-11tyybb.MuiButton-root.MuiButton-contained.MuiButton-sizeLarge {
font-size: 16px;
}
.sp-button-link a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess,
.sp-button-link a.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess,
.sp-button-link button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess,
.sp-button-link button.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess {
position: relative;
min-height: auto;
background-color: rgba(0, 0, 0, 0);
color: rgb(249, 249, 249);
padding: 0px;
border-color: rgba(0, 0, 0, 0);
transition: color 0.15s;
}
.css-11tyybb:hover {
text-decoration: none;
background-color: rgb(27, 94, 32);
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}
.css-11tyybb.MuiButton-root {
height: 36px;
padding: 0px 14px;
border: 1px solid transparent;
border-radius: 4px;
background-color: transparent;
font-family: Inter, sans-serif;
font-weight: 500;
font-size: 14px;
color: rgb(249, 249, 249);
text-transform: capitalize;
box-sizing: border-box;
box-shadow: none;
transition: background-color 0.1s, color 0.1s, border-color 0.1s, opacity 0.1s;
white-space: nowrap;
}
.sp-button-lg a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover,
.sp-button-lg button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover {
color: rgb(41, 44, 61);
}
.sp-button-link a.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover,
.sp-button-link a.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess:hover,
.sp-button-link button.MuiButton-root.MuiButton-sizeLarge.MuiButton-containedSuccess:hover,
.sp-button-link button.MuiButton-root.MuiButton-sizeMedium.MuiButton-containedSuccess:hover {
color: rgb(74, 193, 142);
box-shadow: none;
background: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
}
.header {
background: rgba(4, 9, 12, 0.7);
}
.block-editor-default-block-appender .block-editor-inserter {
left: calc(50% - 12px);
top: calc(50% - 12px);
}
.block-editor-inner-blocks {
height: auto;
min-height: 200px;
}
.css-1spb1s5 {
background-color: rgba(97, 97, 97, 0.92);
border-radius: 4px;
color: rgb(255, 255, 255);
font-family: Roboto, Helvetica, Arial, sans-serif;
padding: 4px 8px;
font-size: 0.6875rem;
max-width: 300px;
margin: 2px;
overflow-wrap: break-word;
font-weight: 500;
}
.css-16doyud.MuiTooltip-popper .MuiTooltip-tooltip {
max-width: 600px;
padding: 12px;
font-size: 14px;
}
.css-16doyud.MuiTooltip-popper .MuiTooltip-tooltip {
border-radius: 4px;
border: 1px solid rgb(41, 44, 61);
background-color: rgb(20, 21, 31);
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: rgb(207, 208, 211);
}
.MuiTooltip-popper[data-popper-placement*="top"] .css-1spb1s5 {
transform-origin: center bottom;
margin-bottom: 14px;
}
.css-16doyud.MuiTooltip-popper[data-popper-placement*="top"] .MuiTooltip-tooltip {
margin-bottom: 8px;
}
.css-1q2h7u5 {
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
background-color: transparent;
outline: 0px;
border: 0px;
margin: 0px;
border-radius: 0px;
cursor: pointer;
user-select: none;
vertical-align: middle;
appearance: none;
text-decoration: none;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 0.875rem;
line-height: 1.25;
letter-spacing: 0.02857em;
text-transform: uppercase;
max-width: 360px;
min-width: 90px;
position: relative;
min-height: 48px;
flex-shrink: 0;
padding: 12px 16px;
overflow: hidden;
white-space: normal;
text-align: center;
flex-direction: column;
color: rgba(0, 0, 0, 0.6);
}
.css-1k8g4fo .MuiTab-root {
font-family: Inter, sans-serif;
font-size: 12px;
line-height: 20px;
font-weight: 600;
color: rgb(207, 208, 211);
}
.css-1k8g4fo .MuiTab-root.MuiTab-textColorPrimary {
text-transform: none;
min-height: 44px;
}
.sp-hero-ai-slider__arrow {
display: none
}
@media(max-width: 1024px) {
.sp-hero-ai-slider.sp-hero-ai-slider--shorter .sp-hero-ai-slider__arrow {
display: flex
}
}
.sp-hero-ai-slider__wrap {
display: flex;
flex-direction: column
}
.sp-hero-ai-slider .swiper {
margin: 0 55px
}
@media(max-width: 600px) {
.sp-hero-ai-slider .swiper {
margin: 0 36px
}
}
.sp-hero-ai-slider__slide {
position: relative;
height: 74px;
display: grid;
place-items: center
}
.sp-hero-ai-slider__slide:hover .sp-hero-ai-slider__slide-info,
.sp-hero-ai-slider__slide.active .sp-hero-ai-slider__slide-info {
opacity: 1
}
.sp-hero-ai-slider__slide img {
max-height: 56px
}
.sp-hero-ai-slider__slide-info {
position: absolute;
box-sizing: border-box;
inset: 1px;
display: flex;
flex-direction: column;
gap: 4px;
padding: 8px 10px;
background: linear-gradient(0deg, #4ac18e -133.59%, #1F2232 100%);
opacity: 0;
transition: transform .2s, opacity .3s
}
.sp-hero-ai-slider__slide-text {
flex: 1
}
.sp-hero-ai-slider__slide-text p:nth-child(2) {
white-space: nowrap;
line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
max-height: 20px;
width: 100%;
line-height: 1
}
.sp-hero-ai-slider__slide-text .MuiTypography-root.MuiTypography-h6.MuiTypography-alignLeft {
margin-bottom: 6px;
font-size: 16px
}
.sp-hero-ai-slider__arrows {
position: absolute;
display: flex;
justify-content: space-between;
inset: 1px;
background: linear-gradient(-40deg, #2D514D 5.74%, #292C3D 29.54%, #292C3D 67.84%, #284749 98.68%), linear-gradient(0deg, rgba(74, 193, 142, 0.3), rgba(74, 193, 142, 0.3));
clip-path: polygon(34px 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% 34px)
}
@media(max-width: 600px) {
.sp-hero-ai-slider__arrows {
clip-path: none
}
}
.sp-hero-ai-slider__arrow {
display: flex;
justify-content: center;
align-items: center;
width: 56px;
height: 100%;
margin-top: 0;
padding: 25px 10px;
color: #cfd0d3;
background-color: rgba(0, 0, 0, .1);
cursor: pointer;
transition: background-color .1s;
user-select: none
}
.sp-hero-ai-slider__arrow:hover {
background-color: rgba(0, 0, 0, .2)
}
.sp-hero-ai-slider__arrow--prev svg {
transform: scaleX(-1)
}
@media(max-width: 600px) {
.sp-hero-ai-slider__arrow {
width: 36px
}
}
.sp-hero-ai-slider__arrow {
display: flex;
justify-content: center;
align-items: center;
width: 56px;
height: 100%;
margin-top: 0;
padding: 25px 10px;
color: #cfd0d3;
background-color: rgba(0, 0, 0, .1);
cursor: pointer;
transition: background-color .1s;
user-select: none;
}
.css-ttwr4n {
position: absolute;
height: 2px;
bottom: 0px;
width: 100%;
background-color: rgb(25, 118, 210);
transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.css-1k8g4fo .MuiTabs-indicator {
height: 3px;
background-color: rgb(74, 193, 142);
}
.css-1k8g4fo .MuiTabs-flexContainer {
height: 100%;
display: flex;
}
.css-1751wh9 {
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
cursor: pointer;
user-select: none;
vertical-align: middle;
appearance: none;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 0.875rem;
line-height: 1.75;
letter-spacing: 0.02857em;
text-transform: uppercase;
min-width: 64px;
color: rgb(255, 255, 255);
background-color: rgb(46, 125, 50);
box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
outline: 0px;
border-width: 0px;
border-style: initial;
border-color: initial;
border-image: initial;
margin: 0px;
text-decoration: none;
padding: 6px 16px;
border-radius: 4px;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.css-1751wh9.MuiButton-root {
height: 36px;
padding: 0px 14px;
border: 1px solid transparent;
border-radius: 4px;
background-color: transparent;
font-family: Inter, sans-serif;
font-weight: 500;
font-size: 14px;
color: rgb(249, 249, 249);
text-transform: capitalize;
box-sizing: border-box;
box-shadow: none;
transition: background-color 0.1s, color 0.1s, border-color 0.1s, opacity 0.1s;
white-space: nowrap;
}
.css-1751wh9.MuiButton-root.MuiButton-sizeMedium {
height: 36px;
padding: 0px 18px;
}
.css-1751wh9.MuiButton-root.MuiButton-contained.MuiButton-colorSuccess {
border-color: rgb(74, 193, 142);
background-color: rgb(74, 193, 142);
color: rgb(41, 44, 61);
}
.css-1751wh9.MuiButton-root.MuiButton-contained.MuiButton-colorSuccess:hover {
border-color: rgb(132, 209, 168);
background-color: rgb(132, 209, 168);
color: rgb(41, 44, 61);
box-shadow: rgb(132, 209, 168) 0px 0px 4px 0px;
}
.sp-sticky-box-list__logo img {
width: 100%;
max-width: 72px;
}
.css-ng5p9s {
text-align: center;
letter-spacing: -0.01562em;
margin: 0;
}
.css-ng5p9s.MuiTypography-root {
line-height: 1.2;
}
.css-ng5p9s.MuiTypography-root.MuiTypography-color-title-textSecondary {
color: rgb(249, 249, 249);
}
.css-ng5p9s.MuiTypography-root.MuiTypography-weight-title-800 {
font-weight: 800;
}
.css-1wf1w97 {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
color: rgba(0, 0, 0, 0.6);
}
.css-1wf1w97.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 400;
line-height: 1.4;
}
.css-1wf1w97.MuiTypography-root.MuiTypography-body1 {
font-size: 16px;
}
.css-1wf1w97.MuiTypography-root.MuiTypography-color-description-textSecondary {
color: rgb(249, 249, 249);
}
.css-1wf1w97.MuiTypography-root.MuiTypography-color-description-textSecondary a {
color: #68ecff;
}
.css-1wf1w97.MuiTypography-root.MuiTypography-color-description-textSecondary a:hover {
text-decoration: none;
}
.css-1wf1w97.MuiTypography-root.MuiTypography-weight-description-600 {
font-weight: 600;
}
.css-11tyybb {
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
cursor: pointer;
user-select: none;
vertical-align: middle;
appearance: none;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 0.9375rem;
line-height: 1.75;
letter-spacing: 0.02857em;
text-transform: uppercase;
min-width: 64px;
color: rgb(255, 255, 255);
background-color: rgb(46, 125, 50);
box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
outline: 0px;
border-width: 0px;
border-style: initial;
border-color: initial;
border-image: initial;
margin: 0px;
text-decoration: none;
padding: 8px 22px;
border-radius: 4px;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.css-11tyybb.MuiButton-root.MuiButton-sizeLarge {
height: 36px;
padding: 0px 14px;
border: 1px solid transparent;
border-radius: 4px;
background-color: transparent;
font-family: Inter, sans-serif;
font-weight: 500;
font-size: 14px;
color: rgb(249, 249, 249);
text-transform: capitalize;
box-sizing: border-box;
box-shadow: none;
transition: background-color 0.1s, color 0.1s, border-color 0.1s, opacity 0.1s;
white-space: nowrap;
}
.css-11tyybb.MuiButton-root.MuiButton-sizeLarge {
height: 40px;
}
.css-11tyybb.MuiButton-root.MuiButton-contained.MuiButton-colorSuccess {
border-color: rgb(74, 193, 142);
background-color: rgb(74, 193, 142);
}
.sp-circle-grid__title-button.sp-button-lg a {
border-color: rgb(74, 193, 142);
background-color: rgb(74, 193, 142);
}
.css-11tyybb.MuiButton-root.MuiButton-contained.MuiButton-colorSuccess:hover {
border-color: rgb(132, 209, 168);
background-color: rgb(132, 209, 168);
color: rgb(41, 44, 61);
box-shadow: rgb(132, 209, 168) 0px 0px 4px 0px;
}
.has-gradient-text {
background: linear-gradient(90deg, #ff7e5f, #feb47b);
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.css-gsfkio {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 3.75rem;
line-height: 1.2;
letter-spacing: -0.00833em;
color: inherit;
}
.css-gsfkio.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 600;
line-height: 1.2;
}
.css-gsfkio.MuiTypography-root.MuiTypography-weight-title-800 {
font-weight: 800;
}
.css-1io9crl {
letter-spacing: 0.00938em;
margin: 0;
}
.css-1io9crl.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 400;
line-height: 1.4;
}
.css-1io9crl.MuiTypography-root.MuiTypography-body1 {
font-size: 16px;
}
.css-1io9crl.MuiTypography-root.MuiTypography-color-description-primary {
color: rgb(207, 208, 211);
}
.css-1io9crl.MuiTypography-root.MuiTypography-weight-description-400 {
font-weight: 400;
}
.sp-companies-grid__buttons a.css-2puaip.MuiButton-root.MuiButton-outlined.MuiButton-sizeLarge {
margin-right: 32px;
}
.css-1h0ebip {
margin: 0px;
letter-spacing: 0.00938em;
}
.css-1h0ebip.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 400;
line-height: 1.4;
}
.css-1h0ebip.MuiTypography-root.MuiTypography-subtitle1 {
font-size: 12px;
}
.css-1h0ebip.MuiTypography-root.MuiTypography-color-description-textSecondary {
color: rgb(249, 249, 249);
}
.css-1h0ebip.MuiTypography-root.MuiTypography-weight-description-400 {
font-weight: 400;
}
.css-eafgpm {
margin: 0px;
font: inherit;
color: rgb(25, 118, 210);
text-decoration: underline rgba(25, 118, 210, 0.4);
}
.css-eafgpm.MuiLink-root {
position: relative;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
gap: 5px;
font-family: Inter, sans-serif;
font-weight: inherit;
font-size: inherit;
color: inherit;
text-decoration: none !important;
}
.css-eafgpm.MuiLink-root.link--green {
color: rgb(74, 193, 142);
}
.css-eafgpm.MuiLink-root.link--medium {
font-size: 14px;
}
.css-eafgpm.MuiLink-root::after {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: -2px;
height: 1px;
width: 100%;
background-color: currentcolor;
transform: scaleX(1);
transition: transform 0.2s;
}
.css-eafgpm.MuiLink-root.link--green::after {
background-color: rgb(74, 193, 142);
}
.css-eafgpm.MuiLink-root.MuiLink-underlineAlways::after {
transform: scaleX(1);
}
.css-eafgpm.MuiLink-root.MuiLink-underlineAlways:hover::after {
transform: scaleX(0);
}
.css-1cprt2j {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.43;
letter-spacing: 0.01071em;
color: rgba(0, 0, 0, 0.6);
}
.css-1cprt2j.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 400;
line-height: 1.4;
}
.css-1cprt2j.MuiTypography-root.MuiTypography-body2 {
font-size: 14px;
}
.css-1cprt2j.MuiTypography-root.MuiTypography-color-description-textSecondary {
color: rgb(249, 249, 249);
}
.css-1cprt2j.MuiTypography-root.MuiTypography-weight-description-400 {
font-weight: 400;
}
.css-1rsrt43 {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 6rem;
line-height: 1.167;
letter-spacing: -0.01562em;
color: rgba(0, 0, 0, 0.6);
}
.css-1rsrt43.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 600;
line-height: 1.2;
}
.css-1rsrt43.MuiTypography-root.MuiTypography-h1 {
font-size: 42px;
}
.css-1rsrt43.MuiTypography-root.MuiTypography-color-title-textSecondary {
color: rgb(249, 249, 249);
}
.PresetDateRangePicker_panel {
padding: 0 22px 11px
}
.PresetDateRangePicker_button {
position: relative;
height: 100%;
text-align: center;
background: 0 0;
border: 2px solid #00a699;
color: #00a699;
padding: 4px 12px;
margin-right: 8px;
font: inherit;
font-weight: 700;
line-height: normal;
overflow: visible;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer
}
.PresetDateRangePicker_button:active {
outline: 0
}
.PresetDateRangePicker_button__selected {
color: #fff;
background: #00a699
}
.SingleDatePickerInput {
display: inline-block;
background-color: #fff
}
.SingleDatePickerInput__withBorder {
border-radius: 2px;
border: 1px solid #dbdbdb
}
.SingleDatePickerInput__rtl {
direction: rtl
}
.SingleDatePickerInput__disabled {
background-color: #f2f2f2
}
.SingleDatePickerInput__block {
display: block
}
.SingleDatePickerInput__showClearDate {
padding-right: 30px
}
.SingleDatePickerInput_clearDate {
background: 0 0;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
cursor: pointer;
padding: 10px;
margin: 0 10px 0 5px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
background: #dbdbdb;
border-radius: 50%
}
.SingleDatePickerInput_clearDate__small {
padding: 6px
}
.SingleDatePickerInput_clearDate__hide {
visibility: hidden
}
.SingleDatePickerInput_clearDate_svg {
fill: #82888a;
height: 12px;
width: 15px;
vertical-align: middle
}
.SingleDatePickerInput_clearDate_svg__small {
height: 9px
}
.SingleDatePickerInput_calendarIcon {
background: 0 0;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
cursor: pointer;
display: inline-block;
vertical-align: middle;
padding: 10px;
margin: 0 5px 0 10px
}
.SingleDatePickerInput_calendarIcon_svg {
fill: #82888a;
height: 15px;
width: 14px;
vertical-align: middle
}
.SingleDatePicker {
position: relative;
display: inline-block
}
.SingleDatePicker__block {
display: block
}
.SingleDatePicker_picker {
z-index: 1;
background-color: #fff;
position: absolute
}
.SingleDatePicker_picker__rtl {
direction: rtl
}
.SingleDatePicker_picker__directionLeft {
left: 0
}
.SingleDatePicker_picker__directionRight {
right: 0
}
.SingleDatePicker_picker__portal {
background-color: rgba(0, 0, 0, .3);
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%
}
.SingleDatePicker_picker__fullScreenPortal {
background-color: #fff
}
.SingleDatePicker_closeButton {
background: 0 0;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
padding: 15px;
z-index: 2
}
.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
color: darken(#cacccd, 10%);
text-decoration: none
}
.SingleDatePicker_closeButton_svg {
height: 15px;
width: 15px;
fill: #cacccd
}
.DayPickerKeyboardShortcuts_buttonReset {
background: 0 0;
border: 0;
border-radius: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
padding: 0;
cursor: pointer;
font-size: 14px
}
.DayPickerKeyboardShortcuts_buttonReset:active {
outline: 0
}
.DayPickerKeyboardShortcuts_show {
width: 33px;
height: 26px;
position: absolute;
z-index: 2
}
.DayPickerKeyboardShortcuts_show::before {
content: "";
display: block;
position: absolute
}
.DayPickerKeyboardShortcuts_show__bottomRight {
bottom: 0;
right: 0
}
.DayPickerKeyboardShortcuts_show__bottomRight::before {
border-top: 26px solid transparent;
border-right: 33px solid #00a699;
bottom: 0;
right: 0
}
.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
border-right: 33px solid #008489
}
.DayPickerKeyboardShortcuts_show__topRight {
top: 0;
right: 0
}
.DayPickerKeyboardShortcuts_show__topRight::before {
border-bottom: 26px solid transparent;
border-right: 33px solid #00a699;
top: 0;
right: 0
}
.DayPickerKeyboardShortcuts_show__topRight:hover::before {
border-right: 33px solid #008489
}
.DayPickerKeyboardShortcuts_show__topLeft {
top: 0;
left: 0
}
.DayPickerKeyboardShortcuts_show__topLeft::before {
border-bottom: 26px solid transparent;
border-left: 33px solid #00a699;
top: 0;
left: 0
}
.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
border-left: 33px solid #008489
}
.DayPickerKeyboardShortcuts_showSpan {
color: #fff;
position: absolute
}
.DayPickerKeyboardShortcuts_showSpan__bottomRight {
bottom: 0;
right: 5px
}
.DayPickerKeyboardShortcuts_showSpan__topRight {
top: 1px;
right: 5px
}
.DayPickerKeyboardShortcuts_showSpan__topLeft {
top: 1px;
left: 5px
}
.DayPickerKeyboardShortcuts_panel {
overflow: auto;
background: #fff;
border: 1px solid #dbdbdb;
border-radius: 2px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 2;
padding: 22px;
margin: 33px;
text-align: left
}
.DayPickerKeyboardShortcuts_title {
font-size: 16px;
font-weight: 700;
margin: 0
}
.DayPickerKeyboardShortcuts_list {
list-style: none;
padding: 0;
font-size: 14px
}
.DayPickerKeyboardShortcuts_close {
position: absolute;
right: 22px;
top: 22px;
z-index: 2
}
.DayPickerKeyboardShortcuts_close:active {
outline: 0
}
.DayPickerKeyboardShortcuts_closeSvg {
height: 15px;
width: 15px;
fill: #cacccd
}
.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
fill: #82888a
}
.CalendarDay {
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
font-size: 14px;
text-align: center
}
.CalendarDay:active {
outline: 0
}
.CalendarDay__defaultCursor {
cursor: default
}
.CalendarDay__default {
border: 1px solid #e4e7e7;
color: #484848;
background: #fff
}
.CalendarDay__default:hover {
background: #e4e7e7;
border: 1px solid #e4e7e7;
color: inherit
}
.CalendarDay__hovered_offset {
background: #f4f5f5;
border: 1px double #e4e7e7;
color: inherit
}
.CalendarDay__outside {
border: 0;
background: #fff;
color: #484848
}
.CalendarDay__outside:hover {
border: 0
}
.CalendarDay__blocked_minimum_nights {
background: #fff;
border: 1px solid #eceeee;
color: #cacccd
}
.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
background: #fff;
color: #cacccd
}
.CalendarDay__highlighted_calendar {
background: #ffe8bc;
color: #484848
}
.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
background: #ffce71;
color: #484848
}
.CalendarDay__selected_span {
background: #66e2da;
border: 1px double #33dacd;
color: #fff
}
.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
background: #33dacd;
border: 1px double #33dacd;
color: #fff
}
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
background: #00a699;
border: 1px double #00a699;
color: #fff
}
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
background: #b2f1ec;
border: 1px double #80e8e0;
color: #007a87
}
.CalendarDay__hovered_span:active {
background: #80e8e0;
border: 1px double #80e8e0;
color: #007a87
}
.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
background: #cacccd;
border: 1px solid #cacccd;
color: #82888a
}
.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
background: #fff;
border: 1px solid #e4e7e7;
color: #cacccd
}
.CalendarDay__hovered_start_first_possible_end {
background: #eceeee;
border: 1px double #eceeee
}
.CalendarDay__hovered_start_blocked_min_nights {
background: #eceeee;
border: 1px double #e4e7e7
}
.CalendarMonth {
background: #fff;
text-align: center;
vertical-align: top;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.CalendarMonth_table {
border-collapse: collapse;
border-spacing: 0
}
.CalendarMonth_verticalSpacing {
border-collapse: separate
}
.CalendarMonth_caption {
color: #484848;
font-size: 18px;
text-align: center;
padding-top: 22px;
padding-bottom: 37px;
caption-side: initial
}
.CalendarMonth_caption__verticalScrollable {
padding-top: 12px;
padding-bottom: 7px
}
.CalendarMonthGrid {
background: #fff;
text-align: left;
z-index: 0
}
.CalendarMonthGrid__animating {
z-index: 1
}
.CalendarMonthGrid__horizontal {
position: absolute;
left: 9px
}
.CalendarMonthGrid__vertical,
.CalendarMonthGrid__vertical_scrollable {
margin: 0 auto
}
.CalendarMonthGrid_month__horizontal {
display: inline-block;
vertical-align: top;
min-height: 100%
}
.CalendarMonthGrid_month__hideForAnimation {
position: absolute;
z-index: -1;
opacity: 0;
pointer-events: none
}
.CalendarMonthGrid_month__hidden {
visibility: hidden
}
.DayPickerNavigation {
position: relative;
z-index: 2
}
.DayPickerNavigation__horizontal {
height: 0
}
.DayPickerNavigation__verticalScrollable_prevNav {
z-index: 1
}
.DayPickerNavigation__verticalDefault {
position: absolute;
width: 100%;
height: 52px;
bottom: 0;
left: 0
}
.DayPickerNavigation__verticalScrollableDefault {
position: relative
}
.DayPickerNavigation__bottom {
height: auto
}
.DayPickerNavigation__bottomDefault {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between
}
.DayPickerNavigation_button {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 0;
padding: 0;
margin: 0
}
.DayPickerNavigation_button__default {
border: 1px solid #e4e7e7;
background-color: #fff;
color: #757575
}
.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
border: 1px solid #c4c4c4
}
.DayPickerNavigation_button__default:active {
background: #f2f2f2
}
.DayPickerNavigation_button__disabled {
cursor: default;
border: 1px solid #f2f2f2
}
.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
border: 1px solid #f2f2f2
}
.DayPickerNavigation_button__disabled:active {
background: 0 0
}
.DayPickerNavigation_button__horizontalDefault {
position: absolute;
top: 18px;
line-height: .78;
border-radius: 3px;
padding: 6px 9px
}
.DayPickerNavigation_bottomButton__horizontalDefault {
position: static;
margin: -10px 22px 30px
}
.DayPickerNavigation_leftButton__horizontalDefault {
left: 22px
}
.DayPickerNavigation_rightButton__horizontalDefault {
right: 22px
}
.DayPickerNavigation_button__verticalDefault {
padding: 5px;
background: #fff;
box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
position: relative;
display: inline-block;
text-align: center;
height: 100%;
width: 50%
}
.DayPickerNavigation_nextButton__verticalDefault {
border-left: 0
}
.DayPickerNavigation_nextButton__verticalScrollableDefault,
.DayPickerNavigation_prevButton__verticalScrollableDefault {
width: 100%
}
.DayPickerNavigation_svg__horizontal {
height: 19px;
width: 19px;
fill: #82888a;
display: block
}
.DayPickerNavigation_svg__vertical {
height: 42px;
width: 42px;
fill: #484848
}
.DayPickerNavigation_svg__disabled {
fill: #f2f2f2
}
.DayPicker {
background: #fff;
position: relative;
text-align: left
}
.DayPicker__horizontal {
background: #fff
}
.DayPicker__verticalScrollable {
height: 100%
}
.DayPicker__hidden {
visibility: hidden
}
.DayPicker__withBorder {
box-shadow: 0 2px 6px rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .07);
border-radius: 3px
}
.DayPicker_portal__horizontal {
box-shadow: none;
position: absolute;
left: 50%;
top: 50%
}
.DayPicker_portal__vertical {
position: initial
}
.DayPicker_focusRegion {
outline: 0
}
.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
display: inline-block;
vertical-align: top
}
.DayPicker_weekHeaders {
position: relative
}
.DayPicker_weekHeaders__horizontal {
margin-left: 9px
}
.DayPicker_weekHeader {
color: #757575;
position: absolute;
top: 62px;
z-index: 2;
text-align: left
}
.DayPicker_weekHeader__vertical {
left: 50%
}
.DayPicker_weekHeader__verticalScrollable {
top: 0;
display: table-row;
border-bottom: 1px solid #dbdbdb;
background: #fff;
margin-left: 0;
left: 0;
width: 100%;
text-align: center
}
.DayPicker_weekHeader_ul {
list-style: none;
margin: 1px 0;
padding-left: 0;
padding-right: 0;
font-size: 14px
}
.DayPicker_weekHeader_li {
display: inline-block;
text-align: center
}
.DayPicker_transitionContainer {
position: relative;
overflow: hidden;
border-radius: 3px
}
.DayPicker_transitionContainer__horizontal {
-webkit-transition: height .2s ease-in-out;
-moz-transition: height .2s ease-in-out;
transition: height .2s ease-in-out
}
.DayPicker_transitionContainer__vertical {
width: 100%
}
.DayPicker_transitionContainer__verticalScrollable {
padding-top: 20px;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
overflow-y: scroll
}
.DateInput {
margin: 0;
padding: 0;
background: #fff;
position: relative;
display: inline-block;
width: 130px;
vertical-align: middle
}
.DateInput__small {
width: 97px
}
.DateInput__block {
width: 100%
}
.DateInput__disabled {
background: #f2f2f2;
color: #dbdbdb
}
.DateInput_input {
font-weight: 200;
font-size: 19px;
line-height: 24px;
color: #484848;
background-color: #fff;
width: 100%;
padding: 11px 11px 9px;
border: 0;
border-top: 0;
border-right: 0;
border-bottom: 2px solid transparent;
border-left: 0;
border-radius: 0
}
.DateInput_input__small {
font-size: 15px;
line-height: 18px;
letter-spacing: .2px;
padding: 7px 7px 5px
}
.DateInput_input__regular {
font-weight: auto
}
.DateInput_input__readOnly {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.DateInput_input__focused {
outline: 0;
background: #fff;
border: 0;
border-top: 0;
border-right: 0;
border-bottom: 2px solid #008489;
border-left: 0
}
.DateInput_input__disabled {
background: #f2f2f2;
font-style: italic
}
.DateInput_screenReaderMessage {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.DateInput_fang {
position: absolute;
width: 20px;
height: 10px;
left: 22px;
z-index: 2
}
.DateInput_fangShape {
fill: #fff
}
.DateInput_fangStroke {
stroke: #dbdbdb;
fill: transparent
}
.DateRangePickerInput {
background-color: #fff;
display: inline-block
}
.DateRangePickerInput__disabled {
background: #f2f2f2
}
.DateRangePickerInput__withBorder {
border-radius: 2px;
border: 1px solid #dbdbdb
}
.DateRangePickerInput__rtl {
direction: rtl
}
.DateRangePickerInput__block {
display: block
}
.DateRangePickerInput__showClearDates {
padding-right: 30px
}
.DateRangePickerInput_arrow {
display: inline-block;
vertical-align: middle;
color: #484848
}
.DateRangePickerInput_arrow_svg {
vertical-align: middle;
fill: #484848;
height: 24px;
width: 24px
}
.DateRangePickerInput_clearDates {
background: 0 0;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
cursor: pointer;
padding: 10px;
margin: 0 10px 0 5px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.DateRangePickerInput_clearDates__small {
padding: 6px
}
.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
background: #dbdbdb;
border-radius: 50%
}
.DateRangePickerInput_clearDates__hide {
visibility: hidden
}
.DateRangePickerInput_clearDates_svg {
fill: #82888a;
height: 12px;
width: 15px;
vertical-align: middle
}
.DateRangePickerInput_clearDates_svg__small {
height: 9px
}
.DateRangePickerInput_calendarIcon {
background: 0 0;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
cursor: pointer;
display: inline-block;
vertical-align: middle;
padding: 10px;
margin: 0 5px 0 10px
}
.DateRangePickerInput_calendarIcon_svg {
fill: #82888a;
height: 15px;
width: 14px;
vertical-align: middle
}
.DateRangePicker {
position: relative;
display: inline-block
}
.DateRangePicker__block {
display: block
}
.DateRangePicker_picker {
z-index: 1;
background-color: #fff;
position: absolute
}
.DateRangePicker_picker__rtl {
direction: rtl
}
.DateRangePicker_picker__directionLeft {
left: 0
}
.DateRangePicker_picker__directionRight {
right: 0
}
.DateRangePicker_picker__portal {
background-color: rgba(0, 0, 0, .3);
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%
}
.DateRangePicker_picker__fullScreenPortal {
background-color: #fff
}
.DateRangePicker_closeButton {
background: 0 0;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
padding: 15px;
z-index: 2
}
.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
color: darken(#cacccd, 10%);
text-decoration: none
}
.DateRangePicker_closeButton_svg {
height: 15px;
width: 15px;
fill: #cacccd
}
[data-simplebar] {
position: relative;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start
}
.simplebar-wrapper {
overflow: hidden;
width: inherit;
height: inherit;
max-width: inherit;
max-height: inherit
}
.simplebar-mask {
direction: inherit;
position: absolute;
overflow: hidden;
padding: 0;
margin: 0;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: auto !important;
height: auto !important;
z-index: 0
}
.simplebar-offset {
direction: inherit !important;
box-sizing: inherit !important;
resize: none !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
-webkit-overflow-scrolling: touch
}
.simplebar-content-wrapper {
direction: inherit;
box-sizing: border-box !important;
position: relative;
display: block;
height: 100%;
width: auto;
max-width: 100%;
max-height: 100%;
scrollbar-width: none;
-ms-overflow-style: none
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
display: none;
width: 0;
height: 0
}
.simplebar-content:after,
.simplebar-content:before {
content: ' ';
display: table
}
.simplebar-placeholder {
max-height: 100%;
max-width: 100%;
width: 100%;
pointer-events: none;
}
.sp-companies-grid .simplebar-placeholder {
height: 584px;
width: auto;
}
@media (max-width: 768px) {
.sp-companies-grid .simplebar-placeholder {
height: 474px;
}
}
.simplebar-height-auto-observer-wrapper {
box-sizing: inherit !important;
height: 100%;
width: 100%;
max-width: 1px;
position: relative;
float: left;
max-height: 1px;
overflow: hidden;
z-index: -1;
padding: 0;
margin: 0;
pointer-events: none;
flex-grow: inherit;
flex-shrink: 0;
flex-basis: 0
}
.simplebar-height-auto-observer {
box-sizing: inherit;
display: block;
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 1000%;
width: 1000%;
min-height: 1px;
min-width: 1px;
overflow: hidden;
pointer-events: none;
z-index: -1
}
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
pointer-events: none;
overflow: hidden
}
[data-simplebar].simplebar-dragging .simplebar-content {
pointer-events: none;
user-select: none;
-webkit-user-select: none
}
[data-simplebar].simplebar-dragging .simplebar-track {
pointer-events: all
}
.simplebar-scrollbar {
position: absolute;
left: 0;
right: 0;
min-height: 10px
}
.simplebar-scrollbar:before {
position: absolute;
content: '';
background: #000;
border-radius: 7px;
left: 2px;
right: 2px;
opacity: 0;
transition: opacity .2s linear
}
.simplebar-scrollbar.simplebar-visible:before {
opacity: .5;
transition: opacity 0s linear
}
.simplebar-track.simplebar-vertical {
top: 0;
width: 11px
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
top: 2px;
bottom: 2px
}
.simplebar-track.simplebar-horizontal {
left: 0;
height: 11px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
height: 100%;
left: 2px;
right: 2px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
right: auto;
left: 0;
top: 2px;
height: 7px;
min-height: 0;
min-width: 10px;
width: auto
}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
right: auto;
left: 0
}
.hs-dummy-scrollbar-size {
direction: rtl;
position: fixed;
opacity: 0;
visibility: hidden;
height: 500px;
width: 500px;
overflow-y: hidden;
overflow-x: scroll
}
.simplebar-hide-scrollbar {
position: fixed;
left: 0;
visibility: hidden;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none
}
.carousel .control-arrow,
.carousel.carousel-slider .control-arrow {
-webkit-transition: all .25s ease-in;
-moz-transition: all .25s ease-in;
-ms-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in;
opacity: .4;
filter: alpha(opacity=40);
position: absolute;
z-index: 2;
top: 20px;
background: none;
border: 0;
font-size: 32px;
cursor: pointer
}
.carousel .control-arrow:focus,
.carousel .control-arrow:hover {
opacity: 1;
filter: alpha(opacity=100)
}
.carousel .control-arrow:before,
.carousel.carousel-slider .control-arrow:before {
margin: 0 5px;
display: inline-block;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
content: ''
}
.carousel .control-disabled.control-arrow {
opacity: 0;
filter: alpha(opacity=0);
cursor: inherit;
display: none
}
.carousel .control-prev.control-arrow {
left: 0
}
.carousel .control-prev.control-arrow:before {
border-right: 8px solid #fff
}
.carousel .control-next.control-arrow {
right: 0
}
.carousel .control-next.control-arrow:before {
border-left: 8px solid #fff
}
.carousel-root {
outline: none
}
.carousel {
position: relative;
width: 100%
}
.carousel * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.carousel img {
width: 100%;
display: inline-block;
pointer-events: none
}
.carousel .carousel {
position: relative
}
.carousel .control-arrow {
outline: 0;
border: 0;
background: none;
top: 50%;
margin-top: -13px;
font-size: 18px
}
.carousel .thumbs-wrapper {
margin: 20px;
overflow: hidden
}
.carousel .thumbs {
-webkit-transition: all .15s ease-in;
-moz-transition: all .15s ease-in;
-ms-transition: all .15s ease-in;
-o-transition: all .15s ease-in;
transition: all .15s ease-in;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
position: relative;
list-style: none;
white-space: nowrap
}
.carousel .thumb {
-webkit-transition: border .15s ease-in;
-moz-transition: border .15s ease-in;
-ms-transition: border .15s ease-in;
-o-transition: border .15s ease-in;
transition: border .15s ease-in;
display: inline-block;
margin-right: 6px;
white-space: nowrap;
overflow: hidden;
border: 3px solid #fff;
padding: 2px
}
.carousel .thumb:focus {
border: 3px solid #ccc;
outline: none
}
.carousel .thumb.selected,
.carousel .thumb:hover {
border: 3px solid #333
}
.carousel .thumb img {
vertical-align: top
}
.carousel.carousel-slider {
position: relative;
margin: 0;
overflow: hidden
}
.carousel.carousel-slider .control-arrow {
top: 0;
color: #fff;
font-size: 26px;
bottom: 0;
margin-top: 0;
padding: 5px
}
.carousel.carousel-slider .control-arrow:hover {
background: rgba(0, 0, 0, 0.2)
}
.carousel .slider-wrapper {
overflow: hidden;
margin: auto;
width: 100%;
-webkit-transition: height .15s ease-in;
-moz-transition: height .15s ease-in;
-ms-transition: height .15s ease-in;
-o-transition: height .15s ease-in;
transition: height .15s ease-in
}
.carousel .slider-wrapper.axis-horizontal .slider {
-ms-box-orient: horizontal;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex
}
.carousel .slider-wrapper.axis-horizontal .slider .slide {
flex-direction: column;
flex-flow: column
}
.carousel .slider-wrapper.axis-vertical {
-ms-box-orient: horizontal;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex
}
.carousel .slider-wrapper.axis-vertical .slider {
-webkit-flex-direction: column;
flex-direction: column
}
.carousel .slider {
margin: 0;
padding: 0;
position: relative;
list-style: none;
width: 100%
}
.carousel .slider.animated {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.carousel .slide {
min-width: 100%;
margin: 0;
position: relative;
text-align: center
}
.carousel .slide img {
width: 100%;
vertical-align: top;
border: 0
}
.carousel .slide iframe {
display: inline-block;
width: calc(100% - 80px);
margin: 0 40px 40px;
border: 0
}
.carousel .slide .legend {
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
position: absolute;
bottom: 40px;
left: 50%;
margin-left: -45%;
width: 90%;
border-radius: 10px;
background: #000;
color: #fff;
padding: 10px;
font-size: 12px;
text-align: center;
opacity: 0.25;
-webkit-transition: opacity .35s ease-in-out;
-moz-transition: opacity .35s ease-in-out;
-ms-transition: opacity .35s ease-in-out;
-o-transition: opacity .35s ease-in-out;
transition: opacity .35s ease-in-out
}
.carousel .control-dots {
position: absolute;
bottom: 0;
margin: 10px 0;
padding: 0;
text-align: center;
width: 100%;
z-index: 1
}
@media (min-width: 960px) {
.carousel .control-dots {
bottom: 0
}
}
.carousel .control-dots .dot {
-webkit-transition: opacity .25s ease-in;
-moz-transition: opacity .25s ease-in;
-ms-transition: opacity .25s ease-in;
-o-transition: opacity .25s ease-in;
transition: opacity .25s ease-in;
opacity: .3;
filter: alpha(opacity=30);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
background: #fff;
border-radius: 50%;
width: 8px;
height: 8px;
cursor: pointer;
display: inline-block;
margin: 0 8px
}
.carousel .control-dots .dot.selected,
.carousel .control-dots .dot:hover {
opacity: 1;
filter: alpha(opacity=100)
}
.carousel:hover .slide .legend {
opacity: 1
}
/**
* Swiper 11.2.10
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2025 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: June 28, 2025
*/
/* FONT_START */
@font-face {
font-family: 'swiper-icons';
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
/* FONT_END */
:root {
--swiper-theme-color: #007aff;
/*
--swiper-preloader-color: var(--swiper-theme-color);
--swiper-wrapper-transition-timing-function: initial;
*/
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
display: block;
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Slide styles end */
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-top-offset: 50%;
--swiper-navigation-sides-offset: 10px;
--swiper-navigation-color: var(--swiper-theme-color);
*/
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-lock {
display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next';
}
.sp-community-soc-analysis-grid__line__mobile {
display: none;
}
.sp-community-soc-analysis-grid__line__desktop {
display: block;
}
@media(max-width: 768px) {
.sp-community-soc-analysis-grid__line__mobile {
display: block;
}
.sp-community-soc-analysis-grid__line__desktop {
display: none;
}
}
.css-1rsrt43 {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 6rem;
line-height: 1.167;
letter-spacing: -0.01562em;
color: rgba(0, 0, 0, 0.6);
}
.css-1rsrt43.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 600;
line-height: 1.2;
}
.css-1rsrt43.MuiTypography-root.MuiTypography-h1 {
font-size: 42px;
}
.css-1rsrt43.MuiTypography-root.MuiTypography-color-title-textSecondary {
color: rgb(249, 249, 249);
}
.css-1rsrt43.MuiTypography-root.MuiTypography-weight-title-500 {
font-weight: 500;
}
.css-6z0wf7 {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 1.25rem;
line-height: 1.6;
letter-spacing: 0.0075em;
color: rgba(0, 0, 0, 0.6);
}
.css-6z0wf7.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 600;
line-height: 1.2;
}
.css-6z0wf7.MuiTypography-root.MuiTypography-h6 {
font-size: 20px;
}
.css-6z0wf7.MuiTypography-root.MuiTypography-color-title-textSecondary {
color: rgb(249, 249, 249);
}
.css-6z0wf7.MuiTypography-root.MuiTypography-weight-title-600 {
font-weight: 600;
}
.sp-community-code-future-grid__slider .carousel {
position: relative;
width: 100%;
}
.sp-community-code-future-grid__slider .sp-community-platform-slider .carousel-root .carousel {
position: relative;
flex: 1 1 100%;
}
.sp-community-code-future-grid__slider .sp-community-platform-slider .carousel-root .carousel:not(.carousel-slider) {
background-color: rgb(36, 38, 52);
box-shadow: rgba(0, 0, 0, 0.25) 0px 32px 56px;
border-radius: 4px 4px 0px 0px;
border-width: 1px 1px 1px;
border-style: solid solid none;
border-color: rgb(68, 157, 167) rgb(68, 157, 167) rgb(68, 157, 167);
border-image: initial;
border-bottom: none;
}
.sp-community-code-future-grid__slider .carousel.carousel-slider {
position: relative;
margin: 0px;
overflow: hidden;
width: 100%;
}
.sp-community-code-future-grid__slider .sp-community-platform-slider .carousel-root .carousel {
position: relative;
flex: 1 1 100%;
}
.sp-community-code-future-grid__slider .sp-community-platform-slider .carousel-root .carousel.carousel-slider {
margin-top: -58px;
}
.sp-community-code-future-grid__slider .carousel * {
box-sizing: border-box;
}
.sp-community-code-future-grid__slider .carousel .slider-wrapper {
width: 100%;
overflow: hidden;
margin: auto;
transition: height 0.15s ease-in;
}
.sp-community-platform-slider .carousel-root .carousel.carousel-slider .slider-wrapper {
padding-top: 58px;
}
.sp-community-code-future-grid__slider .carousel .slider-wrapper {
width: 100%;
overflow: hidden;
margin: auto;
transition: height 0.15s ease-in;
}
.sp-community-code-future-grid__slider .sp-community-platform-slider .carousel-root .carousel.carousel-slider .slider-wrapper {
padding-top: 58px;
}
.sp-community-code-future-grid__slider .carousel .slider.animated {
transition: 0.35s ease-in-out;
}
.sp-community-code-future-grid__slider .carousel .slider-wrapper.axis-horizontal .slider {
display: flex;
}
.sp-community-code-future-grid__slider .sp-community-platform-slider .carousel-root .carousel .slide.selected {
z-index: 1 !important;
}
.sp-community-code-future-grid__slider .sp-community-platform-slider .carousel-root .carousel {
position: relative;
flex: 1 1 100%;
}
.sp-community-code-future-grid__slider .sp-community-platform-slider .carousel-root .carousel:not(.carousel-slider) {
background-color: rgb(36, 38, 52);
box-shadow: rgba(0, 0, 0, 0.25) 0px 32px 56px;
border-radius: 4px 4px 0px 0px;
border-width: 1px 1px 1px;
border-style: solid solid none;
border-color: rgb(68, 157, 167) rgb(68, 157, 167) rgb(68, 157, 167);
border-image: initial;
border-bottom: none;
}
.sp-community-code-future-grid__slider .sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper {
margin: 0px;
overflow: visible;
}
.sp-community-code-future-grid__slider .carousel .thumbs {
transform: translate3d(0px, 0px, 0px);
position: relative;
transition: 0.15s ease-in;
list-style: none;
white-space: nowrap;
}
.sp-community-code-future-grid__slider .sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs {
display: flex;
transform: none !important;
padding: 10px 10px 0px;
}
.sp-community-code-future-grid__slider .carousel .thumb {
display: inline-block;
margin-right: 6px;
transition: border 0.15s ease-in;
white-space: nowrap;
overflow: hidden;
border-width: 3px;
border-style: solid;
border-color: rgb(255, 255, 255);
border-image: initial;
padding: 2px;
}
.sp-community-code-future-grid__slider .carousel .thumb.selected,
.carousel .thumb:hover {
border-width: 3px;
border-style: solid;
border-color: rgb(51, 51, 51);
border-image: initial;
}
.sp-community-code-future-grid__slider .sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb {
display: flex;
align-items: center;
justify-content: center;
min-height: 48px;
background-color: rgba(0, 0, 0, 0);
color: rgba(249, 249, 249, 0.4);
cursor: pointer;
width: unset !important;
padding: 0px 24px;
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
border-radius: 6px 6px 0px 0px;
transition: background-color 0.2s, color 0.2s;
}
.sp-community-code-future-grid__slider .sp-community-platform-slider .carousel-root .carousel .thumbs-wrapper .thumbs .thumb.selected {
background-color: rgb(41, 44, 61);
color: rgb(249, 249, 249);
}
.css-14f0fdq {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
color: inherit;
}
.sp-community-code-future-grid__slider .css-14f0fdq {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
color: inherit;
}
.sp-community-code-future-grid__slider .css-14f0fdq.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 400;
line-height: 1.4;
}
.sp-community-code-future-grid__slider .css-14f0fdq.MuiTypography-root.MuiTypography-body1 {
font-size: 16px;
}
.sp-community-code-future-grid__slider .css-14f0fdq.MuiTypography-root.MuiTypography-weight-description-400 {
font-weight: 400;
}
.sp-community-code-future-grid__slider .css-1uf4bbi {
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
background-color: transparent;
cursor: pointer;
user-select: none;
vertical-align: middle;
appearance: none;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
color: rgb(255, 255, 255);
outline: 0px;
border-width: 0px;
border-style: initial;
border-color: initial;
border-image: initial;
margin: 0px;
text-decoration: none;
padding: 9px;
border-radius: 50%;
transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.sp-community-code-future-grid__slider .sp-transform-img-grid__switcher span.MuiSwitch-root .MuiSwitch-track {
background-color: rgba(249, 249, 249, .3);
}
.sp-community-code-future-grid__slider .css-1urhqyu .MuiSwitch-root .MuiSwitch-track {
border-radius: 32px;
opacity: 1;
background-color: rgb(59, 61, 79);
box-sizing: border-box;
border: 1px solid transparent;
}
.sp-community-code-future-grid__slider .css-1ju1kxc {
height: 100%;
width: 100%;
z-index: -1;
background-color: rgb(0, 0, 0);
opacity: 0.38;
border-radius: 7px;
transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.sp-community-code-future-grid__slider .css-19gndve {
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
background-color: currentcolor;
width: 20px;
height: 20px;
border-radius: 50%;
}
.sp-community-code-future-grid__slider .css-1urhqyu .MuiSwitch-root .MuiSwitch-thumb {
box-shadow: rgba(0, 35, 11, 0.2) 0px 2px 4px 0px;
width: 10px;
height: 10px;
border-radius: 24px;
background-color: rgb(249, 249, 249);
transition: width 0.2s, background-color 0.1s;
}
.sp-community-code-future-grid__slider .css-1m9pwf3 {
cursor: inherit;
position: absolute;
opacity: 0;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
z-index: 1;
}
.sp-community-code-future-grid__slider .css-1uf4bbi .MuiSwitch-input {
left: -100%;
width: 300%;
}
.sp-community-code-future-grid__slider .css-19gndve {
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
background-color: currentcolor;
width: 20px;
height: 20px;
border-radius: 50%;
}
.sp-community-code-future-grid__slider .css-1urhqyu .MuiSwitch-root .MuiSwitch-thumb {
box-shadow: rgba(0, 35, 11, 0.2) 0px 2px 4px 0px;
width: 10px;
height: 10px;
border-radius: 24px;
background-color: rgb(249, 249, 249);
transition: width 0.2s, background-color 0.1s;
}
.sp-community-code-future-grid__slider .css-w0pj6f {
overflow: hidden;
pointer-events: none;
position: absolute;
z-index: 0;
inset: 0px;
border-radius: inherit;
}
.switch-grid__col {
display: flex;
flex-direction: column;
gap: 4px;
}
.sp-community-marketplace-grid__description .css-1wf1w97.MuiTypography-root.MuiTypography-color-description-textSecondary a {
font-size: inherit;
font-weight: inherit;
text-decoration: underline;
color: #4ac18e;
}
.sp-community-marketplace-grid__description .css-1wf1w97.MuiTypography-root.MuiTypography-color-description-textSecondary a:hover {
text-decoration: none;
}
.sp-community-marketplace-grid__description span {
font-weight: 500;
}
#sp-security-back-channel-grid__line-desktop,
#shared-expertise-line-desktop,
#shared-expertise-bottom-line-desktop,
.sp-build-together-roota-grid__lines-desktop,
.sp-proactive-attackers-grid__icon-desktop {
display: block;
}
#sp-security-back-channel-grid__line-mobile,
#shared-expertise-line-mobile,
#shared-expertise-bottom-line-mobile,
.sp-build-together-roota-grid__lines-mobile,
.sp-proactive-attackers-grid__icon-mobile {
display: none;
}
@media(max-width: 1024px) {
#sp-security-back-channel-grid__line-desktop,
#shared-expertise-line-desktop,
#shared-expertise-bottom-line-desktop,
.sp-build-together-roota-grid__lines-desktop,
.sp-proactive-attackers-grid__icon-desktop {
display: none;
}
#sp-security-back-channel-grid__line-mobile,
#shared-expertise-line-mobile,
#shared-expertise-bottom-line-mobile,
.sp-build-together-roota-grid__lines-mobile,
.sp-proactive-attackers-grid__icon-mobile {
display: block;
}
}
.sp-community-shared-expertise-grid__description span {
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.00938em;
}
.sp-community-shared-expertise-grid__description a {
color: #68ecff;
text-decoration: underline;
}
.sp-community-shared-expertise-grid__description a:hover {
text-decoration: none;
}
.sp-security-architecture-grid__description a,
.sp-security-back-channel-grid__description a,
.sp-security-architecture-grid__description mark a,
.sp-security-back-channel-grid__description mark a {
color: #4ac18e;
text-decoration: underline;
}
.sp-security-architecture-grid__description a:hover,
.sp-security-back-channel-grid__description a:hover,
.sp-security-architecture-grid__description mark a:hover,
.sp-security-back-channel-grid__description mark a:hover {
text-decoration: none;
}
.sp-security-architecture-grid__description p,
.sp-security-back-channel-grid__description p {
font-size: 18px;
font-weight: 500;
}
.sp-security-beyond-encryption-grid__description a {
color: #4ac18e;
text-decoration: underline;
font-weight: 500;
}
.sp-security-beyond-encryption-grid__description a:hover {
text-decoration: none;
}
.sp-build-together-hero-grid__title .sp-build-together-hero-grid__title-left .sp-title-gradient.start {
font-size: 104px;
font-weight: 800;
}
@media (max-width: 1280px) {
.sp-build-together-hero-grid__title .sp-build-together-hero-grid__title-left .sp-title-gradient.start {
font-size: 88px !important;
}
}
@media (max-width: 1024px) {
.sp-build-together-hero-grid__title .sp-build-together-hero-grid__title-left .sp-title-gradient.start {
font-size: 64px !important;
}
}
.sp-build-together-hero-grid__title .sp-build-together-hero-grid__title-right .sp-title-gradient.start {
font-weight: 800;
line-height: 1.2;
font-size: 56px;
}
@media (max-width: 1024px) {
.sp-build-together-hero-grid__title .sp-build-together-hero-grid__title-right .sp-title-gradient.start {
font-size: 40px !important;
}
}
@media (max-width: 768px) {
.sp-build-together-hero-grid__title .sp-build-together-hero-grid__title-right .sp-title-gradient.start {
font-size: 36px !important;
}
}
.sp-title-hero.sp-title-hero--bottom div {
font-size: 48px;
font-weight: 800;
}
.sp-build-together-mitre-grid__line-mobile,
.sp-build-together-attack-detective-grid__lines-mobile,
.sp-proactive-coverage-grid__icon-mobile,
.sp-proactive-splunk-grid__icon-mobile,
.sp-proactive-timeline-grid__line-mobile,
.sp-build-together-roota-grid__line-row-mobile {
display: none;
}
.sp-build-together-mitre-grid__line-desktop,
.sp-build-together-attack-detective-grid__lines-desktop,
.sp-proactive-coverage-grid__icon-desktop,
.sp-proactive-splunk-grid__icon-desktop,
.sp-proactive-timeline-grid__line-desktop,
.sp-build-together-roota-grid__line-row-desktop {
display: block;
}
@media(max-width: 768px) {
.sp-build-together-mitre-grid__line-mobile,
.sp-build-together-attack-detective-grid__lines-mobile,
.sp-proactive-coverage-grid__icon-mobile,
.sp-proactive-splunk-grid__icon-mobile,
.sp-proactive-timeline-grid__line-mobile,
.sp-build-together-roota-grid__line-row-mobile {
display: block;
}
.sp-build-together-mitre-grid__line-desktop,
.sp-build-together-attack-detective-grid__lines-desktop,
.sp-proactive-coverage-grid__icon-desktop,
.sp-proactive-splunk-grid__icon-desktop,
.sp-proactive-timeline-grid__line-desktop,
.sp-build-together-roota-grid__line-row-desktop {
display: none;
}
}
.css-d9z1g.MuiButton-root.MuiButton-sizeMedium {
height: 36px;
padding: 0px 18px;
}
.css-d9z1g {
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
background-color: transparent;
cursor: pointer;
user-select: none;
vertical-align: middle;
appearance: none;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 0.875rem;
line-height: 1.75;
letter-spacing: 0.02857em;
text-transform: uppercase;
min-width: 64px;
color: rgb(46, 125, 50);
outline: 0px;
margin: 0px;
text-decoration: none;
padding: 5px 15px;
border-radius: 4px;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
border-width: 1px;
border-style: solid;
border-color: rgba(46, 125, 50, 0.5);
border-image: initial;
}
.css-d9z1g.MuiButton-root {
height: 36px;
padding: 0px 14px;
border: 1px solid transparent;
border-radius: 4px;
background-color: transparent;
font-family: Inter, sans-serif;
font-weight: 500;
font-size: 14px;
color: rgb(249, 249, 249);
text-transform: capitalize;
box-sizing: border-box;
box-shadow: none;
transition: background-color 0.1s, color 0.1s, border-color 0.1s, opacity 0.1s;
white-space: nowrap;
}
.css-d9z1g.MuiButton-root.MuiButton-outlined.MuiButton-colorSuccess {
border-color: rgb(74, 193, 142);
background-color: transparent;
color: rgb(249, 249, 249);
}
.css-11tyk12 {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.43;
letter-spacing: 0.01071em;
color: rgb(25, 118, 210);
}
.css-11tyk12.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 400;
line-height: 1.4;
}
.css-11tyk12.MuiTypography-root.MuiTypography-body2 {
font-size: 14px;
}
.css-11tyk12.MuiTypography-root.MuiTypography-color-description-primary {
color: rgb(207, 208, 211);
}
.css-11tyk12.MuiTypography-root.MuiTypography-weight-description-400 {
font-weight: 400;
}
.sp-build-together-mitre-grid__content p a {
font-size: inherit;
font-weight: inherit;
text-decoration: underline;
cursor: pointer;
color: rgb(74, 193, 142);
}
.sp-build-together-mitre-grid__content p a:hover {
text-decoration: none;
}
.sp-build-together-mitre-grid__content-btn a {
border-color: rgb(74, 193, 142);
background-color: transparent;
color: rgb(249, 249, 249);
height: 36px;
padding: 0px 18px;
}
.css-d9z1g {
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
background-color: transparent;
cursor: pointer;
user-select: none;
vertical-align: middle;
appearance: none;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 0.875rem;
line-height: 1.75;
letter-spacing: 0.02857em;
text-transform: uppercase;
min-width: 64px;
color: rgb(46, 125, 50);
outline: 0px;
margin: 0px;
text-decoration: none;
padding: 5px 15px;
border-radius: 4px;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
border-width: 1px;
border-style: solid;
border-color: rgba(46, 125, 50, 0.5);
border-image: initial;
}
.css-d9z1g.MuiButton-root {
height: 36px;
padding: 0px 14px;
border: 1px solid transparent;
border-radius: 4px;
background-color: transparent;
font-family: Inter, sans-serif;
font-weight: 500;
font-size: 14px;
color: rgb(249, 249, 249);
text-transform: capitalize;
box-sizing: border-box;
box-shadow: none;
transition: background-color 0.1s, color 0.1s, border-color 0.1s, opacity 0.1s;
white-space: nowrap;
}
.css-d9z1g.MuiButton-root.MuiButton-sizeMedium {
height: 36px;
padding: 0px 18px;
}
.css-d9z1g.MuiButton-root.MuiButton-outlined.MuiButton-colorSuccess {
border-color: rgb(74, 193, 142);
background-color: transparent;
color: rgb(249, 249, 249);
}
.css-d9z1g.MuiButton-root.MuiButton-outlined.MuiButton-colorSuccess:hover {
border-color: rgb(132, 209, 168);
background-color: rgb(132, 209, 168);
color: rgb(41, 44, 61);
box-shadow: rgb(132, 209, 168) 0px 0px 4px 0px;
}
.sp-build-together-uncoder-grid__description a {
text-decoration: underline;
color: #4ac18e;
}
.sp-build-together-uncoder-grid__description a:hover {
text-decoration: none;
}
.css-1io9crl.MuiTypography-root.MuiTypography-weight-description-500 {
font-weight: 500;
}
.css-17twtd4 .MuiTab-root {
font-family: Inter, sans-serif;
font-size: 12px;
line-height: 20px;
font-weight: 600;
color: rgb(207, 208, 211);
}
.css-17twtd4 .MuiTab-root.MuiTab-textColorPrimary {
text-transform: none;
min-height: 44px;
}
.css-17twtd4 .MuiButtonBase-root.MuiTab-root {
padding: 16px 12px;
}
.css-w0pj6f {
overflow: hidden;
pointer-events: none;
position: absolute;
z-index: 0;
inset: 0px;
border-radius: inherit;
}
.css-k008qs {
display: flex;
}
.css-17twtd4 .MuiTabs-flexContainer {
height: 100%;
}
.css-1anid1y {
position: relative;
display: inline-block;
flex: 1 1 auto;
white-space: nowrap;
overflow-x: hidden;
width: 100%;
}
.css-17twtd4 {
overflow: hidden;
min-height: 48px;
display: flex;
}
.sp-proactive-attackers-grid__description a {
text-decoration: underline;
color: #4ac18e;
}
.sp-proactive-attackers-grid__description a:hover {
text-decoration: none;
}
.sp-proactive-timeline-grid__title-icon img {
width: 32px;
height: 32px;
}
.sp-sticky-box-list__code {
display: flex;
visibility: visible;
opacity: 1;
}
.sp-sticky-box-list__select {
display: none;
visibility: hidden;
opacity: 0;
}
@media(max-width: 768px) {
.sp-sticky-box-list__code {
display: none;
visibility: hidden;
opacity: 0;
}
.sp-sticky-box-list__select {
display: block;
visibility: visible;
opacity: 1;
}
}
.css-dgnaic.MuiTooltip-popper .MuiTooltip-tooltip {
border-radius: 4px;
border: 1px solid rgb(41, 44, 61);
background-color: rgb(20, 21, 31);
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: rgb(207, 208, 211);
max-width: 1200px;
padding: 8px;
}
.css-i0vi2x.MuiTypography-root {
font-family: Inter, sans-serif;
line-height: 1.2;
}
.css-i0vi2x.MuiTypography-root.MuiTypography-weight-title-500 {
font-weight: 500;
}
.css-i0vi2x.MuiTypography-root.MuiTypography-color-title-textSecondary {
color: rgb(249, 249, 249);
}
.css-i0vi2x.MuiTypography-root.MuiTypography-h5 {
font-size: 22px;
}
.css-i0vi2x {
margin: 0px;
}
#splunk-migration-support,
#master-the-timeline {
position: relative;
z-index: 0;
}
.css-1cprt2j {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.43;
letter-spacing: 0.01071em;
color: rgba(0, 0, 0, 0.6);
}
.css-1cprt2j.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 400;
line-height: 1.4;
}
.css-1cprt2j.MuiTypography-root.MuiTypography-body2 {
font-size: 14px;
}
.css-1cprt2j.MuiTypography-root.MuiTypography-color-description-textSecondary {
color: rgb(249, 249, 249);
}
.css-1cprt2j.MuiTypography-root.MuiTypography-weight-description-600 {
font-weight: 600;
}
.css-11tyk12 {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.43;
letter-spacing: 0.01071em;
color: rgb(25, 118, 210);
}
.css-11tyk12.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 400;
line-height: 1.4;
}
.css-11tyk12.MuiTypography-root.MuiTypography-body2 {
font-size: 14px;
}
.css-11tyk12.MuiTypography-root.MuiTypography-weight-description-400 {
font-weight: 400;
}
.css-1cprt2j {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.43;
letter-spacing: 0.01071em;
color: rgba(0, 0, 0, 0.6);
}
.css-1cprt2j.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 400;
line-height: 1.4;
}
.css-1cprt2j.MuiTypography-root.MuiTypography-body2 {
font-size: 14px;
}
.css-1cprt2j.MuiTypography-root.MuiTypography-color-description-textSecondary {
color: rgb(249, 249, 249);
}
.css-1cprt2j.MuiTypography-root.MuiTypography-weight-description-700 {
font-weight: 700;
}
.css-pdw2ce {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.75;
letter-spacing: 0.00938em;
color: rgb(25, 118, 210);
}
.css-pdw2ce.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 400;
line-height: 1.4;
}
.css-pdw2ce.MuiTypography-root.MuiTypography-subtitle1 {
font-size: 12px;
}
.css-pdw2ce.MuiTypography-root.MuiTypography-color-description-primary {
color: rgb(207, 208, 211);
}
.css-pdw2ce.MuiTypography-root.MuiTypography-weight-description-400 {
font-weight: 400;
}
.plan-list__text div.MuiTypography-root.MuiTypography-color-description-primary {
color: #999baa;
}
.css-11tyk12.MuiTypography-root.MuiTypography-weight-description-500 {
font-weight: 500;
}
.css-1cprt2j {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.43;
letter-spacing: 0.01071em;
color: rgba(0, 0, 0, 0.6);
}
.css-1cprt2j.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 400;
line-height: 1.4;
}
.css-1cprt2j.MuiTypography-root.MuiTypography-body2 {
font-size: 14px;
}
.css-1cprt2j.MuiTypography-root.MuiTypography-color-description-textSecondary {
color: rgb(249, 249, 249);
}
.css-1cprt2j.MuiTypography-root.MuiTypography-weight-description-500 {
font-weight: 500;
}
.sp-slide-grid__title span.MuiTypography-root.MuiTypography-body2 {
font-size: 20px;
opacity: .9;
}
.plan-list__icon img {
filter: invert(1);
}
.css-75kvw8 {
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
background-color: transparent;
cursor: pointer;
user-select: none;
vertical-align: middle;
appearance: none;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 0.875rem;
line-height: 1.75;
letter-spacing: 0.02857em;
text-transform: uppercase;
min-width: 64px;
color: rgb(25, 118, 210);
outline: 0px;
border-width: 0px;
border-style: initial;
border-color: initial;
border-image: initial;
margin: 0px;
text-decoration: none;
padding: 6px 8px;
border-radius: 4px;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.css-75kvw8.MuiButton-root {
height: 36px;
padding: 0px 14px;
border: 1px solid transparent;
border-radius: 4px;
background-color: transparent;
font-family: Inter, sans-serif;
font-weight: 500;
font-size: 14px;
color: rgb(249, 249, 249);
text-transform: capitalize;
box-sizing: border-box;
box-shadow: none;
transition: background-color 0.1s, color 0.1s, border-color 0.1s, opacity 0.1s;
white-space: nowrap;
}
.css-75kvw8.MuiButton-root.MuiButton-sizeMedium {
height: 36px;
padding: 0px 18px;
}
.sp-reviews-slider-grid .carousel__btn button.MuiButton-root {
min-width: 40px;
min-height: 40px;
border-radius: 0;
border-color: #f9f9f9;
}
.css-75kvw8.MuiButton-root.MuiButton-text.MuiButton-colorPrimary {
color: rgb(249, 249, 249);
}
.css-6xugel {
display: inherit;
margin-right: 8px;
margin-left: -4px;
}
.css-6xugel> :nth-of-type(1) {
font-size: 20px;
}
svg.star-svg.star-fill path {
fill: rgb(255, 188, 11) !important;
}
svg.star-svg.star-empty path {
fill: rgb(204, 204, 204) !important;
}
.css-mxba57 {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
text-align: center;
color: rgb(25, 118, 210);
}
.css-mxba57.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 400;
line-height: 1.4;
}
.css-mxba57.MuiTypography-root.MuiTypography-body1 {
font-size: 16px;
}
.css-mxba57.MuiTypography-root.MuiTypography-color-description-primary {
color: rgb(207, 208, 211);
}
.css-mxba57.MuiTypography-root.MuiTypography-weight-description-400 {
font-weight: 400;
}
.css-1rm35y2 {
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
background-color: transparent;
cursor: pointer;
user-select: none;
vertical-align: middle;
appearance: none;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 0.9375rem;
line-height: 1.75;
letter-spacing: 0.02857em;
text-transform: uppercase;
min-width: 64px;
color: rgb(46, 125, 50);
width: 100%;
outline: 0px;
margin: 0px;
text-decoration: none;
padding: 7px 21px;
border-radius: 4px;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
border-width: 1px;
border-style: solid;
border-color: rgba(46, 125, 50, 0.5);
border-image: initial;
}
.css-1rm35y2.MuiButton-root {
height: 36px;
padding: 0px 14px;
border: 1px solid transparent;
border-radius: 4px;
background-color: transparent;
font-family: Inter, sans-serif;
font-weight: 500;
font-size: 14px;
color: rgb(249, 249, 249);
text-transform: capitalize;
box-sizing: border-box;
box-shadow: none;
transition: background-color 0.1s, color 0.1s, border-color 0.1s, opacity 0.1s;
white-space: nowrap;
}
.css-1rm35y2.MuiButton-root.MuiButton-sizeLarge {
height: 40px;
padding: 0px 24px;
}
.css-1rm35y2.MuiButton-root.MuiButton-outlined.MuiButton-colorSuccess {
border-color: rgb(74, 193, 142);
background-color: transparent;
color: rgb(249, 249, 249);
}
.css-1rm35y2.MuiButton-root.MuiButton-outlined.MuiButton-sizeLarge {
font-size: 16px;
}
.css-gp1q83 {
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
cursor: pointer;
user-select: none;
vertical-align: middle;
appearance: none;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 0.9375rem;
line-height: 1.75;
letter-spacing: 0.02857em;
text-transform: uppercase;
min-width: 64px;
color: rgb(255, 255, 255);
background-color: rgb(46, 125, 50);
box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
width: 100%;
outline: 0px;
border-width: 0px;
border-style: initial;
border-color: initial;
border-image: initial;
margin: 0px;
text-decoration: none;
padding: 8px 22px;
border-radius: 4px;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.css-gp1q83.MuiButton-root {
height: 36px;
padding: 0px 14px;
border: 1px solid transparent;
border-radius: 4px;
background-color: transparent;
font-family: Inter, sans-serif;
font-weight: 500;
font-size: 14px;
color: rgb(249, 249, 249);
text-transform: capitalize;
box-sizing: border-box;
box-shadow: none;
transition: background-color 0.1s, color 0.1s, border-color 0.1s, opacity 0.1s;
white-space: nowrap;
}
.css-gp1q83.MuiButton-root.MuiButton-sizeLarge {
height: 40px;
padding: 0px 24px;
}
.css-gp1q83.MuiButton-root.MuiButton-contained.MuiButton-colorSuccess {
border-color: rgb(74, 193, 142);
background-color: rgb(74, 193, 142);
color: rgb(41, 44, 61);
}
.css-gp1q83.MuiButton-root.MuiButton-contained.MuiButton-sizeLarge {
font-size: 16px;
}
.css-1rm35y2.MuiButton-root.MuiButton-outlined.MuiButton-colorSuccess:hover {
border-color: rgb(132, 209, 168);
background-color: rgb(132, 209, 168);
color: rgb(41, 44, 61);
box-shadow: rgb(132, 209, 168) 0px 0px 4px 0px;
}
.grid-tabs {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.css-8atqhb {
width: 100%;
}
.grid-tabs__col-left {
margin-right: 15px;
display: flex;
align-items: flex-end;
}
.css-1k8g4fo {
overflow: hidden;
min-height: 48px;
display: flex;
}
.css-1anid1y {
position: relative;
display: inline-block;
flex: 1 1 auto;
white-space: nowrap;
overflow-x: hidden;
width: 100%;
}
.css-k008qs {
display: flex;
}
.css-1k8g4fo .MuiTabs-flexContainer {
height: 100%;
}
.css-1k8g4fo .MuiTab-root.MuiTab-textColorPrimary.Mui-selected {
color: rgb(249, 249, 249);
}
.css-w0pj6f {
overflow: hidden;
pointer-events: none;
position: absolute;
z-index: 0;
inset: 0px;
border-radius: inherit;
}
.css-ql6sih {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 1.25rem;
line-height: 1.6;
letter-spacing: 0.0075em;
text-align: left;
color: rgba(0, 0, 0, 0.6);
}
.css-ql6sih.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 600;
line-height: 1.2;
}
.css-ql6sih.MuiTypography-root.MuiTypography-h6 {
font-size: 20px;
}
.css-ql6sih.MuiTypography-root.MuiTypography-color-title-textSecondary {
color: rgb(249, 249, 249);
}
.css-1qes2af {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.75;
letter-spacing: 0.00938em;
text-align: left;
color: rgb(25, 118, 210);
}
.css-1qes2af.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 400;
line-height: 1.4;
}
.sp-hero-ai-slider__slide-text p:nth-child(2) {
white-space: nowrap;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
max-height: 20px;
width: 100%;
line-height: 1;
}
.css-1qes2af.MuiTypography-root.MuiTypography-subtitle1 {
font-size: 12px;
}
.css-1qes2af.MuiTypography-root.MuiTypography-color-description-primary {
color: rgb(207, 208, 211);
}
.css-1qes2af.MuiTypography-root.MuiTypography-weight-description-400 {
font-weight: 400;
}
.css-5xry0f {
margin: 0px;
font: inherit;
color: rgb(25, 118, 210);
text-decoration: none;
}
.css-5xry0f.MuiLink-root {
position: relative;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
gap: 5px;
font-family: Inter, sans-serif;
font-weight: inherit;
font-size: inherit;
color: inherit;
text-decoration: none !important;
}
.css-5xry0f.MuiLink-root.link--green {
color: rgb(74, 193, 142);
}
.css-5xry0f.MuiLink-root.link--small {
font-size: 12px;
}
.css-5xry0f.MuiLink-root::after {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: -2px;
height: 1px;
width: 100%;
background-color: currentcolor;
transform: scaleX(1);
transition: transform 0.2s;
}
.css-5xry0f.MuiLink-root.link--green::after {
background-color: rgb(74, 193, 142);
}
.css-5xry0f.MuiLink-root.MuiLink-underlineHover::after {
transform: scaleX(0);
}
.css-6fkdss {
z-index: 1500;
pointer-events: auto;
}
.css-1spb1s5 {
background-color: rgba(97, 97, 97, 0.92);
border-radius: 4px;
color: rgb(255, 255, 255);
font-family: Roboto, Helvetica, Arial, sans-serif;
padding: 4px 8px;
font-size: 0.6875rem;
max-width: 300px;
margin: 2px;
overflow-wrap: break-word;
font-weight: 500;
}
.css-6fkdss.MuiTooltip-popper .MuiTooltip-tooltip {
max-width: 600px;
padding: 12px;
font-size: 14px;
}
.css-6fkdss.MuiTooltip-popper .MuiTooltip-tooltip {
border-radius: 4px;
border: 1px solid rgb(41, 44, 61);
background-color: rgb(20, 21, 31);
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: rgb(207, 208, 211);
}
.MuiTooltip-popper[data-popper-placement*="top"] .css-1spb1s5 {
transform-origin: center bottom;
margin-bottom: 14px;
}
.css-6fkdss.MuiTooltip-popper[data-popper-placement*="top"] .MuiTooltip-tooltip {
margin-bottom: 8px;
}
.css-1cprt2j {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.43;
letter-spacing: 0.01071em;
color: rgba(0, 0, 0, 0.6);
}
.css-1cprt2j.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 400;
line-height: 1.4;
}
.css-1cprt2j.MuiTypography-root.MuiTypography-body2 {
font-size: 14px;
}
.css-1cprt2j.MuiTypography-root.MuiTypography-color-description-textSecondary {
color: rgb(249, 249, 249);
}
.css-1cprt2j.MuiTypography-root.MuiTypography-weight-description-400 {
font-weight: 400;
}
.css-ql6sih {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 1.25rem;
line-height: 1.6;
letter-spacing: 0.0075em;
text-align: left;
color: rgba(0, 0, 0, 0.6);
}
.css-ql6sih.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 600;
line-height: 1.2;
}
.css-ql6sih.MuiTypography-root.MuiTypography-h6 {
font-size: 20px;
}
.css-ql6sih.MuiTypography-root.MuiTypography-color-title-textSecondary {
color: rgb(249, 249, 249);
}
.css-1qes2af {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.75;
letter-spacing: 0.00938em;
text-align: left;
color: rgb(25, 118, 210);
}
.css-1qes2af.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 400;
line-height: 1.4;
}
.sp-hero-ai-slider__slide-text p:nth-child(2) {
white-space: nowrap;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
max-height: 20px;
width: 100%;
line-height: 1;
}
.css-1qes2af.MuiTypography-root.MuiTypography-subtitle1 {
font-size: 12px;
}
.css-1qes2af.MuiTypography-root.MuiTypography-color-description-primary {
color: rgb(207, 208, 211);
}
.css-1qes2af.MuiTypography-root.MuiTypography-weight-description-400 {
font-weight: 400;
}
.sp-hero-ai-grid__tabs .sp-hero-ai-slider__slide {
position: relative;
height: 74px;
display: grid;
place-items: center;
}
.sp-hero-ai-tabs .MuiBox-root .grid-tabs__col-left {
width: 100%;
}
.sp-hero-ai-tabs .MuiBox-root .grid-tabs__col-right-inner {
width: 100%;
}
.sp-hero-ai-tabs .MuiBox-root .MuiTabs-root {
min-height: 28px;
}
.sp-hero-ai-tabs .MuiTabs-scroller .MuiTabs-flexContainer {
width: 100%;
gap: 28px;
}
.sp-hero-ai-tabs .MuiTabs-scroller .MuiButtonBase-root.MuiTab-root {
font-size: 12px;
align-items: flex-start;
padding-inline: 0;
border-top: 2px solid rgba(74, 193, 142, .26);
flex: 1;
}
.css-1k8g4fo .MuiTab-root.MuiTab-textColorPrimary.Mui-selected {
color: rgb(249, 249, 249);
}
.css-1br8qun {
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
cursor: pointer;
user-select: none;
vertical-align: middle;
appearance: none;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 0.8125rem;
line-height: 1.75;
letter-spacing: 0.02857em;
text-transform: uppercase;
min-width: 64px;
color: rgb(255, 255, 255);
background-color: rgb(25, 118, 210);
box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
width: 100%;
outline: 0px;
border-width: 0px;
border-style: initial;
border-color: initial;
border-image: initial;
margin: 0px;
text-decoration: none;
padding: 4px 10px;
border-radius: 4px;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.css-1br8qun.MuiButton-root {
height: 36px;
padding: 0px 14px;
border: 1px solid transparent;
border-radius: 4px;
background-color: transparent;
font-family: Inter, sans-serif;
font-weight: 500;
font-size: 14px;
color: rgb(249, 249, 249);
text-transform: capitalize;
box-sizing: border-box;
box-shadow: none;
transition: background-color 0.1s, color 0.1s, border-color 0.1s, opacity 0.1s;
white-space: nowrap;
}
.css-1br8qun.MuiButton-root.MuiButton-sizeSmall {
height: 32px;
padding: 0px 12px;
}
.css-1br8qun.MuiButton-root.MuiButton-contained.MuiButton-colorPrimary {
border-color: rgba(207, 208, 211, 0.15);
background-color: rgb(59, 61, 79);
color: rgb(249, 249, 249);
}
.css-w0pj6f {
overflow: hidden;
pointer-events: none;
position: absolute;
z-index: 0;
inset: 0px;
border-radius: inherit;
}
.css-hqw408 {
display: inherit;
margin-right: -2px;
margin-left: 8px;
}
.css-hqw408> :nth-of-type(1) {
font-size: 18px;
}
.css-1br8qun.MuiButton-root.MuiButton-contained.MuiButton-colorPrimary:hover svg {
color: rgb(74, 193, 142);
}
.sp-sigma-slider .simplebar-mask {
position: relative;
}
.sp-sigma-slider .simplebar-mask .simplebar-offset {
position: relative
}
.css-1wf1w97.MuiTypography-root.MuiTypography-weight-description-500 {
font-weight: 500;
}
.css-1v48d7h {
margin: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 6rem;
line-height: 1.167;
letter-spacing: -0.01562em;
color: inherit;
}
.css-1v48d7h.MuiTypography-root {
font-family: Inter, sans-serif;
font-weight: 600;
line-height: 1.2;
}
.css-1v48d7h.MuiTypography-root.MuiTypography-h1 {
font-size: 42px;
}
.css-1v48d7h.MuiTypography-root.MuiTypography-weight-title-700 {
font-weight: 700;
}
.sp-journey-grid__title {
letter-spacing: -0.01562em;
font-family: Inter, sans-serif;
font-weight: 600;
line-height: 1.2;
}
.css-17twtd4 .MuiTab-root {
font-family: Inter, sans-serif;
font-size: 12px;
line-height: 20px;
font-weight: 600;
color: rgb(207, 208, 211);
}
.css-1atmgwh.Mui-selected {
color: rgb(25, 118, 210);
}
.css-17twtd4 .MuiTab-root.MuiTab-textColorPrimary {
text-transform: none;
min-height: 44px;
}
.css-17twtd4 .MuiButtonBase-root.MuiTab-root {
padding: 16px 12px;
}
.css-17twtd4 .MuiTab-root.MuiTab-textColorPrimary.Mui-selected {
color: rgb(249, 249, 249);
}
.pipedriveWebForms .spinner-circle {
display: none !important;
}
.sp-build-together-powered-grid .sp-carousel-cards-slide__description a {
text-decoration: underline;
color: #68ecff;
}
.sp-build-together-powered-grid .sp-carousel-cards-slide__description a:hover {
text-decoration: none;
}
.sp-sticky-box-list__select {
position: absolute;
top: 62%;
left: 50%;
width: 100%;
max-width: 280px;
transform: translate(-50%, -50%);
z-index: 3;
}
@media (max-width: 768px) {
.sp-sticky-box-list__select {
display: block;
}
}
@media (max-width: 600px) {
.sp-sticky-box-list__select {
max-width: 140px;
left: 39%;
}
}
.select-scroll-to {
width: 100%;
max-width: 280px;
margin: 0px auto;
}
@media (max-width: 600px) {
.select-scroll-to {
max-width: 180px;
}
}
.select-scroll-to__wrap {
position: relative;
}
.select-scroll-to__button {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 48px;
cursor: pointer;
}
.sp-sticky-box-list__select {
position: absolute;
top: 62%;
left: 50%;
width: 100%;
max-width: 280px;
transform: translate(-50%, -50%);
z-index: 3;
}
@media (max-width: 768px) {
.sp-sticky-box-list__select {
display: block;
}
}
@media (max-width: 600px) {
.sp-sticky-box-list__select {
max-width: 140px;
left: 39%;
}
}