body[data-page="home"] .nk-hero.nk-hero-rebuilt {
--nk-hero-orange: #f36a21;
position: relative;
width: 100%;
min-height: 100svh;
overflow: hidden;
isolation: isolate;
background: linear-gradient(120deg, #cbd4d4 0%, #a8bdc1 45%, #759ca5 100%);
color: #fff;
font-family: var(--font-ui, "Montserrat", Arial, sans-serif);
}
body[data-page="home"] .nk-hero.nk-hero-rebuilt::before {
content: "";
position: absolute;
inset: 0;
z-index: -4;
background: radial-gradient(circle at 73% 18%, rgba(255, 255, 255, .5), transparent 32%), linear-gradient(90deg, rgba(5, 15, 20, .28), rgba(5, 15, 20, .03) 48%, rgba(5, 15, 20, .1));
animation: none;
}
.nk-hero-rebuilt .nk-parallax-bg {
position: absolute;
inset: -100px;
z-index: -10;
width: calc(100% + 200px);
height: calc(100% + 200px);
object-fit: cover;
background: #7f9da4;
transform: translate3d(0, 0, 0) scale(1.12);
will-change: transform
}
.nk-hero-rebuilt .nk-grain {
position: absolute;
inset: 0;
z-index: -7;
pointer-events: none;
opacity: .18;
background-image: radial-gradient(rgba(255, 255, 255, .32) .7px, transparent .9px);
background-size: 5px 5px;
mix-blend-mode: soft-light
}
.nk-hero-rebuilt .nk-vignette {
position: absolute;
inset: 0;
z-index: -6;
pointer-events: none;
background: rgba(6, 13, 17, .15);
background: linear-gradient(90deg, rgba(6, 14, 18, .32), rgba(6, 13, 17, .2) 44%, rgba(6, 13, 17, .28)), linear-gradient(180deg, rgba(6, 13, 17, .1) 52%, rgba(6, 12, 16, .34))
}
.nk-hero-rebuilt .nk-orange-glow {
display: none
}
.nk-hero-rebuilt .nk-orange-glow-2 {
display: none
}
.nk-hero-rebuilt .nk-hero-stage {
position: relative;
width: min(var(--nk-home-container), calc(100% - (var(--nk-home-gutter) * 2)));
min-height: 100svh;
margin: 0 auto;
display: flex;
align-items: center;
padding: 128px 0 66px
}
.nk-hero-rebuilt .nk-glass-card {
position: relative;
z-index: 20;
width: min(820px, 59vw);
padding: clamp(42px, 4.3vw, 68px);
border-radius: 80px;
background: #11161b54;
backdrop-filter: blur(10px) saturate(165%);
-webkit-backdrop-filter: blur(10px) saturate(165%);
will-change: transform, opacity
}
.nk-hero-rebuilt .nk-glass-card::before {
display: none
}
.nk-hero-rebuilt .nk-glass-card::after {
display: none
}
.nk-hero-rebuilt .nk-hero-layer {
position: relative;
z-index: 3;
will-change: transform, opacity
}
.nk-hero-rebuilt .nk-hero-eyebrow {
display: flex;
align-items: center;
gap: 11px;
margin: 0 0 28px;
color: rgba(255, 255, 255, .76);
font-size: 11px;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase
}
.nk-hero-rebuilt .nk-dot {
width: 7px;
height: 7px;
flex: 0 0 auto;
border-radius: 50%;
background: var(--nk-hero-orange);
box-shadow: 0 0 0 5px rgba(243, 106, 33, .09), 0 0 20px rgba(243, 106, 33, .48)
}
.motion-v2 body[data-page="home"] .nk-hero-rebuilt .nk-hero-title {
max-width: 760px;
margin: 0;
color: #fff;
font-size: var(--fs-h1);
font-weight: 600;
line-height: var(--lh-h1);
letter-spacing: var(--ls-h1);
text-wrap: initial
}
.nk-hero-rebuilt .nk-hero-title span {
display: block
}
.nk-hero-rebuilt .nk-hero-title strong {
font-weight: 600
}
.nk-hero-rebuilt .nk-hero-title .orange {
display: inline;
color: var(--nk-hero-orange)
}
.nk-hero-rebuilt .nk-hero-description {
max-width: 590px;
margin: 28px 0 0;
color: rgba(255, 255, 255, .7);
font-size: 16px;
font-weight: 400;
line-height: 1.68
}
.nk-hero-rebuilt .nk-hero-buttons {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 34px
}
.nk-hero-rebuilt .nk-hero-button {
display: inline-flex;
min-height: 58px;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 8px 10px 8px 24px;
border: 1px solid rgba(255, 255, 255, .1);
border-radius: 11px;
background: rgba(255, 255, 255, .055);
color: #fff;
font-size: 12px;
font-weight: 700;
transition: transform 180ms cubic-bezier(.16, 1, .3, 1), background-color 180ms ease, border-color 180ms ease
}
.nk-hero-rebuilt .nk-hero-button-primary {
border-color: var(--nk-hero-orange);
background: var(--nk-hero-orange)
}
.nk-hero-rebuilt .nk-hero-button-arrow {
display: grid;
width: 38px;
height: 38px;
place-items: center;
border-radius: 50%;
background: rgba(255, 255, 255, .15);
font-size: 16px
}
@media(hover:hover) and (pointer:fine) {
.nk-hero-rebuilt .nk-hero-button:hover {
transform: translateY(-3px);
border-color: rgba(255, 255, 255, .3);
background: rgba(255, 255, 255, .1)
}
.nk-hero-rebuilt .nk-hero-button-primary:hover {
border-color: #ff7b27;
background: #ff7b27
}
}
.nk-hero-rebuilt .nk-hero-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 16px;
margin-top: 40px;
color: rgba(255, 255, 255, .55);
font-size: 10px;
font-weight: 700;
letter-spacing: .07em;
text-transform: uppercase
}
.nk-hero-rebuilt .nk-meta-line {
width: 1px;
height: 18px;
background: rgba(255, 255, 255, .22)
}
.nk-hero-rebuilt .nk-floating-card {
position: absolute;
z-index: 45;
right: 6%;
top: 49%;
width: 210px;
padding: 19px;
border: 1px solid rgba(255, 255, 255, .14);
border-radius: 20px;
background: rgba(9, 21, 29, .56);
backdrop-filter: blur(22px) saturate(145%);
-webkit-backdrop-filter: blur(22px) saturate(145%);
box-shadow: 0 26px 58px rgba(0, 0, 0, .2);
will-change: transform, opacity
}
.nk-hero-rebuilt .nk-floating-icon {
display: grid;
width: 42px;
height: 42px;
margin-bottom: 14px;
place-items: center;
border: 1px solid rgba(243, 106, 33, .34);
border-radius: 13px;
background: rgba(243, 106, 33, .08);
color: var(--nk-hero-orange);
font-size: 20px
}
.nk-hero-rebuilt .nk-floating-card strong {
display: block;
margin-bottom: 6px;
font-size: 14px
}
.nk-hero-rebuilt .nk-floating-card p {
margin: 0;
color: rgba(255, 255, 255, .6);
font-size: 11px;
line-height: 1.55
}
.nk-hero-rebuilt .nk-parallax-bg-fade {
position: absolute;
z-index: -9;
left: 0;
right: 0;
bottom: 0;
height: 42%;
pointer-events: none;
background: linear-gradient(180deg, transparent, rgba(4, 10, 13, .78) 82%, rgba(4, 10, 13, .92))
}
.nk-hero-rebuilt .nk-quality-badge {
position: absolute;
z-index: 50;
right: 1%;
bottom: 12%;
display: flex;
align-items: center;
gap: 11px;
padding: 10px 16px 10px 10px;
border: 1px solid rgba(255, 255, 255, .15);
border-radius: 17px;
background: rgba(11, 23, 30, .56);
backdrop-filter: blur(20px) saturate(145%);
-webkit-backdrop-filter: blur(20px) saturate(145%);
box-shadow: 0 18px 45px rgba(0, 0, 0, .17);
will-change: transform, opacity
}
.nk-hero-rebuilt .nk-badge-icon {
display: grid;
width: 42px;
height: 42px;
place-items: center;
border-radius: 12px;
background: rgba(243, 106, 33, .15);
color: var(--nk-hero-orange);
font-size: 19px
}
.nk-hero-rebuilt .nk-quality-badge span {
display: block;
color: rgba(255, 255, 255, .56);
font-size: 10px
}
.nk-hero-rebuilt .nk-quality-badge strong {
display: block;
margin-top: 2px;
font-size: 12px
}
.nk-hero-rebuilt .nk-hero-scroll {
position: absolute;
z-index: 50;
right: 0;
bottom: 25px;
display: flex;
align-items: center;
gap: 11px;
color: rgba(255, 255, 255, .75);
font-size: 9px;
font-weight: 700;
letter-spacing: .15em;
text-transform: uppercase
}
.nk-hero-rebuilt .nk-hero-reveal {
opacity: 0;
transform: translate3d(0, 34px, 0);
filter: blur(8px)
}
html.nk-hero-ready .nk-hero-rebuilt .nk-hero-reveal {
animation: nkHeroReveal .8s cubic-bezier(.16, 1, .3, 1) forwards
}
.nk-hero-rebuilt .nk-hero-reveal-2 {
animation-delay: .1s !important
}
.nk-hero-rebuilt .nk-hero-reveal-3 {
animation-delay: .2s !important
}
.nk-hero-rebuilt .nk-hero-reveal-4 {
animation-delay: .3s !important
}
.nk-hero-rebuilt .nk-hero-reveal-5 {
animation-delay: .4s !important
}
@keyframes nkHeroReveal {
to {
opacity: 1;
transform: none;
filter: none
}
}
.nk-hero-rebuilt .nk-glass-card {
opacity: 0;
transform: scale(.94) translate3d(0, 18px, 0)
}
html.nk-hero-ready .nk-hero-rebuilt .nk-glass-card {
animation: nkHeroCardIn 1s cubic-bezier(.16, 1, .3, 1) forwards
}
@keyframes nkHeroCardIn {
to {
opacity: 1;
transform: none
}
}
.nk-hero-rebuilt .nk-floating-card {
opacity: 0;
transform: translate3d(0, 26px, 0) scale(.92)
}
html.nk-hero-ready .nk-hero-rebuilt .nk-floating-card {
animation: nkHeroPopIn .7s .55s cubic-bezier(.16, 1, .3, 1) forwards
}
.nk-hero-rebuilt .nk-quality-badge {
opacity: 0;
transform: translate3d(0, 26px, 0) scale(.92)
}
html.nk-hero-ready .nk-hero-rebuilt .nk-quality-badge {
animation: nkHeroPopIn .7s .65s cubic-bezier(.16, 1, .3, 1) forwards
}
@keyframes nkHeroPopIn {
to {
opacity: 1;
transform: none
}
}
.nk-hero-rebuilt .nk-hero-scroll {
opacity: 0
}
html.nk-hero-ready .nk-hero-rebuilt .nk-hero-scroll {
animation: nkHeroFadeIn .6s .8s ease forwards
}
@keyframes nkHeroFadeIn {
to {
opacity: 1
}
}
@media(min-width:781px) and (max-width:1100px) {
.nk-hero-rebuilt .nk-glass-card {
width: 64%;
padding: clamp(34px, 4vw, 48px)
}
.motion-v2 body[data-page="home"] .nk-hero-rebuilt .nk-hero-title {
font-size: clamp(36px, 4vw, 48px)
}
.nk-hero-rebuilt .nk-hero-buttons {
flex-direction: column
}
.nk-hero-rebuilt .nk-hero-button {
width: 100%
}
.nk-hero-rebuilt .nk-floating-card {
position: static;
width: 100%;
margin-top: 20px
}
.nk-hero-rebuilt .nk-quality-badge {
position: static;
width: 100%;
margin-top: 12px;
justify-content: center
}
}
@media(max-width:780px) {
body[data-page="home"] .nk-hero.nk-hero-rebuilt {
min-height: auto
}
.nk-hero-rebuilt .nk-hero-stage {
width: min(var(--nk-home-container), calc(100% - (var(--nk-home-gutter) * 2)));
min-height: auto;
display: flex;
flex-direction: column;
align-items: stretch;
padding: 98px 0 40px
}
.nk-hero-rebuilt .nk-glass-card {
width: 100%;
padding: 32px 22px;
border-radius: 22px
}
.motion-v2 body[data-page="home"] .nk-hero-rebuilt .nk-hero-title {
font-size: clamp(42px, 12vw, 58px);
line-height: 1.04
}
.nk-hero-rebuilt .nk-hero-description {
font-size: 14px
}
.nk-hero-rebuilt .nk-hero-buttons {
flex-direction: column
}
.nk-hero-rebuilt .nk-hero-button {
width: 100%
}
.nk-hero-rebuilt .nk-meta-line {
display: none
}
.nk-hero-rebuilt .nk-hero-scroll {
display: none
}
.nk-hero-rebuilt .nk-floating-card {
position: static;
width: 100%;
margin-top: 20px
}
.nk-hero-rebuilt .nk-quality-badge {
position: static;
width: 100%;
margin-top: 12px;
justify-content: center
}
}
@media(prefers-reduced-motion:reduce) {
.nk-hero-rebuilt .nk-hero-reveal {
opacity: 1 !important;
transform: none !important;
filter: none !important;
animation: none !important
}
.nk-hero-rebuilt [style*="transform"] {
transform: none !important
}
} :root {
--nk-control-radius: 999px;
--nk-ui-ease-out: cubic-bezier(.23, 1, .32, 1);
}
body,
body :where(h1, h2, h3, h4, h5, h6, p, a, span, strong, em, small, label, button, input, select, textarea, blockquote, figcaption):not(#wpadminbar, #wpadminbar *) {
font-family: var(--font-ui, "Montserrat", Arial, sans-serif) !important;
}
:where(.request-btn, .btn, .nk-btn, .nk-hero-button, .mk-footer-cta, .nk-play, .team-play) {
border-radius: var(--nk-control-radius) !important;
}
:where(.mk-burger, .lightbox-close, .testimonial-controls button) {
border-radius: 50% !important;
}
:where(button, .request-btn, .btn, .nk-btn, .nk-hero-button, .mk-footer-cta, .nk-play, .team-play) {
-webkit-tap-highlight-color: transparent;
}
:where(button, .request-btn, .btn, .nk-btn, .nk-hero-button, .mk-footer-cta, .nk-play, .team-play):active {
transform: scale(.97);
transition-duration: 140ms;
}
.nk-hero-rebuilt .nk-hero-scroll {
left: 50%;
right: auto;
bottom: clamp(22px, 3vw, 34px);
width: 48px;
height: 72px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 9px;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
transform: translateX(-50%);
filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .28));
transition: transform 180ms var(--nk-ui-ease-out), opacity 180ms ease;
}
.nk-hero-rebuilt .nk-hero-scroll .nk-mouse-icon {
position: relative;
display: block;
width: 34px;
height: 48px;
flex: 0 0 auto;
border: 1.7px solid rgba(255, 255, 255, .96);
border-radius: var(--nk-control-radius);
}
.nk-hero-rebuilt .nk-hero-scroll .nk-mouse-wheel {
position: absolute;
top: 9px;
left: 50%;
width: 2px;
height: 8px;
border-radius: var(--nk-control-radius);
background: var(--nk-hero-orange, var(--orange));
transform: translate3d(-50%, 0, 0);
animation: nkMouseWheel 1.7s var(--nk-ui-ease-out) infinite;
}
.nk-hero-rebuilt .nk-hero-scroll .nk-scroll-chevron {
display: block;
width: 15px;
height: 15px;
flex: 0 0 auto;
border-right: 1.7px solid rgba(255, 255, 255, .96);
border-bottom: 1.7px solid rgba(255, 255, 255, .96);
transform: rotate(45deg);
transform-origin: center;
animation: nkScrollChevron 1.7s var(--nk-ui-ease-out) infinite;
}
@keyframes nkMouseWheel {
0% {
opacity: .2;
transform: translate3d(-50%, 0, 0)
}
24% {
opacity: 1
}
72% {
opacity: 1;
transform: translate3d(-50%, 7px, 0)
}
100% {
opacity: 0;
transform: translate3d(-50%, 7px, 0)
}
}
@keyframes nkScrollChevron {
0%,
18% {
opacity: .42;
transform: translateY(0) rotate(45deg)
}
62% {
opacity: 1;
transform: translateY(3px) rotate(45deg)
}
100% {
opacity: .42;
transform: translateY(0) rotate(45deg)
}
}
@media(hover:hover) and (pointer:fine) {
.nk-hero-rebuilt .nk-hero-scroll:hover {
opacity: .8;
transform: translateX(-50%) translateY(-4px);
}
}
.nk-hero-rebuilt .nk-hero-scroll:active {
transform: translateX(-50%) scale(.96)
}
.nk-hero-rebuilt .nk-hero-scroll:focus-visible {
outline: 3px solid rgba(243, 106, 33, .42);
outline-offset: 4px
}
@media(prefers-reduced-motion:reduce) {
.nk-hero-rebuilt .nk-hero-scroll {
transition: opacity 180ms ease
}
.nk-hero-rebuilt .nk-hero-scroll .nk-mouse-wheel,
.nk-hero-rebuilt .nk-hero-scroll .nk-scroll-chevron {
animation: none;
opacity: 1
}
.nk-hero-rebuilt .nk-hero-scroll .nk-mouse-wheel {
transform: translate3d(-50%, 2px, 0)
}
}
html {
scrollbar-width: thin;
scrollbar-color: rgba(243, 106, 33, .82) #f3f3f0;
}
html::-webkit-scrollbar {
width: 6px
}
html::-webkit-scrollbar-track {
background: #f3f3f0
}
html::-webkit-scrollbar-thumb {
min-height: 42px;
border: 1px solid #f3f3f0;
border-radius: 999px;
background: rgba(243, 106, 33, .82);
}
html::-webkit-scrollbar-thumb:hover {
background: var(--orange)
}
html::-webkit-scrollbar-corner {
background: #f3f3f0
}
.footer.nk-footer-minimal {
position: relative;
isolation: isolate;
overflow: hidden;
width: calc(100% - 16px);
min-height: clamp(430px, 33.4vw, 680px);
padding: 0;
background: #080a0b;
color: rgba(255, 255, 255, .78);
}
body.motion-v2[data-page="home"] .footer.nk-footer-minimal {
padding-inline: 0
}
.footer.nk-footer-minimal::before,
.footer.nk-footer-minimal::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
}
.footer.nk-footer-minimal::before {
z-index: -2;
background: var(--service-image) center 46%/cover no-repeat;
filter: grayscale(.35) saturate(.35) contrast(1.16);
transform: scale(1.02);
}
.footer.nk-footer-minimal::after {
z-index: -1;
background: rgba(3, 6, 8, .92);
}
.nk-footer-minimal__inner {
position: relative;
z-index: 1;
min-height: inherit;
display: flex;
flex-direction: column;
}
.nk-footer-grid {
width: 84%;
margin-inline: auto;
padding-block: clamp(70px, 5.55vw, 114px) clamp(50px, 3.5vw, 72px);
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(0, 1.12fr) minmax(0, .8fr);
align-items: stretch;
flex: 1 1 auto;
}
.nk-footer-column {
min-width: 0;
padding-inline: clamp(28px, 4.35vw, 89px);
}
.nk-footer-column:first-child {
padding-left: 0
}
.nk-footer-column:last-child {
padding-right: 0
}
.nk-footer-column+.nk-footer-column {
border-left: 1px solid rgba(255, 255, 255, .2)
}
.nk-footer-title {
margin: 0 0 clamp(24px, 1.55vw, 32px);
color: #fff;
font-size: clamp(.78rem, 1.08vw, 1.38rem);
font-weight: 700;
line-height: 1;
letter-spacing: .22em;
text-transform: uppercase;
}
.nk-footer-title::after {
content: "";
display: block;
width: clamp(40px, 3.15vw, 64px);
height: 1px;
margin-top: clamp(16px, 1vw, 21px);
background: rgba(255, 255, 255, .56);
}
.nk-footer-contact {
margin: 0;
display: flex;
flex-direction: column;
font-style: normal;
}
.nk-footer-contact-item,
.nk-footer-social-link {
display: flex;
align-items: center;
width: 100%;
min-width: 0;
border-bottom: 1px solid rgba(255, 255, 255, .13);
color: rgba(255, 255, 255, .78);
font-size: clamp(.88rem, 1.14vw, 1.45rem);
font-weight: 400;
line-height: 1.35;
transition: color 180ms ease;
}
.nk-footer-contact-item {
gap: clamp(16px, 1.4vw, 29px);
padding-block: clamp(8px, .48vw, 10px);
}
.nk-footer-contact-item:first-child {
padding-top: 0
}
.nk-footer-contact-item:last-child {
border-bottom: 0
}
.nk-footer-contact-icon,
.nk-footer-social-icon {
display: grid;
place-items: center;
flex: 0 0 auto;
border: 1px solid rgba(255, 255, 255, .18);
background: rgba(255, 255, 255, .045);
color: rgba(255, 255, 255, .92);
transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease, transform 180ms var(--nk-ui-ease-out);
}
.nk-footer-contact-icon {
width: clamp(46px, 3.45vw, 71px);
height: clamp(46px, 3.45vw, 71px);
border-radius: clamp(13px, 1vw, 20px);
font-size: clamp(23px, 1.65vw, 34px);
}
.nk-footer-contact-item>span:last-child {
min-width: 0;
overflow-wrap: anywhere
}
.nk-footer-services {
display: grid;
color: rgba(255, 255, 255, .78);
}
.nk-footer-service-item {
display: flex;
align-items: center;
gap: clamp(14px, 1.55vw, 32px);
min-height: clamp(43px, 2.34vw, 48px);
border-bottom: 1px solid rgba(255, 255, 255, .13);
font-size: clamp(.88rem, 1.14vw, 1.45rem);
line-height: 1.25;
}
.nk-footer-service-item:last-child {
border-bottom: 0
}
.nk-footer-service-item i {
flex: 0 0 auto;
color: rgba(255, 255, 255, .8);
font-size: clamp(17px, 1.08vw, 22px);
}
.nk-footer-social {
display: grid
}
.nk-footer-social-link {
gap: clamp(18px, 1.15vw, 24px);
padding-block: clamp(12px, .58vw, 12px);
}
.nk-footer-social-link:first-child {
padding-top: 0
}
.nk-footer-social-link:last-child {
border-bottom: 0
}
.nk-footer-social-icon {
width: clamp(46px, 3.15vw, 65px);
height: clamp(46px, 3.15vw, 65px);
border-radius: clamp(13px, 1vw, 19px);
font-size: clamp(22px, 1.5vw, 31px);
}
.nk-footer-minimal a {
position: relative;
color: inherit
}
.nk-footer-bottom {
min-height: clamp(72px, 4.35vw, 89px);
display: flex;
align-items: center;
justify-content: flex-end;
padding-inline: 8%;
border-top: 1px solid rgba(255, 255, 255, .2);
flex: 0 0 auto;
}
.nk-footer-legal {
display: flex;
align-items: center;
color: rgba(255, 255, 255, .76);
font-size: clamp(.8rem, 1vw, 1.28rem);
}
.nk-footer-legal a+a {
margin-left: clamp(22px, 1.8vw, 37px);
padding-left: clamp(22px, 1.8vw, 37px);
border-left: 1px solid rgba(255, 255, 255, .38);
}
@media(hover:hover) and (pointer:fine) {
.nk-footer-contact-item:hover,
.nk-footer-social-link:hover,
.nk-footer-minimal a:hover {
color: var(--orange)
}
.nk-footer-contact-item:hover .nk-footer-contact-icon,
.nk-footer-social-link:hover .nk-footer-social-icon {
border-color: rgba(243, 106, 33, .65);
background: rgba(243, 106, 33, .1);
color: var(--orange);
transform: translateY(-2px);
}
}
.nk-footer-minimal a:focus-visible {
outline: 3px solid rgba(243, 106, 33, .38);
outline-offset: 5px;
border-radius: 4px
}
@media(max-width:900px) {
.footer.nk-footer-minimal {
min-height: 0
}
.nk-footer-grid {
width: 100%;
padding: 2.75rem 1.5rem;
grid-template-columns: 1fr
}
.nk-footer-column {
padding: 0
}
.nk-footer-column+.nk-footer-column {
margin-top: 2.35rem;
padding-top: 2.35rem;
border-top: 1px solid rgba(255, 255, 255, .2);
border-left: 0
}
.nk-footer-title {
margin-bottom: 1.75rem;
font-size: .78rem
}
.nk-footer-title::after {
margin-top: 1rem
}
.nk-footer-contact-item,
.nk-footer-social-link,
.nk-footer-service-item {
font-size: .9rem
}
.nk-footer-bottom {
min-height: 76px;
padding-inline: 1.5rem;
justify-content: flex-start
}
}
@media(max-width:480px) {
.footer.nk-footer-minimal {
width: calc(100% - 8px);
margin: 4px
}
.nk-footer-grid {
padding-inline: 1.15rem
}
.nk-footer-contact-icon,
.nk-footer-social-icon {
width: 46px;
height: 46px;
flex-basis: 46px;
border-radius: 13px
}
.nk-footer-legal {
width: 100%;
justify-content: space-between
}
}
html {
cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M4 3 L4 24 L10 18.5 L14.2 27.5 L18.6 25.5 L14.5 16.8 L22 16.6 Z" fill="%23f36a21" stroke="%231c1109" stroke-width="1" stroke-linejoin="round"/></svg>') 4 3, auto
}
.nk-header-quick {
display: none
}
body[data-page="home"] .nk-header-quick {
display: flex;
position: fixed;
top: 50%;
right: 28px;
z-index: 1800;
flex-direction: column;
align-items: flex-end;
gap: 10px;
transform: translateY(-50%);
}
.nk-header-quick-item {
display: flex;
align-items: center;
height: 64px;
border-radius: 32px;
border: 1px solid rgba(243, 106, 33, .5);
background: #fff;
backdrop-filter: blur(22px) saturate(165%);
-webkit-backdrop-filter: blur(22px) saturate(165%);
overflow: hidden;
color: var(--orange);
transition: background .3s ease, border-color .3s ease, color .3s ease;
}
.nk-header-quick-icon {
display: grid;
place-items: center;
width: 64px;
height: 64px;
flex: 0 0 auto;
font-size: 24px;
color: var(--orange)
}
.nk-header-quick-icon img {
width: 28px;
height: 28px;
object-fit: contain
}
.nk-header-quick-label {
max-width: 0;
opacity: 0;
white-space: nowrap;
overflow: hidden;
font-size: .78rem;
font-weight: 700;
letter-spacing: .03em;
transition: max-width .35s var(--mk-ease), opacity .25s ease, padding-left .35s var(--mk-ease)
}
@media(hover:hover) and (pointer:fine) {
.nk-header-quick-item:hover {
background: var(--orange);
border-color: var(--orange);
color: #fff
}
.nk-header-quick-item:hover .nk-header-quick-icon {
color: #fff
}
.nk-header-quick-item:hover .nk-header-quick-icon img {
filter: brightness(0) invert(1)
}
.nk-header-quick-item:hover .nk-header-quick-label {
max-width: 320px;
opacity: 1;
padding-left: 18px
}
}
@media(max-width:900px) {
body[data-page="home"] .nk-header-quick {
top: auto;
bottom: 16px;
right: 12px;
transform: none;
gap: 8px
}
.nk-header-quick-item {
height: 44px;
border-radius: 22px
}
.nk-header-quick-icon {
width: 44px;
height: 44px;
font-size: 18px
}
.nk-header-quick-icon img {
width: 20px;
height: 20px
}
.nk-header-quick-label {
display: none
}
}