.cs-service-link.active.cs-service-link-primary,
.cs-service-link:hover.cs-service-link-primary {
    color: #f8516f;
}

.cs-service-link.active {
    pointer-events: none;
    cursor: default;
}

.cs-service-link.active,
.cs-service-link:hover {
    -moz-transition-delay: .15s;
    transition-delay: .15s;
    text-decoration: none;
}

.cs-service-link {
    display: inline-block;
    padding-left: 1.875rem;
    -moz-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    color: #404449;
    font-weight: 600;
}

.cs-service-link.active .cs-count:before,
.cs-service-link:hover .cs-count:before {
    -webkit-transform: translateY(-.5rem) scale(.75);
    -moz-transform: translateY(-.5rem) scale(.75);
    transform: translateY(-.5rem) scale(.75);
    transition: opacity .4s .15s, -webkit-transform .2s .15s;
    -moz-transition: transform .2s .15s, opacity .4s .15s, -moz-transform .2s .15s;
    transition: transform .2s .15s, opacity .4s .15s;
    transition: transform .2s .15s, opacity .4s .15s, -webkit-transform .2s .15s, -moz-transform .2s .15s;
    opacity: 0;
}

.cs-service-link .cs-count:before {
    -webkit-transform: translateY(0) scale(1);
    -moz-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    transition: opacity .2s, -webkit-transform .4s;
    -moz-transition: transform .4s, opacity .2s, -moz-transform .4s;
    transition: transform .4s, opacity .2s;
    transition: transform .4s, opacity .2s, -webkit-transform .4s, -moz-transform .4s;
}

.cs-service-link .cs-count:after,
.cs-service-link .cs-count:before {
    display: inline-block;
    vertical-align: middle;
    content: attr(data-number);
}

.cs-service-link .cs-count {
    display: block;
    position: relative;
    margin-left: -1.875rem;
    padding-bottom: .25rem;
    color: #969ea6;
    font-size: .9375rem;
    white-space: nowrap;
}

.cs-service-link .cs-indicator {
    display: inline-block;
    position: relative;
    width: 70px;
    height: 3px;
    margin-top: -.125rem;
    margin-left: .5rem;
    background-color: #e5ebf2;
    vertical-align: middle;
}

.cs-service-link.active .cs-indicator:before,
.cs-service-link:hover .cs-indicator:before {
    right: auto;
    left: 0;
    width: 100%;
    -moz-transition-delay: .15s;
    transition-delay: .15s;
}

.cs-service-link.cs-service-link-primary .cs-indicator:before {
    background-color: #f8516f;
}

.cs-service-link .cs-indicator:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    -moz-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out;
    content: "";
}

*,
:after,
:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cs-service-link.active .cs-count:after,
.cs-service-link:hover .cs-count:after {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    transition: opacity .2s .15s, -webkit-transform .4s .15s;
    -moz-transition: transform .4s .15s, opacity .2s .15s, -moz-transform .4s .15s;
    transition: transform .4s .15s, opacity .2s .15s;
    transition: transform .4s .15s, opacity .2s .15s, -webkit-transform .4s .15s, -moz-transform .4s .15s;
    opacity: 1;
}

.cs-service-link.cs-service-link-primary .cs-count:after {
    color: #f8516f;
}

.cs-service-link .cs-count:after {
    position: absolute;
    left: 0;
    -webkit-transform: translateY(.375rem);
    -moz-transform: translateY(.375rem);
    transform: translateY(.375rem);
    transition: opacity .35s, -webkit-transform .2s;
    -moz-transition: transform .2s, opacity .35s, -moz-transform .2s;
    transition: transform .2s, opacity .35s;
    transition: transform .2s, opacity .35s, -webkit-transform .2s, -moz-transform .2s;
    opacity: 0;
}

.cs-service-link .cs-count:after,
.cs-service-link .cs-count:before {
    display: inline-block;
    vertical-align: middle;
    content: attr(data-number);
}

*,
:after,
:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cs-service-link.active.cs-service-link-accent-1,
.cs-service-link:hover.cs-service-link-accent-1 {
    color: #fcaf0c;
}

.cs-service-link.cs-service-link-accent-1 .cs-count:after {
    color: #fcaf0c;
}

.cs-service-link.cs-service-link-accent-1 .cs-indicator:before {
    background-color: #fcaf0c;
}

.cs-service-link.cs-service-link-accent-2 .cs-indicator:before {
    background-color: #3a91f6;
}

.cs-service-link.cs-service-link-accent-2 .cs-count:after {
    color: #3a91f6;
}

.cs-service-link.active.cs-service-link-accent-2,
.cs-service-link:hover.cs-service-link-accent-2 {
    color: #3a91f6;
}

.cs-service-link.active.cs-service-link-accent-3,
.cs-service-link:hover.cs-service-link-accent-3 {
    color: #63c6a7;
}

.cs-service-link.cs-service-link-accent-3 .cs-indicator:before {
    background-color: #63c6a7;
}

.cs-service-link.cs-service-link-accent-3 .cs-count:after {
    color: #63c6a7;
}

.cs-service-link.active.cs-service-link-accent-3,
.cs-service-link:hover.cs-service-link-accent-3 {
    color: #63c6a7;
}

.cs-service-link.active.cs-service-link-accent-4,
.cs-service-link:hover.cs-service-link-accent-4 {
    color: #53cfe7;
}



.cs-service-link.cs-service-link-accent-4 .cs-indicator:before {
    background-color: #53cfe7;
}

.cs-service-link.cs-service-link-accent-4 .cs-count:after {
    color: #53cfe7;
}

.cs-parallax-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cs-icon-check-circle:before {
    content: "";
}

@font-face {
    font-family: createx-studio;
    src: url(./font/createx-studio.2a055f815fdad81dd910e01725292c3a.ttf) format("truetype"), url(/_next/static/media/createx-studio.ac3e47de7e4cbac389cf6309d468192d.woff) format("woff"), url(/_next/static/media/createx-studio.557aca03a26065822382993276d842de.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" cs-icon-"],
[class^=cs-icon-] {
    font-family: createx-studio !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -moz-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}