.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//testing.fusiongeek.io/wp-content/themes/fusiongeek/assets/fonts/poppins-700.woff2) format('woff2');
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//testing.fusiongeek.io/wp-content/themes/fusiongeek/assets/fonts/poppins-600.woff2) format('woff2');
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//testing.fusiongeek.io/wp-content/themes/fusiongeek/assets/fonts/poppins-400.woff2) format('woff2');
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(//testing.fusiongeek.io/wp-content/themes/fusiongeek/assets/fonts/poppins-300.woff2) format('woff2');
} :root {
color-scheme: dark;
--fg-bg: #08081e;
--fg-panel: #0d0d30;
--fg-text: #f6f7ff;
--fg-muted: #c3c1d5;
--fg-cyan: #34ffe0;
--fg-line: #282958;
--fg-grad: linear-gradient(90deg, #34ffe0, #00a7f2, #4a50f8, #9200f7);
font-family: Poppins, system-ui, sans-serif;
background: var(--fg-bg);
color: var(--fg-text);
font-synthesis: none;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
font-size: 18px;
font-weight: 300;
line-height: 1.35;
}
a {
color: inherit;
text-decoration: none;
}
button,
input,
textarea,
summary {
font: inherit;
}
button,
summary {
cursor: pointer;
}
img {
display: block;
max-width: 100%;
height: auto;
}
button {
color: inherit;
}
p {
margin: 0 0 24px;
}
h1,
h2,
h3 {
font-weight: 600;
line-height: 1.2;
margin: 0 0 28px;
}
h2 {
font-size: 50px;
}
h3 {
font-size: 35px;
}
a,
button,
summary {
-webkit-tap-highlight-color: transparent;
}
a:hover {
color: var(--fg-cyan);
}
:focus-visible {
outline: 2px solid var(--fg-cyan);
outline-offset: 6px;
}
section[id] {
scroll-margin-top: 120px;
}
a,
button {
touch-action: manipulation;
}
[hidden] {
display: none !important;
} .fg-sr {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
}
.fg-skip {
position: fixed;
top: -100px;
left: 12px;
background: var(--fg-bg);
padding: 15px;
z-index: 100;
}
.fg-skip:focus {
top: 12px;
}
.fg-container {
width: calc(100% - 40px);
max-width: 1400px;
margin-inline: auto;
}
.fg-section {
padding-block: 120px;
}
.fg-centered {
text-align: center;
}
.fg-gradient {
background: var(--fg-grad);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
.fg-button {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 11px 25px;
border: 2px solid transparent;
border-image: var(--fg-grad) 1;
background: transparent;
color: var(--fg-text);
font-weight: 400;
font-size: 17px;
line-height: 1.3;
min-height: 44px;
transition: background 0.2s;
}
.fg-button:hover {
background: #18103c;
color: white;
}
.fg-button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.fg-eyebrow {
display: flex;
align-items: center;
gap: 16px;
color: var(--fg-cyan);
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 34px;
}
.fg-eyebrow::before {
content: '';
width: 30px;
height: 1px;
background: var(--fg-cyan);
}
.fg-centered .fg-eyebrow {
justify-content: center;
}
summary {
list-style: none;
}
summary::-webkit-details-marker {
display: none;
} .fg-footer {
background: linear-gradient(180deg, #0a0a25, #08081e);
border-top: 1px solid #16122b;
}
.fg-footer-contact {
display: grid;
grid-template-columns: 1fr 400px;
align-items: center;
gap: 90px;
padding-block: 80px;
}
.fg-footer-contact h2 {
font-size: 40px;
max-width: 780px;
}
.fg-footer-art {
width: 350px;
justify-self: center;
}
.fg-footer-nav {
display: grid;
grid-template-columns: 1.1fr 1fr 1.5fr 1fr 0.8fr;
gap: 40px;
padding-block: 60px;
}
.fg-footer-logo {
width: 150px;
}
.fg-linkedin {
display: grid;
place-items: center;
border: 1px solid #5e5b70;
border-radius: 3px;
width: 28px;
height: 28px;
font-weight: 600;
font-size: 19px;
margin-top: 24px;
}
.fg-footer-nav h3 {
font-size: 18px;
margin-bottom: 22px;
}
.fg-footer-nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.fg-footer-nav li {
font-size: 14px;
margin-bottom: 14px;
}
.fg-footer-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
border-top: 1px solid #222039;
padding-block: 25px;
font-size: 12px;
}
.fg-footer-bottom p {
margin: 0;
}
.fg-contact-overlay {
display: none;
position: fixed;
inset: 0;
z-index: 100000000;
background: #000b;
padding: 30px;
overflow-y: auto;
}
.fg-contact-overlay:target,
.fg-contact-overlay.is-open {
display: grid;
place-items: center;
}
.fg-contact-box {
position: relative;
max-width: 780px;
width: 100%;
padding: 45px;
background: var(--fg-panel);
border: 1px solid #49326f;
border-radius: 16px;
color-scheme: dark;
color: #f6f7ff;
background: #0d0d30;
}
.fg-contact-box h2 {
font-size: 30px;
padding-right: 24px;
}
.fg-contact-box > p {
font-size: 14px;
}
.fg-contact-close {
position: absolute;
right: 18px;
top: 10px;
font-size: 34px;
} .fg-contact-scroll-lock {
overflow: hidden;
}
.fg-contact-overlay:target,
.fg-contact-overlay.is-open {
align-items: start;
}
.fg-contact-overlay[data-enhanced]:not(.is-open) {
display: none;
}
.fg-contact-box .fluentform {
margin-block: 26px;
font-size: 15px;
line-height: 1.5;
}
.fg-contact-box .fluentform .ff-el-group {
margin-bottom: 20px;
}
.fg-contact-box .fluentform label {
color: #f6f7ff;
font-weight: 400;
}
.fg-contact-box .fluentform .ff-el-form-control {
width: 100%;
min-height: 48px;
padding: 12px 14px;
border: 1px solid #666487;
border-radius: 8px;
background: #08081e;
color: #f6f7ff;
font: inherit;
font-size: 16px;
box-shadow: none;
}
.fg-contact-box .fluentform textarea {
resize: vertical;
}
.fg-contact-box .fluentform input[type="checkbox"] {
width: 20px;
height: 20px;
accent-color: #34ffe0;
vertical-align: middle;
}
.fg-contact-box .fluentform a,
.fg-contact-alternative a {
color: #34ffe0;
text-decoration: underline;
text-underline-offset: 3px;
overflow-wrap: anywhere;
}
.fg-contact-box :is(input, textarea, select, button, a):focus-visible {
outline: 2px solid #34ffe0;
outline-offset: 3px;
}
.fg-contact-box .fluentform .ff-btn-submit {
min-height: 48px;
padding: 14px 24px;
border: 1px solid #34ffe0;
border-radius: 8px;
background: #34ffe0;
color: #08081e;
font: inherit;
font-weight: 600;
cursor: pointer;
}
.fg-contact-box .fluentform .ff-btn-submit:hover {
background: #a0fff0;
}
.fg-contact-box .fluentform .ff-el-is-error .text-danger,
.fg-contact-box .fluentform .error {
color: #ffb7c6;
}
.fg-contact-box .ff-message-success {
border: 1px solid #34ffe0;
border-radius: 8px;
color: #f6f7ff;
padding: 20px;
}
.fg-contact-box .fg-contact-alternative {
font-size: 13px;
margin-bottom: 0;
}
.fg-whatsapp {
position: fixed;
right: 15px;
bottom: 15px;
z-index: 35;
width: 44px;
height: 44px;
display: grid;
place-items: center;
background: #25d366;
color: white;
border-radius: 50%;
box-shadow: 0 3px 15px #0003;
}
.fg-whatsapp:hover {
background: #1fb85a;
color: white;
}
@media (max-width: 980px) {
body {
font-size: 17px;
}
.fg-section {
padding-block: 85px;
}
h2 {
font-size: 40px;
}
.fg-footer-contact {
grid-template-columns: 1fr 280px;
gap: 35px;
}
.fg-footer-contact h2 {
font-size: 32px;
}
.fg-footer-nav {
gap: 20px;
grid-template-columns: 1fr 1fr 1.4fr;
}
.fg-footer-bottom {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 680px) {
body {
font-size: 16px;
}
.fg-container {
width: calc(100% - 30px);
}
.fg-section {
padding-block: 65px;
}
h2 {
font-size: 33px;
}
.fg-eyebrow {
font-size: 11px;
margin-bottom: 24px;
}
.fg-footer-contact {
grid-template-columns: 1fr;
padding-block: 60px;
gap: 30px;
}
.fg-footer-contact h2 {
font-size: 31px;
}
.fg-footer-art {
width: 240px;
}
.fg-footer-nav {
grid-template-columns: 1fr 1fr;
gap: 30px;
padding-block: 35px;
}
.fg-footer-nav > div:first-child {
grid-column: 1/-1;
}
.fg-footer-nav h3 {
font-size: 17px;
margin-bottom: 18px;
}
.fg-footer-nav li {
font-size: 12px;
}
.fg-footer-bottom {
font-size: 10px;
line-height: 1.8;
}
.fg-contact-overlay {
padding: 15px;
}
.fg-contact-box {
padding: 35px 22px;
}
.fg-contact-box h2 {
font-size: 26px;
}
} @media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation: none !important;
transition: none !important;
scroll-behavior: auto !important;
}
}
.fg-site :where(input, textarea, select) {
max-width: 100%;
} .fg-site-header {
--nav-bg: #08081e;
--nav-ink: #f6f7ff;
--nav-muted: #9ca5c4;
--nav-line: #282958;
position: sticky;
top: 0;
z-index: 1000;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
min-height: 108px;
padding: 18px 22px;
background: var(--nav-bg);
border-bottom: 1px solid #17172f;
color: var(--nav-ink);
font-family: Poppins, sans-serif;
}
.fg-site-header * {
box-sizing: border-box;
}
.fg-site-header a {
color: inherit;
text-decoration: none;
}
.fg-site-header ul {
list-style: none;
padding: 0;
margin: 0;
}
.fg-site-header summary {
list-style: none;
cursor: pointer;
}
.fg-site-header summary::-webkit-details-marker {
display: none;
}
.fg-site-header :is(a, summary):focus-visible {
outline: 2px solid #34ffe0;
outline-offset: 5px;
}
.fg-site-header a:hover {
color: #34ffe0;
}
.fg-nav-logo {
display: block;
flex: none;
width: 186px;
}
.fg-nav-logo img {
display: block;
width: 100%;
height: 69px;
object-fit: contain;
}
.fg-nav-desktop {
display: flex;
gap: 55px;
align-items: center;
}
.fg-nav-desktop > ul {
display: flex;
gap: 30px;
align-items: center;
}
.fg-nav-desktop > ul > li > a,
.fg-nav-disclosure > summary {
font-size: 18px;
font-weight: 300;
white-space: nowrap;
}
.fg-nav-disclosure > summary {
display: flex;
align-items: center;
gap: 14px;
}
.fg-nav-disclosure[open] > summary {
color: #34ffe0;
}
.fg-nav-chevron {
width: 10px;
height: 10px;
border-right: 2px solid;
border-bottom: 2px solid;
transform: rotate(45deg) translateY(-3px);
}
.fg-nav-disclosure[open] .fg-nav-chevron {
transform: rotate(225deg) translate(-2px, -1px);
}
.fg-nav-contact {
padding: 10px 25px;
border: 2px solid transparent;
border-image: linear-gradient(100deg, #34ffe0, #00a7f2, #9200f7) 1;
font-size: 18px;
white-space: nowrap;
}
.fg-nav-mobile {
display: none;
}
.fg-nav-mega {
position: absolute;
top: calc(100% + 3px);
left: 50%;
transform: translateX(-50%);
display: grid;
grid-template-columns: 28.7% 1fr;
width: min(calc(100vw - 44px), 1300px);
max-height: calc(100dvh - 130px);
overflow: auto;
border: 1px solid #343773;
border-radius: 15px;
background: linear-gradient(110deg, rgba(12, 12, 41, 0.98), rgba(8, 8, 28, 0.97));
box-shadow: 0 24px 60px #0004;
}
.fg-nav-mega:before {
content: '';
position: absolute;
inset: 0 0 auto;
height: 2px;
background: linear-gradient(90deg, #34ffe0, #00a7f2, #9200f7);
}
.fg-nav-feature {
position: relative;
overflow: hidden;
padding: 36px 34px 55px;
background:
radial-gradient(ellipse at 0 0, #10467566, transparent 55%),
linear-gradient(130deg, #0e0e32aa, #0a0a25);
border-right: 1px solid var(--nav-line);
}
.fg-nav-feature:after {
content: '';
position: absolute;
right: -65px;
bottom: -85px;
width: 210px;
height: 230px;
border: 1px solid #4234ab66;
border-radius: 50%;
box-shadow: 0 0 0 30px #3c209512;
pointer-events: none;
}
.fg-nav-eyebrow {
display: flex;
gap: 10px;
align-items: center;
color: #34ffe0;
font-size: 10px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0 0 20px;
}
.fg-nav-eyebrow:before {
content: '';
height: 1px;
width: 24px;
background: linear-gradient(90deg, #34ffe0, #00a7f2);
flex: none;
}
.fg-nav-badge {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 6px 10px;
color: #b4fff3;
border: 1px solid #167184;
border-radius: 30px;
background: #34ffe008;
font-size: 9px;
letter-spacing: 0.7px;
font-weight: 600;
}
.fg-nav-badge:before {
content: '';
width: 5px;
height: 5px;
border-radius: 50%;
background: #34ffe0;
}
.fg-nav-feature .fg-nav-feature-title {
font-size: 30px;
line-height: 1.18;
letter-spacing: -1px;
margin: 21px 0 18px;
font-weight: 600;
}
.fg-nav-feature .fg-nav-feature-title > span {
display: block;
background: linear-gradient(90deg, #34ffe0, #00a7f2, #9200f7);
background-clip: text;
color: transparent;
}
.fg-nav-description {
font-size: 14px;
line-height: 1.7;
color: var(--nav-muted);
margin: 0;
}
.fg-nav-feature-link {
position: relative;
z-index: 1;
display: flex;
align-items: center;
gap: 12px;
margin-top: 24px;
font-size: 12px;
font-weight: 600;
line-height: 1.35;
}
.fg-nav-feature-link > span:last-child {
display: grid;
place-items: center;
width: 28px;
height: 28px;
border: 1px solid #198f9c;
color: #34ffe0;
flex: none;
}
.fg-nav-main {
min-width: 0;
padding: 28px 32px 0;
}
.fg-nav-intro {
font-size: 13px;
color: var(--nav-muted);
text-align: center;
margin: 0 0 25px;
line-height: 1.6;
}
.fg-nav-columns {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
.fg-nav-column + .fg-nav-column {
border-left: 1px solid var(--nav-line);
padding-left: 14px;
}
.fg-nav-column .fg-nav-column-title {
display: flex;
align-items: center;
gap: 10px;
font-size: 19px;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 1.3;
margin: 0 0 24px;
}
.fg-nav-icon {
display: grid;
place-items: center;
flex: none;
width: 28px;
height: 28px;
border: 1px solid #186270;
border-radius: 7px;
color: #34ffe0;
}
.fg-nav-icon svg {
width: 18px;
height: 18px;
}
.fg-nav-column:nth-child(2) .fg-nav-icon {
color: #7977ff;
border-color: #34358c;
}
.fg-nav-column:nth-child(3) .fg-nav-icon {
color: #ba55ff;
border-color: #62278e;
}
.fg-nav-column li {
margin: 0 0 24px;
}
.fg-nav-column a {
display: block;
font-size: 15px;
font-weight: 600;
line-height: 1.4;
}
.fg-nav-column small {
display: block;
font-size: 14px;
font-weight: 300;
line-height: 1.55;
color: #a5adc7;
margin-top: 4px;
}
.fg-nav-guidance {
display: flex;
align-items: center;
gap: 12px;
border-top: 1px solid var(--nav-line);
padding: 16px 0;
font-size: 12px;
}
.fg-nav-help {
display: grid;
place-items: center;
width: 28px;
height: 28px;
border: 1px solid #34358c;
border-radius: 50%;
color: #8585ff;
flex: none;
}
.fg-nav-guidance p {
margin: 0;
color: var(--nav-muted);
line-height: 1.6;
}
.fg-nav-guidance strong {
font-weight: 400;
color: #e4e7f4;
}
.fg-nav-guidance > a {
margin-left: auto;
white-space: nowrap;
font-weight: 600;
}
.fg-nav-guidance > a span {
margin-left: 10px;
}
.admin-bar .fg-site-header {
top: 32px;
}
@media (min-width: 981px) and (max-width: 1200px) {
.fg-nav-desktop {
gap: 24px;
}
.fg-nav-desktop > ul {
gap: 18px;
}
.fg-nav-desktop > ul > li > a,
.fg-nav-disclosure > summary,
.fg-nav-contact {
font-size: 15px;
}
.fg-nav-column .fg-nav-column-title {
font-size: 16px;
}
.fg-nav-main {
padding: 26px 22px 0;
}
.fg-nav-feature {
padding: 30px 24px;
}
.fg-nav-feature .fg-nav-feature-title {
font-size: 27px;
}
.fg-nav-guidance {
flex-wrap: wrap;
}
} @media (max-width: 980px) {
.fg-site-header {
min-height: 80px;
padding: 10px 18px;
}
.fg-nav-logo {
width: 145px;
}
.fg-nav-logo img {
height: 54px;
}
.fg-nav-desktop {
display: none;
}
.fg-nav-mobile {
display: block;
}
.fg-nav-toggle {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
gap: 6px;
width: 44px;
height: 44px;
padding: 10px;
z-index: 1003;
}
.fg-nav-toggle > span {
display: block;
height: 2px;
width: 24px;
background: #f6f7ff;
}
.fg-nav-mobile[open] > .fg-nav-toggle {
position: fixed;
top: 18px;
right: 16px;
}
.fg-nav-mobile[open] > .fg-nav-toggle > span:first-child {
transform: translateY(8px) rotate(45deg);
}
.fg-nav-mobile[open] > .fg-nav-toggle > span:nth-child(2) {
opacity: 0;
}
.fg-nav-mobile[open] > .fg-nav-toggle > span:last-child {
transform: translateY(-8px) rotate(-45deg);
}
.fg-nav-panel {
position: fixed;
inset: 0;
z-index: 1002;
display: flex;
flex-direction: column;
gap: 0;
padding: 70px 16px calc(24px + env(safe-area-inset-bottom));
overflow-y: auto;
overscroll-behavior-y: contain;
background: linear-gradient(180deg, #0a0a25, #07071b);
scrollbar-width: thin;
scrollbar-color: #8850fa #0a0a25;
}
.fg-nav-panel > * {
flex-shrink: 0;
}
.fg-nav-panel::-webkit-scrollbar {
width: 6px;
}
.fg-nav-panel::-webkit-scrollbar-thumb {
background: linear-gradient(#9200f7, #34d5ff);
}
.fg-nav-mobile-top {
padding: 0 4px 22px;
border-bottom: 1px solid var(--nav-line);
}
.fg-nav-mobile-top .fg-nav-eyebrow {
font-size: 13px;
color: #8e99b7;
margin: 0 0 10px;
}
.fg-nav-mobile-top > p:last-child {
color: #8994b1;
font-size: 13px;
line-height: 1.6;
margin: 0;
max-width: 600px;
}
.fg-nav-panel .fg-nav-feature {
margin: 17px 0 12px;
padding: 21px 20px;
text-align: center;
border: 1px solid #343773;
border-radius: 12px;
background:
radial-gradient(ellipse at 100% 0, #9200f726, transparent 65%),
linear-gradient(135deg, #101039, #0a0a24);
}
.fg-nav-panel .fg-nav-feature:before {
content: '';
position: absolute;
inset: 0 auto 0 0;
width: 2px;
background: linear-gradient(#34ffe0, #00a7f2, #9200f7);
}
.fg-nav-panel .fg-nav-feature:after {
display: none;
}
.fg-nav-panel .fg-nav-badge {
font-size: 9px;
padding: 6px 9px;
}
.fg-nav-panel .fg-nav-feature .fg-nav-feature-title {
font-size: 20px;
letter-spacing: -0.6px;
line-height: 1.25;
margin: 14px 0 10px;
}
.fg-nav-panel .fg-nav-description {
font-size: 12px;
line-height: 1.6;
}
.fg-nav-panel .fg-nav-feature-link {
justify-content: center;
margin-top: 14px;
font-size: 12px;
color: #34ffe0;
}
.fg-nav-panel .fg-nav-feature-link > span:last-child {
border: 0;
width: auto;
height: auto;
}
.fg-nav-accordion {
border-bottom: 1px solid var(--nav-line);
}
.fg-nav-accordion > summary {
display: flex;
align-items: center;
gap: 11px;
padding: 17px 23px;
font-size: 14px;
line-height: 1.5;
}
.fg-nav-accordion .fg-nav-icon {
width: 28px;
height: 28px;
border-color: var(--nav-line);
}
.fg-nav-plus {
position: relative;
margin-left: auto;
width: 12px;
height: 12px;
flex: none;
}
.fg-nav-plus:before,
.fg-nav-plus:after {
content: '';
position: absolute;
top: 5px;
left: 1px;
width: 10px;
height: 1px;
background: #8892b5;
}
.fg-nav-plus:after {
transform: rotate(90deg);
}
.fg-nav-accordion[open] .fg-nav-plus:after {
transform: none;
}
.fg-nav-accordion li a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 0 24px 16px 63px;
font-size: 13px;
color: #aeb5cf;
}
.fg-nav-accordion li a:after {
content: '→';
color: #636e94;
}
.fg-nav-utility {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
padding: 18px 0;
}
.fg-nav-utility a {
display: grid;
place-items: center;
min-height: 41px;
padding: 8px 4px;
border: 1px solid #34ffe0;
font-size: 12px;
letter-spacing: 0.3px;
}
.fg-nav-mobile-cta {
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
min-height: 48px;
margin-top: auto;
padding-top: 10px;
color: #34ffe0 !important;
font-size: 12px;
font-weight: 600;
}
.fg-nav-scroll-lock {
overflow: hidden;
}
.admin-bar .fg-nav-panel {
top: 32px;
}
.admin-bar .fg-nav-mobile[open] > .fg-nav-toggle {
top: 50px;
}
} @media (max-width: 782px) {
.admin-bar .fg-site-header {
top: 46px;
}
.admin-bar .fg-nav-panel {
top: 46px;
}
.admin-bar .fg-nav-mobile[open] > .fg-nav-toggle {
top: 64px;
}
} @media (max-width: 360px) {
.fg-nav-accordion > summary {
padding-inline: 10px;
}
.fg-nav-accordion li a {
padding-left: 49px;
padding-right: 10px;
}
.fg-nav-panel .fg-nav-feature {
padding: 20px 12px;
}
.fg-nav-panel .fg-nav-feature .fg-nav-feature-title {
font-size: 19px;
}
}
.fg-nav-badge {
text-transform: uppercase;
}.fg-home-two {
--fg-container: 1300px;
background: #08081e;
color: #f8f8f8;
font:
300 16px/1.65 Poppins,
sans-serif;
overflow: clip;
}
.fg-home-two :where(*, *::before, *::after) {
box-sizing: border-box;
}
.fg-home-two :where(h1, h2, h3, h4, p, figure, ul) {
margin: 0;
}
.fg-home-two :where(h1, h2, h3, h4) {
font-family: inherit;
line-height: 1.2;
color: inherit;
}
.fg-home-two :where(p + p) {
margin-top: 1em;
}
.fg-home-two :where(a) {
color: inherit;
text-decoration: none;
}
.fg-home-two :where(img) {
display: block;
max-width: 100%;
height: auto;
}
.fg-home-two :where(button) {
font: inherit;
cursor: pointer;
}
.fg-home-two :where(a, button):focus-visible {
outline: 2px solid #34ffe0;
outline-offset: 5px;
}
.fg-home-two :where(.fg2-section, .fg2-container, .fg2-block, .fg2-div) {
display: flex;
flex-direction: column;
min-width: 0;
}
.fg-home-two :where(.fg2-section) {
width: 100%;
align-items: center;
}
.fg-home-two :where(.fg2-container) {
width: min(1300px, calc(100% - 60px));
margin-inline: auto;
}
.fg-home-two .fg2-container .fg2-container {
width: 100%;
}
.fg-home-two .fg2-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 22px;
color: #f8f8f8;
font-weight: 400;
width: fit-content;
transition: background 0.2s;
}
.fg-home-two .fg2-button:hover {
background: rgba(78, 84, 249, 0.2);
}
.fg-home-two .fg2-icon-box {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
min-width: 0;
}
.fg-home-two .fg2-icon-wrap {
display: inline-flex;
align-items: center;
justify-content: center;
}
.fg-home-two .fg2-icon-label {
width: 100%;
}
.fg-home-two .fg2-eyebrow-line {
display: inline-block;
width: 30px;
height: 2px;
background: currentColor;
vertical-align: middle;
margin-right: 15px;
}
.fg-home-two .fg2-heading:has(.fg2-eyebrow-line) {
font-size: 14px;
font-weight: 300;
}
.fg-home-two [hidden] {
display: none !important;
}
.fg-home-two .fg2-words {
color: #34ffe0;
}
.fg-home-two .fg2-words .typed + .typed::before {
content: ' · ';
}
.fg-home-two .fg2-xproslider {
width: 100%;
min-width: 0;
} .fg-home-two .fg2-project-track {
display: flex;
gap: 40px;
overflow-x: auto;
scroll-snap-type: x mandatory;
padding: 10px 0 20px;
}
.fg-home-two .fg2-project {
flex: 0 0 calc((100% - 80px) / 3);
scroll-snap-align: start;
min-width: 0;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.fg-home-two .fg2-project > img {
width: 100%;
height: 240px;
object-fit: cover;
border-radius: 20px;
} .fg-home-two .fg2-project-label {
position: relative;
width: 80%;
margin: -34px 14px 0 0;
padding: 30px 20px;
background: #0d0d30;
border-radius: 20px;
text-align: left;
}
.fg-home-two .fg2-project-label h3 {
font-size: 24px;
font-weight: 600;
}
.fg-home-two .fg2-scroll-controls {
display: flex;
justify-content: center;
gap: 12px;
margin-top: 15px;
}
.fg-home-two .fg2-scroll-controls button {
width: 44px;
height: 44px;
background: #0d0d30;
color: #f8f8f8;
border: 1px solid #282958;
border-radius: 50%;
}
.fg-home-two .fg2-review-name {
font-size: 16px;
font-weight: 400;
}
.fg-home-two .fg2-review-role {
font-size: 14px;
color: #b5b4c4;
margin-top: 0;
} @media (max-width: 1280px) {
.fg-home-two .fg2-project {
flex-basis: calc((100% - 40px) / 2);
}
} @media (max-width: 767px) {
.fg-home-two .fg2-container {
width: calc(100% - 36px);
}
.fg-home-two .fg2-project {
flex-basis: 85%;
}
.fg-home-two .fg2-project-track {
gap: 20px;
}
.fg-home-two .fg2-project-label h3 {
font-size: 22px;
}
} @media (prefers-reduced-motion: reduce) {
.fg-home-two *,
.fg-home-two *::before,
.fg-home-two *::after {
animation: none !important;
transition: none !important;
scroll-behavior: auto !important;
}
} .fg-home-two .border-gradient-1,
.fg-wordpress .border-gradient-1,
.fg-design .border-gradient-1,
.fg-audit .border-gradient-1,
.fg-consult .border-gradient-1,
.fg-maint .border-gradient-1,
.fg-seo .border-gradient-1,
.fg-seo-technical .border-gradient-1 {
border: 2px solid transparent;
border-image: linear-gradient(90deg, #34ffe0 0%, #00a7f2 50%, #9200f7 100%) 1;
}
.fg-home-two .transition-04s {
transition: all 0.4s !important;
}
.fg-home-two .fz-title-section {
font-size: 50px;
font-weight: 600;
}
.fg-home-two .fz-35px,
.fg-wordpress .fz-35px,
.fg-design .fz-35px,
.fg-audit .fz-35px,
.fg-consult .fz-35px,
.fg-seo-technical .fz-35px {
font-size: 35px;
font-weight: 600;
line-height: 1.2;
}
.fg-home-two .title-gradient,
.fg-wordpress .title-gradient,
.fg-design .title-gradient,
.fg-audit .title-gradient,
.fg-consult .title-gradient,
.fg-maint .title-gradient,
.fg-seo .title-gradient,
.fg-seo-technical .title-gradient {
background-image: linear-gradient(90deg, #34ffe0, #00a7f2, #4a50f8, #9200f7);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
font-size: 24px;
font-weight: 300;
line-height: 1.2em;
letter-spacing: 0.5px;
}
.fg-home-two .section-padding,
.fg-wordpress .section-padding,
.fg-design .section-padding,
.fg-audit .section-padding,
.fg-consult .section-padding,
.fg-maint .section-padding,
.fg-seo .section-padding,
.fg-seo-technical .section-padding {
padding-top: 100px;
padding-bottom: 100px;
}
.fg-home-two .title-verde,
.fg-wordpress .title-verde,
.fg-design .title-verde,
.fg-consult .title-verde,
.fg-seo .title-verde,
.fg-seo-technical .title-verde {
font-size: 0.7em;
font-weight: 400;
color: #34ffe0;
text-transform: uppercase;
} #fg2-xlgxeb {
align-items: flex-start;
background-color: #08081e;
background-position: bottom center;
overflow: hidden;
position: relative;
z-index: 2;
}
#fg2-hcpurt {
align-items: center;
flex-direction: column;
row-gap: 20px;
text-align: center;
}
#fg2-qiwqnp {
max-width: 600px;
}
#fg2-josjlc {
margin-bottom: 20px;
margin-top: 40px;
}
#fg2-rttsoy {
margin-top: 40px;
font-size: 16px;
}
#fg2-ca4c26 {
background-image: radial-gradient(ellipse at center, rgba(82, 87, 250, 0.5), #08081e 40%);
row-gap: 40px;
}
#fg2-162b16 {
align-items: center;
flex-direction: column;
row-gap: 20px;
text-align: center;
}
#fg2-bece4c {
color: #34ffe0;
}
#fg2-82ac0c {
align-items: center;
flex-direction: column;
justify-content: center;
}
.fg-home-two #fg2-3c48e3 .x-read-more_link {
border: 2px solid transparent;
border-image: linear-gradient(90deg, #34ffe0 0%, #00a7f2 50%, #9200f7 100%) 1;
transition: 0.4s;
}
.fg-home-two #fg2-3c48e3 .x-read-more_link:hover {
background-color: rgba(78, 84, 249, 0.2);
} @media (max-width: 450px) {
#fg2-3c48e3 button[aria-expanded='true'] {
margin-top: 20px;
}
}
#fg2-39c835 {
display: grid;
gap: 10px;
grid-template-columns: 1fr 1fr 1fr;
width: 1200px;
}
#fg2-743ade {
margin-top: 40px;
row-gap: 10px;
}
#fg2-barefa {
background-color: rgba(13, 13, 48, 0.5);
border-radius: 10px 10px 10px 10px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-style: solid;
border-color: rgba(252, 252, 252, 0.1);
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
row-gap: 25px;
}
#fg2-kkckcy {
font-size: 16px;
}
#fg2-zefwky {
align-items: center;
column-gap: 20px;
flex-direction: row;
}
#fg2-gkhwzb {
border-radius: 10px 10px 10px 10px;
height: 45px;
object-fit: cover;
width: 45px;
}
#fg2-2ebbb7 {
background-color: rgba(13, 13, 48, 0.5);
border-radius: 10px 10px 10px 10px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-style: solid;
border-color: rgba(252, 252, 252, 0.1);
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
row-gap: 25px;
}
#fg2-a4adea {
font-size: 16px;
}
#fg2-b87c85 {
align-items: center;
column-gap: 20px;
flex-direction: row;
}
#fg2-43712c {
border-radius: 10px 10px 10px 10px;
height: 45px;
object-fit: cover;
width: 45px;
}
#fg2-faea6a {
width: 45px;
}
#fg2-cecd41 {
background-color: rgba(13, 13, 48, 0.5);
border-radius: 10px 10px 10px 10px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-style: solid;
border-color: rgba(252, 252, 252, 0.1);
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
row-gap: 25px;
}
#fg2-1321bf {
font-size: 16px;
}
#fg2-1007ae {
align-items: center;
column-gap: 20px;
flex-direction: row;
}
#fg2-747bdd {
border-radius: 10px 10px 10px 10px;
height: 45px;
object-fit: cover;
width: 45px;
}
#fg2-493b53 {
background-color: rgba(13, 13, 48, 0.5);
border-radius: 10px 10px 10px 10px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-style: solid;
border-color: rgba(252, 252, 252, 0.1);
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
row-gap: 25px;
}
#fg2-c54a57 {
font-size: 16px;
}
#fg2-5a8211 {
align-items: center;
column-gap: 20px;
flex-direction: row;
}
#fg2-c8a87b {
width: 45px;
}
#fg2-fbebc4 {
row-gap: 10px;
}
#fg2-571846 {
background-color: rgba(13, 13, 48, 0.5);
border-radius: 10px 10px 10px 10px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-style: solid;
border-color: rgba(252, 252, 252, 0.1);
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
row-gap: 25px;
}
#fg2-11eb80 {
font-size: 16px;
}
#fg2-428bcb {
align-items: center;
column-gap: 20px;
flex-direction: row;
}
#fg2-b63447 {
border-radius: 10px 10px 10px 10px;
height: 45px;
object-fit: cover;
width: 45px;
}
#fg2-ed8df8 {
background-color: rgba(13, 13, 48, 0.5);
border-radius: 10px 10px 10px 10px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-style: solid;
border-color: rgba(252, 252, 252, 0.1);
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
row-gap: 25px;
}
#fg2-fa0e1b {
font-size: 16px;
}
#fg2-c750dc {
align-items: center;
column-gap: 20px;
flex-direction: row;
}
#fg2-f2fe9c {
border-radius: 10px 10px 10px 10px;
height: 45px;
object-fit: cover;
width: 45px;
}
#fg2-ab4be4 {
background-color: rgba(13, 13, 48, 0.5);
border-radius: 10px 10px 10px 10px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-style: solid;
border-color: rgba(252, 252, 252, 0.1);
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
row-gap: 25px;
}
#fg2-6bc9f0 {
font-size: 16px;
}
#fg2-eb9bba {
align-items: center;
column-gap: 20px;
flex-direction: row;
}
#fg2-5f5824 {
width: 45px;
}
#fg2-77e1ab {
background-color: rgba(13, 13, 48, 0.5);
border-radius: 10px 10px 10px 10px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-style: solid;
border-color: rgba(252, 252, 252, 0.1);
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
row-gap: 25px;
}
#fg2-55ced9 {
font-size: 16px;
}
#fg2-62b982 {
align-items: center;
column-gap: 20px;
flex-direction: row;
}
#fg2-81b479 {
width: 45px;
}
#fg2-964dca {
margin-top: 20px;
row-gap: 10px;
}
#fg2-025666 {
background-color: rgba(13, 13, 48, 0.5);
border-radius: 10px 10px 10px 10px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-style: solid;
border-color: rgba(252, 252, 252, 0.1);
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
row-gap: 25px;
}
#fg2-3d37cb {
font-size: 16px;
}
#fg2-02b4a4 {
align-items: center;
column-gap: 20px;
flex-direction: row;
}
#fg2-af77fd {
border-radius: 10px 10px 10px 10px;
height: 45px;
object-fit: cover;
width: 45px;
}
#fg2-f30f0f {
width: 45px;
}
#fg2-51c50d {
background-color: rgba(13, 13, 48, 0.5);
border-radius: 10px 10px 10px 10px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-style: solid;
border-color: rgba(252, 252, 252, 0.1);
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
row-gap: 25px;
}
#fg2-b8c463 {
font-size: 16px;
}
#fg2-b83979 {
align-items: center;
column-gap: 20px;
flex-direction: row;
}
#fg2-33b2e7 {
width: 45px;
}
#fg2-1c00b0 {
background-color: rgba(13, 13, 48, 0.5);
border-radius: 10px 10px 10px 10px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-style: solid;
border-color: rgba(252, 252, 252, 0.1);
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
row-gap: 25px;
}
#fg2-4d7c01 {
font-size: 16px;
}
#fg2-c5f094 {
align-items: center;
column-gap: 20px;
flex-direction: row;
}
#fg2-02a075 {
width: 45px;
}
#fg2-mkdfvl {
background-color: rgba(13, 13, 48, 0.5);
border-radius: 10px 10px 10px 10px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-style: solid;
border-color: rgba(252, 252, 252, 0.1);
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
row-gap: 25px;
}
#fg2-pitdhj {
font-size: 16px;
}
#fg2-ynbidj {
align-items: center;
column-gap: 20px;
flex-direction: row;
}
#fg2-xfywag {
width: 45px;
}
#fg2-bntvak {
background-color: rgba(13, 13, 48, 0.5);
border-radius: 10px 10px 10px 10px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-style: solid;
border-color: rgba(252, 252, 252, 0.1);
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
row-gap: 25px;
}
#fg2-zpqpgb {
font-size: 16px;
}
#fg2-wcygds {
align-items: center;
column-gap: 20px;
flex-direction: row;
}
#fg2-ssjoxp {
width: 45px;
}
#fg2-vmjjzm {
width: 45px;
}
#fg2-kbkumi {
background-color: rgba(13, 13, 48, 0.5);
border-radius: 10px 10px 10px 10px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-style: solid;
border-color: rgba(252, 252, 252, 0.1);
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
row-gap: 25px;
}
#fg2-yjmaud {
font-size: 16px;
}
#fg2-ehhqoi {
align-items: center;
column-gap: 20px;
flex-direction: row;
}
#fg2-sngpym {
background-color: rgba(13, 13, 48, 0.5);
border-radius: 10px 10px 10px 10px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-style: solid;
border-color: rgba(252, 252, 252, 0.1);
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
row-gap: 25px;
}
#fg2-kjeimb {
font-size: 16px;
}
#fg2-wcjsat {
align-items: center;
column-gap: 20px;
flex-direction: row;
}
#fg2-eslqlf {
width: 45px;
}
#fg2-soktkj {
width: 45px;
} @media (max-width: 991px) {
.fg-home-two .fz-title-section {
font-size: 45px;
}
#fg2-39c835 {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.fg-home-two .fz-title-section {
font-size: 40px;
}
.fg-home-two .fz-35px {
font-size: 30px;
}
#fg2-39c835 {
grid-template-columns: 1fr;
}
#fg2-743ade {
margin-top: 0px;
}
} @media (max-width: 478px) {
.fg-home-two .fz-title-section {
font-size: 32px;
}
.fg-home-two .fz-35px {
font-size: 26px;
}
.fg-home-two .section-padding {
padding-top: 80px;
padding-bottom: 80px;
}
#fg2-rttsoy {
margin-top: 0px;
}
}
.fg-home-two #fg2-cd0fd6 {
display: block;
} .fg-home-two .fg2-reviews-body {
width: 100%;
}
.fg-home-two .fg2-xreadmoreless.is-collapsed .fg2-reviews-body {
max-height: 600px;
overflow: hidden;
mask-image: linear-gradient(#000 75%, transparent);
}
.fg-home-two .fg2-reviews-toggle {
display: flex;
width: fit-content;
justify-content: center;
align-self: center;
margin: 30px auto 0;
background: transparent;
}
@media (max-width: 991px) {
.fg-home-two .fg2-xreadmoreless.is-collapsed .fg2-reviews-body {
max-height: 800px;
}
}
@media (max-width: 478px) {
.fg-home-two .fg2-xreadmoreless.is-collapsed .fg2-reviews-body {
max-height: 900px;
}
}
.fg2-particles > span {
position: absolute;
left: var(--x);
top: var(--y);
width: var(--size);
height: var(--size);
border-radius: 50%;
background: var(--color);
box-shadow: 0 0 6px var(--color);
opacity: 0;
animation: fg2-particle-fall var(--duration) linear var(--delay) infinite;
}
@keyframes fg2-particle-fall {
0% {
transform: translate3d(0, 0, 0);
opacity: 0;
}
15%,
75% {
opacity: 0.65;
}
100% {
transform: translate3d(var(--drift), var(--fall), 0);
opacity: 0;
}
}
@media (max-width: 767px) {
.fg2-particles > span:nth-child(n + 17) {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
.fg2-particles > span {
animation: none;
transform: none;
opacity: 0.3;
}
} .fg-home-two .fg2-words.is-typing {
display: block;
min-height: 1.25em;
}
.fg-home-two .fg2-words.is-typing > .fg2-type-source {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.fg-home-two .fg2-words.is-typing .typed::before {
content: none;
}
.fg-home-two .fg2-type-output {
display: inline;
background-clip: text;
color: transparent;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.fg-home-two .fg2-type-cursor {
color: #f8f8f8;
-webkit-text-fill-color: #f8f8f8;
animation: fg2-cursor-blink 0.7s infinite;
}
@keyframes fg2-cursor-blink {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0;
}
}
.fg-home-two .fg2-project-label {
transition:
transform 0.4s,
box-shadow 0.4s,
background-color 0.4s;
}
.fg-home-two .fg2-project:is(:hover, :focus-visible) .fg2-project-label {
background-image: linear-gradient(150deg, #0d0d30, #9200f7);
box-shadow: 10px 10px 30px 0 rgba(153, 0, 255, 0.49);
transform: translateY(-15px);
}
.fg-home-two .fg2-project-track {
padding-bottom: 50px;
}
@media (prefers-reduced-motion: reduce) {
.fg-home-two .fg2-type-cursor {
animation: none;
}
.fg-home-two .fg2-project-label {
transition: none;
}
}
.fg-home-two .fg2-project:is(:hover, :focus-visible) {
color: #f8f8f8;
}
@keyframes fg-entry {
from {
translate: 0 12px;
}
to {
translate: 0 0;
}
}
@keyframes fg-scroll-entry {
from {
translate: 0 16px;
opacity: 0.8;
}
to {
translate: 0 0;
opacity: 1;
}
} @media (prefers-reduced-motion: no-preference) {
.fg-home-two :is(#fg2-7c6e39, #fg2-3aef11) > :is(p, h1, .fg2-text, .fg2-button),
.fg-wordpress #fg2-3dab44 {
animation: fg-entry 450ms cubic-bezier(0.2, 0.65, 0.3, 1) backwards;
}
.fg-home-two :is(#fg2-7c6e39, #fg2-3aef11) > .fg2-text {
animation-delay: 60ms;
}
.fg-home-two :is(#fg2-7c6e39, #fg2-3aef11) > .fg2-button,
.fg-wordpress #fg2-3dab44 {
animation-delay: 100ms;
}
.fg-home-two .fg2-button {
transition:
translate 180ms ease,
background-color 180ms ease;
}
.fg-home-two .fg2-button:focus-visible {
translate: 0 -2px;
}
.fg-home-two .fg2-button:active {
translate: 0 0;
} @media (hover: hover) and (pointer: fine) {
.fg-home-two .fg2-button:hover {
translate: 0 -2px;
}
}
@supports (animation-timeline: view()) and (animation-range: entry 0% entry 100%) {
.fg-home-two :is(#fg2-3b39ef, #fg2-8d9393, #fg2-b414a7, #fg2-b97195) > .fg2-div,
.fg-home-two .fg2-section:not(:first-child) > .fg2-container > :is(h2, .fg2-heading) {
animation: fg-scroll-entry 1s ease-out both;
animation-timeline: view();
animation-range: entry 0% entry 100%;
}
.fg-home-two
:is(#fg2-3b39ef, #fg2-8d9393, #fg2-b414a7, #fg2-b97195)
> .fg2-div:focus-within {
animation: none;
}
}
}.fg-home-two .fg2-tab-links {
display: flex;
flex-wrap: wrap;
}
.fg-home-two .fg2-tab {
border: 1px solid rgba(250, 250, 250, 0.15);
padding: 10px 15px;
font-size: 16px;
line-height: 1.4;
}
.fg-home-two .fg2-tab[aria-selected='true'] {
background: #f8f8f8;
color: #08081e;
font-weight: 600;
}
.fg-home-two .fg2-tab-panels > .tab-pane {
padding-top: 30px;
} @media (max-width: 478px) {
.fg-home-two .fg2-tab-links {
flex-direction: column;
}
.fg-home-two .fg2-tab {
width: 100%;
text-align: center;
}
} .fg-home-two .fg-cx-root::before {
content: '';
inset: 0;
background-image:
radial-gradient(1.4px 1.4px at 12% 16%, rgba(52, 255, 224, 0.5), transparent),
radial-gradient(1.4px 1.4px at 84% 10%, rgba(146, 0, 247, 0.45), transparent),
radial-gradient(1px 1px at 28% 62%, rgba(255, 255, 255, 0.32), transparent),
radial-gradient(1.5px 1.5px at 70% 74%, rgba(0, 167, 242, 0.42), transparent),
radial-gradient(1px 1px at 92% 52%, rgba(255, 255, 255, 0.28), transparent),
radial-gradient(1.2px 1.2px at 46% 30%, rgba(52, 255, 224, 0.32), transparent),
radial-gradient(1px 1px at 16% 86%, rgba(255, 255, 255, 0.26), transparent);
}
.fg-home-two .fg-cx-root::after {
content: '';
inset: 0;
background:
radial-gradient(720px 480px at 50% 4%, rgba(146, 0, 247, 0.16), transparent 70%),
radial-gradient(760px 520px at -8% 34%, rgba(0, 167, 242, 0.11), transparent 70%);
}
.fg-home-two .fg-cx-root * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.fg-home-two .fg-cx-root *::before {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.fg-home-two .fg-cx-root *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.fg-home-two .fg-cx-root::before {
position: absolute;
pointer-events: none;
z-index: 0;
background-repeat: no-repeat;
}
.fg-home-two .fg-cx-root::after {
position: absolute;
pointer-events: none;
z-index: 0;
}
.fg-home-two .fg-cx-inner {
position: relative;
z-index: 1;
}
.fg-home-two .fg-cx-section {
position: relative;
padding-top: 100px;
padding-right: 0px;
padding-bottom: 100px;
padding-left: 0px;
}
.fg-home-two .fg-cx-container {
width: 100%;
max-width: var(--fg-container);
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 24px;
padding-bottom: 0px;
padding-left: 24px;
}
.fg-home-two .fg-cx-head {
position: relative;
z-index: 1;
text-align: center;
max-width: 820px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 64px;
margin-left: auto;
}
.fg-home-two .fg-cx-eyebrow {
display: inline-block;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--fg-cyan);
margin-bottom: 20px;
}
.fg-home-two .fg-cx-grid {
gap: 26px;
}
.fg-home-two .fg-cx-grid {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1fr;
}
.fg-home-two .fg-cx-card:hover {
transform: translateY(-6px);
}
.fg-home-two .fg-cx-card:hover .fg-cx-frame {
border-color: rgba(146, 0, 247, 0.5);
box-shadow: var(--fg-glow-p);
}
.fg-home-two .fg-cx-card:hover .fg-cx-frame::after {
padding-bottom: 7px;
filter: drop-shadow(0 3px 12px rgba(146, 0, 247, 0.6));
}
.fg-home-two .fg-cx-card:hover .fg-cx-media {
transform: scale(1.05);
}
.fg-home-two .fg-cx-card:hover .fg-cx-go {
opacity: 1;
transform: translateY(0);
}
.fg-home-two .fg-cx-card:hover .fg-cx-go .arr {
transform: translateX(3px);
}
.fg-home-two .fg-cx-card.is-soon {
cursor: default;
}
.fg-home-two .fg-cx-card.is-soon:hover {
transform: none;
}
.fg-home-two .fg-cx-card.is-soon .fg-cx-go {
background: rgba(8, 8, 30, 0.55);
color: var(--fg-dim);
border: 1px solid var(--fg-border-s);
opacity: 1;
transform: none;
}
.fg-home-two .fg-cx-card.is-soon .fg-cx-frame::after {
opacity: 0.5;
}
.fg-home-two .fg-cx-card.is-soon:hover .fg-cx-frame::after {
padding-bottom: 4px;
filter: none;
}
.fg-home-two .fg-cx-card {
position: relative;
display: block;
text-decoration: none;
color: inherit;
border-radius: var(--fg-r-card) var(--fg-r-card) var(--fg-r-card) var(--fg-r-card);
transition: transform 0.45s var(--fg-ease);
}
.fg-home-two .fg-cx-frame {
transition: all;
} #fg2-f9eba9 {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
#fg2-ddd830 {
position: relative;
overflow: hidden;
justify-content: center;
min-height: calc(100vh - 110px);
}
#fg2-bc2feb {
position: relative;
z-index: 2;
align-items: center;
justify-content: center;
padding-top: 60px;
padding-bottom: 60px;
}
#fg2-7c6e39 {
row-gap: 20px;
justify-content: center;
align-items: center;
text-align: center;
}
#fg2-00435e {
font-weight: 300;
font-size: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
.fg-home-two #fg2-4b5262 .typed {
background-color: #9200f7;
background-image: linear-gradient(90deg, #34ffe0, #00a7f2, #4a50f8, #9200f7);
font-weight: 600;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
}
.fg-home-two #fg2-4b5262 .prefix {
display: block;
}
#fg2-4b5262 {
font-size: 82px;
line-height: 1;
font-weight: 600;
}
#fg2-2e2dd1 {
align-items: flex-start;
position: relative;
z-index: 2;
}
#fg2-275d70 {
display: grid;
grid-template-columns: 1.3fr 1fr;
gap: 80px;
}
#fg2-39df39 {
row-gap: 20px;
justify-content: center;
align-items: flex-start;
}
#fg2-3ed44c {
margin-top: 15px;
}
.fg-home-two #fg2-8cc2f9:hover .icon {
border-color: #fff !important;
}
.fg-home-two #fg2-8cc2f9:hover .icon svg {
fill: #fff !important;
}
#fg2-8cc2f9 {
border-radius: 20px 20px 20px 20px;
padding-top: 60px;
padding-right: 50px;
padding-bottom: 60px;
padding-left: 50px;
row-gap: 20px;
align-items: center;
text-align: center;
margin-bottom: 30px;
background-color: rgba(13, 13, 48, 0.5);
}
#fg2-8cc2f9:hover {
background-image: linear-gradient(150deg, #0d0d30, #9200f7);
}
#fg2-3a441d {
font-weight: 300;
color: #34ffe0;
}
#fg2-3b39ef {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.fg-home-two #fg2-da68a1:hover .icon {
border-color: #fff !important;
}
.fg-home-two #fg2-da68a1:hover .icon svg {
fill: #fff !important;
}
#fg2-da68a1 {
padding-top: 60px;
padding-right: 50px;
padding-bottom: 60px;
padding-left: 50px;
row-gap: 20px;
align-items: center;
text-align: center;
background-color: rgba(13, 13, 48, 0.5);
border-radius: 20px 20px 20px 20px;
}
#fg2-da68a1:hover {
background-image: linear-gradient(150deg, #0d0d30, #9200f7);
}
.fg-home-two #fg2-34df6e:hover .icon {
border-color: #fff !important;
}
.fg-home-two #fg2-34df6e:hover .icon svg {
fill: #fff !important;
}
#fg2-34df6e {
border-radius: 20px 20px 20px 20px;
padding-top: 60px;
padding-right: 50px;
padding-bottom: 60px;
padding-left: 50px;
row-gap: 20px;
align-items: center;
text-align: center;
margin-top: -30px;
margin-bottom: 30px;
background-color: rgba(13, 13, 48, 0.5);
}
#fg2-34df6e:hover {
background-image: linear-gradient(150deg, #0d0d30, #9200f7);
}
.fg-home-two #fg2-861c5b:hover .icon {
border-color: #fff !important;
}
.fg-home-two #fg2-861c5b:hover .icon svg {
fill: #fff !important;
}
#fg2-861c5b {
border-radius: 20px 20px 20px 20px;
padding-top: 60px;
padding-right: 50px;
padding-bottom: 60px;
padding-left: 50px;
row-gap: 20px;
align-items: center;
text-align: center;
margin-top: 30px;
background-color: rgba(13, 13, 48, 0.5);
}
#fg2-861c5b:hover {
background-image: linear-gradient(150deg, #0d0d30, #9200f7);
}
#servicios {
align-items: flex-start;
position: relative;
z-index: 2;
background-color: #08081e;
overflow: hidden;
padding-top: 100px;
padding-bottom: 100px;
}
#fg2-c3849a {
display: flex;
grid-template-columns: 1fr;
width: 360px;
align-self: center;
}
#fg2-d969fa {
align-items: center;
}
#fg2-5ad948 {
width: 85%;
}
#fg2-b54d53 {
background-image: url(https://testing.fusiongeek.io/wp-content/uploads/2025/01/line.png);
background-size: 100% 570px;
background-repeat: no-repeat;
background-attachment: fixed;
}
#fg2-81c65f {
width: 1000px;
border-radius: 20px 20px 20px 20px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: rgba(252, 252, 252, 0.11);
background-color: rgba(13, 13, 48, 0.6);
background-image: url(https://testing.fusiongeek.io/wp-content/uploads/2025/02/fondo-fusiongeek.webp);
background-position: center center;
background-repeat: no-repeat;
background-attachment: scroll;
flex-direction: column;
padding-top: 80px;
padding-right: 20px;
padding-bottom: 80px;
padding-left: 20px;
row-gap: 20px;
align-items: center;
text-align: center;
}
#fg2-08544a {
width: 700px;
}
#fg2-1bf727 {
position: relative;
display: flex;
margin-top: 120px;
margin-bottom: 120px;
}
#fg2-1bf727::before {
content: '';
width: 60%;
position: absolute;
left: 0px;
top: 0px;
background-color: #0d0d30;
border-radius: 0px 10px 400px 0px;
height: 100%;
background-image: linear-gradient(150deg, #0d0d30, #4e54f9);
}
#fg2-b83656 {
display: grid;
gap: 50px;
grid-template-columns: 1fr 1.3fr;
}
#fg2-24da48 {
row-gap: 20px;
position: relative;
padding-top: 150px;
padding-bottom: 150px;
}
#fg2-fe0995 {
color: #34ffe0;
}
#fg2-b5bbb7 {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 15px;
text-align: center;
line-height: 1.2;
position: relative;
align-content: center;
}
#fg2-219b8b {
background-color: #f8f8f8;
border-radius: 10px 10px 10px 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
#fg2-9522bc {
background-color: #f8f8f8;
border-radius: 10px 10px 10px 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
#fg2-94c3e3 {
background-color: #f8f8f8;
border-radius: 10px 10px 10px 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
#fg2-142ccf {
background-color: #f8f8f8;
border-radius: 10px 10px 10px 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
#fg2-8f8086 {
background-color: #f8f8f8;
border-radius: 10px 10px 10px 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
#fg2-35b35d {
background-color: #f8f8f8;
border-radius: 10px 10px 10px 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
#fg2-046023 {
background-color: #f8f8f8;
border-radius: 10px 10px 10px 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
#fg2-9ae5af {
background-color: #f8f8f8;
border-radius: 10px 10px 10px 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
#fg2-a9aca5 {
background-color: #f8f8f8;
border-radius: 10px 10px 10px 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
#fg2-9d3198 {
background-color: #f8f8f8;
border-radius: 10px 10px 10px 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
#fg2-1aabdc {
display: flex;
align-items: center;
background-color: #08081e;
background-image: url(https://testing.fusiongeek.io/wp-content/uploads/2024/04/bg-shape-001.png);
background-position: top left;
}
#fg2-ec795d {
text-align: center;
justify-content: center;
}
.fg-home-two #fg2-753274 .prefix {
display: block;
}
.fg-home-two #fg2-753274 .typed {
font-weight: 700;
background-color: #9200f7;
background-image: linear-gradient(90deg, #34ffe0, #00a7f2, #4a50f8, #9200f7);
font-weight: 600;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
}
#fg2-753274 {
color: #f8f8f8;
font-size: 80px;
}
#fg2-09411e {
flex-direction: column;
row-gap: 30px;
}
#fg2-277b24 {
color: #34ffe0;
align-self: center;
}
#fg2-69595a {
align-self: center;
font-weight: 600;
}
.fg-home-two #fg2-12032e:before {
border-radius: 20px;
}
#fg2-12032e {
padding-top: 50px;
padding-right: 50px;
padding-bottom: 50px;
padding-left: 50px;
border-radius: 20px 20px 20px 20px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: rgba(250, 250, 250, 0.1);
align-items: center;
background-color: #0d0d30;
background-image: url(https://testing.fusiongeek.io/wp-content/uploads/2025/02/fondo-fusiongeek.webp);
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
background-attachment: fixed;
}
#fg2-acf7dd {
row-gap: 20px;
}
#fg2-c4548c {
transition:
background-color 0.3s ease,
transform 0.3s ease;
}
#fg2-dd0776 {
flex-direction: row;
transition:
background-color 0.3s ease,
transform 0.3s ease;
}
#fg2-c8a164 {
margin-top: 20px;
font-size: 16px;
}
#fg2-aeea22 {
margin-top: 20px;
font-size: 16px;
}
#fg2-de024f {
margin-top: 20px;
font-size: 16px;
}
#fg2-e0eb8e {
margin-top: 20px;
font-size: 16px;
}
#fg2-718a2b {
position: relative;
right: -100px;
z-index: 50;
}
.fg-home-two #fg2-b5a086:before {
border-radius: 20px;
}
#fg2-b5a086 {
padding-top: 50px;
padding-right: 50px;
padding-bottom: 50px;
padding-left: 50px;
border-radius: 20px 20px 20px 20px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: rgba(250, 250, 250, 0.1);
align-items: center;
background-color: #0d0d30;
background-image: url(https://testing.fusiongeek.io/wp-content/uploads/2025/02/fondo-fusiongeek.webp);
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
background-attachment: fixed;
margin-top: 30px;
flex-direction: row-reverse;
}
#fg2-9409bb {
row-gap: 20px;
}
#fg2-994a84 {
flex-direction: row;
}
#fg2-f662f1 {
margin-top: 20px;
font-size: 16px;
}
#fg2-1ebb6e {
margin-top: 20px;
font-size: 16px;
}
#fg2-7b0be3 {
margin-top: 20px;
font-size: 16px;
}
#fg2-b58639 {
position: relative;
right: 0px;
z-index: 50;
left: -70px;
}
.fg-home-two #fg2-eaaa88:before {
border-radius: 20px;
}
#fg2-eaaa88 {
padding-top: 50px;
padding-right: 50px;
padding-bottom: 50px;
padding-left: 50px;
border-radius: 20px 20px 20px 20px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: rgba(250, 250, 250, 0.1);
align-items: center;
background-color: #0d0d30;
background-image: url(https://testing.fusiongeek.io/wp-content/uploads/2025/02/fondo-fusiongeek.webp);
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
background-attachment: fixed;
margin-top: 30px;
flex-direction: row-reverse;
}
#fg2-499552 {
position: relative;
z-index: 50;
left: 75px;
}
#fg2-cc6cf4 {
row-gap: 20px;
}
#fg2-aee370 {
flex-direction: row;
}
#fg2-9bec45 {
display: none;
}
#fg2-db3d10 {
display: none;
}
#fg2-1c2c37 {
display: none;
}
#fg2-74585e {
margin-top: 20px;
font-size: 16px;
}
#fg2-8a933b {
margin-top: 20px;
font-size: 16px;
}
#fg2-cc6992 {
margin-top: 20px;
font-size: 16px;
}
#fg2-29e4cd {
margin-top: 20px;
font-size: 16px;
}
#fg2-39ce42 {
margin-top: 25px;
}
#fg2-clnrmv {
position: relative;
}
#fg2-bebrjf {
align-items: flex-end;
align-self: flex-end;
flex-direction: column;
justify-content: space-between;
position: static;
}
#fg2-rzioht {
border-radius: 20px 20px 20px 20px;
height: 240px;
width: 100%;
}
#fg2-dsylwi {
background-color: #0d0d30;
border-radius: 20px 20px 20px 20px;
margin-right: 14px;
margin-top: -34px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 10px;
padding-top: 30px;
width: 80%;
}
#fg2-kptfbq {
text-align: left;
}
#fg2-fzdqnm {
font-size: 24px;
font-weight: 600;
line-height: 1.2em;
text-align: left;
}
#fg2-f5d029 {
border-radius: 10px 10px 10px 10px;
height: 45px;
object-fit: cover;
width: 45px;
}
#fg2-pacern {
border-radius: 10px 10px 10px 10px;
height: 45px;
object-fit: cover;
width: 45px;
}
#fg2-91c3a9 .fg2-icon-wrap {
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
border-radius: 50% 50% 50% 50%;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: #f8f8f8;
}
#fg2-91c3a9 .fg2-icon-label {
font-size: 25px;
line-height: 1.2;
font-weight: 600;
}
#fg2-5a44b0 .fg2-icon-wrap {
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
border-radius: 50% 50% 50% 50%;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: #f8f8f8;
}
#fg2-5a44b0 .fg2-icon-label {
font-size: 25px;
line-height: 1.2;
font-weight: 600;
}
#fg2-1b2bb9 .fg2-icon-wrap {
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
border-radius: 50% 50% 50% 50%;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: #f8f8f8;
}
#fg2-1b2bb9 .fg2-icon-label {
font-size: 25px;
line-height: 1.2;
font-weight: 600;
}
#fg2-50b77d .fg2-icon-wrap {
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
border-radius: 50% 50% 50% 50%;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: #f8f8f8;
}
#fg2-50b77d .fg2-icon-label {
font-size: 25px;
line-height: 1.2;
font-weight: 600;
}
.fg-home-two .fg-cx-root {
--fg-bg: #08081e;
--fg-surface: #0d0d30;
--fg-surface-50: rgba(13, 13, 48, 0.5);
--fg-cyan: #34ffe0;
--fg-blue: #00a7f2;
--fg-indigo: #4a50f8;
--fg-purple: #9200f7;
--fg-text: #f8f8f8;
--fg-dim: rgba(248, 248, 248, 0.66);
--fg-faint: rgba(248, 248, 248, 0.42);
--fg-border: rgba(252, 252, 252, 0.1);
--fg-border-s: rgba(252, 252, 252, 0.18);
--fg-grad-text: linear-gradient(90deg, #34ffe0 0%, #00a7f2 33%, #4a50f8 66%, #9200f7 100%);
--fg-grad-under: linear-gradient(90deg, #34ffe0 0%, #00a7f2 45%, #9200f7 100%);
--fg-r-card: 22px;
--fg-r-pill: 999px;
--fg-shadow: 0 26px 60px -28px rgba(0, 0, 0, 0.85);
--fg-glow-p: 0 0 60px rgba(146, 0, 247, 0.42);
--fg-ease: cubic-bezier(0.4, 0, 0.2, 1);
--fg-font: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
--fg-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
--fg-container: 1240px;
position: relative;
background: var(--fg-bg);
color: var(--fg-text);
font-family: var(--fg-font);
font-weight: 300;
line-height: 1.3;
font-size: 18px;
overflow: hidden;
-webkit-font-smoothing: antialiased;
} @media (min-width: 720px) {
.fg-home-two .fg-cx-grid {
grid-template-columns: repeat(3, 1fr);
align-items: start;
}
.fg-home-two .fg-cx-col-mid {
margin-top: -26px;
}
.fg-home-two .fg-cx-col-mid .fg-cx-frame {
aspect-ratio: 4/5.4;
}
} @media (min-width: 980px) {
.fg-home-two .fg-cx-h2 {
font-size: 46px;
}
}
.fg-home-two .fg-cx-grad {
background: var(--fg-grad-text);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.fg-home-two .fg-cx-frame {
position: relative;
overflow: hidden;
border-radius: var(--fg-r-card);
aspect-ratio: 4/5;
border: 1px solid var(--fg-border);
box-shadow: var(--fg-shadow);
transition:
border-color 0.45s var(--fg-ease),
box-shadow 0.45s var(--fg-ease);
}
.fg-home-two .fg-cx-frame::after {
content: '';
position: absolute;
inset: 0;
z-index: 4;
pointer-events: none;
border-radius: inherit;
padding-bottom: 4px;
background: var(--fg-grad-under);
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
mask-composite: exclude;
transition:
padding-bottom 0.45s var(--fg-ease),
filter 0.45s var(--fg-ease);
}
.fg-home-two .fg-cx-media {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.6s var(--fg-ease);
z-index: 0;
}
.fg-home-two .fg-cx-ph-a {
background:
radial-gradient(120% 90% at 20% 10%, rgba(146, 0, 247, 0.55), transparent 60%),
radial-gradient(120% 90% at 90% 100%, rgba(0, 167, 242, 0.45), transparent 55%),
linear-gradient(150deg, #2a0f5c 0%, #180a3a 60%, #0d0d30 100%);
}
.fg-home-two .fg-cx-ph-c {
background:
radial-gradient(120% 90% at 20% 0%, rgba(0, 167, 242, 0.35), transparent 55%),
radial-gradient(120% 100% at 90% 100%, rgba(146, 0, 247, 0.4), transparent 55%),
linear-gradient(150deg, #101a44 0%, #180f42 55%, #0d0d30 100%);
}
.fg-home-two .fg-cx-ph::before {
content: '';
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
background-size: 46px 46px;
-webkit-mask-image: radial-gradient(80% 80% at 50% 40%, #000 30%, transparent 100%);
mask-image: radial-gradient(80% 80% at 50% 40%, #000 30%, transparent 100%);
}
.fg-home-two .fg-cx-veil {
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(
180deg,
rgba(8, 8, 30, 0) 38%,
rgba(8, 8, 30, 0.28) 62%,
rgba(8, 8, 30, 0.86) 100%
);
}
.fg-home-two .fg-cx-tag {
position: absolute;
top: 16px;
left: 16px;
z-index: 3;
font-family: var(--fg-mono);
font-size: 11px;
letter-spacing: 0.08em;
font-weight: 500;
color: var(--fg-text);
padding: 6px 12px;
border-radius: var(--fg-r-pill);
background: rgba(8, 8, 30, 0.45);
border: 1px solid var(--fg-border-s);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
}
.fg-home-two .fg-cx-tag b {
color: var(--fg-cyan);
font-weight: 500;
}
.fg-home-two .fg-cx-brand {
position: absolute;
left: 0;
right: 0;
bottom: 30px;
z-index: 3;
text-align: center;
padding: 0 20px;
}
.fg-home-two .fg-cx-brand .name {
font-size: 40px;
font-weight: 700;
letter-spacing: 0.04em;
line-height: 1;
text-transform: uppercase;
color: #fff;
text-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);
}
.fg-home-two .fg-cx-brand .name em {
display: block;
font-style: normal;
font-weight: 300;
font-size: 0.5em;
letter-spacing: 0.14em;
margin-top: 4px;
}
.fg-home-two .fg-cx-brand .meta {
margin-top: 8px;
font-family: var(--fg-mono);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.6);
}
.fg-home-two .fg-cx-go {
position: absolute;
top: 16px;
right: 16px;
z-index: 3;
display: inline-flex;
align-items: center;
gap: 7px;
padding: 8px 14px;
font-size: 12.5px;
font-weight: 500;
color: var(--fg-bg);
background: var(--fg-grad-under);
border-radius: var(--fg-r-pill);
opacity: 0;
transform: translateY(-6px);
transition: all 0.35s var(--fg-ease);
}
.fg-home-two .fg-cx-go .arr {
transition: transform 0.3s var(--fg-ease);
}
#fg2-219b8b .fg2-icon-label {
font-weight: 600;
font-size: 16px;
color: #08081e;
}
#fg2-9522bc .fg2-icon-label {
font-weight: 600;
font-size: 16px;
color: #08081e;
}
#fg2-94c3e3 .fg2-icon-label {
font-weight: 600;
font-size: 16px;
color: #08081e;
}
#fg2-142ccf .fg2-icon-label {
font-weight: 600;
font-size: 16px;
color: #08081e;
}
#fg2-8f8086 .fg2-icon-label {
font-weight: 600;
font-size: 16px;
color: #08081e;
}
#fg2-35b35d .fg2-icon-label {
font-weight: 600;
font-size: 16px;
color: #08081e;
}
#fg2-046023 .fg2-icon-label {
font-weight: 600;
font-size: 16px;
color: #08081e;
}
#fg2-9ae5af .fg2-icon-label {
font-weight: 600;
font-size: 16px;
color: #08081e;
}
#fg2-a9aca5 .fg2-icon-label {
font-weight: 600;
font-size: 16px;
color: #08081e;
}
#fg2-9d3198 .fg2-icon-label {
font-weight: 600;
font-size: 16px;
color: #08081e;
} @media (min-width: 1600px) {
#fg2-ddd830 {
min-height: calc(100vh - 240px);
}
} @media (max-width: 1280px) {
#fg2-275d70 {
gap: 50px;
}
#fg2-8cc2f9 {
padding-left: 30px;
padding-right: 30px;
}
#fg2-da68a1 {
padding-left: 30px;
padding-right: 30px;
}
#fg2-34df6e {
padding-left: 30px;
padding-right: 30px;
}
#fg2-861c5b {
padding-left: 30px;
padding-right: 30px;
}
#fg2-1bf727 {
padding-bottom: 60px;
}
#fg2-b83656 {
grid-template-columns: 1fr;
gap: 30px;
}
#fg2-24da48 {
padding-top: 60px;
padding-bottom: 0px;
max-width: 55%;
}
#fg2-1aabdc {
padding-top: 100px;
padding-bottom: 150px;
background-size: 600px;
}
#fg2-rzioht {
height: 270px;
}
} @media (max-width: 991px) {
#fg2-4b5262 {
font-size: 75px;
}
#fg2-275d70 {
grid-template-columns: 1fr;
justify-items: center;
}
#fg2-39df39 {
grid-row: 1;
text-align: center;
align-items: center;
max-width: 750px;
}
#fg2-1bf727::before {
width: 85%;
}
#fg2-24da48 {
max-width: 85%;
}
#fg2-12032e {
background-image: url(https://testing.fusiongeek.io/wp-content/uploads/2025/02/fondo-fusiongeek.webp);
}
#fg2-992bbf {
display: none;
}
#fg2-718a2b {
right: 0px;
max-width: 600px;
width: 100%;
}
#fg2-b5a086 {
margin-top: 0px;
}
#fg2-34eb8a {
display: none;
}
#fg2-b58639 {
right: 0px;
max-width: 600px;
width: 100%;
}
#fg2-eaaa88 {
margin-top: 0px;
}
#fg2-526e02 {
display: none;
}
#fg2-499552 {
right: 0px;
max-width: 600px;
width: 100%;
}
#fg2-rzioht {
height: 100%;
}
} @media (max-width: 767px) {
#fg2-ddd830 {
min-height: auto;
}
#fg2-bc2feb {
padding-top: 100px;
padding-bottom: 100px;
}
#fg2-4b5262 {
font-size: 70px;
}
#fg2-8cc2f9 {
margin-bottom: 0px;
}
#fg2-3b39ef {
gap: 15px;
}
#fg2-34df6e {
margin-top: 0px;
margin-bottom: 0px;
}
#fg2-861c5b {
margin-top: 0px;
}
#fg2-1bf727::before {
width: 100%;
}
#fg2-24da48 {
max-width: 100%;
}
#fg2-b5bbb7 {
grid-template-columns: 1fr 1fr 1fr;
}
#fg2-1aabdc {
background-size: 400px;
padding-bottom: 100px;
}
#fg2-rzioht {
height: 100%;
}
#fg2-dsylwi {
width: 75%;
}
}
@media (max-width: 478px) {
#fg2-00435e {
max-width: 300px;
}
#fg2-4b5262 {
font-size: 40px;
}
#fg2-776732 {
font-size: 22px;
}
#fg2-8cc2f9 {
padding-top: 40px;
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
}
#fg2-3b39ef {
grid-template-columns: 1fr;
}
#fg2-da68a1 {
padding-top: 40px;
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
}
#fg2-34df6e {
padding-top: 40px;
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
}
#fg2-861c5b {
padding-left: 20px;
padding-right: 20px;
padding-top: 40px;
padding-bottom: 40px;
}
#fg2-b5bbb7 {
grid-template-columns: 1fr 1fr;
gap: 10px;
}
#fg2-1aabdc {
padding-top: 60px;
padding-bottom: 60px;
background-size: 300px;
}
#fg2-753274 {
font-size: 50px;
}
#fg2-12032e {
padding-left: 20px;
padding-right: 20px;
padding-top: 40px;
padding-bottom: 40px;
}
#fg2-dd0776 {
flex-direction: column;
}
#fg2-0fbe24 {
width: 100%;
}
#fg2-9fc9bc {
width: 100%;
}
#fg2-da4bfb {
width: 100%;
}
#fg2-beb824 {
width: 100%;
}
#fg2-b5a086 {
padding-left: 20px;
padding-right: 20px;
padding-top: 40px;
padding-bottom: 40px;
}
#fg2-994a84 {
flex-direction: column;
}
#fg2-4675f6 {
width: 100%;
}
#fg2-aa6a1e {
width: 100%;
}
#fg2-ba65be {
width: 100%;
}
#fg2-eaaa88 {
padding-left: 20px;
padding-right: 20px;
padding-top: 40px;
padding-bottom: 40px;
}
#fg2-aee370 {
flex-direction: column;
}
#fg2-4ba85a {
width: 100%;
}
#fg2-9bec45 {
width: 100%;
}
#fg2-db3d10 {
width: 100%;
}
#fg2-1c2c37 {
width: 100%;
}
#fg2-rzioht {
height: 100%;
}
#fg2-dsylwi {
align-items: flex-start;
padding-bottom: 20px;
padding-top: 20px;
}
#fg2-fzdqnm {
font-size: 22px;
}
#fg2-91c3a9 .fg2-icon-label {
font-size: 22px;
}
#fg2-5a44b0 .fg2-icon-label {
font-size: 22px;
}
#fg2-1b2bb9 .fg2-icon-label {
font-size: 22px;
}
#fg2-50b77d .fg2-icon-label {
font-size: 22px;
}
} .fg-home-two #fg2-12032e {
flex-direction: row;
}
.fg-home-two #fg2-12032e > div,
.fg-home-two #fg2-b5a086 > div,
.fg-home-two #fg2-eaaa88 > div {
width: 50%;
}
.fg-home-two #fg2-ec795d {
align-items: center;
}
.fg-home-two #fg2-4b5262 {
max-width: 1100px;
width: 100%;
}
.fg-home-two #fg2-753274 {
line-height: 1.25;
width: 100%;
font-weight: 400;
}
.fg-home-two #fg2-753274 .typed {
white-space: normal;
}
.fg-home-two .fg-cx-container {
display: block;
}
.fg-home-two .fg-cx-head {
display: block;
}
.fg-home-two .fg-cx-frame {
display: block;
}
.fg-home-two .fg-cx-ph {
display: block;
}
.fg-home-two .fg-cx-brand {
display: flex;
}
.fg-home-two .fg-cx-media {
width: 100%;
height: 100%;
object-fit: cover;
}
.fg-home-two .fg2-tab-panels {
width: 100%;
}
@media (max-width: 991px) {
.fg-home-two #fg2-12032e > div,
.fg-home-two #fg2-b5a086 > div,
.fg-home-two #fg2-eaaa88 > div {
width: 100%;
}
.fg-home-two #fg2-12032e,
.fg-home-two #fg2-b5a086,
.fg-home-two #fg2-eaaa88 {
flex-direction: column;
background-attachment: scroll;
}
}
@media (max-width: 767px) {
.fg-home-two #fg2-b54d53 {
background-attachment: scroll;
}
.fg-home-two #fg2-4b5262 {
overflow-wrap: anywhere;
}
.fg-home-two #fg2-753274 {
font-size: clamp(34px, 9vw, 65px);
}
}
.fg-home-two #fg2-3b39ef .fg2-icon-wrap img {
filter: brightness(0) invert(1);
}
.fg-home-two #fg2-3b39ef .fg2-icon-label {
font-weight: 600;
}
.fg-home-two #fg2-c3849a {
max-width: 100%;
}
.fg-home-two #fg2-9bb451 {
width: 100%;
flex-shrink: 0;
}
.fg-home-two #fg2-c3849a {
margin-inline: auto;
}
.fg-home-two #fg2-f9eba9.fg2-particles {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
background: none;
opacity: 1;
z-index: 0;
}
.fg-home-two #fg2-ddd830 {
position: relative;
isolation: isolate;
}
.fg-home-two #fg2-bc2feb {
position: relative;
z-index: 1;
}
.fg-home-two #fg2-3b39ef > div {
transition: box-shadow 0.4s;
}
.fg-home-two #fg2-3b39ef > div:hover {
box-shadow: 20px 20px 30px 0 rgba(153, 0, 255, 0.49);
} @media (prefers-reduced-motion: reduce) {
.fg-home-two #fg2-3b39ef > div {
transition: none;
}
} @media (prefers-reduced-motion: no-preference) {
@supports (animation-timeline: view()) and (animation-range: entry 0% entry 100%) {
.fg-home-two #fg2-39df39 > :is(h2, .fg2-heading) {
animation: fg-scroll-entry 1s ease-out both;
animation-timeline: view();
animation-range: entry 0% entry 100%;
}
}
}