.elementor-kit-6{--e-global-color-primary:#5853FC;--e-global-color-secondary:#2F3F58;--e-global-color-text:#617387;--e-global-color-accent:#FF8100;--e-global-color-1a00f5d:#0AB9FF;--e-global-color-391083d:#B550FF;--e-global-color-df815ec:#FFFFFF;--e-global-color-bb9178e:#1A222D;--e-global-color-9e09691:#8B9DB0;--e-global-color-e94c237:#C8D3DD;--e-global-color-8aa4efb:#DFE6EA;--e-global-color-402e749:#00000038;--e-global-color-ca56ba0:#FFFFFF12;--e-global-typography-primary-font-family:"Work Sans";--e-global-typography-primary-font-size:32px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Work Sans";--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Work Sans";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Space Grotesk";--e-global-typography-accent-font-size:22px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-cddb7e3-font-family:"Space Grotesk";--e-global-typography-cddb7e3-font-size:54px;--e-global-typography-cddb7e3-font-weight:600;--e-global-typography-9979224-font-family:"Space Grotesk";--e-global-typography-9979224-font-size:42px;--e-global-typography-9979224-font-weight:500;--e-global-typography-54db4a7-font-family:"Space Grotesk";--e-global-typography-54db4a7-font-size:32px;--e-global-typography-54db4a7-font-weight:500;--e-global-typography-ec31c38-font-family:"Space Grotesk";--e-global-typography-ec31c38-font-size:24px;--e-global-typography-ec31c38-font-weight:600;--e-global-typography-8455cb4-font-family:"Work Sans";--e-global-typography-8455cb4-font-size:22px;--e-global-typography-8455cb4-font-weight:400;--e-global-typography-6810300-font-family:"Work Sans";--e-global-typography-6810300-font-size:16px;--e-global-typography-6810300-font-weight:400;--e-global-typography-10cab87-font-family:"Space Grotesk";--e-global-typography-10cab87-font-size:16px;--e-global-typography-10cab87-font-weight:600;--e-global-typography-58b4308-font-family:"Space Grotesk";--e-global-typography-58b4308-font-size:18px;--e-global-typography-58b4308-font-weight:600;--e-global-typography-58b4308-line-height:30px;--e-global-typography-7a6d135-font-family:"Space Grotesk";--e-global-typography-7a6d135-font-size:72px;--e-global-typography-7a6d135-font-weight:600;background-color:transparent;background-image:linear-gradient(235deg, #000A10 0%, #072736 80%);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:75em;}.e-con{--container-max-width:75em;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1224px){.elementor-kit-6{--e-global-typography-cddb7e3-font-size:54px;--e-global-typography-7a6d135-font-size:60px;--e-global-typography-7a6d135-line-height:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-cddb7e3-font-size:44px;--e-global-typography-9979224-font-size:36px;--e-global-typography-54db4a7-font-size:28px;--e-global-typography-ec31c38-font-size:22px;--e-global-typography-8455cb4-font-size:20px;--e-global-typography-7a6d135-font-size:48px;--e-global-typography-7a6d135-line-height:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* === TEXT GRADIENTS === */

.gradient_cyan-text {
  background: -webkit-linear-gradient(45deg, #04c6ff, #704cff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient_magenta-text {
  background: -webkit-linear-gradient(45deg, #f800ff, #704cff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient_orange-text {
  background: -webkit-linear-gradient(45deg, #ff6f00, #f800ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient_ultra-text {
  background: -webkit-linear-gradient(45deg, #704cff, #4735af);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient_insight-text{
  background: linear-gradient(45deg, #04c6ff, #0c70c2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* === OUTLINE GRADIENTS === */

.gradient_cyan-outline15,
.gradient_cyan-outline,
.gradient_insight-outline4,
.gradient_magenta-outline,
.gradient_orange-outline,
.gradient_ultra-outline,
.gradient_insight-outline {
  position: relative;
  width: inherit;
  border: 2px solid transparent;
  border-radius: 30px;
}

.gradient_cyan-outline15 {
  border-radius: 15px;
}

.gradient_insight-outline4 {
  border: 3px solid transparent;
}

.gradient_cyan-outline15::after,
.gradient_cyan-outline::after,
.gradient_insight-outline4::after,
.gradient_magenta-outline::after,
.gradient_orange-outline::after,
.gradient_ultra-outline::after,
.gradient_insight-outline::after {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  border: inherit;
  mask:
    linear-gradient(white, white) padding-box,
    linear-gradient(white, white);
  mask-composite: exclude;
  margin: 0px;
  pointer-events: none;
}

.gradient_cyan-outline15::after,
.gradient_cyan-outline::after {
  background: linear-gradient(45deg, #04c6ff, #704cff) border-box;
}

.gradient_magenta-outline::after {
  background: linear-gradient(45deg, #f800ff, #704cff) border-box;
}

.gradient_orange-outline::after {
  background: linear-gradient(45deg, #ff6f00, #f800ff) border-box;
}

.gradient_ultra-outline::after {
  background: linear-gradient(45deg, #704cff, #4735af) border-box;
}

.gradient_insight-outline::after, 
.gradient_insight-outline4::after {
  background: linear-gradient(45deg, #04c6ff, #0c70c2) border-box;
}

/* === SOLID BUTTONS === */

.gradient_cyan-solidbutton,
.gradient_magenta-solidbutton,
.gradient_orange-solidbutton,
.gradient_ultra-solidbutton,
.gradient_insight-solidbutton,
.white_cyan-solidbutton{
  position: relative;
  display: inline-block;
  width: fit-content;
  border-radius: 100px;
  transition: all 0.3s ease;
}

.gradient_cyan-solidbutton {
  background: linear-gradient(90deg, #04c6ff, #704cff);
}
.gradient_magenta-solidbutton {
  background: linear-gradient(90deg, #f800ff, #704cff);
}
.gradient_ultra-solidbutton {
  background: linear-gradient(90deg, #704cff, #4735af);
}
.gradient_insight-solidbutton {
  background: linear-gradient(90deg, #04c6ff, #0c70c2);
}


.white_cyan-solidbutton {
  background: linear-gradient(90deg, #DFE6EA, #C8D3DD);
}
.white_cyan-solidbutton:hover {
  -webkit-text-fill-color: white;
  background: linear-gradient(45deg, #04c6ff, #704cff);
}

/* === BORDER BUTTONS === */

.gradient_cyan-borderbutton,
.gradient_insight-borderbutton,
.gradient_insight-borderbutton-nohover,
.gradient_magenta-borderbutton,
.gradient_orange-borderbutton,
.gradient_ultra-borderbutton,
.gradient_uv-whiteborderbutton,
.gradient_white-borderbutton {
  position: relative;
  display: inline-block;
  width: fit-content;
  border: 3px solid transparent;
  border-radius: 100px;
  transition: all 0.3s ease;
}

.gradient_cyan-borderbutton::after,
.gradient_insight-borderbutton::after,
.gradient_insight-borderbutton-nohover::after, 
.gradient_magenta-borderbutton::after,
.gradient_orange-borderbutton::after,
.gradient_ultra-borderbutton::after,
.gradient_uv-whiteborderbutton::after,
.gradient_white-borderbutton::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: inherit;
  mask:
    linear-gradient(white, white) padding-box,
    linear-gradient(white, white);
  mask-composite: exclude;
  margin: 0px;
}

.gradient_cyan-borderbutton::after {
  background: linear-gradient(45deg, #04c6ff, #704cff) border-box;
}
.gradient_cyan-borderbutton:hover {
  -webkit-text-fill-color: white;
  background: linear-gradient(45deg, #04c6ff, #704cff) padding-box;
}

.gradient_insight-borderbutton::after,
.gradient_insight-borderbutton-nohover::after, {
  background: linear-gradient(45deg, #04c6ff, #0c70c2) border-box;
}
.gradient_insight-borderbutton:hover {
  -webkit-text-fill-color: white;
  background: linear-gradient(45deg, #04c6ff, #0c70c2) padding-box;
}

.gradient_magenta-borderbutton::after {
  background: linear-gradient(45deg, #f800ff, #704cff) border-box;
}

.gradient_magenta-borderbutton:hover {
  -webkit-text-fill-color: white;
  background: linear-gradient(45deg, #f800ff, #704cff) padding-box;
}

.gradient_orange-borderbutton::after {
  background: linear-gradient(45deg, #ff6f00, #f800ff) border-box;
}

.gradient_orange-borderbutton:hover {
  -webkit-text-fill-color: white;
  background: linear-gradient(45deg, #ff6f00, #f800ff) padding-box;
}

.gradient_ultra-borderbutton::after {
    background: linear-gradient(45deg, #704cff, #4735af) border-box;
}
.gradient_ultra-borderbutton:hover {
    -webkit-text-fill-color: white;
    background: linear-gradient(45deg, #704cff, #4735af) padding-box;
}

.gradient_white-borderbutton::after {
    background: linear-gradient(45deg, white,white) border-box;
}
.gradient_white-borderbutton:hover {
    -webkit-text-fill-color: #1a222d;
    background: linear-gradient(45deg, white,white) padding-box;
}
.gradient_white-borderbutton:hover .cls-1{
    stroke:#1a222d;
}


.gradient_cyan-borderbutton:hover .cls-1,
.gradient_insight-borderbutton:hover .cls-1,
.gradient_magenta-borderbutton:hover .cls-1,
.gradient_orange-borderbutton:hover .cls-1,
.gradient_ultra-borderbutton:hover .cls-1,
.white_cyan-solidbutton:hover .cls-1 {
    stroke:white;
}

.gradient_uv-whiteborderbutton::after {
  background: linear-gradient(45deg, #fff, #704cff) border-box;
}

.gradient_uv-whiteborderbutton:hover {
  -webkit-text-fill-color:var(--e-global-color-bb9178e);
  background: linear-gradient(45deg, #fff, #fff) padding-box;
}

.gradient_uv-whiteborderbutton:hover::after {
  background: linear-gradient(45deg, #ffffff, #ffffff) border-box;
}

.gradient_uv-whiteborderbutton:hover .cls-1{
    stroke:var(--e-global-color-bb9178e);
}

/* === TOGGLE SECTIONS === */

.command-content,
.insight-content,
.quote-content {
  display: none;
}

.command-content.visible,
.insight-content.visible,
.quote-content.visible {
  display: flex;
}

/* === TOGGLE BUTTON === */

.command-button,
.insight-button {
  display: inline-block;
  padding: 8px 16px;
  cursor: pointer;
  border-radius: 100px;
  transition: all 0.3s ease;
  background-color: transparent;
  -webkit-text-fill-color: inherit;
}

.command-button:hover {
  background: linear-gradient(45deg, #f800ff25, #704cff25);
  -webkit-text-fill-color: inherit;
}

.insight-button:hover {
  background: linear-gradient(45deg, #04c6ff25, #0c70c225);
  -webkit-text-fill-color: inherit;
}

.command-button.active {
  -webkit-text-fill-color: #fff;
  background: linear-gradient(45deg, #f800ff, #704cff);
}

.insight-button.active {
  -webkit-text-fill-color: #fff;
  background: linear-gradient(45deg, #04c6ff, #0c70c2);
}

/* === TOGGLE BALL === */

.toggle-ball {
  background-color: rgba(255, 255, 255, 0.3);
  height: 30px;
  width: 30px;
  border-radius: 100px;
}

.toggle-ball:hover {
  background-color: rgba(255, 255, 255, 0.75);
  cursor: pointer;
}

.toggle-ball.active {
  background-color: white;
}

/* === TOGGLE BAR === */

.toggle-bar {
  width: fit-content;
}/* End custom CSS */