|
Server IP : 103.191.208.50 / Your IP : 216.73.216.53 Web Server : LiteSpeed System : Linux orion.herosite.pro 4.18.0-553.53.1.lve.el8.x86_64 #1 SMP Wed May 28 17:01:02 UTC 2025 x86_64 User : celkcksm ( 1031) PHP Version : 7.4.33 Disable Function : show_source, system, shell_exec, passthru, popen, exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home/celkcksm/public_html/frontend/assets/dart-scss/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";
@viewport {
width: device-width
}
@-o-viewport {
width: device-width
}
@-ms-viewport {
width: device-width
}
::-webkit-input-placeholder {
opacity: .5
}
:-moz-placeholder {
opacity: .5
}
::-moz-placeholder {
opacity: .5
}
:-ms-input-placeholder {
opacity: .5
}
.placeholder {
opacity: .5
}
::-webkit-scrollbar {
width: 10px;
background: #eee
}
::-webkit-scrollbar-thumb {
background: #999
}
::-webkit-scrollbar-corner {
background: #000
}
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
quotes: "“" "”"
}
html {
font-size: var(--fs-root);
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
overflow-x: hidden
}
body {
overflow-x: hidden;
text-rendering: optimizeSpeed;
background-color: #fff;
color: #2a2a2a;
font-family: var(--ff-body);
font-weight: var(--fw-body);
line-height: 1.6
}
body.bound {
overflow: hidden;
padding-right: var(--scrollbar-size, 18px)
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--ff-heading);
font-weight: inherit;
font-size: inherit
}
mark {
background-color: #ff0;
color: #000
}
template {
display: none
}
[hidden] {
display: none
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle
}
audio,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
svg:not([fill]) {
fill: currentColor
}
svg:not(:root) {
overflow: hidden
}
abbr[title] {
border-bottom: 1px dotted
}
table {
width: 100%;
border-collapse: collapse
}
table [valign=middle] td,
table [valign=middle] th {
vertical-align: middle
}
table [valign=bottom] td,
table [valign=bottom] th {
vertical-align: bottom
}
dialog {
background-color: #fff;
border: solid;
color: #000;
display: block;
height: -moz-fit-content;
height: -webkit-fit-content;
height: fit-content;
left: 0;
margin: auto;
padding: 1em;
position: absolute;
right: 0;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content
}
dialog:not([open]) {
display: none
}
.small,
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block
}
html,
body,
section,
header,
footer,
main,
.inner-container,
.fullW {
width: 100%;
float: left
}
a {
color: inherit;
cursor: default;
text-decoration: none !important;
-webkit-text-decoration-skip: objects
}
a:not([class]) {
text-decoration-skip-ink: auto
}
a[href] {
cursor: pointer
}
img,
picture {
max-width: 100%;
display: inline-block
}
ul[role=list],
ol[role=list] {
list-style: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
summary::-webkit-details-marker {
display: none
}
legend {
display: table;
max-width: 100%;
white-space: normal
}
progress {
vertical-align: baseline
}
address {
font-style: normal
}
fieldset {
border: none
}
input,
textarea,
button,
select,
option {
appearance: none;
-webkit-appearance: none;
line-height: normal;
filter: none !important;
-webkit-filter: none !important;
border: none;
outline: none !important;
box-shadow: none !important;
background: rgba(0, 0, 0, 0);
font: inherit
}
[disabled],
.disabled {
pointer-events: none;
cursor: not-allowed !important;
opacity: .5;
-webkit-text-fill-color: #eee
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText
}
:-moz-ui-invalid {
box-shadow: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
@media(prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto
}
*,
*::before,
*::after {
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
scroll-behavior: auto !important
}
}
:root {
--fs-root: 16px;
--ff-heading: "Outfit", Tahoma, sans-serif;
--ff-body: "Outfit", sans-serif;
--ff-circular: "Circular", Tahoma, sans-serif
}
@media(min-width: 1600px) {
:root {
--fs-root: 20px;
--menu-svg-width: 15.95rem
}
}
@media(min-width: 2000px) {
:root {
--fs-root: calc(14px + 0.56vw)
}
}
@media(min-width: 2560px) {
:root {
--menu-svg-width: 15.3rem
}
.h10 {
font-size: .9rem !important
}
.h5,
footer .footer--c2a .c2a-arw {
font-size: 115% !important
}
}
.fw--t {
font-weight: 100
}
.fw--el {
font-weight: 200
}
.fw--l {
font-weight: 300
}
.fw--r {
font-weight: 400
}
.fw--m,
.ncriptech--industries-carousel article .ind--heading {
font-weight: 500
}
.fw--sb {
font-weight: 600
}
.fw--b {
font-weight: 700
}
.fw--eb {
font-weight: 800
}
.fw--blk {
font-weight: 900
}
.h1XXL {
font-size: calc(85px + (193.75 - 85) * (100vw - 320px) / (2560 - 320));
font-size: clamp(85px, 7.568359375vw, 193.75px);
line-height: inherit
}
.h1XL {
font-size: calc(75px + (156.25 - 75) * (100vw - 320px) / (2560 - 320));
font-size: clamp(75px, 6.103515625vw, 156.25px);
line-height: inherit
}
.h1X {
font-size: calc(35px + (112.5 - 35) * (100vw - 320px) / (2560 - 320));
font-size: clamp(35px, 4.39453125vw, 112.5px);
line-height: inherit
}
.h1 {
font-size: calc(35px + (112.5 - 35) * (100vw - 320px) / (2560 - 320));
font-size: clamp(35px, 4.39453125vw, 112.5px);
line-height: inherit
}
.h3 {
font-size: calc(30px + (62.5 - 30) * (100vw - 320px) / (2560 - 320));
font-size: clamp(30px, 2.44140625vw, 62.5px);
line-height: inherit
}
.h3x {
font-size: calc(30px + (50 - 30) * (100vw - 320px) / (2560 - 320));
font-size: clamp(30px, 1.953125vw, 50px);
line-height: inherit
}
.h4,
.ncriptech__about-values .c2a-arw,
.ncriptech__career--realpeople article h5,
.ncriptech__info-grid h4 {
font-size: calc(26px + (56.25 - 26) * (100vw - 320px) / (2560 - 320));
font-size: clamp(26px, 2.197265625vw, 56.25px);
line-height: inherit
}
.h4xs {
font-size: calc(22px + (40 - 22) * (100vw - 320px) / (2560 - 320));
font-size: clamp(22px, 1.5625vw, 40px);
line-height: inherit
}
.h4x {
font-size: calc(20px + (35 - 20) * (100vw - 320px) / (2560 - 320));
font-size: clamp(20px, 1.3671875vw, 35px);
line-height: inherit
}
.h5,
footer .footer--c2a .c2a-arw {
font-size: calc(18px + (28.75 - 18) * (100vw - 320px) / (2560 - 320));
font-size: clamp(18px, 1.123046875vw, 28.75px);
line-height: inherit
}
.h5x {
font-size: calc(18px + (27.5 - 18) * (100vw - 320px) / (2560 - 320));
font-size: clamp(18px, 1.07421875vw, 27.5px);
line-height: inherit
}
.h5X {
font-size: calc(22px + (37.5 - 22) * (100vw - 320px) / (2560 - 320));
font-size: clamp(22px, 1.46484375vw, 37.5px);
line-height: inherit
}
.h6,
.home--awards .award--container .award--subheading,
.ncriptech__team .card .--designation {
font-size: calc(14px + (20 - 14) * (100vw - 320px) / (2560 - 320));
font-size: clamp(14px, 0.78125vw, 20px);
line-height: inherit
}
.h7,
.offerings-card article h3,
.ncriptech__company-grid-bg article {
font-size: calc(20px + (37.5 - 20) * (100vw - 320px) / (2560 - 320));
font-size: clamp(20px, 1.46484375vw, 37.5px);
line-height: inherit
}
.h8,
.ncriptech--industries-hero .--subheading,
.ncriptech--industries-hero .--desc {
font-size: calc(18px + (27.5 - 18) * (100vw - 320px) / (2560 - 320));
font-size: clamp(18px, 1.07421875vw, 27.5px);
line-height: inherit
}
.h9,
.ncriptech--core-service-grid .grid--2>div ul {
font-size: calc(14px + (25 - 14) * (100vw - 320px) / (2560 - 320));
font-size: clamp(14px, 0.9765625vw, 25px);
line-height: inherit
}
.h10 {
font-size: calc(14px + (22.5 - 14) * (100vw - 320px) / (2560 - 320));
font-size: clamp(14px, 0.87890625vw, 22.5px);
line-height: inherit
}
.descc {
line-height: 1.6
}
.descc>*+* {
margin-top: 1em
}
.h1XL {
line-height: .95
}
.h1 {
line-height: 1.2
}
.h2,
.ncriptech__rpa-benefits .heading {
line-height: 1.2;
font-size: calc(1.5rem + 1.22vw)
}
.h2x {
font-size: max(2vw, 2rem);
line-height: 1.4
}
.h3 {
line-height: 1.3;
font-size: max(2vw, 1.8rem)
}
@media(max-width: 767px) {
.h3 {
font-size: max(1.8vw, 1.6rem)
}
}
.h3X,
.ncriptech--industries-hero .--heading {
line-height: 1.3;
font-size: max(1.8vw, 1.8rem)
}
@media(max-width: 1200px) {
.h3X,
.ncriptech--industries-hero .--heading {
font-size: max(1.5vw, 1.5rem)
}
}
.h3x {
font-size: 1.6vw
}
.h3xs {
line-height: 1.5;
font-size: 20px
}
@media(max-width: 760px) {
.h3xs {
font-size: 18px
}
}
.h4,
.ncriptech__about-values .c2a-arw,
.ncriptech__career--realpeople article h5,
.ncriptech__info-grid h4 {
line-height: 1.4;
font-size: max(1.5vw, 1.5rem)
}
@media(max-width: 1200px) {
.h4,
.ncriptech__about-values .c2a-arw,
.ncriptech__career--realpeople article h5,
.ncriptech__info-grid h4 {
font-size: max(1.2vw, 1.2rem)
}
}
.h4x {
line-height: 1.5
}
.h4xs {
font-size: calc(1.25rem + .1vw);
line-height: 1.5
}
.h5,
footer .footer--c2a .c2a-arw {
line-height: 1.6
}
@media(max-width: 2000px) {
.h5,
footer .footer--c2a .c2a-arw {
font-size: 1.13rem
}
}
.h7,
.offerings-card article h3,
.ncriptech__company-grid-bg article {
line-height: 1.5
}
.h8,
.ncriptech--industries-hero .--subheading,
.ncriptech--industries-hero .--desc {
line-height: 1.6
}
@media(min-width: 2001px) {
.h8,
.ncriptech--industries-hero .--subheading,
.ncriptech--industries-hero .--desc {
font-size: 1.1vw
}
}
.h9,
.ncriptech--core-service-grid .grid--2>div ul {
line-height: 1.4;
font-size: .8vw
}
.p,
.ncriptech__inner--hero-2 p,
.ncriptech__inner--hero-3 p,
.fullscreen-menu .boxed--links ul {
font-size: 1rem
}
.h4X {
font-size: 38px
}
@media(max-width: 1899px) {
.h4X {
font-size: 2rem
}
}
@media(max-width: 575px) {
.h4X {
line-height: 1.2
}
}
@media(max-width: 675px) {
.h3x {
font-size: 1.5rem;
line-height: 1.4
}
.h3x .small,
.h3x small {
font-size: 95%
}
.h4,
.ncriptech__about-values .c2a-arw,
.ncriptech__career--realpeople article h5,
.ncriptech__info-grid h4 {
font-size: 1.5rem;
line-height: 1.4
}
.h5,
footer .footer--c2a .c2a-arw {
line-height: 1.6;
font-size: 1.2rem
}
.h9,
.ncriptech--core-service-grid .grid--2>div ul {
font-size: 1.1rem
}
}
@media(min-width: 2560px) {
.h5x {
font-size: 1vw
}
.h4x,
.h4X {
font-size: 1.2rem !important
}
}
.bg--body {
background-color: #fff !important
}
.c--body {
color: #fff !important
}
.hvr\:bg--body:hover,
.hvr\:bg--body:focus {
background-color: #fff !important
}
.hvr\:c--body:hover,
.hvr\:c--body:focus {
color: #fff !important
}
.bg--whitee {
background-color: #fff !important
}
.c--whitee {
color: #fff !important
}
.hvr\:bg--whitee:hover,
.hvr\:bg--whitee:focus {
background-color: #fff !important
}
.hvr\:c--whitee:hover,
.hvr\:c--whitee:focus {
color: #fff !important
}
.bg--blak {
background-color: #000 !important
}
.c--blak {
color: #000 !important
}
.hvr\:bg--blak:hover,
.hvr\:bg--blak:focus {
background-color: #000 !important
}
.hvr\:c--blak:hover,
.hvr\:c--blak:focus {
color: #000 !important
}
.bg--place {
background-color: #aeaeae !important
}
.c--place {
color: #aeaeae !important
}
.hvr\:bg--place:hover,
.hvr\:bg--place:focus {
background-color: #aeaeae !important
}
.hvr\:c--place:hover,
.hvr\:c--place:focus {
color: #aeaeae !important
}
.bg--mark {
background-color: #ff0 !important
}
.c--mark {
color: #ff0 !important
}
.hvr\:bg--mark:hover,
.hvr\:bg--mark:focus {
background-color: #ff0 !important
}
.hvr\:c--mark:hover,
.hvr\:c--mark:focus {
color: #ff0 !important
}
.bg--border {
background-color: #e0e0e0 !important
}
.c--border {
color: #e0e0e0 !important
}
.hvr\:bg--border:hover,
.hvr\:bg--border:focus {
background-color: #e0e0e0 !important
}
.hvr\:c--border:hover,
.hvr\:c--border:focus {
color: #e0e0e0 !important
}
.bg--tblborder {
background-color: #dadada !important
}
.c--tblborder {
color: #dadada !important
}
.hvr\:bg--tblborder:hover,
.hvr\:bg--tblborder:focus {
background-color: #dadada !important
}
.hvr\:c--tblborder:hover,
.hvr\:c--tblborder:focus {
color: #dadada !important
}
.bg--success {
background-color: #7ac142 !important
}
.c--success {
color: #7ac142 !important
}
.hvr\:bg--success:hover,
.hvr\:bg--success:focus {
background-color: #7ac142 !important
}
.hvr\:c--success:hover,
.hvr\:c--success:focus {
color: #7ac142 !important
}
.bg--error {
background-color: #d81212 !important
}
.c--error {
color: #d81212 !important
}
.hvr\:bg--error:hover,
.hvr\:bg--error:focus {
background-color: #d81212 !important
}
.hvr\:c--error:hover,
.hvr\:c--error:focus {
color: #d81212 !important
}
.bg--gry {
background-color: #c7c7c7 !important
}
.c--gry {
color: #c7c7c7 !important
}
.hvr\:bg--gry:hover,
.hvr\:bg--gry:focus {
background-color: #c7c7c7 !important
}
.hvr\:c--gry:hover,
.hvr\:c--gry:focus {
color: #c7c7c7 !important
}
.bg--gry60 {
background-color: #eee !important
}
.c--gry60 {
color: #eee !important
}
.hvr\:bg--gry60:hover,
.hvr\:bg--gry60:focus {
background-color: #eee !important
}
.hvr\:c--gry60:hover,
.hvr\:c--gry60:focus {
color: #eee !important
}
.bg--gry150 {
background-color: #9b9b9b !important
}
.c--gry150 {
color: #9b9b9b !important
}
.hvr\:bg--gry150:hover,
.hvr\:bg--gry150:focus {
background-color: #9b9b9b !important
}
.hvr\:c--gry150:hover,
.hvr\:c--gry150:focus {
color: #9b9b9b !important
}
.bg--gry151 {
background-color: #55565a !important
}
.c--gry151 {
color: #55565a !important
}
.hvr\:bg--gry151:hover,
.hvr\:bg--gry151:focus {
background-color: #55565a !important
}
.hvr\:c--gry151:hover,
.hvr\:c--gry151:focus {
color: #55565a !important
}
.bg--gryF4 {
background-color: #f4f4f4 !important
}
.c--gryF4 {
color: #f4f4f4 !important
}
.hvr\:bg--gryF4:hover,
.hvr\:bg--gryF4:focus {
background-color: #f4f4f4 !important
}
.hvr\:c--gryF4:hover,
.hvr\:c--gryF4:focus {
color: #f4f4f4 !important
}
.bg--gryF8 {
background-color: #f8f8f8 !important
}
.c--gryF8 {
color: #f8f8f8 !important
}
.hvr\:bg--gryF8:hover,
.hvr\:bg--gryF8:focus {
background-color: #f8f8f8 !important
}
.hvr\:c--gryF8:hover,
.hvr\:c--gryF8:focus {
color: #f8f8f8 !important
}
.bg--gryF9 {
background-color: #f9f9f9 !important
}
.c--gryF9 {
color: #f9f9f9 !important
}
.hvr\:bg--gryF9:hover,
.hvr\:bg--gryF9:focus {
background-color: #f9f9f9 !important
}
.hvr\:c--gryF9:hover,
.hvr\:c--gryF9:focus {
color: #f9f9f9 !important
}
.bg--gry2E {
background-color: #2e2e2e !important
}
.c--gry2E {
color: #2e2e2e !important
}
.hvr\:bg--gry2E:hover,
.hvr\:bg--gry2E:focus {
background-color: #2e2e2e !important
}
.hvr\:c--gry2E:hover,
.hvr\:c--gry2E:focus {
color: #2e2e2e !important
}
.bg--gryFB {
background-color: #fbfbfb !important
}
.c--gryFB {
color: #fbfbfb !important
}
.hvr\:bg--gryFB:hover,
.hvr\:bg--gryFB:focus {
background-color: #fbfbfb !important
}
.hvr\:c--gryFB:hover,
.hvr\:c--gryFB:focus {
color: #fbfbfb !important
}
.bg--gry-3 {
background-color: #54565a !important
}
.c--gry-3 {
color: #54565a !important
}
.hvr\:bg--gry-3:hover,
.hvr\:bg--gry-3:focus {
background-color: #54565a !important
}
.hvr\:c--gry-3:hover,
.hvr\:c--gry-3:focus {
color: #54565a !important
}
.bg--gryF5 {
background-color: #f5f5f5 !important
}
.c--gryF5 {
color: #f5f5f5 !important
}
.hvr\:bg--gryF5:hover,
.hvr\:bg--gryF5:focus {
background-color: #f5f5f5 !important
}
.hvr\:c--gryF5:hover,
.hvr\:c--gryF5:focus {
color: #f5f5f5 !important
}
.bg--gryf6 {
background-color: #f6f8ff !important
}
.c--gryf6 {
color: #f6f8ff !important
}
.hvr\:bg--gryf6:hover,
.hvr\:bg--gryf6:focus {
background-color: #f6f8ff !important
}
.hvr\:c--gryf6:hover,
.hvr\:c--gryf6:focus {
color: #f6f8ff !important
}
.bg--gryF7 {
background-color: #1c1e27 !important
}
.c--gryF7 {
color: #1c1e27 !important
}
.hvr\:bg--gryF7:hover,
.hvr\:bg--gryF7:focus {
background-color: #1c1e27 !important
}
.hvr\:c--gryF7:hover,
.hvr\:c--gryF7:focus {
color: #1c1e27 !important
}
.bg--gryF10 {
background-color: #020914 !important
}
.c--gryF10 {
color: #020914 !important
}
.hvr\:bg--gryF10:hover,
.hvr\:bg--gryF10:focus {
background-color: #020914 !important
}
.hvr\:c--gryF10:hover,
.hvr\:c--gryF10:focus {
color: #020914 !important
}
.bg--gry83 {
background-color: #838383 !important
}
.c--gry83 {
color: #838383 !important
}
.hvr\:bg--gry83:hover,
.hvr\:bg--gry83:focus {
background-color: #838383 !important
}
.hvr\:c--gry83:hover,
.hvr\:c--gry83:focus {
color: #838383 !important
}
.bg--grybf {
background-color: #bfbfbf !important
}
.c--grybf {
color: #bfbfbf !important
}
.hvr\:bg--grybf:hover,
.hvr\:bg--grybf:focus {
background-color: #bfbfbf !important
}
.hvr\:c--grybf:hover,
.hvr\:c--grybf:focus {
color: #bfbfbf !important
}
.bg--gry6d {
background-color: #6d6d6d !important
}
.c--gry6d {
color: #6d6d6d !important
}
.hvr\:bg--gry6d:hover,
.hvr\:bg--gry6d:focus {
background-color: #6d6d6d !important
}
.hvr\:c--gry6d:hover,
.hvr\:c--gry6d:focus {
color: #6d6d6d !important
}
.bg--dblu {
background-color: #00178a !important
}
.c--dblu {
color: #00178a !important
}
.hvr\:bg--dblu:hover,
.hvr\:bg--dblu:focus {
background-color: #00178a !important
}
.hvr\:c--dblu:hover,
.hvr\:c--dblu:focus {
color: #00178a !important
}
.bg--ncriptechblu {
background-color: #0235f5 !important
}
.c--ncriptechblu {
color: #0235f5 !important
}
.hvr\:bg--ncriptechblu:hover,
.hvr\:bg--ncriptechblu:focus {
background-color: #0235f5 !important
}
.hvr\:c--ncriptechblu:hover,
.hvr\:c--ncriptechblu:focus {
color: #0235f5 !important
}
.bg--ncriptechblu2 {
background-color: #061857 !important
}
.c--ncriptechblu2 {
color: #061857 !important
}
.hvr\:bg--ncriptechblu2:hover,
.hvr\:bg--ncriptechblu2:focus {
background-color: #061857 !important
}
.hvr\:c--ncriptechblu2:hover,
.hvr\:c--ncriptechblu2:focus {
color: #061857 !important
}
.bg--dblu-2 {
background-color: #1c33b5 !important
}
.c--dblu-2 {
color: #1c33b5 !important
}
.hvr\:bg--dblu-2:hover,
.hvr\:bg--dblu-2:focus {
background-color: #1c33b5 !important
}
.hvr\:c--dblu-2:hover,
.hvr\:c--dblu-2:focus {
color: #1c33b5 !important
}
.bg--blu {
background-color: #0235f5 !important
}
.c--blu {
color: #0235f5 !important
}
.hvr\:bg--blu:hover,
.hvr\:bg--blu:focus {
background-color: #0235f5 !important
}
.hvr\:c--blu:hover,
.hvr\:c--blu:focus {
color: #0235f5 !important
}
/* ----------------------------------------- */
.c--green {
color: #0235f5 !important
}
.hvr\:bg--green:hover,
.hvr\:bg--green:focus {
background-color: #0235f5 !important
}
.hvr\:c--green:hover,
.hvr\:c--green:focus {
color: #0235f5 !important
}
/* ------------------------------------------ */
.bg--blu-2 {
background-color: #2442b2 !important
}
.c--blu-2 {
color: #2442b2 !important
}
.hvr\:bg--blu-2:hover,
.hvr\:bg--blu-2:focus {
background-color: #2442b2 !important
}
.hvr\:c--blu-2:hover,
.hvr\:c--blu-2:focus {
color: #2442b2 !important
}
.bg--blu-3 {
background-color: #008aa6 !important
}
.c--blu-3 {
color: #008aa6 !important
}
.hvr\:bg--blu-3:hover,
.hvr\:bg--blu-3:focus {
background-color: #008aa6 !important
}
.hvr\:c--blu-3:hover,
.hvr\:c--blu-3:focus {
color: #008aa6 !important
}
.bg--blu-4 {
background-color: #1368e6 !important
}
.c--blu-4 {
color: #1368e6 !important
}
.hvr\:bg--blu-4:hover,
.hvr\:bg--blu-4:focus {
background-color: #1368e6 !important
}
.hvr\:c--blu-4:hover,
.hvr\:c--blu-4:focus {
color: #1368e6 !important
}
.bg--blu-5 {
background-color: #f5f7ff !important
}
.c--blu-5 {
color: #f5f7ff !important
}
.hvr\:bg--blu-5:hover,
.hvr\:bg--blu-5:focus {
background-color: #f5f7ff !important
}
.hvr\:c--blu-5:hover,
.hvr\:c--blu-5:focus {
color: #f5f7ff !important
}
.bg--blu-6 {
background-color: #0f64e8 !important
}
.c--blu-6 {
color: #0f64e8 !important
}
.hvr\:bg--blu-6:hover,
.hvr\:bg--blu-6:focus {
background-color: #0f64e8 !important
}
.hvr\:c--blu-6:hover,
.hvr\:c--blu-6:focus {
color: #0f64e8 !important
}
.bg--blu-7 {
background-color: #004cf1 !important
}
.c--blu-7 {
color: #004cf1 !important
}
.hvr\:bg--blu-7:hover,
.hvr\:bg--blu-7:focus {
background-color: #004cf1 !important
}
.hvr\:c--blu-7:hover,
.hvr\:c--blu-7:focus {
color: #004cf1 !important
}
.bg--blu-8 {
background-color: #45a7b3 !important
}
.c--blu-8 {
color: #45a7b3 !important
}
.hvr\:bg--blu-8:hover,
.hvr\:bg--blu-8:focus {
background-color: #45a7b3 !important
}
.hvr\:c--blu-8:hover,
.hvr\:c--blu-8:focus {
color: #45a7b3 !important
}
.bg--blu-9 {
background-color: #61d2df !important
}
.c--blu-9 {
color: #61d2df !important
}
.hvr\:bg--blu-9:hover,
.hvr\:bg--blu-9:focus {
background-color: #61d2df !important
}
.hvr\:c--blu-9:hover,
.hvr\:c--blu-9:focus {
color: #61d2df !important
}
/* #0235f5 */
.bg--blu-10 {
background-color: #0235f5 !important
}
.c--blu-10 {
color: #0235f5 !important
}
.hvr\:bg--blu-10:hover,
.hvr\:bg--blu-10:focus {
background-color: #0235f5 !important
}
.hvr\:c--blu-10:hover,
.hvr\:c--blu-10:focus {
color: #0235f5 !important
}
/* ----------------------------------------- */
.bg--green-10 {
background-color: #0235f5 !important
}
.c--green-10 {
color: #0235f5 !important
}
.hvr\:bg--green-10:hover,
.hvr\:bg--green-10:focus {
background-color: #0235f5 !important
}
.hvr\:c--green-10:hover,
.hvr\:c--green-10:focus {
color: #0235f5 !important
}
/* -------------------------------------------- */
.bg--blu-11 {
background-color: #070e21 !important
}
.c--blu-11 {
color: #070e21 !important
}
.hvr\:bg--blu-11:hover,
.hvr\:bg--blu-11:focus {
background-color: #070e21 !important
}
.hvr\:c--blu-11:hover,
.hvr\:c--blu-11:focus {
color: #070e21 !important
}
.bg--blu-12 {
background-color: #f4f6f9 !important
}
.c--blu-12 {
color: #f4f6f9 !important
}
.hvr\:bg--blu-12:hover,
.hvr\:bg--blu-12:focus {
background-color: #f4f6f9 !important
}
.hvr\:c--blu-12:hover,
.hvr\:c--blu-12:focus {
color: #f4f6f9 !important
}
.bg--drkBlue {
background-color: #011689 !important
}
.c--drkBlue {
color: #011689 !important
}
.hvr\:bg--drkBlue:hover,
.hvr\:bg--drkBlue:focus {
background-color: #011689 !important
}
.hvr\:c--drkBlue:hover,
.hvr\:c--drkBlue:focus {
color: #011689 !important
}
.bg--dgrn {
background-color: #373d29 !important
}
.c--dgrn {
color: #373d29 !important
}
.hvr\:bg--dgrn:hover,
.hvr\:bg--dgrn:focus {
background-color: #373d29 !important
}
.hvr\:c--dgrn:hover,
.hvr\:c--dgrn:focus {
color: #373d29 !important
}
.bg--dgrn-2 {
background-color: #364201 !important
}
.c--dgrn-2 {
color: #364201 !important
}
.hvr\:bg--dgrn-2:hover,
.hvr\:bg--dgrn-2:focus {
background-color: #364201 !important
}
.hvr\:c--dgrn-2:hover,
.hvr\:c--dgrn-2:focus {
color: #364201 !important
}
.bg--dgrn-3 {
background-color: #60752e !important
}
.c--dgrn-3 {
color: #60752e !important
}
.hvr\:bg--dgrn-3:hover,
.hvr\:bg--dgrn-3:focus {
background-color: #60752e !important
}
.hvr\:c--dgrn-3:hover,
.hvr\:c--dgrn-3:focus {
color: #60752e !important
}
.bg--ylw {
background-color: #e31f25 !important
}
.c--ylw {
color: #e41f26 !important
}
.hvr\:bg--ylw:hover,
.hvr\:bg--ylw:focus {
background-color: #e41f26 !important
}
.hvr\:c--ylw:hover,
.hvr\:c--ylw:focus {
color: #e41f26 !important
}
.bg--dylw {
background-color: #facc00 !important
}
.c--dylw {
color: #facc00 !important
}
.hvr\:bg--dylw:hover,
.hvr\:bg--dylw:focus {
background-color: #facc00 !important
}
.hvr\:c--dylw:hover,
.hvr\:c--dylw:focus {
color: #facc00 !important
}
.bg--txt {
background-color: #2a2a2a !important
}
.c--txt {
color: #2a2a2a !important
}
.hvr\:bg--txt:hover,
.hvr\:bg--txt:focus {
background-color: #2a2a2a !important
}
.hvr\:c--txt:hover,
.hvr\:c--txt:focus {
color: #2a2a2a !important
}
.bg--txt-2 {
background-color: #54555a !important
}
.c--txt-2 {
color: #54555a !important
}
.hvr\:bg--txt-2:hover,
.hvr\:bg--txt-2:focus {
background-color: #54555a !important
}
.hvr\:c--txt-2:hover,
.hvr\:c--txt-2:focus {
color: #54555a !important
}
.bg--txt-3 {
background-color: #434343 !important
}
.c--txt-3 {
color: #434343 !important
}
.hvr\:bg--txt-3:hover,
.hvr\:bg--txt-3:focus {
background-color: #434343 !important
}
.hvr\:c--txt-3:hover,
.hvr\:c--txt-3:focus {
color: #434343 !important
}
.bg--txt-4 {
background-color: #c9c9c9 !important
}
.c--txt-4 {
color: #c9c9c9 !important
}
.hvr\:bg--txt-4:hover,
.hvr\:bg--txt-4:focus {
background-color: #c9c9c9 !important
}
.hvr\:c--txt-4:hover,
.hvr\:c--txt-4:focus {
color: #c9c9c9 !important
}
.bg--hero {
background-color: #fafafa !important
}
.c--hero {
color: #fafafa !important
}
.hvr\:bg--hero:hover,
.hvr\:bg--hero:focus {
background-color: #fafafa !important
}
.hvr\:c--hero:hover,
.hvr\:c--hero:focus {
color: #fafafa !important
}
.bg--blk {
background-color: #1f1a1a !important
}
.c--blk {
color: #1f1a1a !important
}
.hvr\:bg--blk:hover,
.hvr\:bg--blk:focus {
background-color: #1f1a1a !important
}
.hvr\:c--blk:hover,
.hvr\:c--blk:focus {
color: #1f1a1a !important
}
.bg--blk-2 {
background-color: #303030 !important
}
.c--blk-2 {
color: #303030 !important
}
.hvr\:bg--blk-2:hover,
.hvr\:bg--blk-2:focus {
background-color: #303030 !important
}
.hvr\:c--blk-2:hover,
.hvr\:c--blk-2:focus {
color: #303030 !important
}
.bg--lblk {
background-color: #2b2b2b !important
}
.c--lblk {
color: #2b2b2b !important
}
.hvr\:bg--lblk:hover,
.hvr\:bg--lblk:focus {
background-color: #2b2b2b !important
}
.hvr\:c--lblk:hover,
.hvr\:c--lblk:focus {
color: #2b2b2b !important
}
.bg--gry-2 {
background-color: #b8b8b8 !important
}
.c--gry-2 {
color: #b8b8b8 !important
}
.hvr\:bg--gry-2:hover,
.hvr\:bg--gry-2:focus {
background-color: #b8b8b8 !important
}
.hvr\:c--gry-2:hover,
.hvr\:c--gry-2:focus {
color: #b8b8b8 !important
}
.bg--gry-4 {
background-color: #b4b3b3 !important
}
.c--gry-4 {
color: #b4b3b3 !important
}
.hvr\:bg--gry-4:hover,
.hvr\:bg--gry-4:focus {
background-color: #b4b3b3 !important
}
.hvr\:c--gry-4:hover,
.hvr\:c--gry-4:focus {
color: #b4b3b3 !important
}
.bg--lghtgray {
background-color: #f3f3f3 !important
}
.c--lghtgray {
color: #f3f3f3 !important
}
.hvr\:bg--lghtgray:hover,
.hvr\:bg--lghtgray:focus {
background-color: #f3f3f3 !important
}
.hvr\:c--lghtgray:hover,
.hvr\:c--lghtgray:focus {
color: #f3f3f3 !important
}
.bg--lghtgray-2 {
background-color: #f6f6f6 !important
}
.c--lghtgray-2 {
color: #f6f6f6 !important
}
.hvr\:bg--lghtgray-2:hover,
.hvr\:bg--lghtgray-2:focus {
background-color: #f6f6f6 !important
}
.hvr\:c--lghtgray-2:hover,
.hvr\:c--lghtgray-2:focus {
color: #f6f6f6 !important
}
.bg--extradrk {
background-color: #202020 !important
}
.c--extradrk {
color: #202020 !important
}
.hvr\:bg--extradrk:hover,
.hvr\:bg--extradrk:focus {
background-color: #202020 !important
}
.hvr\:c--extradrk:hover,
.hvr\:c--extradrk:focus {
color: #202020 !important
}
.bg--extradrk-2 {
background-color: #161616 !important
}
.c--extradrk-2 {
color: #161616 !important
}
.hvr\:bg--extradrk-2:hover,
.hvr\:bg--extradrk-2:focus {
background-color: #161616 !important
}
.hvr\:c--extradrk-2:hover,
.hvr\:c--extradrk-2:focus {
color: #161616 !important
}
.bg--dark28 {
background-color: #282828 !important
}
.c--dark28 {
color: #282828 !important
}
.hvr\:bg--dark28:hover,
.hvr\:bg--dark28:focus {
background-color: #282828 !important
}
.hvr\:c--dark28:hover,
.hvr\:c--dark28:focus {
color: #282828 !important
}
.bg--extradrk-3 {
background-color: #222733 !important
}
.c--extradrk-3 {
color: #222733 !important
}
.hvr\:bg--extradrk-3:hover,
.hvr\:bg--extradrk-3:focus {
background-color: #222733 !important
}
.hvr\:c--extradrk-3:hover,
.hvr\:c--extradrk-3:focus {
color: #222733 !important
}
.bg--extradrk-4 {
background-color: #1e2222 !important
}
.c--extradrk-4 {
color: #1e2222 !important
}
.hvr\:bg--extradrk-4:hover,
.hvr\:bg--extradrk-4:focus {
background-color: #1e2222 !important
}
.hvr\:c--extradrk-4:hover,
.hvr\:c--extradrk-4:focus {
color: #1e2222 !important
}
.bg--drkBrown {
background-color: #1f1a1a !important
}
.c--drkBrown {
color: #1f1a1a !important
}
.hvr\:bg--drkBrown:hover,
.hvr\:bg--drkBrown:focus {
background-color: #1f1a1a !important
}
.hvr\:c--drkBrown:hover,
.hvr\:c--drkBrown:focus {
color: #1f1a1a !important
}
.bg--cream {
background-color: #f1f1f1 !important
}
.c--cream {
color: #f1f1f1 !important
}
.hvr\:bg--cream:hover,
.hvr\:bg--cream:focus {
background-color: #f1f1f1 !important
}
.hvr\:c--cream:hover,
.hvr\:c--cream:focus {
color: #f1f1f1 !important
}
.bg--clr1 {
background-color: #0e1e2d !important
}
.c--clr1 {
color: #0e1e2d !important
}
.hvr\:bg--clr1:hover,
.hvr\:bg--clr1:focus {
background-color: #0e1e2d !important
}
.hvr\:c--clr1:hover,
.hvr\:c--clr1:focus {
color: #0e1e2d !important
}
.bg--clr2 {
background-color: #0037fe !important
}
.c--clr2 {
color: #0037fe !important
}
.hvr\:bg--clr2:hover,
.hvr\:bg--clr2:focus {
background-color: #0037fe !important
}
.hvr\:c--clr2:hover,
.hvr\:c--clr2:focus {
color: #0037fe !important
}
.bg--clr3 {
background-color: #099e88 !important
}
.c--clr3 {
color: #099e88 !important
}
.hvr\:bg--clr3:hover,
.hvr\:bg--clr3:focus {
background-color: #099e88 !important
}
.hvr\:c--clr3:hover,
.hvr\:c--clr3:focus {
color: #099e88 !important
}
.bg--clr4 {
background-color: #09a6db !important
}
.c--clr4 {
color: #09a6db !important
}
.hvr\:bg--clr4:hover,
.hvr\:bg--clr4:focus {
background-color: #09a6db !important
}
.hvr\:c--clr4:hover,
.hvr\:c--clr4:focus {
color: #09a6db !important
}
.bg--clr5 {
background-color: #6963eb !important
}
.c--clr5 {
color: #6963eb !important
}
.hvr\:bg--clr5:hover,
.hvr\:bg--clr5:focus {
background-color: #6963eb !important
}
.hvr\:c--clr5:hover,
.hvr\:c--clr5:focus {
color: #6963eb !important
}
.bg--teeal {
background-color: #9da1b1 !important
}
.c--teeal {
color: #9da1b1 !important
}
.hvr\:bg--teeal:hover,
.hvr\:bg--teeal:focus {
background-color: #9da1b1 !important
}
.hvr\:c--teeal:hover,
.hvr\:c--teeal:focus {
color: #9da1b1 !important
}
.bg--facebook {
background-color: #1877f2 !important
}
.c--facebook {
color: #1877f2 !important
}
.hvr\:bg--facebook:hover,
.hvr\:bg--facebook:focus {
background-color: #1877f2 !important
}
.hvr\:c--facebook:hover,
.hvr\:c--facebook:focus {
color: #1877f2 !important
}
.bg--twitter {
background-color: #1da1f2 !important
}
.c--twitter {
color: #1da1f2 !important
}
.hvr\:bg--twitter:hover,
.hvr\:bg--twitter:focus {
background-color: #1da1f2 !important
}
.hvr\:c--twitter:hover,
.hvr\:c--twitter:focus {
color: #1da1f2 !important
}
.bg--linkedin {
background-color: #007bb5 !important
}
.c--linkedin {
color: #007bb5 !important
}
.hvr\:bg--linkedin:hover,
.hvr\:bg--linkedin:focus {
background-color: #007bb5 !important
}
.hvr\:c--linkedin:hover,
.hvr\:c--linkedin:focus {
color: #007bb5 !important
}
.bg--vimeo {
background-color: #1ab7ea !important
}
.c--vimeo {
color: #1ab7ea !important
}
.hvr\:bg--vimeo:hover,
.hvr\:bg--vimeo:focus {
background-color: #1ab7ea !important
}
.hvr\:c--vimeo:hover,
.hvr\:c--vimeo:focus {
color: #1ab7ea !important
}
.bg--youtube {
background-color: red !important
}
.c--youtube {
color: red !important
}
.hvr\:bg--youtube:hover,
.hvr\:bg--youtube:focus {
background-color: red !important
}
.hvr\:c--youtube:hover,
.hvr\:c--youtube:focus {
color: red !important
}
.bg--dribbble {
background-color: #ea4c89 !important
}
.c--dribbble {
color: #ea4c89 !important
}
.hvr\:bg--dribbble:hover,
.hvr\:bg--dribbble:focus {
background-color: #ea4c89 !important
}
.hvr\:c--dribbble:hover,
.hvr\:c--dribbble:focus {
color: #ea4c89 !important
}
.bg--whatsappgreen {
background-color: #25d366 !important
}
.c--whatsappgreen {
color: #25d366 !important
}
.hvr\:bg--whatsappgreen:hover,
.hvr\:bg--whatsappgreen:focus {
background-color: #25d366 !important
}
.hvr\:c--whatsappgreen:hover,
.hvr\:c--whatsappgreen:focus {
color: #25d366 !important
}
.bg--instagramorange {
background-color: #f46f30 !important
}
.c--instagramorange {
color: #f46f30 !important
}
.hvr\:bg--instagramorange:hover,
.hvr\:bg--instagramorange:focus {
background-color: #f46f30 !important
}
.hvr\:c--instagramorange:hover,
.hvr\:c--instagramorange:focus {
color: #f46f30 !important
}
.bg--transparent {
background-color: rgba(0, 0, 0, 0) !important
}
.c--transparent {
color: rgba(0, 0, 0, 0) !important
}
.hvr\:bg--transparent:hover,
.hvr\:bg--transparent:focus {
background-color: rgba(0, 0, 0, 0) !important
}
.hvr\:c--transparent:hover,
.hvr\:c--transparent:focus {
color: rgba(0, 0, 0, 0) !important
}
.bg--gradient {
background: #e76332;
background: linear-gradient(190deg, rgb(231, 99, 50) 0%, rgb(249, 182, 13) 100%)
}
.bg--gradient-2 {
background: #ff544f;
background: linear-gradient(45deg, rgb(255, 84, 79) 0%, rgb(255, 159, 67) 49%, rgb(250, 209, 39) 100%)
}
.bg--gradient-3 {
background: #f19236;
background: radial-gradient(circle, rgb(241, 146, 54) 0%, rgb(227, 59, 48) 100%)
}
.bg--gradient-4 {
background: #ff966c;
background: linear-gradient(135deg, #ff956c, #ff7a6d)
}
.bg--gradient-5 {
background: #f78e72;
background: linear-gradient(151deg, rgb(247, 142, 114) 0%, rgb(247, 152, 112) 29%, rgb(246, 127, 112) 65%)
}
.bg--gradient--blu-1 {
background-image: url("../img/stream__bg.webp?v=1.1");
background-position: 20% 34%;
background-size: cover
}
@media(max-width: 575px) {
.bg--gradient--blu-1 {
background-position: 50% 18%
}
}
.bg--gradient--blu-2 {
background: #176be7;
background: linear-gradient(90deg, rgb(23, 107, 231) 0%, rgb(0, 53, 247) 100%)
}
.bg--gradient--sky-grn-blu {
background: #45a7b3;
background: -moz-linear-gradient(to bottom left, #45a7b3 0%, #48cbb7 100%);
background: -webkit-linear-gradient(to bottom left, #45a7b3 0%, #48cbb7 100%);
background: linear-gradient(to bottom left, #45a7b3 0%, #48cbb7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#45a7b3", endColorstr="#48cbb7", GradientType=0)
}
.hvr\:c--instagram:hover,
.hvr\:c--instagram:focus {
color: rgba(0, 0, 0, 0);
background: #d6249f;
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.bg--grad-23,
.ncriptech__tall-cards-carousel .swiper-scrollbar .swiper-scrollbar-drag,
.ncriptech__leaders .ncriptech__leader--grid .lead--c2a,
.ncriptech__industries-grid .swiper-scrollbar-drag {
background: #5139db;
background: -o-linear-gradient(315deg, #5e5aff, #5139db);
background: linear-gradient(315deg, #5e5aff, #5139db)
}
.bg--grad-23-v0 {
background: #1619c7;
background: -webkit-gradient(linear, left top, left bottom, from(rgb(22, 25, 199)), to(rgb(171, 87, 218)));
background: -o-linear-gradient(top, rgb(22, 25, 199) 0%, rgb(171, 87, 218) 100%);
background: linear-gradient(180deg, rgb(22, 25, 199) 0%, rgb(171, 87, 218) 100%)
}
.bg--grad-23-v1 {
background: #5fcbe2;
background: -webkit-gradient(linear, left top, right top, from(rgb(95, 203, 226)), to(rgb(111, 251, 207)));
background: -o-linear-gradient(left, rgb(95, 203, 226) 0%, rgb(111, 251, 207) 100%);
background: linear-gradient(90deg, rgb(95, 203, 226) 0%, rgb(111, 251, 207) 100%)
}
.bg--grad-23-v2 {
background: #ce2b93;
background: -webkit-linear-gradient(45deg, #ce2b93 0%, #f98218 100%);
background: -o-linear-gradient(45deg, #ce2b93 0%, #f98218 100%);
background: linear-gradient(45deg, #ce2b93 0%, #f98218 100%)
}
.bg--grad-23-v3 {
background: #2349df;
background: -webkit-linear-gradient(354deg, rgb(35, 73, 223) 0%, rgb(22, 61, 255) 100%);
background: -o-linear-gradient(354deg, rgb(35, 73, 223) 0%, rgb(22, 61, 255) 100%);
background: linear-gradient(354deg, rgb(35, 73, 223) 0%, rgb(22, 61, 255) 100%)
}
.bg--grad-23-v4 {
background: #1c33b5;
background: -webkit-linear-gradient(61deg, rgb(28, 51, 181) 0%, rgb(150, 48, 206) 40%);
background: -o-linear-gradient(61deg, rgb(28, 51, 181) 0%, rgb(150, 48, 206) 40%);
background: linear-gradient(61deg, rgb(28, 51, 181) 0%, rgb(150, 48, 206) 40%)
}
.bg--grad-23-v0,
.hvr\:bg--grad-23-v0:hover {
background: #1619c7;
background: -webkit-gradient(linear, left top, left bottom, from(rgb(22, 25, 199)), to(rgb(171, 87, 218)));
background: -o-linear-gradient(top, rgb(22, 25, 199) 0%, rgb(171, 87, 218) 100%);
background: linear-gradient(180deg, rgb(22, 25, 199) 0%, rgb(171, 87, 218) 100%)
}
.bg--grad-23,
.ncriptech__tall-cards-carousel .swiper-scrollbar .swiper-scrollbar-drag,
.ncriptech__leaders .ncriptech__leader--grid .lead--c2a,
.ncriptech__industries-grid .swiper-scrollbar-drag,
.hvr\:bg--grad-23:hover {
background: #5139db;
background: -o-linear-gradient(315deg, #5e5aff, #5139db);
background: linear-gradient(315deg, #5e5aff, #5139db)
}
.bg--grad-23-v1,
.hvr\:bg--grad-23-v1:hover {
background: #5fcbe2;
background: -webkit-gradient(linear, left top, right top, from(rgb(95, 203, 226)), to(rgb(111, 251, 207)));
background: -o-linear-gradient(left, rgb(95, 203, 226) 0%, rgb(111, 251, 207) 100%);
background: linear-gradient(90deg, rgb(95, 203, 226) 0%, rgb(111, 251, 207) 100%)
}
.c--grad,
.hvr\:c--grad:hover {
color: rgba(0, 0, 0, 0);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.d-none {
display: none !important
}
.d-inline {
display: inline !important
}
.d-block {
display: block !important
}
.d-inline-block {
display: inline-block !important
}
.d-flex {
display: flex !important
}
.d-inline-flex {
display: inline-flex !important
}
.d-grid {
display: grid !important
}
.d-inline-grid {
display: inline-grid !important
}
.m-0 {
margin: 0 !important
}
.p-0.p-0.p-0.p-0 {
padding: 0 !important
}
.ml-auto {
margin-left: auto !important
}
.ml-0 {
margin-left: 0 !important
}
.pl-0.pl-0.pl-0 {
padding-left: 0 !important
}
.ml-1 {
margin-left: 1rem !important
}
.pl-1 {
padding-left: 1rem !important
}
.ml-2 {
margin-left: 2rem !important
}
.pl-2 {
padding-left: 2rem !important
}
.ml-3 {
margin-left: 3rem !important
}
.pl-3 {
padding-left: 3rem !important
}
.mr-auto {
margin-right: auto !important
}
.mr-0 {
margin-right: 0 !important
}
.pr-0.pr-0.pr-0 {
padding-right: 0 !important
}
.mr-1 {
margin-right: 1rem !important
}
.pr-1 {
padding-right: 1rem !important
}
.mr-2 {
margin-right: 2rem !important
}
.pr-2 {
padding-right: 2rem !important
}
.mr-3 {
margin-right: 3rem !important
}
.pr-3 {
padding-right: 3rem !important
}
.mt-auto {
margin-top: auto !important
}
.mt-0 {
margin-top: 0 !important
}
.pt-0.pt-0.pt-0 {
padding-top: 0 !important
}
.mt-1 {
margin-top: 1rem !important
}
.pt-1 {
padding-top: 1rem !important
}
.mt-2 {
margin-top: 2rem !important
}
.pt-2 {
padding-top: 2rem !important
}
.mt-3 {
margin-top: 3rem !important
}
.pt-3 {
padding-top: 3rem !important
}
.mb-auto {
margin-bottom: auto !important
}
.mb-0 {
margin-bottom: 0 !important
}
.pb-0.pb-0.pb-0 {
padding-bottom: 0 !important
}
.mb-1 {
margin-bottom: 1rem !important
}
.pb-1 {
padding-bottom: 1rem !important
}
.mb-2 {
margin-bottom: 2rem !important
}
.pb-2 {
padding-bottom: 2rem !important
}
.mb-3 {
margin-bottom: 3rem !important
}
.pb-3 {
padding-bottom: 3rem !important
}
.b-0 {
border: none !important
}
.bl-0 {
border-left: none !important
}
.br-0 {
border-right: none !important
}
.bt-0 {
border-top: none !important
}
.bb-0 {
border-bottom: none !important
}
.hvr\:b-0:hover {
border-color: rgba(0, 0, 0, 0) !important
}
.ar-16\/9 {
position: relative;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.ar-16\/9>* {
position: absolute !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.ar-16\/9>img {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.ar-16\/9>*:not(img) {
width: 100%;
height: 100%
}
.ar-4\/3 {
position: relative;
height: 0;
overflow: hidden;
padding-bottom: 75%
}
.ar-4\/3>* {
position: absolute !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.ar-4\/3>img {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.ar-4\/3>*:not(img) {
width: 100%;
height: 100%
}
.ar-3\/4 {
position: relative;
height: 0;
overflow: hidden;
padding-top: 133.33%
}
.ar-3\/4>* {
position: absolute !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.ar-3\/4>img {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.ar-3\/4>*:not(img) {
width: 100%;
height: 100%
}
.fl-left {
float: left
}
.fl-right {
float: right
}
.cfix {
clear: both
}
.cfix::after {
display: block;
content: "";
clear: both
}
.va-top {
vertical-align: top
}
.va-middle {
vertical-align: middle
}
.va-bottom {
vertical-align: bottom
}
.text-left {
text-align: left !important
}
.text-right {
text-align: right !important
}
.text-center {
text-align: center !important
}
.text-justify {
text-align: justify !important
}
.text-lowercase {
text-transform: lowercase
}
.text-uppercase {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
.w-100vw {
width: 100vw
}
.mw-100p {
max-width: 100%
}
.w-100 {
width: 100%;
flex: 0 0 100%
}
.w-100p {
width: 100%
}
.w-50p {
width: 50%
}
.w-1\/2 {
width: 48% !important;
flex: 0 0 48% !important
}
.fullH {
height: 100vh;
height: calc(var(--vh, 1vh)*100)
}
.rounded {
border-radius: 50%
}
.radius-0 {
border-radius: 0 !important
}
.colspan-2 {
max-width: 100%;
grid-column: 1/-1
}
.posiR {
position: relative
}
.posiA {
position: absolute
}
.posi-left {
left: 0
}
.posi-top {
top: 0
}
.posi-bottom {
bottom: 0
}
.posi-right {
right: 0
}
[class*=flow-root]>p {
transform: translateY(-0.3em)
}
[class*=flow-root]>.dashed__list {
transform: translateY(-0.3em)
}
.flow-rootx3>*+* {
margin-top: .25rem
}
.flow-rootx2>*+* {
margin-top: .5rem
}
.flow-rootx>*+* {
margin-top: .75rem
}
.flow-root>*+* {
margin-top: 1rem
}
.flow-rootX>*+* {
margin-top: 1.25rem
}
.flow-rootX2>*+* {
margin-top: 1.5rem
}
@media(max-width: 759px) {
.flow-rootX2>*+* {
margin-top: 1.25rem
}
}
.flow-rootX3>*+* {
margin-top: 1.75rem
}
@media(max-width: 759px) {
.flow-rootX3>*+* {
margin-top: 1.25rem
}
}
.flow-rootX4>*+* {
margin-top: 2rem
}
@media(max-width: 759px) {
.flow-rootX4>*+* {
margin-top: 1.25rem
}
}
.flow-rootX5>*+* {
margin-top: 2.5rem
}
@media(max-width: 759px) {
.flow-rootX5>*+* {
margin-top: 1.25rem
}
}
.flow-rootX6>*+* {
margin-top: 2.75rem
}
.flow-rootX7>*+* {
margin-top: 3rem
}
.flow-rootX8>*+* {
margin-top: 3.5rem
}
.flow-rootX9>*+* {
margin-top: 4rem
}
.flow-rootX10>*+* {
margin-top: 4.5rem
}
.flow-rootX11>*+* {
margin-top: 5rem
}
.inline-block {
display: inline-block
}
.img-hover-zoom {
overflow: hidden
}
.img-hover-zoom img {
-webkit-transition: 6s linear;
transition: 6s linear
}
.img-hover-zoom:hover img {
-webkit-transform: scale(1.8);
transform: scale(1.8)
}
.of-hidden {
overflow: hidden
}
.of-auto {
overflow: auto;
margin-bottom: var(--spacer)
}
.filter--grey {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.gap-0 {
grid-gap: 0 !important;
gap: 0 !important
}
.c--pointer {
cursor: pointer
}
.overflow-hidden {
overflow: hidden
}
@media(min-width: 760px) {
.mt-desk-0 {
margin-top: 0 !important
}
}
.pr-4 {
padding-right: 4rem !important
}
.c2as {
display: grid;
grid-gap: .5em;
gap: .5em
}
.c2as .c2a>svg {
font-size: small
}
@media(min-width: 576px) {
.c2as {
display: inline-grid;
grid-auto-flow: column
}
}
.c2as-column {
display: flex;
flex-direction: column;
align-items: start;
gap: .5em
}
.c2a,
.c2a-arw,
.c2a--video-new {
display: inline-grid;
align-items: center;
justify-content: center;
grid-gap: .9em;
gap: .9em;
font-size: var(--c2a-fs, 0.98rem);
text-decoration: none;
cursor: pointer
}
@media(min-width: 2400px) {
.c2a,
.c2a-arw,
.c2a--video-new {
font-size: var(--c2a-fs, 1.2rem) !important
}
}
.c2a svg,
.c2a-arw svg,
.c2a--video-new svg {
width: var(--ico-size, 1.4em);
height: var(--ico-size, 1.4em);
transform: translateX(0);
transition: all .5s ease
}
.c2a span>svg,
.c2a-arw span>svg,
.c2a--video-new span>svg {
display: block
}
.c2a:hover svg,
.c2a-arw:hover svg,
.c2a--video-new:hover svg {
transform: translateX(10px)
}
.c2a.justify\:between,
.c2a-arw.justify\:between,
.c2a--video-new.justify\:between {
justify-content: space-between
}
.c2a.justify\:around,
.c2a-arw.justify\:around,
.c2a--video-new.justify\:around {
justify-content: space-around
}
.c2a--video-new {
--ico-size: 2em
}
.c2a-arw--TR {
--ico-size: 1.5em
}
.c2a-arw--TR:hover svg {
transform: translate(0.3em, -0.3em)
}
.c2a-arw--left:hover svg {
transform: translateX(-10px)
}
.c2a--inline {
grid-auto-flow: column
}
.c2a--inlined {
grid-auto-flow: column
}
@media(min-width: 576px) {
.c2a-video-for-mobile {
padding: 0
}
}
@media(max-width: 575px) {
.c2a-video-for-mobile {
width: auto !important;
font-size: .9rem !important;
border-radius: 10em !important;
justify-self: start;
--btn-size: 0.6em 1.25em;
--ico-size: 1.6em !important;
padding: .85em 1.6em
}
}
@media(max-width: 575px) {
footer .c2a--inline {
margin-inline: 0;
width: 100% !important
}
}
.c2a-arw--on-hvr svg {
opacity: 0
}
.c2a-arw--on-hvr:hover svg {
opacity: 1
}
.c2a-parent:hover .c2a-arw svg {
opacity: 1;
transform: translateX(10px)
}
.c2a-parent:hover .c2a-arw--left svg {
opacity: 1;
transform: translateX(-10px)
}
.c2a-parent:hover .c2a-arw--TR svg {
transform: translate(0.3em, -0.3em)
}
.c2a-parent:hover .arrow_position.c2a-arw--TR svg {
transform: translateX(10px)
}
.arrow_position.c2a-arw--TR svg {
width: 1.6rem;
height: 1.6rem
}
.c2a--video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: grid;
grid-auto-flow: column;
justify-content: start;
align-items: center;
gap: .8rem;
transition: all .5s ease;
z-index: 1
}
@keyframes spin {
to {
transform: rotate(360deg)
}
}
.c2a--video span {
color: #fff;
font-weight: 600
}
.c2a--video .stroke-dotted {
opacity: 0;
stroke-dasharray: 4, 5;
stroke-width: 1px;
transform-origin: 50% 50%;
animation: spin 4s infinite linear;
transition: opacity 1s ease, stroke-width 1s ease
}
.c2a--video .stroke-solid {
stroke-dashoffset: 0;
stroke-dashArray: 300;
stroke-width: 2px;
transition: stroke-dashoffset 1s ease, opacity 1s ease
}
.c2a--video .icon {
transform-origin: 50% 50%;
transition: transform 200ms ease-out
}
.c2a--video .play {
width: 6em;
height: 6em
}
@media(max-width: 1200px) {
.c2a--video .play {
width: 5em;
height: 5em
}
}
@media(max-width: 767px) {
.c2a--video .play {
width: 4em;
height: 4em
}
}
.c2a--video:hover .play .stroke-dotted {
stroke-width: 2px;
opacity: 1
}
.c2a--video:hover .play .stroke-solid {
opacity: 0;
stroke-dashoffset: 300
}
.c2a--video:hover .play .icon {
transform: scale(1.05)
}
.c2a--video.invert {
filter: invert(1)
}
.playBut {
display: inline-block;
transition: all .5s ease;
-webkit-transition: all .5s ease
}
.playBut .circle {
stroke: #ffeb0f;
stroke-dasharray: 650;
stroke-dashoffset: 650;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
opacity: .3
}
.playBut .triangle {
transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
stroke-dasharray: 240;
stroke-dashoffset: 480;
stroke: #fff;
transform: translateY(0)
}
.playBut .pause {
transform: scale(8.5);
stroke: #fff
}
.playBut:hover .triangle {
stroke-dashoffset: 0;
opacity: 1;
stroke: #ffeb0f;
animation: nudge .7s ease-in-out
}
@keyframes nudge {
0% {
transform: translateX(0)
}
30% {
transform: translateX(-5px)
}
50% {
transform: translateX(5px)
}
70% {
transform: translateX(-2px)
}
100% {
transform: translateX(0)
}
}
.playBut:hover .circle {
stroke-dashoffset: 0;
opacity: 1
}
.c2a {
padding: var(--btn-size, 0.9em 1.2em);
border: 1px solid rgba(0, 0, 0, 0);
cursor: pointer;
line-height: 1;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
@media(max-width: 575px) {
.c2a {
width: 100%;
font-size: 1.1rem;
padding: var(--btn-size, 0.8em 1.2em)
}
}
@media(min-width: 2400px) {
.c2a {
padding: var(--btn-size, 0.7em 1em) !important
}
}
.c2a.outline {
border: 2px solid currentColor !important
}
.c2a.outline:hover,
.c2a.outline:focus {
border-color: rgba(0, 0, 0, 0) !important
}
.c2a.hvr\:outline:hover,
.c2a.hvr\:outline:focus {
background-color: rgba(0, 0, 0, 0) !important
}
.c2a.size\:minimal {
--c2a-fs: 0.9rem;
--btn-size: 0.4em 1.4em
}
.c2a.size\:minimal2 {
--c2a-fs: 0.82rem
}
.c2a.size\:minimal3 {
--c2a-fs: 1rem;
--btn-size: 0.8em 1.15em
}
.c2a.size\:expandedX {
--c2a-fs: 1.15rem;
--btn-size: 0.7em 2em
}
@media(min-width: 2560px) {
.c2a.size\:expandedX2 {
--c2a-fs: 1.25rem !important
}
}
.c2a.radius\:expandedx {
--c2a-radius: 0.2em
}
.c2a.radius\:expandedX {
--c2a-radius: 1.2em
}
.c2a.radius\:expandedX1 {
--c2a-radius: 1.6em
}
.c2a.case\:up {
--c2a-fs: 0.88rem
}
.c2a:hover {
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.ico-rounded {
width: 1.6em;
height: 1.6em;
padding: .45em .35em .45em .55em;
border: 1px solid currentColor;
border-radius: 50%;
display: grid;
place-items: center
}
.ico-rounded svg {
width: auto
}
.arrow--cta li a {
display: flex;
align-items: center;
gap: .5em;
transform: translateX(-1.5em);
transition: transform .3s ease
}
.arrow--cta li a svg {
width: 1em;
height: auto;
opacity: 0;
visibility: hidden;
transition: opacity .3s ease, visibility .3s ease
}
.arrow--cta li a:hover {
transform: translateX(0)
}
.arrow--cta li a:hover svg {
opacity: 1;
visibility: visible
}
.c2a-underline {
display: inline-block;
font-size: var(--c2a-fs);
line-height: 1;
padding-bottom: .4em;
position: relative
}
.c2a-underline::before,
.c2a-underline::after {
content: "";
position: absolute;
bottom: 1px;
height: 1px;
background-color: currentColor;
overflow: hidden;
transition: .3s
}
.c2a-underline::before {
width: 100%;
left: 0
}
.c2a-underline::after {
width: 0;
right: 0
}
.c2a-underline:hover::before {
width: 0;
left: auto;
right: 0
}
.c2a-underline:hover::after {
width: 100%;
left: 0;
right: auto;
transition-delay: .35s
}
.c2a-video {
width: 3rem;
display: inline-block
}
.c2a-text {
color: #0235f5;
font-weight: 500;
position: relative;
display: inline-block
}
.c2a-text:after {
content: "";
height: 1px;
width: 100%;
background-color: rgba(0, 0, 0, 0);
opacity: 0;
position: absolute;
bottom: 0;
left: 0;
transition: .3s
}
.c2a-text:hover:after {
content: "";
height: 1px;
width: 100%;
background-color: #0235f5;
opacity: 1;
position: absolute;
bottom: 3px;
left: 0;
transition: .3s
}
@media(max-width: 575px) {
.c2a-bg--grad-23-for-mob {
color: #fff;
background-color: rgba(0, 0, 0, 0) !important;
background: -o-linear-gradient(45deg, rgba(150, 48, 206, var(--sat2, 1)), rgba(255, 39, 189, var(--sat1, 0.99608)), #ce2b93, #f98218, #a51a72);
background: linear-gradient(45deg, rgba(150, 48, 206, var(--sat2, 1)), rgba(255, 39, 189, var(--sat1, 0.99608)), #ce2b93, #f98218, #a51a72);
background-size: 400% 400%;
-webkit-animation: gradient-anim 5s ease infinite;
animation: gradient-anim 5s ease infinite
}
}
.c2a.bg--grad-23 {
border: 2px solid #fff !important;
background: rgba(0, 0, 0, 0) !important;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
color: #fff
}
.c2a-bg--grad-23-hvr,
.c2a-bg--grad-23:hover,
.c2a.bg--grad-23:not(.c--grad):hover {
background-color: #0235f5 !important;
border: 2px solid #0235f5 !important;
color: #fff !important;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
@media(max-width: 575px) {
.c2a-bg--grad-23-v1-for-mob {
color: #2a2a2a !important;
background-color: rgba(0, 0, 0, 0) !important;
background: -webkit-gradient(linear, left top, right top, rgb(95, 203, 226), rgb(111, 251, 207), rgb(52, 182, 182), rgb(111, 251, 141), rgb(148, 255, 77));
background: -o-linear-gradient(left, rgb(95, 203, 226), rgb(111, 251, 207), rgb(52, 182, 182), rgb(111, 251, 141), rgb(148, 255, 77));
background: linear-gradient(90deg, rgb(95, 203, 226), rgb(111, 251, 207), rgb(52, 182, 182), rgb(111, 251, 141), rgb(148, 255, 77));
background-size: 400% 400%;
-webkit-animation: gradient-anim 5s ease infinite;
animation: gradient-anim 5s ease infinite
}
}
.c2a-bg--grad-23-v1:hover,
.c2a.bg--grad-23-v1:not(.c--grad):hover {
background-color: rgba(0, 0, 0, 0) !important;
background: -webkit-gradient(linear, left top, right top, rgb(95, 203, 226), rgb(111, 251, 207), rgb(52, 182, 182), rgb(111, 251, 141), rgb(148, 255, 77));
background: -o-linear-gradient(left, rgb(95, 203, 226), rgb(111, 251, 207), rgb(52, 182, 182), rgb(111, 251, 141), rgb(148, 255, 77));
background: linear-gradient(90deg, rgb(95, 203, 226), rgb(111, 251, 207), rgb(52, 182, 182), rgb(111, 251, 141), rgb(148, 255, 77));
background-size: 400% 400%;
-webkit-animation: gradient-anim 5s ease infinite;
animation: gradient-anim 5s ease infinite
}
.c2a-bg--grad-23-v3:hover,
.c2a.bg--grad-23-v3:not(.c--grad):hover {
background-color: rgba(0, 0, 0, 0) !important;
background: -webkit-linear-gradient(354deg, rgb(35, 73, 223), rgb(22, 61, 255), rgb(10, 48, 239), rgb(4, 37, 203));
background: -o-llinear-gradient(354deg, rgb(35, 73, 223), rgb(22, 61, 255), rgb(10, 48, 239), rgb(4, 37, 203));
background: linear-gradient(354deg, rgb(35, 73, 223), rgb(22, 61, 255), rgb(10, 48, 239), rgb(4, 37, 203));
background-size: 400% 400%;
-webkit-animation: gradient-anim 5s ease infinite;
animation: gradient-anim 5s ease infinite
}
@-webkit-keyframes gradient-anim {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes gradient-anim {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
.form-style {
--frmBorder: #cdcdcd;
--frmFieldClr: #323232;
--initHeight: 8em
}
.form-style.white__theme {
--frmFocusBorder: #fff;
--frmErrClr: #fdd008
}
@media(min-width: 1600px) {
.form-style {
font-size: .88rem
}
}
.form-style.d-flex .form-element {
margin-right: 1.5rem;
border-radius: .3em;
position: relative
}
.form-style .flex-sb {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center
}
.form-style .flex-sb .form-captcha {
width: auto;
display: flex;
flex-direction: row;
align-items: center !important;
flex-wrap: wrap;
justify-content: flex-start !important;
margin: 0 !important;
font-size: 15px
}
.form-style .flex-sb .form-captcha span {
margin-right: 5px;
font-weight: 400
}
.form-style .flex-sb .form-captcha span input[type=text] {
width: 45px;
height: 45px;
outline: none;
padding: 0 3px;
margin-left: 1px;
text-align: center;
border: 1px solid var(--frmFieldClr)
}
.form-style .inputfile-6+label {
width: 100%;
border: 2px solid #cdcdcd;
border-radius: inherit;
display: grid;
grid-template-columns: 1fr auto
}
.form-style .inputfile-6+label span,
.form-style .inputfile-6+label strong {
padding: .625rem .6rem
}
.form-style .inputfile-6+label span {
min-height: 2em;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.form-style .inputfile-6+label strong {
border-radius: inherit;
display: grid;
grid-auto-flow: column;
align-items: center;
gap: .5rem;
font-weight: 400
}
.form-style .inputfile {
width: .1px;
height: .1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1
}
.form-style .fInfo {
margin-top: 8px;
font-size: 14px;
opacity: .6
}
.form-style:not(.d-flex) .form-element {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
position: relative;
border-radius: .3em;
margin-bottom: 28px
}
.form-style:not(.d-flex) .form-element.has-value .form-label {
font-size: 12px;
top: 1em;
left: 1.5em;
opacity: .7 !important
}
.form-style .form-label {
position: absolute;
top: 1.2em;
left: 1.3em;
font-size: 98%;
pointer-events: none;
line-height: normal;
will-change: top, font-size;
transition: .2s ease
}
.form-style .form-field {
width: 100%;
background-color: var(--frmFieldBgClr, transparent);
color: var(--frmFieldClr);
font-size: inherit;
border-radius: inherit;
line-height: normal;
resize: none;
border: 2px solid var(--frmBorder)
}
.form-style .form-field:not(.with-placeholder) {
padding: 1.5em var(--padding-right, 1.2em) .56em .9em
}
.form-style .form-field.with-placeholder {
padding: 1.5em var(--padding-right, 1.2em) .56em .9em
}
.form-style .form-field.with-telplaceholder {
padding: 1.03em var(--padding-right, 1.2em) 1.03em 1.2em
}
.form-style .form-field:focus {
border-color: var(--frmFocusBorder, #000)
}
.form-style select.form-field:not(.with-placeholder) {
padding: 1.65em var(--padding-right, 1.2em) .6em .9em
}
.form-style textarea.form-field {
height: var(--initHeight);
line-height: 1.65
}
.form-style textarea.form-field~.form-label {
top: 1.4em !important
}
.form-style textarea.form-field:not(.with-placeholder) {
padding-top: 2.6em
}
.form-style .form-select::after {
content: "";
width: 8px;
height: 8px;
position: absolute;
right: 1rem;
top: 38%;
transform: rotate(45deg);
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
pointer-events: none
}
.form-style .form-select.focus .form-field {
background: #1c33b5;
border: 2px solid rgba(0, 0, 0, 0);
color: #fff
}
.form-style .form-select.focus::after {
content: "";
border-right: 2px solid #fff;
border-bottom: 2px solid #fff
}
.form-style .form-select.focus .form-label {
color: #fff
}
@media(min-width: 760px) {
.form-style .dynamic__element {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 1.5rem;
grid-column: 1/-1
}
}
.form-style .form-checkbox label {
display: grid;
grid-template-columns: auto 1fr;
gap: .8em;
cursor: pointer
}
.form-style .form-checkbox .checkmark {
height: 1.2em;
width: 1.2em;
background-color: rgba(0, 0, 0, 0);
border-radius: var(--frmRadius, 0.2em);
border: 2px solid var(--frmBorderClr, #9e9e9e);
position: relative
}
.form-style .form-checkbox .checkmark::after {
content: "";
position: absolute;
top: .21em;
left: .19em;
border-left: 2px solid rgba(0, 0, 0, 0);
border-bottom: 2px solid rgba(0, 0, 0, 0);
transform: rotate(-45deg)
}
.form-style .form-checkbox input {
position: absolute;
opacity: 0;
height: 0;
width: 0
}
.form-style .form-checkbox input:checked~.checkmark {
animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
background-color: #2a2a2a;
border-color: #2a2a2a
}
.form-style .form-checkbox input:checked~.checkmark::after {
width: .7em;
height: .4em;
border-color: #fff
}
.form-style-2 {
--frmBorder: #cdcdcd;
--frmFieldClr: #323232;
--initHeight: 8em;
font-size: .88rem
}
.form-style-2.white__theme {
--frmFocusBorder: #fff
}
.form-style-2.d-flex .form-element {
margin-right: 1.5rem;
border-radius: .3em;
position: relative
}
.form-style-2:not(.d-flex) .form-element {
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
border-radius: .3em;
margin-bottom: 30px
}
.form-style-2:not(.d-flex) .form-element.has-value .form-label {
font-size: 14px;
top: 1em;
opacity: .7 !important
}
.form-style-2:not(.d-flex) .form-element.has-value button {
right: 1rem;
transition: .3s
}
.form-style-2:not(.d-flex) .form-element button {
position: absolute;
right: 2rem;
top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 30px;
cursor: pointer;
transition: .3s
}
.form-style-2 .form-label {
position: absolute;
top: 1.2em;
left: 2.4em;
font-size: calc(16px + (18 - 16) * (100vw - 320px) / (1920 - 320));
font-size: clamp(16px, 0.9375vw, 18px);
pointer-events: none;
line-height: normal;
will-change: top, font-size;
transition: .2s ease
}
.form-style-2 .form-field {
width: 100%;
background-color: var(--frmFieldBgClr, transparent);
color: var(--frmFieldClr);
font-size: inherit;
border-radius: 5rem;
line-height: normal;
resize: none;
border: 2px solid var(--frmBorder)
}
.form-style-2 .form-field:not(.with-placeholder) {
padding: 2em var(--padding-right, 4.2em) .6em 2em
}
.form-style-2 .form-field:focus {
border-color: var(--frmFocusBorder, #000)
}
.form-style .form-icon {
margin-top: .75em;
margin-right: .5em
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
opacity: 1 !important;
transition: background-color 50000s ease-in-out 0s;
-webkit-transition: background-color 50000s ease-in-out 0s;
-webkit-text-fill-color: #fff !important;
background-color: var(--frmFieldBgClr) !important;
box-shadow: inset 0 0 0 100px var(--frmFieldFillBgClr, transparent) !important
}
input:-webkit-autofill~.form-label,
input:-webkit-autofill:hover~.form-label,
input:-webkit-autofill:focus~.form-label,
textarea:-webkit-autofill~.form-label,
textarea:-webkit-autofill:hover~.form-label,
textarea:-webkit-autofill:focus~.form-label,
select:-webkit-autofill~.form-label,
select:-webkit-autofill:hover~.form-label,
select:-webkit-autofill:focus~.form-label {
top: .72em;
font-size: 13px;
opacity: .7 !important
}
.career__form input:-webkit-autofill,
.career__form input:-webkit-autofill:hover,
.career__form input:-webkit-autofill:focus,
.career__form textarea:-webkit-autofill,
.career__form textarea:-webkit-autofill:hover,
.career__form textarea:-webkit-autofill:focus,
.career__form select:-webkit-autofill,
.career__form select:-webkit-autofill:hover,
.career__form select:-webkit-autofill:focus {
-webkit-text-fill-color: #000 !important;
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
transition: background-color 5000s ease-in-out 0s;
-webkit-background-clip: text !important;
background-clip: text !important
}
.form-style input::-webkit-contacts-auto-fill-button {
visibility: hidden;
display: none !important;
pointer-events: none;
position: absolute;
right: 0
}
i.error {
width: 100%;
flex-basis: 100%;
display: block;
font-style: normal;
font-size: 80%;
color: var(--frmErrClr, #d81212);
position: absolute;
top: 100%;
left: 0
}
.iti {
width: 100%;
border-radius: inherit
}
.iti .form-field {
padding-top: 1em !important;
padding-bottom: 1em !important;
padding-inline: inherit
}
.iti__selected-flag {
padding: 0 .6em 0 .6em !important
}
.textbox-error label.of-hidden {
border-color: #f5a8a8 !important
}
.ui--tab-menu {
display: inline-grid;
grid-auto-flow: column;
grid-gap: 2em;
gap: 2em
}
@media(max-width: 767px) {
.ui--tab-menu {
gap: 1em
}
}
.ui--tab-menu>li {
font-style: normal;
font-size: 1rem;
cursor: pointer;
list-style: none;
padding-bottom: .1em;
border-bottom: 1px solid rgba(0, 0, 0, 0)
}
.ui--tab-contents>* {
width: 100%
}
.ui--tab-contents>*:not(.tab-active) {
display: none
}
.ui--tab-menu-style-1 li.tab-menu-active {
border-bottom: 1px solid currentColor
}
.ui--tab-menu-style-2 li.tab-menu-active {
font-weight: 500
}
.ui--tab-menu-style-3 {
grid-gap: 0;
gap: 0
}
.ui--tab-menu-style-3 li:not(:last-child) {
border-right: 1px solid #9d9d9d;
padding-right: 1em
}
.ui--tab-menu-style-3 li:not(:first-child) {
border-left: 1px solid #fff;
padding-left: 1em
}
.ui--tab-menu-style-3 li.tab-menu-active {
font-weight: 500
}
.ui--tab-menu-style-4>li {
font-size: inherit;
padding-bottom: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0)
}
.ui--tab-menu-style-4 li.tab-menu-active {
font-weight: 500;
box-shadow: 0 42px 0 5px currentColor
}
.ui--tab-menu-style-5 {
width: 100%;
border-bottom: 1px solid #ccc;
justify-content: start
}
.ui--tab-menu-style-5 li {
padding-bottom: .8em;
border-bottom: 3px solid rgba(0, 0, 0, 0);
line-height: normal
}
.ui--tab-menu-style-5 li.tab-menu-active {
color: #0235f5;
font-weight: 500;
border-bottom-color: currentColor
}
.ui--hr-tab-menu-style-1 {
grid-auto-flow: row;
align-content: start;
grid-gap: 0;
gap: 0
}
.ui--accordian {
width: 100%
}
.ui--accordian .accordian-btn {
display: block;
font-weight: 600;
padding: 1.5em 2.5em 1.5em 0;
color: #000;
position: relative;
transition: all .2s cubic-bezier(0.25, 0.8, 0.25, 1);
cursor: pointer
}
.ui--accordian .accordian-content {
font-size: 90%;
font-style: normal;
font-weight: 400;
border: none;
padding-bottom: 25px
}
.ui--accordian .accordian-content>* {
line-height: inherit !important
}
.ui--accordian .ui--accordian-item:not(.accordian-active) .accordian-btn::after {
top: 1.3em;
transform: rotate(135deg)
}
.ui--accordian .ui--accordian-item:not(.accordian-active) .accordian-content {
display: none
}
.ui--accordian.border-style .accordian-btn::after {
content: "";
display: inline-block;
width: 12px;
height: 12px;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor;
transform: rotate(315deg);
transform-origin: center;
position: absolute;
top: 1.8em;
right: .15em;
transition: transform 600ms cubic-bezier(0.175, 0.885, 0.32, 1)
}
.ui--accordian.border-style .ui--accordian-item {
border-bottom: 1px solid #b4b4b4
}
.ui--accordian.border-style .ui--accordian-item::after {
content: "";
display: block;
float: left;
background-color: #000;
width: 0%;
height: 1px;
-webkit-transition: all .7s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all .7s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.ui--accordian.border-style .ui--accordian-item:hover::after {
width: 100%
}
.ui--accordian.accord-style--2 {
overflow: hidden
}
.ui--accordian.accord-style--2 .accordian-btn {
padding: 0
}
.ui--accordian.accord-style--2 .accordian-btn img {
max-width: 2em;
margin-right: .6em;
vertical-align: bottom
}
.ui--accordian.accord-style--2 .accordian-content {
padding-bottom: 0
}
.ui--accordian.accord-style--2 .ui--accordian-item {
padding: 1.5em 2em;
border-radius: .5em;
overflow: hidden
}
.ui--accordian.accord-style--2 .ui--accordian-item::before,
.ui--accordian.accord-style--2 .ui--accordian-item::after {
content: "";
display: inline-block;
border-color: red;
border-style: solid;
transform: scale(0);
transition: .3s ease;
pointer-events: none;
position: relative
}
.ui--accordian.accord-style--2 .ui--accordian-item::before {
width: 150px;
height: 150px;
border-width: 1px 0 0 1px;
border-top-left-radius: inherit;
transform-origin: left top;
float: left;
margin-top: -2.5em;
margin-bottom: calc(-150px + 2.5em);
margin-left: -2em
}
.ui--accordian.accord-style--2 .ui--accordian-item::after {
width: 75px;
height: 75px;
border-width: 0 1px 1px 0;
border-bottom-right-radius: inherit;
transform-origin: bottom right;
float: right;
margin-top: calc(-75px + 2.5em);
margin-bottom: -2.5em;
margin-right: -2em
}
.ui--accordian.accord-style--2 .ui--accordian-item:not(.accordian-active) {
opacity: .3
}
.ui--accordian.accord-style--2 .ui--accordian-item.accordian-active {
padding: 2.5em 2em;
box-shadow: 9px 12px 24px 0px rgba(0, 0, 0, .05)
}
.ui--accordian.accord-style--2 .ui--accordian-item.accordian-active::before,
.ui--accordian.accord-style--2 .ui--accordian-item.accordian-active::after {
transform: scale(1);
transition-delay: .4s
}
.ui--accordian.accord-style--2 .ui--accordian-item.accordian-active .accordian-btn {
color: red;
padding: 0 1.5em 1.2em 0;
pointer-events: none
}
.ui--accordian.accord-style--3 .ui--accordian-item {
border-bottom: 1px solid #b4b4b4;
position: relative
}
.ui--accordian.accord-style--3 .ui--accordian-item::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
background-color: #0235f5;
width: 0%;
height: 1px;
-webkit-transition: all .7s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all .7s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.ui--accordian.accord-style--3 .ui--accordian-item:hover::after {
width: 100%
}
.ui--accordian.accord-style--3 .ui--accordian-item:not(.accordian-active) .accordian-btn em::before {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1NiAyNTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJMYXllcl8yIj4NCjwvZz4NCjxnIGlkPSJDYXBhXzEiPg0KCTxnPg0KCQk8Zz4NCgkJCTxwb2x5Z29uIHBvaW50cz0iMzAuMiw1MC45IDAsODEuMSAxMjgsMjA5LjEgMjU2LDgxLjEgMjI1LjgsNTAuOSAxMjgsMTQ4LjcgCQkJIi8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==")
}
.ui--accordian.accord-style--3 .ui--accordian-item:not(.accordian-active) .accordian-btn em::after {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1NiAyNTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJMYXllcl8yIj4NCjwvZz4NCjxnIGlkPSJDYXBhXzEiPg0KCTxnPg0KCQk8Zz4NCgkJCTxwb2x5Z29uIGZpbGw9IiNmZmYiIHBvaW50cz0iMzAuMiw1MC45IDAsODEuMSAxMjgsMjA5LjEgMjU2LDgxLjEgMjI1LjgsNTAuOSAxMjgsMTQ4LjcgCQkJIi8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==");
-webkit-transform: translateY(-35px);
transform: translateY(-35px);
opacity: 0
}
.ui--accordian.accord-style--3 .ui--accordian-item:not(.accordian-active):hover .accordian-btn em {
background-color: #0235f5
}
.ui--accordian.accord-style--3 .ui--accordian-item:not(.accordian-active):hover .accordian-btn em::before {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.ui--accordian.accord-style--3 .ui--accordian-item:not(.accordian-active):hover .accordian-btn em::after {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all .5s .2s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all .5s .2s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.ui--accordian.accord-style--3 .ui--accordian-item.accordian-active em {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1NiAyNTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJMYXllcl8yIj4NCjwvZz4NCjxnIGlkPSJDYXBhXzEiPg0KCTxnPg0KCQk8Zz4NCgkJCTxwb2x5Z29uIHBvaW50cz0iMTI4LDExMS4zIDIyNS44LDIwOS4xIDI1NiwxNzguOSAxMjgsNTAuOSAwLDE3OC45IDMwLjIsMjA5LjEgCQkJIi8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==")
}
.ui--accordian.accord-style--3 .accordian-content ul {
padding-left: 20px
}
.ui--accordian.accord-style--3 .accordian-content ul strong {
font-weight: 600
}
.ui--accordian.accord-style--3 .accordian-content p strong {
font-weight: 600
}
.ui--accordian.accord-style--3 .accordian-btn {
width: 100%;
text-align: left;
position: relative;
padding: 1.5em 1.5em 1.5em 0;
-webkit-transition: .1s;
transition: .1s
}
.ui--accordian.accord-style--3 .accordian-btn em {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
top: 1.1em;
right: 0;
background-color: #efefef;
overflow: hidden;
background-repeat: no-repeat;
background-position: center;
background-size: 18px;
-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.ui--accordian.accord-style--3 .accordian-btn em::before,
.ui--accordian.accord-style--3 .accordian-btn em::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: inherit;
background-position: inherit;
background-size: inherit;
-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.ui--accordian.accord-style--3 .accord-target {
margin-bottom: 2em
}
.ncriptech-ui--modal {
width: 100%;
height: 100%;
display: grid;
place-items: center;
position: fixed;
top: 0;
left: 0;
transform: scale(0);
z-index: 999999;
pointer-events: none
}
.ncriptech-ui--modal.showing-modal {
pointer-events: auto;
transform: scale(1)
}
.ncriptech-ui--modal.showing-modal .ncriptech-ui--modal-outer {
background-color: rgba(0, 0, 0, 0);
animation: modalFadeIn .5s .8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards
}
.ncriptech-ui--modal.showing-modal .ncriptech-ui--modal-inner {
opacity: 0;
animation: modalContentFadeIn .5s 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
-webkit-animation: modalContentFadeIn .5s 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
overflow: hidden;
border-top-left-radius: .3em;
border-top-right-radius: .3em
}
.ncriptech-ui--modal.showing-modal .ncriptech-ui--modal-inner.inner--padding {
padding: 1.5rem
}
.ncriptech-ui--modal.showing-modal .ncriptech-ui--modal-inner.inner--paddingX {
padding: 0
}
.ncriptech-ui--modal.showing-modal .ncriptech-ui--modal-inner .inner--paddingnew {
border-top-left-radius: .3em;
border-top-right-radius: .3em;
padding: 1.5rem 1.5rem 1rem
}
.ncriptech-ui--modal.showing-modal .ncriptech-ui--modal-inner .form-style.inner--paddingX {
padding: .7rem 2rem 2rem
}
.ncriptech-ui--modal.showing-modal .ncriptech-ui--modal-svg rect {
animation: sketchIn .5s .3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards
}
.ncriptech-ui--modal.showing-modal.out {
animation: quickScaleDown 0s .5s linear forwards
}
.ncriptech-ui--modal.showing-modal.out .modal {
animation: modalFadeOut .5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards
}
.ncriptech-ui--modal.showing-modal.out .modal h2,
.ncriptech-ui--modal.showing-modal.out .modal p {
animation: modalContentFadeOut .5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards
}
.ncriptech-ui--modal.showing-modal.out .modal .ncriptech-ui--modal-svg rect {
animation: sketchOut .5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
-webkit-animation: sketchOut .5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards
}
.ncriptech-ui--modal>* {
grid-row: 1;
grid-column: 1;
width: 100%;
height: 100%
}
.ncriptech-ui--modal-bg {
background: #202020;
opacity: .95;
display: inline-grid;
place-items: center
}
.ncriptech-ui--modal-bg svg {
width: 240px;
height: 79.39px;
opacity: .8;
fill: #fff
}
.ncriptech-ui--modal-bg>* {
grid-row: 1;
grid-column: 1
}
.ncriptech-ui--modal-scroll {
padding: 30px;
overflow: auto;
display: grid;
place-items: center
}
.ncriptech-ui--modal-outer {
width: 100%;
max-width: var(--modal-size, 380px);
position: relative;
border-radius: .3em
}
.ncriptech-ui--modal-outer.large {
--modal-size: 850px
}
.ncriptech-ui--modal-inner {
opacity: 0
}
.ncriptech-ui--modal-svg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 25px;
z-index: -1
}
.ncriptech-ui--modal-svg rect {
stroke: #fff;
stroke-width: 3px;
stroke-dasharray: 778;
stroke-dashoffset: 778
}
.ncriptech-ui--modal-close {
display: inline-block;
width: 25px;
height: 25px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer
}
@media(min-width: 1000px) {
.ncriptech-ui--modal-close {
width: 40px;
height: 40px;
top: 25px;
right: 25px
}
}
.ncriptech-ui--modal-close::before,
.ncriptech-ui--modal-close::after {
content: "";
display: inline-block;
width: 95%;
height: 2px;
background-color: #fff;
position: absolute;
top: 50%;
right: 0px;
transform: translateY(-50%)
}
.ncriptech-ui--modal-close:before {
transform: rotate(45deg)
}
.ncriptech-ui--modal-close:after {
transform: rotate(-45deg)
}
@keyframes unfoldIn {
0% {
transform: scaleY(0.005) scaleX(0)
}
50% {
transform: scaleY(0.005) scaleX(1)
}
100% {
transform: scaleY(1) scaleX(1)
}
}
@keyframes unfoldOut {
0% {
transform: scaleY(1) scaleX(1)
}
50% {
transform: scaleY(0.005) scaleX(1)
}
100% {
transform: scaleY(0.005) scaleX(0)
}
}
@keyframes zoomIn {
0% {
transform: scale(0)
}
100% {
transform: scale(1)
}
}
@keyframes zoomOut {
0% {
transform: scale(1)
}
100% {
transform: scale(0)
}
}
@keyframes fadeIn {
0% {
background: rgba(0, 0, 0, 0)
}
100% {
background: rgba(0, 0, 0, .7)
}
}
@keyframes fadeOut {
0% {
background: rgba(0, 0, 0, .7)
}
100% {
background: rgba(0, 0, 0, 0)
}
}
@keyframes scaleUp {
0% {
transform: scale(0.8) translateY(1000px);
opacity: 0
}
100% {
transform: scale(1) translateY(0px);
opacity: 1
}
}
@keyframes scaleDown {
0% {
transform: scale(1) translateY(0px);
opacity: 1
}
100% {
transform: scale(0.8) translateY(1000px);
opacity: 0
}
}
@keyframes scaleBack {
0% {
transform: scale(1)
}
100% {
transform: scale(0.85)
}
}
@keyframes scaleForward {
0% {
transform: scale(0.85)
}
100% {
transform: scale(1)
}
}
@keyframes quickScaleDown {
0% {
transform: scale(1)
}
99.9% {
transform: scale(1)
}
100% {
transform: scale(0)
}
}
@keyframes slideUpLarge {
0% {
transform: translateY(0%)
}
100% {
transform: translateY(-100%)
}
}
@keyframes slideDownLarge {
0% {
transform: translateY(-100%)
}
100% {
transform: translateY(0%)
}
}
@keyframes moveUp {
0% {
transform: translateY(150px)
}
100% {
transform: translateY(0)
}
}
@keyframes moveDown {
0% {
transform: translateY(0px)
}
100% {
transform: translateY(150px)
}
}
@keyframes blowUpContent {
0% {
transform: scale(1);
opacity: 1
}
99.9% {
transform: scale(2);
opacity: 0
}
100% {
transform: scale(0)
}
}
@keyframes blowUpContentTwo {
0% {
transform: scale(2);
opacity: 0
}
100% {
transform: scale(1);
opacity: 1
}
}
@keyframes blowUpModal {
0% {
transform: scale(0)
}
100% {
transform: scale(1)
}
}
@keyframes blowUpModalTwo {
0% {
transform: scale(1);
opacity: 1
}
100% {
transform: scale(0);
opacity: 0
}
}
@keyframes roadRunnerIn {
0% {
transform: translateX(-1500px) skewX(30deg) scaleX(1.3)
}
70% {
transform: translateX(30px) skewX(0deg) scaleX(0.9)
}
100% {
transform: translateX(0px) skewX(0deg) scaleX(1)
}
}
@keyframes roadRunnerOut {
0% {
transform: translateX(0px) skewX(0deg) scaleX(1)
}
30% {
transform: translateX(-30px) skewX(-5deg) scaleX(0.9)
}
100% {
transform: translateX(1500px) skewX(30deg) scaleX(1.3)
}
}
@keyframes sketchIn {
0% {
stroke-dashoffset: 778
}
100% {
stroke-dashoffset: 0
}
}
@keyframes sketchOut {
0% {
stroke-dashoffset: 0
}
100% {
stroke-dashoffset: 778
}
}
@keyframes modalFadeIn {
0% {
background-color: rgba(0, 0, 0, 0)
}
100% {
background-color: #fff
}
}
@keyframes modalFadeOut {
0% {
background-color: #fff
}
100% {
background-color: rgba(0, 0, 0, 0)
}
}
@keyframes modalContentFadeIn {
0% {
opacity: 0;
transform: translateY(-20px);
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px)
}
100% {
opacity: 1;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0)
}
}
@keyframes modalContentFadeOut {
0% {
opacity: 1;
top: 0px
}
100% {
opacity: 0;
top: -20px
}
}
@keyframes bondJamesBond {
0% {
transform: translateX(1000px)
}
80% {
transform: translateX(0px);
border-radius: 75px;
height: 75px;
width: 75px
}
90% {
border-radius: 3px;
height: 182px;
width: 247px
}
100% {
border-radius: 3px;
height: 162px;
width: 227px
}
}
@keyframes killShot {
0% {
transform: translateY(0) rotate(0deg);
opacity: 1
}
100% {
transform: translateY(300px) rotate(45deg);
opacity: 0
}
}
@keyframes fadeToRed {
0% {
background-color: rgba(0, 0, 0, .6)
}
100% {
background-color: rgba(255, 0, 0, .8)
}
}
@keyframes slowFade {
0% {
opacity: 1
}
99.9% {
opacity: 0;
transform: scale(1)
}
100% {
transform: scale(0)
}
}
.size\:lg {
--modal-size: 1400px
}
@media(min-width: 2000px) {
.size\:lg {
--modal-size: 80%
}
}
.size\:md {
--modal-size: 800px
}
@media(min-width: 1920px) {
.size\:md {
--modal-size: 950px
}
}
@media(min-width: 2560px) {
.size\:md {
--modal-size: 40vw
}
}
.size\:smX {
--modal-size: 450px
}
@media(min-width: 2000px) {
.size\:smX {
--modal-size: 25vw
}
}
.size\:sm {
--modal-size: 350px
}
#modal--video.ncriptech-ui--modal.showing-modal .ncriptech-ui--modal-outer {
background-color: rgba(0, 0, 0, 0) !important
}
#modal-formSuccess .c--error {
color: #facc00 !important
}
#modal-formSuccess .h4 {
margin-top: -2rem
}
#modal-formSuccess p {
max-width: 400px;
margin-left: auto;
margin-right: auto;
font-size: .9rem;
line-height: 1.4
}
#modal-formSuccess .ncriptech-ui--modal-inner {
border-radius: 20px
}
.ncriptech-ui--modal .ncriptech-ui--modal-inner .iti__country-list {
background-color: #fff !important
}
:root {
--nospacer: 0;
--spacer: 3rem;
--spacerHalf: calc(var(--spacer) / 2);
--footer-offset: 115px;
overflow: -moz-scrollbars-none;
-ms-overflow-style: none
}
.fade {
animation-name: fade;
animation-duration: 2s
}
@keyframes fade {
from {
opacity: 0
}
to {
opacity: 1
}
}
.index-9 {
z-index: 9 !important
}
.overflow-visible {
overflow: visible !important
}
.imgG {
filter: grayscale(100%)
}
[class^=main][class$=-container] {
width: 100%;
max-width: calc(var(--mwidth)*var(--pp-adjust, 1) + 30px);
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto
}
@media(min-width: 1000px) {
:root {
--spacer: 5rem
}
}
@media(min-width: 1200px) {
:root {
--mwidth: 85vw
}
.mainx2-container {
--mwidth: 920px
}
.mainx3-container {
--mwidth: 750px
}
.mainx-container {
--mwidth: 60vw
}
}
@media(min-width: 1800px) {
:root {
--mwidth: 1400px
}
.max-container {
--mwidth: 1900px
}
.mainX2-container,
.mainX-container {
--mwidth: 1200px
}
.mainX2-container {
--mwidth: 90vw
}
.mainX-container {
--mwidth: 1580px
}
.mainx-container {
--mwidth: 1100px
}
}
@media(min-width: 2000px) {
:root {
--mwidth: 1500px
}
}
@media(min-width: 2560px) {
:root {
--pp-adjust: 1.5
}
.mainx2-container {
--mwidth: 1220px
}
.mainX2-container {
--mwidth: 52vw
}
}
@media(min-width: 3000px) {
.mainx-container-custom .mainx-container {
max-width: max(60vw, 60rem);
margin: 0 auto
}
}
section[class*=bg--] {
padding-top: var(--spacer);
padding-bottom: var(--spacer)
}
section[class*=bg--]:not([class*=mb-0]) {
margin-bottom: var(--spacer)
}
main>*+*:not([class*=bg--]):not([class*=pb-0]) {
padding-bottom: var(--spacer)
}
section {
will-change: transform
}
.bound-height {
height: calc(var(--lh)*1em*var(--mxline));
overflow: hidden
}
.drag-cursor {
width: 6vw;
height: 6vw;
font-size: 1vw;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
border-radius: 50%;
will-change: transform;
pointer-events: none;
z-index: 1;
display: none;
align-items: center;
justify-content: center
}
.drag-cursor.cursor-dark {
background-color: #121212;
color: #fff
}
.loaded .drag-cursor {
display: grid
}
header {
--clr: #2a2a2a;
color: var(--clr);
font-size: 1.1rem;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 99999;
transition: 100ms;
transition: border-bottom .4s ease, padding-bottom .4s ease, background .4s ease;
transition-delay: .5s
}
@media(max-width: 1300px) {
header [class^=main][class$=-container] {
max-width: 100%
}
}
header .fulls--request-cta {
opacity: 0;
visibility: hidden;
transition: opacity .4s ease, visibility .4s ease;
position: absolute;
right: 20vw;
top: 2.8vw;
z-index: 9
}
@media(min-width: 1921px) {
header .fulls--request-cta {
right: 24vw
}
}
@media(min-width: 2560px) {
header .fulls--request-cta {
top: 2vw;
right: 28vw
}
}
header .fulls--request-cta .c2a-underline {
font-size: 1.4vw !important;
cursor: pointer
}
@media(min-width: 2560px) {
header .fulls--request-cta .c2a-underline {
font-size: 1.2vw !important
}
}
header::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
transform: scaleY(0);
transform-origin: top;
background-color: #fff;
transition: 500ms
}
header.theme-white:not(.header-on-scroll) {
--clr: #fff;
--hvrclr: #fdd008;
--lclr: var(--clr);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%)
}
header.theme-white:not(.header-on-scroll) .menu-icon {
color: #fff
}
header.theme-white:not(.header-on-scroll) .menu-icon .menu-icon__line {
background-color: #fff
}
header .inner-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
transition: inherit
}
header .ncriptech--logo {
overflow: hidden;
width: 11rem;
height: 3.55rem;
transition: 400ms
}
@media(min-width: 2560px) {
header .ncriptech--logo {
width: 10vw;
height: 3.55vw
}
}
header .ncriptech--logo svg {
/* width: 11rem;
height: 3.55rem; */
width: auto;
height: auto;
fill: var(--clr, currentColor);
transform: translateX(0)
}
@media(max-width: 1300px) {
/* header .ncriptech--logo svg {
width: 9rem;
height: 2.55rem
} */
}
@media(min-width: 2560px) {
header .ncriptech--logo svg {
width: 10vw;
height: 3.55vw
}
}
header .ncriptech--logo #logo path,
header .ncriptech--logo #ncriptech path {
fill: var(--lclr, #0235f5);
transition: fill .4s ease;
transition-delay: .3s
}
header .ncriptech--logo #logoOthers {
opacity: 1
}
header nav {
display: grid;
align-items: center;
grid-auto-flow: column;
grid-gap: 3em;
gap: 3em
}
header nav a,
header nav span {
display: inline-block
}
header nav>ul {
list-style: none;
display: inline-grid;
grid-auto-flow: column
}
header nav>ul>li>a,
header nav>ul>li>span {
padding-top: 1.92em;
padding-bottom: 1.92em;
padding-inline: 1.3em;
color: var(--clr);
font-weight: 500
}
header nav>ul>li>a:hover,
header nav>ul>li>a:focus,
header nav>ul>li>a.nav-actv,
header nav>ul>li>span:hover,
header nav>ul>li>span:focus,
header nav>ul>li>span.nav-actv {
color: var(--hvrclr, #0235f5)
}
@media(max-width: 1199px) {
header nav>ul {
display: none
}
}
header nav .has-submenu>a::after,
header nav .has-submenu>span::after {
content: "";
display: inline-block;
width: .45em;
height: .45em;
margin-left: .9em;
transform: rotate(45deg) translateX(-0.3em);
border-style: solid;
border-color: currentColor;
border-width: 0 2px 2px 0
}
header nav .has-submenu:focus>a::after,
header nav .has-submenu:hover>a::after,
header nav .has-submenu.nav-actv>a::after {
border-width: 2px 0 0 2px;
transform: rotate(45deg) translateX(0)
}
header nav .has-submenu:focus .submenu,
header nav .has-submenu:hover .submenu,
header nav .has-submenu.nav-actv .submenu {
display: block;
animation: anim__visible .5s forwards
}
header nav .submenu {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 111;
color: #000;
display: none;
visibility: hidden;
opacity: 0
}
header nav .submenu::after {
content: "";
position: absolute;
width: 150vw;
height: 100%;
left: -25vw;
right: -25vw;
top: 0;
pointer-events: none;
height: 100vh;
z-index: -11;
background-color: #000;
opacity: .8
}
header nav .submenu ul {
column-count: var(--licount, 2);
gap: 0 2em;
position: relative
}
header nav .submenu ul::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
height: 1px;
background-color: var(--hvrbgclr, #fff);
transition: background-color .6s cubic-bezier(0.7, 0, 0.3, 1)
}
header nav .submenu ul li {
border-top: 1px solid var(--librdra, #c7c7c7)
}
header nav .submenu ul a {
font-size: 85%;
display: flex;
justify-content: space-between;
align-items: center;
padding: .65em 0
}
header nav .submenu ul a svg {
width: .85em;
height: auto;
transition: transform .25s cubic-bezier(0.7, 0, 0.3, 1)
}
header nav .submenu ul a:hover {
color: var(--ahvrclr, #0235f5)
}
header nav .submenu ul a:hover svg {
animation: menuArw .55s ease-out
}
header nav .submenu--practice {
display: grid;
grid-template-rows: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(0, 1fr));
background-color: #fff
}
header nav .submenu--practice .submenu--practice-item {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 1rem 1.5rem .75rem;
background-color: var(--hvrbgclr, #fff);
transition: background-color .6s cubic-bezier(0.7, 0, 0.3, 1), color .6s cubic-bezier(0.7, 0, 0.3, 1)
}
header nav .submenu--practice .submenu--practice-item:nth-child(-n+2) {
border-bottom: 1px solid #c7c7c7
}
header nav .submenu--practice .submenu--practice-item .submenu--practice-item-heading {
font-size: 1.5rem;
margin-bottom: 1rem
}
header nav .submenu--practice .submenu--practice-item:nth-child(odd) {
border-right: 1px solid #c7c7c7
}
header nav .submenu--practice .submenu--practice-item:hover {
--librdra: #808080;
--hvrbgclr: #0235f5;
--ahvrclr: #fff;
color: #fff
}
header nav .submenu--company {
background-color: #fff;
display: grid;
grid-template-columns: .65fr 1fr
}
header nav .submenu--company .submenu--company-fig {
grid-column: 1;
grid-row: 1/span 2;
position: relative;
overflow: hidden;
padding: 1.3rem 2rem;
display: grid;
align-items: end
}
header nav .submenu--company .submenu--company-fig figcaption {
color: #fff;
z-index: 1;
transform: translate(0);
transition: .6s cubic-bezier(0.7, 0, 0.3, 1)
}
header nav .submenu--company .submenu--company-fig img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
object-position: bottom;
transition: .6s cubic-bezier(0.7, 0, 0.3, 1)
}
header nav .submenu--company .submenu--company-items {
grid-column: 2;
grid-row: 1;
padding: 2rem 3rem
}
header nav .submenu--company .submenu--company-btm {
grid-column: 2;
grid-row: 2;
border-top: 1px solid #c7c7c7;
text-align: right;
padding: 1rem 3rem
}
header nav .submenu--industries {
background-color: #fff;
position: relative;
display: grid;
grid-template-columns: .65fr 1fr
}
header nav .submenu--industries .submenu--industries-fig {
grid-column: 1;
grid-row: 1/span 2;
position: relative;
overflow: hidden;
display: grid;
align-items: center;
background: #000
}
header nav .submenu--industries .submenu--industries-fig figure {
width: 100%;
height: 100%
}
header nav .submenu--industries .submenu--industries-fig figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
header nav .submenu--industries .submenu--industries-fig figcaption {
color: #fff;
z-index: 1;
transform: translate(0);
transition: .5s cubic-bezier(0.7, 0, 0.3, 1);
text-align: right;
font-size: 1.5rem;
font-weight: 300;
padding-right: 1.4rem
}
header nav .submenu--industries .submenu--industries-fig .submenu--industries-figs {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: scale(2.25) rotate(-22deg);
transform-origin: 26% 12%
}
header nav .submenu--industries .submenu--industries-fig .submenu--industries-figs figure {
margin-bottom: 1%;
transition: transform 30s linear
}
header nav .submenu--industries .submenu--industries-items {
grid-column: 2;
grid-row: 1;
padding: 1rem 3rem
}
header nav .submenu--industries .submenu--industries-btm {
grid-column: 2;
grid-row: 2;
border-top: 1px solid #c7c7c7;
padding: 1rem 3rem;
text-align: right
}
header nav .submenu--industries:hover .submenu--industries-figs figure:nth-child(odd) {
transform: translateX(10%)
}
header nav .submenu--industries:hover .submenu--industries-figs figure:nth-child(even) {
transform: translateX(-10%)
}
header nav .submenu--career {
--librdra: #c7c7c7;
background-color: #fff;
display: grid;
grid-template-columns: .65fr 1fr
}
header nav .submenu--career .submenu--career-fig {
grid-column: 1;
grid-row: 1/span 2;
position: relative;
overflow: hidden;
padding: 1.3rem 2rem;
display: grid;
align-items: end;
min-height: 15rem
}
header nav .submenu--career .submenu--career-fig figcaption {
color: #fff;
z-index: 1;
transform: translate(0);
transition: .6s cubic-bezier(0.7, 0, 0.3, 1)
}
header nav .submenu--career .submenu--career-fig img {
width: 100%;
position: absolute;
top: -35%;
left: 0;
object-fit: cover;
transform: scale(1) rotate(0deg);
transition: .6s cubic-bezier(0.7, 0, 0.3, 1)
}
header nav .submenu--career .submenu--career-items {
grid-column: 2;
grid-row: 1;
padding: 2rem 3rem
}
header nav .submenu--career .submenu--career-btm {
grid-column: 2;
grid-row: 2;
border-top: 1px solid #c7c7c7;
text-align: right;
padding: 1rem 2rem
}
@media(max-width: 1199px) {
header {
padding-top: 1rem;
padding-bottom: .5rem
}
}
header .gptw--logo {
display: none
}
@media(min-width: 576px) {
header {
padding-top: 0
}
header .inner-container {
position: relative
}
header .ncriptech--logo {
margin-top: 1em
}
header nav {
margin-left: auto;
margin-right: 7em;
transition: margin-right .3s
}
header .gptw--logo {
display: inherit;
width: 4em;
position: absolute;
top: 0;
right: 0;
transition: width .3s
}
header.header-on-scroll .ncriptech--logo {
margin-top: .5em
}
header.header-on-scroll nav {
margin-right: 5.5em
}
header.header-on-scroll .gptw--logo {
width: 4em
}
}
header.header-on-scroll::before {
transform: scaleY(1)
}
header.header-on-scroll nav>ul>li>a,
header.header-on-scroll nav>ul>li>span {
padding-top: 1em;
padding-bottom: 1em
}
header.header-on-scroll .ncriptech--logo {
/* width: 1.631rem; */
height: 2.8375rem;
}
header.header-on-scroll .ncriptech--logo svg {
width: 12rem;
height: 17rem;
transition: 100ms;
}
header.header-on-scroll .ncriptech--logo #logoOthers {
opacity: 0
}
header.header-on-scroll .ncriptech--logo:hover {
width: 12rem;
height: 2.836rem;
/* background-color: black; */
padding: 0.4rem 0.4rem 0.4rem 0.4rem;
border-radius: 0.4rem;
/* background-image: url("/frontend/assets/js/newlogo2.png"); */
}
header.header-on-scroll .ncriptech--logo:hover #logoOthers {
opacity: 1
}
.nav-container {
--menu-gap: 2rem;
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #141414;
color: #fff;
z-index: 99999;
transform: translateY(-100%);
overflow: hidden;
z-index: -1
}
@media(max-width: 1199px) {
.nav-container {
--menu-gap: 1.5rem
}
}
@media(max-width: 999px) {
.nav-container {
--menu-gap: 1.25rem
}
}
@media(min-width: 876px) {
.nav-container {
border-radius: 0 0 2rem 2rem
}
}
.nav-container .ncriptech__social--links {
grid-gap: 1em;
gap: 1em
}
.nav-container .ncriptech--logo {
margin-bottom: auto
}
@media(max-width: 875px) {
.nav-container .ncriptech--logo {
display: none !important
}
}
.nav-container .ncriptech--logo svg {
width: 11rem;
height: 3.55rem;
fill: var(--clr, currentColor)
}
@media(max-width: 1199px) {
.nav-container .ncriptech--logo svg {
width: 9rem;
height: 2.55rem
}
}
.nav-container .menu-f-grid {
display: flex;
flex-direction: column;
justify-content: space-between
}
@media(max-width: 875px) {
.nav-container .menu-f-grid {
order: 2;
border-top: 1px solid #383838
}
}
.nav-container .menu-f-grid>*:not(.c2a) {
padding: var(--menu-gap)
}
.nav-container .menu-f-grid .menu-copy-social h6 {
font-size: 2.5rem;
margin-bottom: .2em;
line-height: 1
}
@media(max-width: 1199px) {
.nav-container .menu-f-grid .menu-copy-social h6 {
font-size: 1.8rem;
line-height: 1.4
}
}
.nav-container .menu-f-grid .menu-copy-social p {
margin-bottom: 2em;
font-size: 14px
}
.nav-container .menu-f-grid .c2a {
--c2a-fs: 1.25rem;
--c2a-radius: 0;
--btn-size: 1.5em 1.2em;
width: 100%
}
@media(max-width: 1199px) {
.nav-container .menu-f-grid .c2a {
--btn-size: .8em;
--c2a-fs: 1rem
}
}
.nav-container .menu-grid {
display: grid;
grid-template-columns: .4fr .9fr .45fr .15fr
}
@media(max-width: 1199px) {
.nav-container .menu-grid {
grid-template-columns: .6fr .8fr .8fr
}
}
@media(max-width: 875px) {
.nav-container .menu-grid {
grid-template-columns: 1fr;
max-height: 100svh;
overflow-y: auto;
overflow-x: hidden
}
}
.nav-container .menu-grid>*+* {
padding: var(--menu-gap)
}
@media(min-width: 876px) {
.nav-container .menu-grid>*+* {
border-left: 1px solid #747474
}
}
.nav-container .menu-grid.navactive .menu-inner-grid {
opacity: 0 !important
}
.nav-container .menu-grid.navactive+.nav--content {
opacity: 1;
pointer-events: all
}
.nav-container .menu-grid.navactive+.nav--content .close--content {
transform: rotate(180deg) translateX(0);
transition: .3s ease-out .1s
}
@media(max-width: 675px) {
.nav-container .menu-grid .industries-full-menu {
padding-top: .4em
}
.nav-container .menu-grid .industries-full-menu .menu__heading {
cursor: pointer;
font-size: 1.6rem;
opacity: 1;
text-transform: capitalize;
font-weight: 400;
border-bottom: none;
margin-bottom: 0;
display: block;
position: relative;
color: #fff
}
.nav-container .menu-grid .industries-full-menu .menu__heading::after {
content: "+";
color: #b0b0b0;
position: absolute;
right: 0;
top: -4px;
font-size: 2.6rem;
font-weight: 100;
line-height: 1;
pointer-events: none;
transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1)
}
.nav-container .menu-grid .industries-full-menu .menu__item--sub {
max-height: 0;
overflow: hidden;
opacity: 0;
margin-bottom: 0;
transition: all 1s cubic-bezier(0.77, 0, 0.175, 1)
}
.nav-container .menu-grid .industries-full-menu .menu-item.open .menu__item--sub {
max-height: 500px;
opacity: 1;
margin-bottom: 12px
}
.nav-container .menu-grid .industries-full-menu .menu-item.open .menu__heading::after {
transform: rotate(45deg)
}
}
@media(max-width: 475px) {
.nav-container .menu-grid .industries-full-menu .menu__heading {
font-size: 1.2rem;
font-weight: 400
}
.nav-container .menu-grid .industries-full-menu .menu__heading::after {
top: -10px
}
}
@media(min-width: 1199px) {
.nav-container .menu-inner-grid {
display: grid;
gap: var(--menu-gap);
overflow: hidden
}
}
@media(max-width: 875px) {
.nav-container .menu-inner-grid {
display: grid;
gap: var(--menu-gap);
padding-bottom: 0
}
.nav-container .menu-inner-grid .menu-item-accord-cont {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column: 1/-1
}
.nav-container .menu-inner-grid .menu-item-accord-cont .menu-item-accord {
margin-top: 0 !important
}
}
@media(max-width: 675px) {
.nav-container .menu-inner-grid {
grid-template-columns: 1fr;
gap: .4rem
}
.nav-container .menu-inner-grid .menu-item-accord-cont {
padding-top: 1.4rem;
margin-top: .8rem;
border-top: 1px solid #ccc;
grid-template-columns: 1fr;
gap: 6px !important
}
.nav-container .menu-inner-grid .menu-item-accord {
position: relative
}
.nav-container .menu-inner-grid .menu-item-accord::after {
content: "+";
color: #b0b0b0;
position: absolute;
right: 0;
top: -4px;
font-size: 2.6rem;
font-weight: 100;
line-height: 1;
pointer-events: none;
transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1)
}
.nav-container .menu-inner-grid .menu-item-accord .menu__heading {
cursor: pointer;
font-size: 1.6rem;
opacity: 1;
text-transform: capitalize;
font-weight: 400;
border-bottom: none;
margin-bottom: 0;
display: block;
color: #fff
}
.nav-container .menu-inner-grid .menu-item-accord.open .menu__item--sub {
max-height: 500px;
opacity: 1;
margin-bottom: 12px
}
.nav-container .menu-inner-grid .menu-item-accord.open::after {
transform: rotate(45deg)
}
}
@media(max-width: 475px) {
.nav-container .menu-inner-grid .menu-item-accord::after {
top: -10px
}
.nav-container .menu-inner-grid .menu-item-accord .menu__heading {
cursor: pointer;
font-size: 1.2rem;
padding-bottom: .4rem;
font-weight: 400
}
}
@media(min-width: 876px)and (max-width: 1199px) {
.nav-container .menu-inner-grid {
gap: 1.5rem;
grid-template-columns: 1fr;
max-height: 450px;
overflow-y: scroll;
overflow-x: hidden
}
}
.nav-container .menu-inner-grid .menu-item-accord-cont {
display: grid;
gap: var(--menu-gap);
justify-content: space-between;
overflow: hidden;
align-items: start
}
@media(min-width: 1200px) {
.nav-container .menu-inner-grid .menu-item-accord-cont {
grid-template-columns: repeat(3, minmax(0, auto))
}
}
.nav-container .menu-item-full {
grid-column: 1/-1
}
@media(max-width: 875px) {
.nav-container .menu-item-full {
margin-top: 3rem
}
}
.nav-container .menu-item-full .menu__item-heading {
font-size: 2rem;
padding: .3em 0;
line-height: 1
}
@media(max-width: 1199px) {
.nav-container .menu-item-full .menu__item-heading {
font-size: 1.2rem;
padding: .4em 0
}
}
@media(max-width: 875px) {
.nav-container .menu-item-full .menu__item-heading {
font-size: 1.6rem
}
}
@media(max-width: 475px) {
.nav-container .menu-item-full .menu__item-heading {
font-size: 1.2rem
}
}
.nav-container .menu__item--sub {
font-weight: 200
}
@media(max-width: 675px) {
.nav-container .menu__item--sub {
max-height: 0;
overflow: hidden;
opacity: 0;
margin-bottom: 0;
transition: all 1s cubic-bezier(0.77, 0, 0.175, 1)
}
}
.nav-container h6.menu__heading {
display: inline-block;
font-size: .8rem;
font-weight: 300;
line-height: 1;
opacity: .5;
padding-bottom: .5em;
border-bottom: 1px solid currentColor;
text-transform: uppercase;
margin-bottom: .5em
}
.nav-container .menu-item ul li a {
padding: .25em 0
}
.nav-container .menu-close {
position: absolute;
top: var(--menu-gap);
right: var(--menu-gap);
cursor: pointer;
z-index: 1
}
@media(max-width: 875px) {
.nav-container .menu-close {
background: #141414;
padding: 1rem;
right: 0;
top: 0
}
}
.nav-container .menu-close svg {
width: 2rem;
height: auto
}
.menu__item {
position: relative;
overflow: hidden;
font-size: 1.25rem;
margin-bottom: .5em
}
.menu__item:after {
content: "+";
position: absolute;
right: 0;
top: 0;
color: #fff;
font-weight: 200;
pointer-events: none;
line-height: 1
}
.menu__item-link {
display: grid;
grid-auto-flow: column;
justify-content: space-between;
align-items: center;
cursor: pointer;
position: relative;
transition: opacity .4s
}
.menu__item-link::after {
content: attr(data-hover-content);
display: inline-block;
white-space: nowrap;
font-size: 4rem;
font-weight: 500;
animation: text-move--anim 120s linear infinite;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgba(255, 255, 255, 0.4196078431);
-webkit-text-fill-color: rgba(0, 0, 0, 0);
position: absolute;
top: -0.3em;
z-index: -1;
pointer-events: none;
opacity: 0;
transition: opacity .5s cubic-bezier(0.7, 0, 0.3, 1)
}
.menu__item-link svg {
width: .5em;
height: auto;
transform: rotate(45deg);
transition: transform .5s cubic-bezier(0.7, 0, 0.3, 1)
}
@media(max-width: 875px) {
.menu__item-link svg {
width: .8em;
transform: rotate(0)
}
}
.menu__item-link:hover::after {
opacity: .3
}
.menu__item-link:hover svg {
transform: rotate(45deg) translate(0.3em, 0px)
}
.menu__item-link::before {
all: initial;
counter-increment: menu;
position: absolute;
bottom: 60%;
left: 0;
pointer-events: none
}
.menu__item-link:hover {
transition-duration: .1s
}
.nav--content {
position: absolute;
top: 0;
bottom: 0;
left: 21.1%;
width: 47.3%;
z-index: 999;
overflow: hidden;
padding: var(--menu-gap);
padding-top: 6rem;
background: #111;
opacity: 0;
transition: opacity .3s ease-out .01s;
pointer-events: none
}
@media(max-width: 1199px) {
.nav--content {
left: 27.1%;
width: 38.3%
}
}
@media(max-width: 875px) {
.nav--content {
left: 0;
width: 100%
}
}
.nav--content>div:not(.close--content) {
height: 100%;
display: none;
display: none;
flex-direction: column;
justify-content: space-between;
font-size: max(1.3rem, 1.5vw)
}
@media(max-width: 875px) {
.nav--content>div:not(.close--content) {
justify-content: start
}
}
.nav--content>div:not(.close--content).active {
display: flex;
justify-content: space-between
}
.nav--content>div:not(.close--content).active .arrow--cta svg {
width: 1.2em;
height: auto
}
.nav--content>div:not(.close--content) ul li a {
padding: .2em 0
}
@media(max-width: 1199px) {
.nav--content>div:not(.close--content) ul li a {
font-size: 1.2rem;
font-weight: 400
}
}
@media(max-width: 875px) {
.nav--content>div:not(.close--content) ul li a {
font-size: 1.6rem
}
}
@media(max-width: 575px) {
.nav--content>div:not(.close--content) ul li a {
font-size: 1.2rem
}
}
.nav--content .menu-heading-marquee {
position: relative
}
.nav--content .menu-heading-marquee::before,
.nav--content .menu-heading-marquee::after {
content: "";
width: 3rem;
position: absolute;
top: -3rem;
bottom: -3rem;
z-index: 1
}
.nav--content .menu-heading-marquee::before {
left: -3rem;
background: linear-gradient(90deg, #111111, transparent)
}
.nav--content .menu-heading-marquee::after {
right: -3rem;
background: linear-gradient(-90deg, #111111, transparent)
}
.nav--content .menu-heading-marquee span {
display: inline-block;
white-space: nowrap;
font-size: 4rem;
font-weight: 500;
line-height: 1.25;
animation: text-move--anim 120s linear infinite;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgba(255, 255, 255, .4196078431);
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.nav--content .close--content {
position: absolute;
left: var(--menu-gap);
top: var(--menu-gap);
z-index: 11;
transform: rotate(180deg) translateX(5em);
cursor: pointer
}
.nav--content .close--content svg {
width: 1.5rem;
height: auto
}
@media(max-width: 1199px) {
.nav--content .close--content svg {
width: 2.5rem
}
}
@keyframes anim__visible {
0% {
visibility: hidden;
opacity: 0
}
100% {
visibility: visible;
opacity: 1
}
}
.menu-icon {
height: 30px;
width: 30px;
position: relative;
z-index: 2;
top: 8px;
cursor: pointer
}
@media(max-width: 675px) {
.menu-icon {
height: 100%;
padding-bottom: 15px;
top: 0
}
}
@media(min-width: 2560px) {
.menu-icon {
top: 10px;
transform: scale(1.4)
}
}
.menu-icon .menu-icon__line {
height: 2px;
width: 30px;
display: block;
background-color: #000;
margin-bottom: 4px;
transition: transform .2s ease, background-color .5s ease
}
.menu-icon .menu-icon__line-left {
width: 30px
}
.menu-icon .menu-icon__line-right {
width: 30px;
/* float: right */
}
.nav {
--mwidth: 75rem;
position: fixed;
z-index: 9999;
color: #fff;
font-size: .9rem;
font-weight: 400
}
.nav:before,
.nav:after {
content: "";
position: fixed;
width: 100vw;
height: 100vh;
background: #fff;
z-index: -1;
transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
transform: translateX(0%) translateY(-100%);
left: 0;
top: 0
}
.nav:after {
background-size: cover;
background-position: top center;
width: 100%;
height: 100%;
transition-delay: .2s;
transition: opacity 1.7s cubic-bezier(0.77, 0, 0.175, 1);
opacity: 0
}
.nav:before {
transition-delay: .4s
}
.nav__content {
position: fixed;
font-weight: 200;
height: 0;
width: 100%;
margin: 0 auto
}
@media(max-width: 1000px) {
.nav .inner-container {
padding-right: 0
}
}
.nav .menu--heading {
font-size: max(2.8em, 2vw);
font-weight: 400
}
@media(max-width: 575px) {
.nav .menu--heading {
font-size: 1.2rem;
font-weight: 400
}
}
.nav .s__nav-container {
position: relative;
margin-bottom: 3rem;
opacity: 0;
transform: translate(0%, 100%);
transition: opacity .2s ease, transform .3s ease
}
@media(max-width: 1000px) {
.nav .s__nav-container {
margin-top: 0;
margin-bottom: 0;
order: 3
}
.nav .s__nav-container .main-container {
padding-left: 0;
padding-right: 0
}
}
.nav .s__nav-container .inner-container {
padding-right: 14.5%;
position: relative
}
@media(max-width: 1000px) {
.nav .s__nav-container .inner-container {
padding-right: 0
}
.nav .s__nav-container .inner-container::before {
display: none
}
}
.nav .s__nav-container .inner-container .ncriptech-logo-svg {
width: var(--menu-svg-width, 16.9rem);
position: absolute;
left: 85.5%;
top: 1%;
transform: translateY(-50%)
}
.nav .s__nav-container .inner-container .ncriptech-logo-svg::after {
content: "";
position: absolute;
top: 0;
left: 100%;
height: 25%;
width: 100vw;
border-top: 1px solid currentColor;
border-bottom: 1px solid currentColor
}
.nav .s__nav-container .inner-container .ncriptech-logo-svg svg {
max-width: 100%;
height: 100%;
display: block
}
@media(max-width: 1000px) {
.nav .s__nav-container .inner-container .ncriptech-logo-svg {
display: none
}
}
.nav .s__nav-container .s__nav--links ul {
list-style: none;
display: grid
}
@media(max-width: 1000px) {
.nav .s__nav-container .s__nav--links ul {
grid-auto-flow: row;
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media(max-width: 1000px) {
.nav .s__nav-container .s__nav--links ul li {
border-top-color: rgba(255, 255, 255, .3);
border-bottom: none
}
.nav .s__nav-container .s__nav--links ul li:not(:last-child) {
border-right: none
}
.nav .s__nav-container .s__nav--links ul li:nth-child(1),
.nav .s__nav-container .s__nav--links ul li:nth-child(3) {
border-right: 1px solid rgba(255, 255, 255, .3)
}
.nav .s__nav-container .s__nav--links ul li:nth-child(3) {
grid-column: 1/-1
}
.nav .s__nav-container .s__nav--links ul li:nth-child(4) {
border-right: 1px solid rgba(255, 255, 255, .3);
border-bottom: 1px solid rgba(255, 255, 255, .3)
}
.nav .s__nav-container .s__nav--links ul li:last-child {
border-bottom: 1px solid rgba(255, 255, 255, .3)
}
}
.nav .s__nav-container .s__nav--links ul li.active {
position: relative
}
.nav .s__nav-container .s__nav--links ul li.active::after {
content: "+";
position: absolute;
right: 20%;
top: 50%;
z-index: 9;
font-size: 2vw;
color: #000;
font-weight: 400;
line-height: 0;
pointer-events: none
}
.nav .s__nav-container .s__nav--links ul li a {
color: #fff;
display: grid;
grid-auto-flow: column;
justify-content: space-between;
height: 100%;
line-height: 1.4;
position: relative
}
@media(max-width: 1000px) {
.nav .s__nav-container .s__nav--links ul li a {
padding: .5em 1em
}
}
.nav .s__nav-container .s__nav--links ul li a span {
width: 100%;
grid-row: 2
}
@media(min-width: 1600px)and (max-width: 1899px) {
.nav .s__nav-container .s__nav--links ul li a span {
padding-left: .6rem
}
}
@media(max-width: 890px) {
.nav .s__nav-container .s__nav--links ul li a span {
padding-left: 0
}
}
.nav .s__nav-container .s__nav--links ul li a:hover svg {
opacity: 1;
visibility: visible
}
.nav .s__nav-container .s__nav--links ul li svg {
display: none
}
.nav .menu__industries {
display: grid;
grid-template-columns: auto;
place-content: start;
grid-gap: 1rem;
gap: 1rem;
place-content: space-between;
opacity: 0;
transform: translate(0%, 100%);
transition: opacity .2s ease, transform .3s ease
}
@media(max-width: 1000px) {
.nav .menu__industries {
margin-top: 1rem;
grid-template-columns: 1fr
}
.nav .menu__industries>div {
grid-auto-flow: row;
grid-template-columns: 1fr
}
.nav .menu__industries>div h4 {
position: relative
}
.nav .menu__industries>div h4:after {
content: "+";
font-weight: 300;
font-size: 150%;
opacity: .5;
position: absolute;
right: 0;
top: -12px
}
.nav .menu__industries>div.open h4::after {
content: "-"
}
.nav .menu__industries>div.open+.accord-target {
height: auto;
max-height: 500px;
transition: max-height .5s ease !important
}
.nav .menu__industries .industries--cta {
display: none
}
.nav .menu__industries .accord-target li:last-child {
margin-bottom: 1.5rem
}
}
.nav .menu__industries .accord-target {
list-style: none;
display: grid;
grid-template-columns: auto;
grid-gap: .6rem;
gap: .6rem
}
@media(max-width: 1000px) {
.nav .menu__industries .accord-target {
grid-template-columns: 1fr;
max-height: 0;
overflow: hidden;
transition: max-height .5s ease;
margin-top: .5rem
}
}
.nav .menu__industries .accord-target li {
line-height: 1.1;
margin-right: 25px
}
.nav .menu__industries .accord-target li a {
position: relative;
color: #000
}
@media(max-width: 1000px) {
.nav .menu__industries .accord-target li a {
font-size: 16px
}
.nav .menu__industries .accord-target li a br {
display: none
}
}
@media(min-width: 2560px) {
.nav .menu__industries .accord-target li a {
font-size: 125%
}
}
.nav .menu__industries .accord-target li a:before {
content: "";
position: absolute;
background: #fff;
width: 0;
height: 1px;
top: 105%;
transform: translate(0%, 0%);
transition: all .3s ease;
z-index: -1
}
.nav .menu__industries .accord-target li a:hover:before {
width: 100%
}
.nav .nav__list {
height: 0;
transition: cubic-bezier(0.77, 0, 0.175, 1);
position: relative;
visibility: hidden;
overflow-x: hidden;
overflow-y: hidden;
padding-top: 6vw
}
.nav .nav__list .inner-container {
display: grid;
grid-template-columns: 1fr 35vw;
align-content: start
}
@media(max-width: 1000px) {
.nav .nav__list {
align-content: start
}
.nav .nav__list .cta--mobile {
position: fixed;
bottom: 0;
z-index: 1;
left: 0;
right: 0;
width: 100%
}
.nav .nav__list .cta--mobile .c2a {
width: 100%;
border-radius: 0;
font-size: 1.2rem
}
}
@media(min-width: 1001px) {
.nav .nav__list .cta--mobile {
display: none
}
}
.nav .nav__list .nav--list-container {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 1rem;
gap: 1rem
}
@media(max-width: 1000px) {
.nav .nav__list .nav--list-container {
grid-auto-flow: row;
grid-template-columns: 1fr;
gap: 1rem;
margin-left: -15px;
width: calc(100% + 30px)
}
}
.nav__list-item {
position: relative;
display: inline-block;
transition-delay: 0.8s;
opacity: 0;
transform: translate(0%, 100%);
transition: opacity .2s ease, transform .3s ease
}
@media(max-width: 1000px) {
.nav__list-item {
padding-inline: 15px;
border-bottom: 1px solid rgba(255, 255, 255, .3)
}
.nav__list-item.open .accord-target {
height: auto;
max-height: 500px;
transition: max-height 1s ease !important
}
.nav__list-item.open h4::after {
content: "-" !important
}
}
.nav__list-item:nth-child(1) {
transition-delay: .6s
}
.nav__list-item:nth-child(2) {
transition-delay: .7s
}
.nav__list-item:nth-child(3) {
transition-delay: .8s
}
.nav__list-item .f_grid {
position: relative
}
.nav__list-item .f_grid>* {
color: #000
}
@media(max-width: 1000px) {
.nav__list-item .f_grid h4 {
cursor: pointer
}
.nav__list-item .f_grid h4 br {
display: none
}
.nav__list-item .f_grid h4::after {
content: "+";
font-weight: 300;
font-size: 150%;
opacity: .5;
position: absolute;
right: 0;
top: -8px
}
}
.nav__list-item .accordfooter-btn {
text-transform: uppercase
}
.nav__list-item.colspan-2 {
gap: 1rem;
display: grid;
width: 100%
}
.nav__list-item .fullmenu_cta {
padding: 28px 0;
border-top: 1px solid #444;
border-bottom: 1px solid #444;
display: grid;
grid-auto-flow: column;
justify-content: space-between;
align-items: center
}
.nav__list-item .fullmenu_cta .flogo {
width: 12em
}
.nav__list-item .fullmenu_cta .social {
display: grid;
grid-auto-flow: column;
align-items: center;
gap: .8rem;
justify-content: end
}
.nav__list-item .fullmenu_cta .social>* {
width: 24px;
height: 24px
}
.nav__list-item .accord-target {
list-style: none
}
@media(max-width: 1000px) {
.nav__list-item .accord-target {
max-height: 0;
overflow: hidden;
transition: max-height .5s ease;
margin-top: .5rem !important;
padding-bottom: 6px
}
}
.nav__list-item .accord-target li a {
position: relative;
line-height: 2.2
}
@media(max-width: 575px) {
.nav__list-item .accord-target li a {
font-size: 1rem
}
}
@media(min-width: 2560px) {
.nav__list-item .accord-target li a {
font-size: 125%
}
}
.nav__list-item .accord-target li a:before {
content: "";
position: absolute;
background: #fff;
width: 0;
height: 1px;
top: 105%;
transform: translate(0%, 0%);
transition: all .3s ease;
z-index: -1
}
.nav__list-item .accord-target li a:hover:before {
width: 100%
}
.nav .industries--cta {
align-self: end;
opacity: 0;
transform: translate(0%, 100%);
transition: opacity .2s ease, transform .3s ease
}
nav ul {
opacity: 1;
transition: opacity .8s ease-in
}
.ncriptech--logo-mobile {
width: 100px;
height: 42px;
opacity: 0;
visibility: hidden;
transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
transition-delay: .5s;
position: absolute;
left: 0;
top: 0;
color: #fff;
pointer-events: auto
}
body.nav-active {
overflow: hidden
}
body.nav-active .menu-icon {
color: #000 !important;
transform: scale(1.4);
top: 22px
}
body.nav-active .menu-icon .menu-icon__line {
background-color: #000 !important
}
body.nav-active .fulls--request-cta {
opacity: 1;
visibility: visible
}
body.nav-active header {
border-bottom: 2px solid #000;
padding-bottom: 1rem
}
@media(max-width: 1000px) {
body.nav-active header {
pointer-events: none;
background-color: #130129 !important;
transition: background-color .5s ease;
transition-delay: 1.4s
}
body.nav-active header nav {
pointer-events: all
}
body.nav-active .ncriptech--logo-mobile {
opacity: 1;
visibility: visible
}
body.nav-active .header-on-scroll .ncriptech--logo-mobile {
width: 26px;
height: 35px
}
}
body.nav-active header::before {
background-color: rgba(0, 0, 0, 0)
}
body.nav-active header .gptw--logo {
display: none
}
body.nav-active .s__nav-container {
opacity: 1;
transform: translateX(0%);
transition: opacity 1.7s cubic-bezier(0.77, 0, 0.175, 1), transform 1.3s cubic-bezier(0.77, 0, 0.175, 1), color .3s cubic-bezier(0.77, 0, 0.175, 1);
transition-delay: 1s;
padding-top: 3rem;
margin-bottom: 0;
min-height: calc(100vh - 6vw);
display: grid;
place-content: space-between
}
body.nav-active .s__nav-container .s__nav--links {
padding-left: 4rem
}
body.nav-active .s__nav-container .s__nav--links+.nav--content {
width: 100%;
height: 100%;
background: #fff;
position: absolute;
left: -140%;
top: 2rem;
padding-top: 2rem;
z-index: 9;
opacity: 0;
transition: left .3s ease, opacity .3s ease
}
body.nav-active .s__nav-container .s__nav--links+.nav--content .nav--list-container {
grid-template-columns: auto !important;
gap: 10px !important;
max-width: 650px
}
@media(min-width: 2560px) {
body.nav-active .s__nav-container .s__nav--links+.nav--content .nav--list-container {
max-width: 850px
}
}
body.nav-active .s__nav-container .s__nav--links+.nav--content .nav--list-container .menu--heading {
font-size: 1.2rem !important;
position: relative;
cursor: pointer
}
@media(min-width: 2560px) {
body.nav-active .s__nav-container .s__nav--links+.nav--content .nav--list-container .menu--heading {
font-size: 1.5rem !important
}
}
body.nav-active .s__nav-container .s__nav--links+.nav--content .nav--list-container .menu--heading::after {
content: "+";
position: absolute;
right: 0;
top: 0;
pointer-events: none
}
body.nav-active .s__nav-container .s__nav--links+.nav--content .nav--list-container .menu--heading br {
display: none
}
body.nav-active .s__nav-container .s__nav--links+.nav--content .nav--list-container .accord-target {
max-height: 0;
overflow: hidden;
margin-top: 0;
transition: max-height 1s ease, margin-top 1s ease
}
body.nav-active .s__nav-container .s__nav--links+.nav--content .nav--list-container .accord-target li a {
opacity: .6;
transition: all .4s ease
}
body.nav-active .s__nav-container .s__nav--links+.nav--content .nav--list-container .accord-target li a:hover {
opacity: 1
}
body.nav-active .s__nav-container .s__nav--links+.nav--content .nav--list-container .nav__list-item.open .accord-target {
max-height: 600px;
margin-top: 1rem
}
body.nav-active .s__nav-container .s__nav--links.navactive+.nav--content .close--content {
position: absolute;
left: -80px;
top: -5px;
cursor: pointer
}
@media(min-width: 2560px) {
body.nav-active .s__nav-container .s__nav--links.navactive+.nav--content .close--content {
top: -38px
}
}
body.nav-active .s__nav-container .s__nav--links.navactive+.nav--content .close--content svg {
fill: #000;
transform: scaleX(-1) scale(0.7)
}
@media(min-width: 2560px) {
body.nav-active .s__nav-container .s__nav--links.navactive+.nav--content .close--content svg {
width: 3rem;
height: 3rem
}
}
body.nav-active .s__nav-container .copyright {
opacity: 1;
color: #000;
font-size: 1.5vw;
padding-bottom: 2rem
}
body.nav-active .menu__industries {
opacity: 1;
transform: translateX(0%);
transition: opacity 1.7s cubic-bezier(0.77, 0, 0.175, 1), transform 1.3s cubic-bezier(0.77, 0, 0.175, 1), color .3s cubic-bezier(0.77, 0, 0.175, 1);
transition-delay: 1.2s;
padding-top: 3rem;
padding-left: 4rem;
border-left: 2px solid #000;
min-height: calc(100vh - 6vw)
}
body.nav-active .menu__industries ul li a br {
display: none
}
body.nav-active .menu__industries .ncriptech__social--links {
margin-bottom: 2rem
}
body.nav-active header.theme-white:not(.header-on-scroll) {
background: #fff
}
body.nav-active .ncriptech--logo svg {
fill: #0235f5
}
body.nav-active .ncriptech--logo svg #logo,
body.nav-active .ncriptech--logo svg #ncriptech {
fill: #0235f5 !important
}
body.nav-active .ncriptech--logo svg #logo path,
body.nav-active .ncriptech--logo svg #ncriptech path {
fill: #0235f5 !important
}
body.nav-active .ncriptech--logo svg #R,
body.nav-active .ncriptech--logo svg #digital {
fill: #000 !important
}
body.nav-active nav ul {
opacity: 0;
visibility: hidden
}
body.nav-active .menu-icon__line {
transform: translateX(0px) rotate(-45deg);
background-color: #000
}
body.nav-active .menu-icon__line-left {
transform: translateX(1px) rotate(45deg);
background-color: #000
}
body.nav-active .menu-icon__line-right {
transform: translateX(-2px) rotate(45deg);
background-color: #000
}
body.nav-active .nav {
visibility: visible
}
body.nav-active .nav:before,
body.nav-active .nav:after {
transform: translateX(0%) translateY(0%)
}
body.nav-active .nav:after {
transition-delay: .4s;
opacity: 1
}
body.nav-active .nav:before {
transition-delay: .2s
}
body.nav-active .nav .nav__content {
height: 100%
}
@media(max-width: 890px) {
body.nav-active .nav .nav__content {
overflow-y: auto;
padding-bottom: 5rem
}
}
body.nav-active .nav .nav__list {
height: 100%;
visibility: visible
}
body.nav-active .nav .nav__list-item {
opacity: 1;
transform: translateX(0%);
transition: opacity 1.7s cubic-bezier(0.77, 0, 0.175, 1), transform 1.3s cubic-bezier(0.77, 0, 0.175, 1), color .3s cubic-bezier(0.77, 0, 0.175, 1)
}
body.nav-active .nav .nav__list-item:nth-child(0) {
transition-delay: 0.5s
}
body.nav-active .nav .nav__list-item:nth-child(1) {
transition-delay: 0.6s
}
body.nav-active .nav .nav__list-item:nth-child(2) {
transition-delay: 0.7s
}
body.nav-active .nav .nav__list-item:nth-child(3) {
transition-delay: 0.8s
}
body.nav-active .nav .nav__list-item:nth-child(4) {
transition-delay: 0.9s
}
body.nav-active .nav .industries--cta {
opacity: 1;
transform: translateX(0%);
transition: opacity 1.7s cubic-bezier(0.77, 0, 0.175, 1), transform 1.3s cubic-bezier(0.77, 0, 0.175, 1), color .3s cubic-bezier(0.77, 0, 0.175, 1);
transition-delay: 1.4s
}
body.nav-active .nav .industries--cta .c2a {
background-color: #fff;
color: #000 !important
}
@media(max-width: 1000px) {
body.nav-active .nav .industries--cta .c2a {
color: #fff !important;
background-color: rgba(0, 0, 0, 0) !important;
background: -o-linear-gradient(45deg, rgba(150, 48, 206, var(--sat2, 1)), rgba(255, 39, 189, var(--sat1, 0.99608)), #ce2b93, #f98218, #a51a72);
background: linear-gradient(45deg, rgba(150, 48, 206, var(--sat2, 1)), rgba(255, 39, 189, var(--sat1, 0.99608)), #ce2b93, #f98218, #a51a72);
background-size: 400% 400%;
-webkit-animation: gradient-anim 5s ease infinite;
animation: gradient-anim 5s ease infinite
}
}
body.nav-active .nav .industries--cta .c2a:hover {
color: #fff !important
}
@-webkit-keyframes gradient-anim {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes gradient-anim {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
.anim--grad-23 {
background-color: rgba(0, 0, 0, 0) !important;
background: -o-linear-gradient(45deg, rgba(150, 48, 206, var(--sat2, 1)), rgba(255, 39, 189, var(--sat1, 0.99608)), #ce2b93, #f98218, #a51a72);
background: linear-gradient(45deg, rgba(150, 48, 206, var(--sat2, 1)), rgba(255, 39, 189, var(--sat1, 0.99608)), #ce2b93, #f98218, #a51a72);
background-size: 400% 400%;
color: rgba(0, 0, 0, 0);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
-webkit-animation: gradient-anim 10s ease infinite;
animation: gradient-anim 10s ease infinite
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.grid--2 {
display: grid;
grid-gap: var(--grid--2-gap, 1.5rem);
gap: var(--grid--2-gap, 1.5rem)
}
@media(min-width: 576px) {
.grid--2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
.grid--3 {
display: grid
}
@media(min-width: 576px) {
.grid--3 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media(min-width: 1000px) {
.grid--3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
.uneven--grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 15px;
gap: 15px;
margin-top: calc(var(--spacer)/2)
}
.uneven--grid * {
position: relative;
overflow: hidden
}
.uneven--grid *>img {
width: 100%;
height: 100%;
object-fit: cover;
transition: .5s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.uneven--grid *:hover img {
transform: scale(1.1)
}
@media(min-width: 961px) {
.uneven--grid {
grid-template-columns: .2fr 1fr .8fr repeat(4, 1fr) .2fr;
grid-template-rows: .6fr 1fr 2fr .4fr repeat(4, 1fr) .2fr
}
.uneven--grid .grid-1 {
grid-area: 2/1/4/3
}
.uneven--grid .grid-1 img {
object-position: 0
}
.uneven--grid .grid-2 {
grid-area: 4/2/7/3
}
.uneven--grid .grid-2 img {
object-position: 62%
}
.uneven--grid .grid-3 {
grid-area: 3/3/5/4
}
.uneven--grid .grid-3 img {
object-position: 85%
}
.uneven--grid .grid-4 {
grid-area: 2/4/5/6
}
.uneven--grid .grid-5 {
grid-area: 3/6/5/6
}
.uneven--grid .grid-6 {
grid-area: 3/7/6/9
}
.uneven--grid .grid-6 img {
object-position: 45%
}
.uneven--grid .grid-7 {
grid-area: 6/7/8/9
}
.uneven--grid .grid-8 {
grid-area: 5/3/8/6
}
.uneven--grid .grid-9 {
grid-area: 5/6/7/7
}
}
.ncriptech__social--links {
list-style: none;
display: inline-grid;
grid-auto-flow: column;
align-items: center;
grid-gap: 1.6em;
gap: 1.6em;
color: #000
}
.ncriptech__social--links li a {
display: block;
position: relative
}
.ncriptech__social--links li a img {
width: 1.5em;
display: block;
position: relative;
bottom: 0;
transition: .4s cubic-bezier(0.075, 0.82, 0.165, 1);
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1)
}
.ncriptech__social--links li a.c--twitter img {
width: 1.2em
}
.ncriptech__social--links li a>span {
position: absolute;
bottom: -10px;
font-size: 14px;
left: 50%;
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: .3s
}
.ncriptech__social--links li a::after {
content: "";
width: 1px;
height: 0;
position: absolute;
top: calc(100% + 5px);
left: 50%;
background-color: currentColor;
pointer-events: none;
transition: .3s
}
.ncriptech__social--links li a:hover>span {
bottom: -40px;
opacity: 1;
visibility: visible
}
.ncriptech__social--links li a:hover::after {
height: 12px
}
footer {
background-color: #fff;
padding-bottom: 5rem !important;
position: relative;
overflow: hidden
}
footer .toTop {
position: absolute;
bottom: 2rem;
right: 5%;
transform: translateX(-50%) rotate(-90deg)
}
#goTopBtn {
position: fixed;
bottom: 20px;
right: 20px;
display: none;
width: 50px;
height: 50px;
background-color: #0235f5;
color: white;
border: none;
border-radius: 50%;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
cursor: pointer;
align-items: center;
justify-content: center;
font-size: 18px;
transform: translateX(-50%) rotate(-90deg);
}
#goTopBtn:hover {
background-color: #0056b3;
}
footer .toTop svg {
fill: #fff;
width: 2rem;
height: 2rem
}
footer .inner-container>* {
padding-top: calc(var(--spacer)/.8);
padding-bottom: calc(var(--spacer)/1.5);
position: relative;
z-index: 2
}
@media(max-width: 675px) {
footer .inner-container>* {
padding-top: 3rem
}
}
footer a {
display: inline-block;
transition: .5s ease
}
footer a:hover {
color: #0235f5;
transition: .5s ease
}
@media(min-width: 1000px) {
footer {
padding-top: 105px
}
}
footer .footer--three-grid {
display: grid;
align-items: start;
gap: 2rem
}
@media(min-width: 761px) {
footer .footer--three-grid {
gap: 3.4rem 4rem;
grid-template-columns: 1fr 1fr
}
}
@media(min-width: 1000px) {
footer .footer--three-grid {
gap: 3.4rem 10rem
}
}
footer .footer--three-grid .grid--head {
font-size: max(1.2vw, 1.2rem) !important;
color: #a5a5a5;
margin-bottom: 1em
}
footer .footer--three-grid .grid--head.with-separator {
position: relative;
font-size: max(1.8vw, 1.8rem) !important;
color: #fff !important
}
footer .footer--three-grid .grid--head.with-separator::after {
content: "";
background-color: #4a4a4a;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
left: 0
}
footer .footer--three-grid .grid--head.with-separator span {
background: #000;
position: relative;
z-index: 1;
padding-right: 30px
}
footer .footer--three-grid .industry--links {
grid-column: 1/-1;
padding-bottom: 3rem;
border-bottom: 1px solid #4a4a4a
}
footer .footer--three-grid .industry--links .f__list {
display: grid;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
font-size: max(1vw, 1rem);
gap: 10px
}
@media(max-width: 940px) {
footer .footer--three-grid .industry--links .f__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media(max-width: 575px) {
footer .footer--three-grid .industry--links .f__list {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
footer .footer--c2a,
footer .footer--contact {
display: grid;
grid-gap: 1rem;
gap: 1rem;
justify-items: center;
align-items: center
}
@media(min-width: 759px) {
footer .footer--c2a,
footer .footer--contact {
grid-template-columns: auto auto;
justify-content: space-between
}
footer .footer--c2a .gry-txt,
footer .footer--contact .gry-txt {
max-width: 31.3em
}
}
footer .has--gptw--logo ul {
grid-row: span 4
}
footer .has--gptw--logo .gptw--logo {
width: 7.5em;
grid-column: 1
}
footer .has--gptw--logo .gptw--logo figcaption {
display: none
}
@media(max-width: 999px) {
footer .has--gptw--logo .gptw--logo {
font-size: 1.3rem;
width: auto;
grid-column: 1/-1;
display: grid;
grid-template-columns: auto 4.5em;
grid-gap: 1em;
gap: 1em;
align-items: center;
padding: 1.5em;
background: #1c1c1c;
border-radius: .25em
}
footer .has--gptw--logo .gptw--logo figcaption {
display: inherit
}
}
@media(max-width: 760px) {
footer .has--gptw--logo .gptw--logo {
font-size: 1rem
}
}
@media(max-width: 575px) {
footer .has--gptw--logo .gptw--logo {
font-size: 1.11rem;
padding: 1.1em 1.5em
}
}
@media(max-width: 760px) {
footer .big-name {
padding-top: .75em;
padding-bottom: .75em
}
}
@media(max-width: 575px) {
footer .footer--c2a br {
display: none
}
}
@media(max-width: 575px) {
footer .footer--subscribe {
padding-top: 1rem
}
footer .footer--subscribe p.c--gry-2 {
font-size: 1.2rem
}
}
footer .footer--subscribe .form-style {
--frmBorder: #585858;
--frmFieldClr: #fff;
--frmFieldFillBgClr: #000;
display: flex;
flex-direction: column;
grid-gap: 2em 1em;
gap: 2em 1em;
display: none;
opacity: 0;
position: relative;
margin-top: calc(var(--spacer)*.3)
}
footer .footer--subscribe .form-style.actv {
display: flex;
flex-direction: column;
animation: fadeIn .3s ease-in forwards
}
@media(min-width: 576px) {
footer .footer--subscribe .form-style {
grid-template-columns: 1fr 1fr
}
}
@media(min-width: 760px) {
footer .footer--subscribe .form-style {
grid-gap: 1.5em;
gap: 1.5em;
grid-template-columns: 1fr 1fr .5fr
}
}
footer .footer--subscribe .form-style .form-element {
margin-bottom: 0
}
footer .footer--subscribe .form-style .form-checkbox {
grid-column: 1/-1
}
@media(min-width: 760px) {
footer .footer--subscribe .form-style .c2a {
grid-column: 3;
grid-row: 1
}
}
@media(max-width: 760px) {
footer .footer--subscribe .form-style .c2a {
grid-column: 1/-1
}
}
footer .footer--subscribe .form-style .c2a:not(:hover) {
border: 2px solid var(--frmBorder)
}
footer .footer--subscribe .form-style .c2a-arw {
--ico-size: 0.6em;
position: absolute;
top: 0;
left: 0
}
@media(min-width: 1000px) {
footer .footer--subscribe .form-style .c2a-arw {
top: -3rem;
right: 0;
left: auto
}
}
@media(max-width: 575px) {
footer .footer--subscribe .form-style .c2a-arw {
position: static;
width: auto !important;
font-size: 1rem;
margin-right: auto !important;
margin-left: 0 !important;
padding: 0
}
}
@media(max-width: 999px) {
footer .footer--subscribe .form-style .step-2 {
padding-top: 3rem
}
}
footer .mails {
display: inline-grid;
justify-content: center;
align-items: center;
grid-auto-flow: column;
grid-gap: 1.25em;
gap: 1.25em
}
footer .mails a {
display: inline-grid;
justify-content: center;
align-items: center;
grid-auto-flow: column;
grid-gap: .5em;
gap: .5em;
font-size: max(1vw, 1.1rem)
}
footer .mails svg {
width: 1.15em
}
@media(max-width: 759px) {
footer .mails {
width: 100%;
justify-content: space-evenly;
margin-bottom: 1rem
}
}
footer .ncriptech__social--links {
color: #fff !important
}
footer .ncriptech__social--links li a::after {
display: none
}
footer .legal--links {
display: grid;
justify-content: start;
gap: 1em
}
@media(max-width: 475px) {
footer .legal--links {
font-size: 1rem;
background: #2b2b2b;
padding: 1rem;
border-radius: 10px;
gap: .5em;
margin-bottom: 2rem
}
}
@media(min-width: 476px) {
footer .legal--links {
grid-auto-flow: column
}
footer .legal--links>*+*::before {
content: "|";
opacity: .3;
margin-right: 1em
}
}
footer .footer--c2a .h5,
footer .footer--c2a .c2a-arw {
line-height: 1.8
}
footer .footer--links {
display: grid;
grid-template-columns: auto;
padding-bottom: .4em;
padding-top: .6em
}
footer .footer--links:not(:last-child) {
border-bottom: 1px solid #4a4a4a
}
footer .footer--links .f__list {
max-height: 0;
overflow: hidden;
margin-bottom: .4rem;
margin-top: 0;
transition: max-height 1s ease, margin-bottom 1s ease, margin-top 1s ease
}
footer .footer--links .f__list li a {
display: flex;
align-items: center;
gap: 5px;
transform: translateX(-1.3vw);
transition: transform .3s ease
}
@media(max-width: 575px) {
footer .footer--links .f__list li a {
transform: translateX(0)
}
}
footer .footer--links .f__list li a svg {
width: 1vw;
height: 1vw;
opacity: 0;
visibility: hidden;
transition: opacity .3s ease, visibility .3s ease
}
@media(max-width: 575px) {
footer .footer--links .f__list li a svg {
display: none
}
}
footer .footer--links .f__list li a:hover {
transform: translateX(0)
}
footer .footer--links .f__list li a:hover svg {
opacity: 1;
visibility: visible
}
footer .footer--links .footerlinkbox .js-accordion__body {
max-height: 0;
transition: all .4s ease;
overflow: hidden
}
footer .footer--links .footerlinkbox h3 {
font-size: 1.1rem;
cursor: pointer
}
footer .footer--links .footerlinkbox h4 {
cursor: pointer;
position: relative;
color: #fff;
padding: .15em 0
}
footer .footer--links .footerlinkbox h4::after {
content: "+";
color: #fff;
font-size: max(1.2vw, 1.2rem);
position: absolute;
right: 0;
top: 0
}
footer .footer--links .footerlinkbox h4 br {
display: none
}
footer .footer--links .footerlinkbox.open .f__list {
max-height: 500px;
overflow: hidden;
margin-bottom: 1rem;
margin-top: 1rem;
transition: max-height 1s ease, margin-bottom 1s ease, margin-top 1s ease
}
footer .footer--links .footerlinkbox.open h4::after {
content: "-"
}
footer .footer--links li {
font-size: max(.9vw, .9rem);
padding-bottom: .4rem
}
footer .footer--links li:not(:last-child) {
margin-bottom: .4rem;
border-bottom: 1px solid rgba(52, 52, 52, .631)
}
@media(max-width: 575px) {
footer .footer--links li {
border-bottom: none;
font-size: 1rem
}
footer .footer--links li:not(:last-child) {
margin-bottom: .4rem
}
}
footer .footer--links a:not(:hover) {
color: #b8b8b8
}
@media(max-width: 575px) {
footer .footer--links h4 {
cursor: pointer;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
font-size: max(1.2vw, 1.2rem)
}
footer .footer--links h4 br {
display: none
}
}
footer .footer-link-heading {
font-size: max(1.2vw, 1.2rem);
color: #a5a5a5
}
footer .footer-link-heading.has-gap {
margin-bottom: .5em
}
footer .footer--company {
display: grid;
justify-content: space-between;
align-items: end;
grid-gap: 2rem;
gap: 2rem;
padding-top: 3rem !important;
border-top: 1px solid #4a4a4a;
font-size: 85%
}
@media(min-width: 760px) {
footer .footer--company {
grid-template-columns: auto auto;
grid-gap: 8.25em;
gap: 8.25em
}
footer .footer--company>div:not(:last-child) {
display: grid;
grid-auto-flow: column;
align-items: center
}
footer .footer--company #Iframe1 {
grid-column: 1
}
footer .footer--company br {
display: none
}
}
.footer--hero.true {
position: relative;
width: 100%;
height: 525px;
left: 0;
top: 0
}
.footer--hero.true img {
position: absolute;
width: 100%;
height: 122%;
top: 0;
left: 0;
object-fit: cover;
object-position: 0
}
.footer--hero.false {
display: none !important
}
@keyframes anim__logo-zoom {
55% {
transform: scale(1.3)
}
0%,
100% {
transform: scale(1)
}
}
.swiper-with-indicator {
cursor: none
}
.swiper-drag-indicator {
align-items: center;
backdrop-filter: blur(13px);
background: #9630ce;
border: 1px solid #9630ce;
border-radius: 50%;
color: #fff;
display: flex;
flex-direction: column;
font-size: 14px;
font-weight: 700;
gap: 16px;
justify-content: center;
line-height: 14px;
opacity: 0;
pointer-events: none;
position: fixed;
text-align: center;
transform: translate(-50%, -50%) scale(1);
transition: transform .35s ease;
width: 100px;
height: 100px;
z-index: 1000
}
.swiper-eq-height .swiper-slide {
height: auto
}
.swiper__successMedia .swiper-slide {
display: grid;
align-items: center;
place-items: center
}
.swiper-nav>* {
display: inline-block;
cursor: pointer
}
.swiper-nav>*+* {
margin-left: 1em
}
.swiper-nav svg {
display: block;
width: var(--swiper-nav-svg, 2.2em);
height: auto
}
.swiper-nav .swiper--prev svg {
transform: rotate(180deg)
}
.swiper-nav.disabled_mode {
display: none
}
.swiper-nav .swiper-button-disabled {
opacity: .3;
pointer-events: none
}
.swiper-navX2 {
display: inline-block;
color: #c4c4c4
}
.swiper-navX2>* {
display: inline-block;
cursor: pointer
}
.swiper-navX2>*:hover {
color: #0235f5
}
.swiper-navX2>*+* {
margin-left: 2em
}
.swiper-navX2 svg {
width: 1.5em
}
.swiper-navX2 .swiper-button-disabled {
opacity: .5
}
.accordion .accord-btn {
display: grid;
grid-auto-flow: column;
justify-content: start;
align-items: center;
grid-gap: 1rem 1.5rem;
gap: 1rem 1.5rem
}
.accordion .accord-btn>* {
pointer-events: none
}
.accordion .accord-btn .c2a {
--c2a-fs: 0.8rem
}
.accordion .accord-btn .c2a>span {
display: inline-block
}
.accordion .accord-btn .c2a>span::after {
content: "SHOW";
display: inline-block;
opacity: 0;
transform: translateX(-1em);
transition: .3s ease
}
.accordion .accord-btn:hover .c2a>span::after {
transform: translateX(0);
opacity: 1
}
@keyframes blinkingBackground {
0% {
background-color: #2600d0
}
25% {
background-color: #a8139b
}
50% {
background-color: #2600d0
}
75% {
background-color: #a8139b
}
100% {
background-color: #2600d0
}
}
.accordion .accordion-container {
padding: 1.2rem 0;
border-top: 1px solid #ccc
}
.accordion .accordion-container .accord-target {
width: 100%;
opacity: 0;
max-height: 0;
overflow: hidden;
padding: 0px 10px;
transition: opacity .2s ease-in-out
}
.accordion .accordion-container.active .c2a>span {
opacity: 0
}
.accordion .accordion-container.active .accord-target {
padding: 0;
opacity: 1;
max-height: fit-content;
margin-top: 1.5rem
}
.accordion .accordion-container:last-child {
border-bottom: 1px solid #ccc
}
#hidden_div {
display: none
}
.with-border article {
border: 1px solid #ddd
}
.--card-style-1 article {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: .5rem;
gap: .5rem;
padding: 20px;
border-top: none
}
@media(min-width: 759px) {
.--card-style-1 article {
padding: 1.5rem
}
}
.--card-style-1 article .h5,
.--card-style-1 article footer .footer--c2a .c2a-arw,
footer .footer--c2a .--card-style-1 article .c2a-arw {
font-weight: 500
}
.--card-style-1 article .c2a {
grid-row: 1;
grid-column: 2;
transform: translate(0.8em, -0.8em)
}
.--card-style-2 figure img,
.--card-style-3 figure img {
width: 100%
}
.--card-style-2 article,
.--card-style-3 article {
display: grid;
grid-gap: 1rem;
gap: 1rem;
padding: var(--padding)
}
.--card-style-2 article .c2a,
.--card-style-3 article .c2a {
margin-left: auto;
margin-top: .5em
}
.--card-style-2 {
--padding: 1.25rem
}
.--card-style-3 {
--padding: 2rem
}
@media(max-width: 759px) {
.--card-style-3 {
--padding: 1.25em
}
.--card-style-3 .c2a[href="javascript:"] {
display: none
}
}
@media(min-width: 576px) {
.--card-style-4 article {
padding-right: 2rem
}
}
.card-style--2 {
display: grid;
grid-template-columns: 8rem auto;
grid-gap: .5rem 1.5rem;
gap: .5rem 1.5rem
}
.card-style--2>figure {
width: 8rem;
height: 8rem;
border-radius: 1rem;
border-bottom-right-radius: 0;
background-color: #c2c2c2;
position: relative;
grid-row: span 3
}
.card-style--2>figure img {
position: absolute;
width: 100%;
max-height: 100%;
left: 0;
top: 0
}
.card-style--3 {
display: grid;
align-items: center;
place-content: space-between
}
.card-style--3 figure {
position: relative;
max-width: 20vw;
margin-left: auto;
margin-bottom: 2rem;
margin-right: -2vw
}
.card-style--3 article {
display: flex;
flex-direction: column;
align-items: start;
justify-content: space-between;
position: relative;
padding: 2rem
}
.card-style--3 button {
display: inline-grid;
justify-content: center;
align-items: center;
font-size: 1.1rem;
cursor: pointer
}
.card-style--3 button em {
margin-left: .25em;
transform: translate(0);
transition: .2s
}
.card-style--3 button em svg {
width: 1.25em;
display: block
}
.card-style--3 button:hover {
color: #0235f5
}
.card-style--3 button:hover em {
transform: translate(0.25em, -0.25em)
}
.card-style--4.bordered {
border-radius: .2em;
overflow: hidden;
border: 1px solid #ddd;
padding: 1.5rem;
transition: background-color .3s ease
}
.card-style--4.bordered article {
color: #fff !important;
transition: color .3s ease
}
.card-style--4.bordered:hover article {
color: #000 !important
}
@media(max-width: 759px) {
.card-style--4 figure img {
max-width: 5rem
}
.card-style--4 p,
.card-style--4 .dashed__list {
grid-column: 1/-1
}
.card-style--4 .h5,
.card-style--4 footer .footer--c2a .c2a-arw,
footer .footer--c2a .card-style--4 .c2a-arw {
max-width: 85%;
font-size: 1.4rem;
line-height: 1.4
}
.card-style--4.bordered {
padding: 1.25rem
}
.card-style--4 .c2a-cont,
.card-style--4 .c2a[href="javascript:"],
.card-style--4 .c2a-arw[href="javascript:"] {
display: none
}
}
@media(max-width: 575px) {
.card-style--4 .h5,
.card-style--4 footer .footer--c2a .c2a-arw,
footer .footer--c2a .card-style--4 .c2a-arw {
max-width: none
}
}
.crrowrd-style--4 {
border: 1px solid #cbcbcb;
padding: 1.5rem 1.5rem 3.5rem;
display: grid;
gap: 1rem;
grid-gap: 1rem;
border-radius: 5px;
position: relative
}
.crrowrd-style--4 article p {
font-size: calc(16px + (20 - 16) * (100vw - 320px) / (1920 - 320));
font-size: clamp(16px, 1.0416666667vw, 20px);
line-height: 1.4
}
.card-style--5 {
border: 1px solid #cbcbcb;
position: relative
}
.card-style--5 figure {
position: relative
}
.card-style--5 figure i {
position: absolute;
right: 2rem;
bottom: -20px;
z-index: 2
}
.card-style--5 article {
padding: 1.5rem
}
@media(max-width: 759px) {
.card-style--5 article {
padding: 1.25rem
}
.card-style--5 article .h5,
.card-style--5 article footer .footer--c2a .c2a-arw,
footer .footer--c2a .card-style--5 article .c2a-arw {
color: #111010
}
}
.card-style--5:hover i img {
filter: invert(3%) sepia(100%) saturate(5209%) hue-rotate(230deg) brightness(96%) contrast(117%)
}
.card-style--5.bg--art {
overflow: hidden
}
.card-style--5.bg--art>article {
padding: 0
}
@media(max-width: 575px) {
.card-style--5.bg--art>article {
padding: 0 1rem
}
}
.card-style--5.bg--art>article .bg--art--heading {
position: relative;
padding: 5em 1em 2em 2em;
border-bottom: 3px solid;
border-right: 3px solid;
border-bottom-right-radius: 30px;
margin-right: -54px;
transform: skewX(-40deg)
}
@media(min-width: 2560px) {
.card-style--5.bg--art>article .bg--art--heading.h4 span,
.card-style--5.bg--art>article .ncriptech__about-values .bg--art--heading.c2a-arw span,
.ncriptech__about-values .card-style--5.bg--art>article .bg--art--heading.c2a-arw span,
.ncriptech__career--realpeople .card-style--5.bg--art>article h5.bg--art--heading span,
.card-style--5.bg--art>article .ncriptech__info-grid h4.bg--art--heading span,
.ncriptech__info-grid .card-style--5.bg--art>article h4.bg--art--heading span {
font-size: 90%
}
}
.card-style--5.bg--art>article .bg--art--heading>span {
transform: skewX(40deg);
display: block
}
@media(min-width: 760px) {
.card-style--5.bg--art>article .bg--art--heading>span {
padding-left: 25px
}
}
.card-style--5.bg--art>article .bg--art--heading:before {
content: "";
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
border-bottom-right-radius: 40px;
position: absolute;
width: 95%;
height: 50%;
left: -288px;
top: -70px;
transform: skewX(40deg)
}
@media(max-width: 575px) {
.card-style--5.bg--art>article .bg--art--heading:before {
top: -38px
}
}
.card-style--5.bg--art>article .c2a {
transform: translate(2.5em, -50%);
margin: 0
}
.card-style--6 {
height: 100%;
position: relative;
display: grid;
justify-content: start;
grid-template-rows: auto 1fr auto
}
.card-style--6>figure {
width: 100%;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
position: relative;
background-color: #eee
}
.card-style--6>figure>img {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
height: 100%
}
.card-style--6>figure>.figcaption {
background: #fff;
width: 12rem;
height: 5rem;
position: absolute;
right: 1.4rem;
bottom: -0.8rem;
top: auto;
left: auto;
border-top-left-radius: 18px;
border-top-right-radius: 18px;
padding-inline: 1.6rem;
padding-bottom: 0;
padding-top: 0;
z-index: 0
}
.card-style--6 article {
padding: 2rem;
border: 1px solid #cbcbcb;
border-top: none
}
@media(max-width: 575px) {
.card-style--6 article {
padding: 1.25rem
}
}
.card-style--6 article .h8,
.card-style--6 article .ncriptech--industries-hero .--subheading,
.ncriptech--industries-hero .card-style--6 article .--subheading,
.card-style--6 article .ncriptech--industries-hero .--desc,
.ncriptech--industries-hero .card-style--6 article .--desc {
font-size: max(.9vw, .9rem)
}
.card-style--6 .c2a {
border: 1px solid #cbcbcb;
border-top: none;
padding: 1rem 2rem
}
.card-style--6 i {
position: absolute;
right: 2rem;
top: 48%;
z-index: 2
}
.card-style--6:hover i img {
filter: invert(3%) sepia(100%) saturate(5209%) hue-rotate(230deg) brightness(96%) contrast(117%)
}
.card-style--6.grad--1 figure {
background: #3635f9 !important;
background: linear-gradient(125deg, rgb(54, 53, 249) 9%, rgb(131, 135, 251) 100%) !important;
position: relative
}
.card-style--6.grad--1 figure::after {
content: "";
background: url(./../img/2023_v2/services/app-development/bg-1.webp);
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
background-size: cover;
background-position: center
}
.card-style--6.grad--1 figure>img {
object-fit: contain;
object-position: right;
transform: rotate(-30deg) translateX(0px) translateY(200px);
height: 26vw;
position: relative;
z-index: 1
}
@media(max-width: 999px) {
.card-style--6.grad--1 figure>img {
height: 26rem;
transform: rotate(-30deg) translateX(0px) translateY(100px)
}
}
@media(max-width: 675px) {
.card-style--6.grad--1 figure>img {
height: 14rem
}
}
.card-style--6.grad--1 figure figcaption {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: start;
padding: 2rem;
position: absolute;
top: 0;
bottom: 0;
z-index: 1
}
.card-style--6.grad--1 figure figcaption .flutter-logo {
height: 4rem
}
.card-style--6.grad--2 figure {
background: #141a22;
background: linear-gradient(125deg, rgb(20, 26, 34) 0%, rgb(67, 93, 121) 49%)
}
.card-style--6.grad--2 figure>img {
object-fit: contain;
object-position: right;
transform: rotate(30deg) translateX(50px) translateY(-60px);
height: 26vw;
position: relative;
z-index: 1
}
@media(max-width: 999px) {
.card-style--6.grad--2 figure>img {
height: 26rem;
transform: rotate(-30deg) translateX(0px) translateY(100px)
}
}
@media(max-width: 675px) {
.card-style--6.grad--2 figure>img {
height: 12rem
}
}
.card-style--6.grad--2 figure figcaption {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: start;
padding: 2rem;
position: absolute;
top: 0;
bottom: 0;
z-index: 1
}
.card-style--6.grad--2 figure figcaption .android-logo {
width: 4rem
}
.card-style--6.grad--2 figure figcaption .apple-logo {
width: 2.25rem
}
.card-style--6.grad--2 figure figcaption .logos {
display: flex;
align-items: flex-end;
gap: 1rem
}
.card-style--7 {
display: grid;
border: 1px solid #f5f5f5;
overflow: hidden
}
.card-style--7>* {
grid-row: 1;
grid-column: 1
}
.card-style--7 article {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 1.5rem 2rem;
gap: 1.5rem 2rem;
align-content: space-between;
z-index: 1;
background-color: #f5f5f5;
padding: 1.5rem;
transition: background-color .3s linear
}
@media(min-width: 760px) {
.card-style--7 article {
padding: 2rem
}
}
.card-style--7 article h5 {
grid-column: 1/-1
}
.card-style--7 article .desc {
grid-column: 1/-1
}
.card-style--7 article .c2a-arw:not(.c2a) {
grid-row: 2;
grid-column: 2;
margin-top: auto
}
@media(hover: none) {
.card-style--7 article {
grid-gap: 1.25rem 2rem;
gap: 1.25rem 2rem;
padding: 1.25rem
}
.card-style--7 article h5 {
font-size: 130%
}
.card-style--7 article p {
grid-column: 1/-1
}
.card-style--7 .c2a-arw:not(.c2a) {
display: none
}
}
@media(hover: hover) {
.card-style--7 .desc {
grid-row: 2;
opacity: 0;
transform: translateY(calc(100% + 2rem));
transition: .3s ease-in
}
.card-style--7:hover article .desc {
opacity: 1;
transform: translateY(0)
}
.card-style--7:hover .c2a-arw:not(.c2a) {
opacity: 0
}
}
.blog__card {
display: grid;
grid-gap: 1rem;
gap: 1rem;
align-items: start;
overflow: hidden
}
@media(max-width: 575px) {
.blog__card {
grid-template-columns: 1fr 1fr;
font-size: 85%
}
}
.blog__card figure {
position: relative;
margin-bottom: 1.5rem
}
.blog__card figure a {
position: relative;
padding-bottom: 56.25%;
width: 100%;
height: 100%;
display: block
}
.blog__card figure a img {
transition: .5s cubic-bezier(0.165, 0.84, 0.44, 1);
filter: grayscale(1);
height: 100%;
object-fit: cover;
position: absolute;
object-position: left;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%
}
.blog__card figure figcaption {
position: absolute;
left: 0;
bottom: 0;
transform: translate(1.5em, 50%);
font-size: 75%;
line-height: 1;
text-transform: uppercase
}
.blog__card figure figcaption::before,
.blog__card figure figcaption::after {
border-radius: 4em;
padding: .7em 1.25em;
transition: .5s
}
.blog__card figure figcaption:after {
content: attr(data-back);
position: absolute;
top: 0;
left: 0;
opacity: 0;
color: #fff;
background: linear-gradient(-45deg, rgba(255, 39, 189, var(--sat1, 0.99608)) 0%, rgba(150, 48, 206, var(--sat2, 1)) 100%);
transform: translateY(-50%) rotateX(90deg)
}
.blog__card figure figcaption:before {
content: attr(data-front);
display: block;
color: #000;
background-color: #facc00;
transform: translateY(0) rotateX(0)
}
.blog__card:hover article a h5 {
background: #5139db;
background: -o-linear-gradient(315deg, #5e5aff, #5139db);
background: linear-gradient(315deg, #5e5aff, #5139db);
color: rgba(0, 0, 0, 0);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.blog__card:hover figure img {
transform: scale(1.05) rotate(1deg);
filter: none
}
.blog__card:hover figcaption:after {
opacity: 1;
transform: translateY(0) rotateX(0)
}
.blog__card:hover figcaption:before {
opacity: 0;
transform: translateY(50%) rotateX(90deg)
}
.pagination {
display: grid;
place-content: center
}
.ncriptech__blog--tab .ncriptech__pagination li {
margin: 0 1rem 0 0
}
.ncriptech__blog--tab .ncriptech__pagination li.disabled {
pointer-events: none;
cursor: not-allowed !important;
opacity: .4 !important;
-webkit-text-fill-color: #fff !important
}
.ncriptech__pagination {
color: #242424;
background: rgba(0, 0, 0, 0);
border: 1px solid #242424;
padding: 1rem 2rem;
border-radius: 2rem;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
flex-wrap: wrap;
display: inline-flex;
justify-content: center;
margin-top: 4rem
}
@media(max-width: 767px) {
.ncriptech__pagination {
margin-top: 2rem
}
}
.ncriptech__pagination li {
margin: 0 1rem 0 0
}
.ncriptech__pagination li.disabled {
pointer-events: none;
cursor: not-allowed !important;
opacity: .4 !important;
-webkit-text-fill-color: #000 !important
}
.ncriptech__pagination li.active a,
.ncriptech__pagination li.active span {
font-size: clamp(16px, .9375vw, 18px);
border-bottom: 1px solid;
color: #0235f5
}
.ncriptech__pagination li span {
font-size: calc(16px + (18 - 16) * (100vw - 320px) / (1920 - 320));
font-size: clamp(16px, 0.9375vw, 18px);
font-weight: 500
}
.ncriptech__pagination li a {
font-size: calc(16px + (18 - 16) * (100vw - 320px) / (1920 - 320));
font-size: clamp(16px, 0.9375vw, 18px);
font-weight: 500;
transition: .3s
}
.ncriptech__pagination li a:hover {
color: #fdd008;
transition: .3s
}
.ncriptech__pagination li:first-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
-webkit-box-pack: flex-start;
-moz-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.ncriptech__pagination li:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
-webkit-box-pack: flex-start;
-moz-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.ncriptech__pagination li.actv {
opacity: .5
}
.caption {
display: inline-block;
padding: 0 25px;
border-radius: 4rem;
line-height: 2.4;
text-transform: uppercase
}
.blog__tags {
color: #fff
}
@media(min-width: 576px) {
.blog__tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
-webkit-box-pack: flex-start;
-moz-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
-webkit-box-align: baseline;
-moz-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline
}
}
.blog__tags h4 {
text-transform: uppercase;
font-size: calc(16px + (18 - 16) * (100vw - 320px) / (1920 - 320));
font-size: clamp(16px, 0.9375vw, 18px)
}
.blog__tags ul {
list-style: none;
display: flex;
gap: .5rem;
flex-wrap: wrap;
margin-top: .5rem
}
@media(min-width: 576px) {
.blog__tags ul {
padding-left: 1.2rem;
margin-top: 0
}
}
.blog__tags ul li a {
display: block;
border: 1px solid #c4c4c4;
border-radius: 4px;
padding: .5rem .8rem;
font-size: 14px;
transition: .3s ease-in
}
@media(max-width: 575px) {
.blog__tags ul li a {
font-size: 12px
}
}
.blog__tags ul li a:hover {
border: 1px solid #0235f5;
background-color: #0235f5;
color: #fff;
transition: .3s ease-out
}
.ncriptech__subscribe {
background-color: #fafafa;
padding: 4rem 10rem 4rem 10rem;
display: grid;
grid-template-columns: 50% auto;
align-items: center;
position: relative
}
.job__table-inline {
list-style: none
}
@media(min-width: 576px) {
.job__table-inline {
display: inline-grid;
grid-auto-flow: column;
margin-right: 2rem
}
.job__table-inline>div:not(:first-child) {
padding-left: 1em
}
.job__table-inline>div:not(:last-child) {
border-right: 1px solid #c7c7c7;
padding-right: 1em
}
}
@media(max-width: 759px) {
.job__table-inline {
grid-row: 2
}
}
@media(max-width: 575px) {
.job__table-inline>*::before {
content: "- ";
display: inline-block
}
}
.job__table {
display: inline-grid;
grid-gap: .5rem;
gap: .5rem;
align-items: start
}
@media(min-width: 760px) {
.job__table {
grid-gap: 0;
gap: 0;
grid-auto-flow: column;
list-style: none
}
.job__table span {
display: inline-block
}
.job__table span:first-child {
font-size: 14px
}
.job__table li {
display: grid
}
.job__table li:not(:first-child) {
padding-left: 2em
}
.job__table li:not(:last-child) {
border-right: 1px solid #c7c7c7;
padding-right: 2em
}
}
.no-border {
border: none !important
}
.dashed__list {
list-style: none;
margin-left: .5em
}
.dashed__list li {
padding-left: 1em;
position: relative
}
.dashed__list li::before {
content: "-";
position: absolute;
left: 0;
top: 0
}
.dashed__list li+li {
margin-top: .8em
}
.arrow__list {
list-style: none
}
.arrow__list li {
display: grid;
grid-template-columns: 1.15em 1fr;
grid-gap: .8em;
gap: .8em;
align-items: start;
padding: .5em 0;
align-items: center
}
.arrow__list li:first-child {
padding-top: 0
}
.arrow__list li:not(:last-child) {
border-bottom: 1px solid #d2d2d2
}
.arrow__list li svg {
max-width: 100%;
transition: .2s
}
.arrow__list li:hover svg {
transform: translate(0.2em, -0.4em)
}
.numbered__list {
list-style: inside decimal
}
.numbered__list li {
margin-bottom: .2rem
}
.no__list {
list-style: inside none
}
.no__list li {
margin-bottom: .2rem
}
main {
margin-top: 6rem
}
.ncriptech__inner--hero {
display: grid
}
.ncriptech__inner--hero>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__inner--hero figure {
max-width: 44vw;
display: grid;
align-items: center
}
.ncriptech__inner--hero figure>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__inner--hero figure figcaption {
width: 100%;
max-width: calc(var(--mwidth)*var(--pp-adjust, 1) + 30px);
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
text-align: right;
position: relative;
z-index: 9
}
@media(min-width: 1200px) {
.ncriptech__inner--hero figure figcaption {
--mwidth: 920px
}
}
@media(min-width: 1800px) {
.ncriptech__inner--hero figure figcaption {
--mwidth: 1700px
}
}
@media(min-width: 2000px) {
.ncriptech__inner--hero figure figcaption {
--mwidth: 1500px
}
}
@media(max-width: 759px) {
.ncriptech__inner--hero figure {
height: 200px
}
}
.ncriptech__inner--hero figure img {
height: 100%;
object-fit: cover
}
@media(max-width: 759px) {
.ncriptech__inner--hero figure img {
object-position: 70% 0
}
}
.ncriptech__inner--hero figure.less-height {
max-height: 250px
}
.ncriptech__inner--hero .ncriptech__inner--hero-content {
position: relative
}
.ncriptech__inner--hero .ncriptech__inner--hero-content::before {
content: "";
width: 100%;
height: 25%;
background: #000;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
position: absolute;
left: 0;
top: 0
}
.ncriptech__inner--hero .ncriptech__inner--hero-content .inner-container {
display: grid;
gap: 3rem
}
.ncriptech__inner--hero .ncriptech__inner--hero-content .inner-container figure {
align-items: start !important;
justify-self: center !important
}
.ncriptech__inner--hero .ncriptech__inner--hero-content .inner-container figure img {
max-width: 250px !important
}
.ncriptech__inner--hero .ncriptech__inner--hero-content .inner-container figure figcaption {
font-size: .8vw;
padding-inline: 0;
margin-top: -45px
}
@media(min-width: 1200px) {
.ncriptech__inner--hero .ncriptech__inner--hero-content {
display: grid;
align-items: end;
display: grid;
align-items: start;
padding-top: 15rem
}
.ncriptech__inner--hero .ncriptech__inner--hero-content.--contact {
margin-top: 5em;
align-items: start
}
.ncriptech__inner--hero .ncriptech__inner--hero-content article {
padding-bottom: 3rem;
position: relative;
z-index: 2;
place-content: end;
display: grid
}
}
@media(max-width: 1199px) {
.ncriptech__inner--hero {
align-items: center
}
}
@media(max-width: 759px) {
.ncriptech__inner--hero article {
font-size: 90%;
padding: 1.5em 15px
}
.ncriptech__inner--hero:not(.--company) br {
display: none
}
}
.ncriptech__inner--hero.--company {
position: relative;
overflow: hidden;
background: #000
}
@media(max-width: 759px) {
.ncriptech__inner--hero.--company {
align-items: end
}
.ncriptech__inner--hero.--company figure {
height: 250px
}
.ncriptech__inner--hero.--company article {
padding-left: 0;
padding-right: 4em
}
}
@media(max-width: 575px) {
.ncriptech__inner--hero.--company br {
display: none
}
}
.ncriptech__inner--hero.--company .gptw--logo {
width: 8em;
display: block;
position: absolute;
top: 0;
right: calc((100vw - var(--mwidth))/2);
z-index: 1111
}
@media(max-width: 1199px) {
.ncriptech__inner--hero.--company .gptw--logo {
width: 6em;
right: 10px
}
}
@media(max-width: 759px) {
.ncriptech__inner--hero.--company .gptw--logo {
width: 5em
}
}
.ncriptech__inner--hero-content-block article {
display: grid;
grid-gap: 2em;
gap: 2em;
border-radius: .25em;
margin-bottom: calc(var(--spacer)/2.6)
}
.ncriptech__inner--hero-content-block article .c2a-video2 {
--ico-size: 2.25em
}
.ncriptech__inner--hero-content-block article .h3 {
max-width: 30vw
}
@media(max-width: 2000px) {
.ncriptech__inner--hero-content-block article .h3 {
max-width: 745px
}
}
@media(min-width: 1000px) {
.ncriptech__inner--hero-content-block article h1 {
max-width: 55vw
}
}
@media(min-width: 2560px) {
.ncriptech__inner--hero-content-block article h1 {
font-size: 1.2vw
}
}
.ncriptech__inner--hero-content-block .all-features {
display: grid;
grid-gap: .5rem;
gap: .5rem;
text-align: center;
grid-template-columns: repeat(2, minmax(0, 1fr));
overflow: hidden
}
.ncriptech__inner--hero-content-block .all-features img {
max-height: 75px
}
.ncriptech__inner--hero-content-block .all-features figure:not(:hover) img {
filter: grayscale(100%)
}
@media(max-width: 1199px) {
.ncriptech__inner--hero-content-block {
margin-top: calc(var(--spacer)/2)
}
.ncriptech__inner--hero-content-block figure {
padding: 1.5rem;
text-align: center;
display: grid;
place-items: center
}
}
@media(min-width: 576px) {
.ncriptech__inner--hero-content-block .all-features {
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 1rem;
gap: 1rem;
border: 1px solid #ccc;
padding: 2.4rem;
border-radius: 18px
}
}
@media(min-width: 1000px) {
.ncriptech__inner--hero-content-block .all-features {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
}
@media(min-width: 1200px) {
.ncriptech__inner--hero-content-block.--contact {
margin-top: -3rem
}
.ncriptech__inner--hero-content-block.--company {
margin-bottom: calc(var(--spacer)/2);
padding-top: calc(var(--spacer)*.8);
position: relative
}
.ncriptech__inner--hero-content-block .all-features {
grid-gap: 0;
gap: 0;
grid-template-columns: 1fr;
grid-auto-flow: column;
place-items: center
}
.ncriptech__inner--hero-content-block .all-features .swiper-wrappers {
display: grid;
grid-auto-flow: column;
justify-content: space-between;
gap: 3rem
}
.ncriptech__inner--hero-content-block .ncriptech__mails ul {
color: #fff
}
}
@media(max-width: 575px) {
.ncriptech__inner--hero-content-block figure {
padding: 1rem
}
.ncriptech__inner--hero-content-block .ncriptech__social--links {
display: none
}
.ncriptech__inner--hero-content-block.--contact {
padding-bottom: 2rem !important
}
}
#mySVG {
width: 100%;
display: block;
position: fixed;
top: 0;
left: 55.6%;
z-index: -1;
overflow: initial
}
.ncriptech__inner--hero-2 {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.ncriptech__inner--hero-2 .inner-container {
display: grid;
grid-gap: 1.5rem;
gap: 1.5rem
}
.ncriptech__inner--hero-2 .p-varwidth {
max-width: 26em
}
@media(min-width: 576px) {
.ncriptech__inner--hero-2 {
padding-top: 4.2rem;
padding-bottom: 7rem
}
.ncriptech__inner--hero-2 .inner-container {
grid-template-columns: auto 2fr;
grid-gap: 4.8rem;
gap: 4.8rem
}
.ncriptech__inner--hero-2 p {
max-width: 18em
}
}
@media(min-width: 1200px) {
.ncriptech__inner--hero-2 article {
max-width: 25vw
}
}
@media(max-width: 575px) {
.ncriptech__inner--hero-2 article .h4,
.ncriptech__inner--hero-2 article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__inner--hero-2 article .c2a-arw,
.ncriptech__inner--hero-2 .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech__inner--hero-2 article h5,
.ncriptech__inner--hero-2 article .ncriptech__info-grid h4,
.ncriptech__info-grid .ncriptech__inner--hero-2 article h4 {
font-size: 1.6rem
}
}
.ncriptech__static--content {
padding-top: var(--spacer)
}
.ncriptech__static--content .directors__profile {
background-color: #161616;
padding: 1.5rem;
border-radius: .5em
}
@media(max-width: 575px) {
.ncriptech__static--content .directors__profile {
padding: 1rem
}
}
.ncriptech__static--content .directors__profile h2 {
font-size: 1.2rem
}
.ncriptech__static--content .directors__profile .director-names {
--director-grid: 4;
display: grid;
grid-template-columns: repeat(var(--director-grid), minmax(0, auto));
gap: 1.5em;
grid-gap: 1.5em;
justify-content: space-between
}
@media(max-width: 900px) {
.ncriptech__static--content .directors__profile .director-names {
--director-grid: 3
}
}
@media(max-width: 700px) {
.ncriptech__static--content .directors__profile .director-names {
--director-grid: 2
}
}
.ncriptech__static--content .directors__profile .director-names span {
opacity: .6;
font-size: 75%
}
.static__list-1 {
list-style: none
}
.static__list-1 li {
position: relative;
padding-left: 1rem
}
.static__list-1 li:before {
content: "_";
position: absolute;
left: 0;
top: -7px
}
.hero-shape-container {
display: grid;
grid-template-columns: auto auto;
position: relative
}
.hero-shape-container::after {
content: "";
width: 100vw;
height: 37.6%;
background-color: currentColor;
position: absolute;
top: 1px;
left: 98%
}
.ncriptech__inner--hero-2-split-content {
position: relative;
padding-bottom: var(--spacer);
--ico-size: 1.45em
}
.ncriptech__inner--hero-2-split-content::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
height: var(--btm-height, 44%);
background-color: var(--brdr-clr, currentColor)
}
@media(max-width: 759px) {
.ncriptech__inner--hero-2-split-content::after {
display: none
}
}
@media(min-width: 760px) {
.ncriptech__inner--hero-2-split-content:not(.mb-0) {
margin-bottom: var(--spacer)
}
}
.ncriptech__inner--hero-2-split-content .inner-container {
display: grid;
grid-gap: 2rem;
gap: 2rem;
align-items: center
}
@media(min-width: 760px) {
.ncriptech__inner--hero-2-split-content .inner-container {
grid-template-columns: 1.6fr 1fr;
grid-gap: 3rem;
gap: 3rem
}
}
.ncriptech__inner--hero-2-split-content .has--gptw--logo {
position: relative
}
.ncriptech__inner--hero-2-split-content .has--gptw--logo .gptw--logo {
width: 6em;
position: absolute;
left: 1em;
top: 0;
z-index: 1
}
@media(max-width: 575px) {
.ncriptech__inner--hero-2-split-content .has--gptw--logo .gptw--logo {
width: 5em;
left: 0
}
}
@media(max-width: 759px) {
.ncriptech__inner--hero-2-split-content br {
display: none
}
}
.ncriptech__inner--hero-2-split-content figure {
position: relative;
display: grid
}
.ncriptech__inner--hero-2-split-content figure img {
width: 100%
}
.ncriptech__inner--hero-2-split-content figure>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__inner--hero-2-split-content figure .hero-shape-container {
width: 237%;
display: block;
position: absolute;
top: 0;
left: 55.6%;
z-index: -1;
transform: translateY(-55.3%)
}
.ncriptech__inner--hero-2-split-content figure .hero-shape-container::after {
content: "";
position: absolute;
background-color: currentColor
}
@media(max-width: 575px) {
.ncriptech__inner--hero-2-split-content figure .hero-shape-container {
opacity: .05
}
}
.ncriptech__inner--hero-3 {
display: grid;
justify-items: end;
align-items: end;
position: relative;
z-index: 2
}
@media(max-width: 675px) {
.ncriptech__inner--hero-3 article {
color: #2a2a2a;
margin-top: -20px;
position: relative
}
.ncriptech__inner--hero-3 article h1 {
display: inline-block;
line-height: 1.4;
font-size: 2rem;
font-weight: 500
}
.ncriptech__inner--hero-3 article p {
font-size: 1.2rem
}
.ncriptech__inner--hero-3 article p br {
display: none
}
.ncriptech__inner--hero-3>figure {
width: 100%;
position: relative
}
.ncriptech__inner--hero-3>figure .desktop {
display: none
}
.ncriptech__inner--hero-3>figure .mobile {
display: block;
width: 100%
}
}
@media(min-width: 676px) {
.ncriptech__inner--hero-3>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__inner--hero-3 figure {
max-width: 100%
}
.ncriptech__inner--hero-3>figure .desktop {
display: block
}
.ncriptech__inner--hero-3>figure .mobile {
display: none
}
.ncriptech__inner--hero-3 .ncriptech__inner--hero-3-content {
z-index: 1
}
.ncriptech__inner--hero-3 .ncriptech__inner--hero-3-content p {
max-width: 50%
}
.ncriptech__inner--hero-3.full__overlay::before {
content: "";
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .7)
}
.ncriptech__inner--hero-3.full__overlay figure {
min-width: 100%
}
.ncriptech__inner--hero-3.full__overlay .ncriptech__inner--hero-3-content {
height: 100%;
align-items: center;
display: grid;
margin-bottom: 0
}
.ncriptech__inner--hero-3 .inner-container {
display: grid;
grid-template-columns: 1fr;
grid-gap: 4rem;
gap: 4rem
}
.ncriptech__inner--hero-3 .inner-container article {
display: grid;
grid-template-columns: auto auto;
justify-content: space-between;
align-items: end;
gap: 1rem;
margin-bottom: max(-1.5vw, -1.8rem)
}
}
.ncriptech__inner--hero-3 .h4X {
background: #0235f5;
padding: .3rem 1.2rem !important;
font-size: max(1.5vw, 1.5rem) !important;
color: #fff
}
@media(min-width: 891px) {
.ncriptech__inner--hero-3 .ncriptech__inner--hero-3-content p {
max-width: var(--mw, 420px);
padding-bottom: 84px;
line-height: 1.4
}
}
@media(min-width: 1900px) {
.ncriptech__inner--hero-3 figure {
min-width: 100%
}
.ncriptech__inner--hero-3 img {
width: 100%;
max-height: 600px;
object-fit: cover
}
}
@media(min-width: 2260px) {
.ncriptech__inner--hero-3 img {
max-height: 70vh
}
.ncriptech__inner--hero-3 .ncriptech__inner--hero-3-content p {
max-width: var(--mw, 520px)
}
}
.ncriptech__inner--hero-3 .inner-container-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
bottom: 2rem;
left: auto;
max-width: calc(var(--mwidth) - 30px)
}
.ncriptech__inner--hero-3+.ncriptech__overlapped-split-content figure img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.ncriptech__inner--hero-4 {
display: grid;
justify-items: end;
align-items: end;
color: #fff;
margin-bottom: var(--spacer)
}
.ncriptech__inner--hero-4>* {
grid-column: 1;
grid-row: 1
}
.ncriptech__inner--hero-4 figure {
position: relative
}
.ncriptech__inner--hero-4 figure::after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: #000;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0) 100%)
}
.ncriptech__inner--hero-4 figure img {
width: 100%
}
.ncriptech__inner--hero-4 .ncriptech__inner--hero-4-content {
z-index: 1;
margin-bottom: var(--spacer)
}
.ncriptech__inner--hero-4 .ncriptech__inner--hero-4-content article {
max-width: 35rem
}
@media(max-width: 675px) {
.ncriptech__inner--hero-4 {
margin-top: 0;
margin-bottom: 0;
color: inherit;
gap: 2rem
}
.ncriptech__inner--hero-4>* {
grid-column: auto;
grid-row: auto
}
.ncriptech__inner--hero-4 figure::after {
display: none
}
.ncriptech__inner--hero-4 figure img {
height: 56.25vw;
object-fit: cover
}
.ncriptech__inner--hero-4 .h3 {
font-weight: 500
}
}
.ncriptech__inner--about {
display: grid;
justify-items: end;
align-items: end;
position: relative;
z-index: -1
}
@media(max-width: 675px) {
.ncriptech__inner--about>figure {
width: 100%;
position: relative
}
.ncriptech__inner--about>figure::after {
content: "";
width: 100%;
height: 45%;
position: absolute;
left: 0;
top: -50px;
background: #000;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 87%)
}
.ncriptech__inner--about>figure .desktop {
display: none
}
.ncriptech__inner--about>figure .mobile {
display: block;
width: 100%
}
}
@media(min-width: 676px) {
.ncriptech__inner--about>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__inner--about figure {
max-width: 100%
}
.ncriptech__inner--about>figure .desktop {
display: block
}
.ncriptech__inner--about>figure .mobile {
display: none
}
.ncriptech__inner--about.full__overlay::before {
content: "";
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .7)
}
.ncriptech__inner--about.full__overlay figure {
min-width: 100%
}
}
@media(min-width: 1900px) {
.ncriptech__inner--about figure {
min-width: 100%
}
.ncriptech__inner--about img {
width: 100%;
max-height: 758px;
object-fit: cover
}
}
@media(min-width: 2260px) {
.ncriptech__inner--about img {
max-height: 70vh
}
}
.ncriptech__fixed-and-scroll-content .--card-style-1 {
border: 1px solid #d0d0d0
}
.ncriptech__fixed-and-scroll-content .grid .h5,
.ncriptech__fixed-and-scroll-content .grid footer .footer--c2a .c2a-arw,
footer .footer--c2a .ncriptech__fixed-and-scroll-content .grid .c2a-arw {
font-weight: 500
}
@media(max-width: 675px) {
.ncriptech__fixed-and-scroll-content .grid .h5,
.ncriptech__fixed-and-scroll-content .grid footer .footer--c2a .c2a-arw,
footer .footer--c2a .ncriptech__fixed-and-scroll-content .grid .c2a-arw {
line-height: 1.4;
font-size: 24px
}
}
.ncriptech__fixed-and-scroll-content.barnd_strategy_sec .card-style-1New article p {
padding-right: 0
}
.ncriptech__fixed-and-scroll-content.style--2 {
--col: 2
}
.ncriptech__fixed-and-scroll-content.style--2 .grid {
grid-gap: 1rem;
gap: 1rem
}
.ncriptech__fixed-and-scroll-content.style--2-with-bg {
--col: 2;
--aside-width: 17.86%
}
.ncriptech__fixed-and-scroll-content.style--2-with-bg .grid {
grid-gap: 1rem;
gap: 1rem
}
.ncriptech__fixed-and-scroll-content.style--3 {
--col: 2;
--aside-width: 17.86%
}
@media(min-width: 1900px) {
.ncriptech__fixed-and-scroll-content.style--3 {
--col: 3
}
}
.ncriptech__fixed-and-scroll-content.style--3 .grid {
grid-gap: 5rem 1rem;
gap: 5rem 1rem
}
@media(max-width: 575px) {
.ncriptech__fixed-and-scroll-content.style--3 .grid {
grid-gap: 2rem 1rem;
gap: 2rem 1rem
}
}
.ncriptech__fixed-and-scroll-content.style--3-with-bg {
--col: 2;
--aside-width: 250px
}
@media(min-width: 1900px) {
.ncriptech__fixed-and-scroll-content.style--3-with-bg {
--col: 3
}
}
.ncriptech__fixed-and-scroll-content.style--3-with-bg .grid {
grid-gap: 1rem;
gap: 1rem
}
.ncriptech__fixed-and-scroll-content.style--4 {
--col: 2;
padding-top: 6rem;
padding-bottom: 6rem !important
}
.ncriptech__fixed-and-scroll-content.style--4 .grid {
background-color: #f8f8f8;
grid-gap: 1.5rem;
gap: 1.5rem
}
@media(max-width: 575px) {
.ncriptech__fixed-and-scroll-content.style--4 .grid {
grid-gap: 1rem;
gap: 1rem
}
}
.ncriptech__fixed-and-scroll-content.style--5 {
--col: 3;
--aside-width: 25%
}
.ncriptech__fixed-and-scroll-content.style--5 .grid {
gap: 4rem 2rem;
grid-gap: 4rem 2rem
}
@media(max-width: 575px) {
.ncriptech__fixed-and-scroll-content.style--5 .grid {
gap: 2rem;
grid-gap: 2rem
}
}
.ncriptech__fixed-and-scroll-content figure {
overflow: hidden;
display: none
}
.ncriptech__fixed-and-scroll-content.style--2New.dark-theme {
--cardBgClr: #010101;
--cardBrClr: #434343;
--cardBgHvrClr: #151515
}
.ncriptech__fixed-and-scroll-content.style--2New.dark-theme .card-style-1New {
border: 1px solid var(--cardBrClr, #dfdfdf)
}
.ncriptech__fixed-and-scroll-content.style--2New .aside-heading {
display: grid;
gap: 3rem;
margin-bottom: 3rem
}
@media(max-width: 767px) {
.ncriptech__fixed-and-scroll-content.style--2New .aside-heading {
gap: 2rem
}
}
@media(min-width: 876px) {
.ncriptech__fixed-and-scroll-content.style--2New .aside-heading {
grid-template-columns: 1.5fr 1fr
}
}
.ncriptech__fixed-and-scroll-content.style--2New .aside-heading .txt-grow {
color: #0235f5
}
.ncriptech__fixed-and-scroll-content.style--2New .aside-heading.auto {
grid-template-columns: 1.5fr auto;
align-items: end
}
@media(max-width: 575px) {
.ncriptech__fixed-and-scroll-content.style--2New .aside-heading.auto {
grid-template-columns: 1fr
}
}
.ncriptech__fixed-and-scroll-content.style--2New .gridy {
counter-reset: digital-counter1
}
.ncriptech__fixed-and-scroll-content.style--2New .swiper__horizental2 {
width: 100%;
display: flex;
will-change: transform
}
.ncriptech__fixed-and-scroll-content.style--2New .swiper-wrapper {
width: auto
}
@media(max-width: 1367px) {
.ncriptech__fixed-and-scroll-content.style--2New .swiper-wrapper {
display: grid;
grid-auto-flow: column
}
}
.ncriptech__fixed-and-scroll-content.style--2New .swiper-slide {
width: max(27vw, 26rem);
background-color: var(--cardBgClr, #fff)
}
@media(max-width: 1200px) {
.ncriptech__fixed-and-scroll-content.style--2New .swiper-slide {
height: auto
}
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New {
height: 100%;
display: grid;
counter-increment: digital-counter;
border-right: 1px solid var(--cardBrClr, #dfdfdf)
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New>figure img {
height: 100%;
object-fit: cover;
filter: blur(10px);
transition: filter .2s ease 0s
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New>article {
z-index: 1;
display: grid;
align-content: space-between;
gap: 6rem;
padding: 2rem;
background-color: var(--cardBgClr, #fff);
transition: background-color .5s ease
}
@media(max-width: 1700px) {
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New>article {
gap: 5rem
}
}
@media(max-width: 1200px) {
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New>article {
gap: 3rem
}
}
@media(max-width: 675px) {
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New>article {
gap: 2rem
}
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New>article p {
font-size: 1.1rem;
color: #373737
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New>article h5 {
font-size: 1.8rem;
font-weight: 600;
line-height: 1.4
}
@media(max-width: 991px) {
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New>article h5 {
font-size: 1.7rem
}
}
@media(max-width: 767px) {
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New>article h5 {
font-size: 1.7rem
}
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New>article h5::before {
display: block;
counter-increment: digital-counter1;
color: #0235f5;
font-weight: 300;
font-size: 1rem
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New>article h5 img {
max-width: 2em;
height: auto
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New.product-card-style>article {
gap: 2rem
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New.product-card-style>article p {
padding-right: 1rem
}
@media(max-width: 1200px) {
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New.product-card-style>article p {
padding-right: 0
}
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New:nth-child(-n+10) h5::before {
content: "0" counter(digital-counter1) "."
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New:nth-child(n+10) h5::before {
content: counter(digital-counter1) "."
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New.count_none:nth-child(-n+10) h5::before {
content: ""
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New.count_none:nth-child(n+10) h5::before {
content: ""
}
@media(min-width: 768px) {
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New:hover>figure img {
filter: blur(0);
transition: filter .2s ease .3s
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New:hover>article {
background-color: #0235f5;
color: #fff
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New:hover>article p,
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New:hover>article h5::before {
color: inherit
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New:hover .arrow_position.c2a-arw--TR {
color: #fff !important
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New:hover .arrow_position.c2a-arw--TR svg {
transform: translateX(10px)
}
}
.ncriptech__fixed-and-scroll-content.dark--theme .grid {
background-color: rgba(0, 0, 0, 0)
}
.ncriptech__fixed-and-scroll-content.dark--theme aside .h4,
.ncriptech__fixed-and-scroll-content.dark--theme aside .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__fixed-and-scroll-content.dark--theme aside .c2a-arw,
.ncriptech__fixed-and-scroll-content.dark--theme aside .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople article .ncriptech__fixed-and-scroll-content.dark--theme aside h5,
.ncriptech__fixed-and-scroll-content.dark--theme aside .ncriptech__info-grid h4,
.ncriptech__info-grid .ncriptech__fixed-and-scroll-content.dark--theme aside h4 {
color: #fdd008
}
@media(max-width: 999px) {
.ncriptech__fixed-and-scroll-content .h4,
.ncriptech__fixed-and-scroll-content .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__fixed-and-scroll-content .c2a-arw,
.ncriptech__fixed-and-scroll-content .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople article .ncriptech__fixed-and-scroll-content h5,
.ncriptech__fixed-and-scroll-content .ncriptech__info-grid h4,
.ncriptech__info-grid .ncriptech__fixed-and-scroll-content h4 {
font-weight: 500
}
.ncriptech__fixed-and-scroll-content .h4 br,
.ncriptech__fixed-and-scroll-content .ncriptech__about-values .c2a-arw br,
.ncriptech__about-values .ncriptech__fixed-and-scroll-content .c2a-arw br,
.ncriptech__fixed-and-scroll-content .ncriptech__career--realpeople article h5 br,
.ncriptech__career--realpeople article .ncriptech__fixed-and-scroll-content h5 br,
.ncriptech__fixed-and-scroll-content .ncriptech__info-grid h4 br,
.ncriptech__info-grid .ncriptech__fixed-and-scroll-content h4 br {
display: none
}
}
@media(max-width: 575px) {
.ncriptech__fixed-and-scroll-content aside {
display: contents
}
}
.ncriptech__info-grid .inner-container {
display: grid;
grid-gap: 1rem;
gap: 1rem;
align-items: center
}
@media(min-width: 1000px) {
.ncriptech__info-grid .inner-container {
grid-template-columns: auto 1fr;
grid-gap: 3rem;
gap: 3rem
}
}
.ncriptech__info-grid .grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
position: relative;
z-index: 1
}
.ncriptech__info-grid .grid::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
pointer-events: none
}
@media(min-width: 576px) {
.ncriptech__info-grid .grid {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
}
}
@media(min-width: 1400px) {
.ncriptech__info-grid .grid {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
}
.ncriptech__info-grid .grid .hvr-bg {
width: 25%;
height: 50%;
position: absolute;
top: var(--posT, 0);
left: var(--posL, 0);
z-index: -1;
opacity: 0;
transition: .3s
}
.ncriptech__info-grid .grid>div,
.ncriptech__info-grid .grid .swiper-wrapper {
display: grid;
padding: 1em
}
@media(max-width: 575px) {
.ncriptech__info-grid .grid>div,
.ncriptech__info-grid .grid .swiper-wrapper {
grid-auto-flow: column
}
}
.ncriptech__info-grid .grid>div .swiper-slide,
.ncriptech__info-grid .grid .swiper-wrapper .swiper-slide {
padding: 1em;
display: grid;
gap: 1rem;
grid-gap: 1rem;
place-items: start;
border-left: 1px solid #eee;
border-bottom: 1px solid #eee
}
@media(min-width: 576px) {
.ncriptech__info-grid .grid>div:nth-child(1),
.ncriptech__info-grid .grid .swiper-wrapper:nth-child(1) {
border-bottom: 1px solid #eee
}
}
.ncriptech__info-grid .grid>div+div,
.ncriptech__info-grid .grid .swiper-wrapper+div {
border-left: 1px solid #eee;
border-bottom: 1px solid #eee
}
@media(min-width: 576px) {
.ncriptech__info-grid .grid>div,
.ncriptech__info-grid .grid .swiper-wrapper {
grid-gap: 1rem;
gap: 1rem
}
}
@media(max-width: 760px) {
.ncriptech__info-grid .grid>div,
.ncriptech__info-grid .grid .swiper-wrapper {
grid-template-columns: 1fr;
align-items: center
}
.ncriptech__info-grid .grid>div img,
.ncriptech__info-grid .grid .swiper-wrapper img {
max-width: 45px
}
.ncriptech__info-grid .grid>div p,
.ncriptech__info-grid .grid .swiper-wrapper p {
font-size: 14px
}
.ncriptech__info-grid .grid>div .c2a,
.ncriptech__info-grid .grid .swiper-wrapper .c2a {
display: none
}
}
@media(min-width: 1000px) {
.ncriptech__info-grid .grid>div,
.ncriptech__info-grid .grid .swiper-wrapper {
grid-gap: 0;
gap: 0;
grid-template-columns: 1fr auto;
align-items: end
}
.ncriptech__info-grid .grid>div img,
.ncriptech__info-grid .grid .swiper-wrapper img {
grid-column: 2;
align-self: start;
opacity: 0;
transform: translateY(0.5em);
transition: .3s
}
.ncriptech__info-grid .grid>div:hover,
.ncriptech__info-grid .grid .swiper-wrapper:hover {
color: #000
}
.ncriptech__info-grid .grid>div:hover .c2a,
.ncriptech__info-grid .grid .swiper-wrapper:hover .c2a {
transition: 0s;
opacity: 0
}
.ncriptech__info-grid .grid>div:hover img,
.ncriptech__info-grid .grid .swiper-wrapper:hover img {
opacity: 1;
transform: translateY(0)
}
}
.ncriptech__info-grid .grid .swiper-wrapper {
padding: 0
}
@media(min-width: 1900px) {
.ncriptech__info-grid .grid p {
font-size: 90%;
line-height: 1.5;
max-width: 150px
}
}
.ncriptech__info-grid h4 {
line-height: 1.4
}
.ncriptech__info-grid h4 span {
font-size: 120%
}
@media(max-width: 999px) {
.ncriptech__info-grid br {
display: none
}
}
.ncriptech__inner--half-content {
display: grid;
align-items: center
}
.ncriptech__inner--half-content .inner-container {
display: grid;
grid-gap: 2rem;
gap: 2rem;
padding-top: 2rem;
padding-bottom: 2rem
}
@media(max-width: 575px) {
.ncriptech__inner--half-content .inner-container {
padding-bottom: 0
}
}
.ncriptech__inner--half-content p {
line-height: 1.8
}
.ncriptech__inner--half-content .c2a {
position: relative;
z-index: 1
}
@media(min-width: 1900px) {
.ncriptech__inner--half-content .c2a {
margin-top: 3em
}
}
@media(min-width: 1000px) {
.ncriptech__inner--half-content>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__inner--half-content .inner-container {
grid-template-columns: 1.25fr 1fr
}
.ncriptech__inner--half-content figure {
overflow: hidden;
max-width: 51vw
}
.ncriptech__inner--half-content:not(.reverse) article {
grid-column: 2
}
.ncriptech__inner--half-content:not(.reverse) figure {
text-align: right
}
.ncriptech__inner--half-content.reverse figure {
margin-left: 50%
}
.ncriptech__inner--half-content.reverse .inner-container {
grid-template-columns: 1fr 1.25fr
}
}
@media(max-width: 999px) {
.ncriptech__inner--half-content figure {
grid-row: 1
}
}
.ncriptech__success-stories-carousel {
position: relative;
margin-bottom: var(--spacer)
}
.ncriptech__success-stories-carousel+* {
margin-top: var(--spacer)
}
@media(max-width: 575px) {
.ncriptech__success-stories-carousel {
margin-bottom: 1rem !important
}
}
.ncriptech__success-stories-carousel .inner-container>article {
max-width: 950px
}
.ncriptech__success-stories-carousel::after {
content: "";
background-color: #1f1a1a;
position: absolute;
min-height: 40%;
bottom: 0;
left: 0;
width: 100%
}
@media(max-width: 575px) {
.ncriptech__success-stories-carousel::after {
display: none
}
}
.ncriptech__success-stories-carousel .swipes {
position: relative
}
.ncriptech__success-stories-carousel .swipes .swiper-nav svg {
width: 1.2em
}
@media(max-width: 1024px) {
.ncriptech__success-stories-carousel .swipes .swiper-nav svg {
width: 1.8em;
background: #fff;
padding: .5rem;
border-radius: 50%;
box-shadow: 0 0 15px 10px rgba(0, 0, 0, .5)
}
}
.ncriptech__success-stories-carousel .swiper {
overflow: visible
}
.ncriptech__success-stories-carousel .swiper-slide {
max-width: 80%
}
@media(max-width: 1024px) {
.ncriptech__success-stories-carousel .swiper-slide {
max-width: 100%
}
}
.ncriptech__success-stories-carousel .success-stories-card article {
display: grid;
grid-template-columns: 100px auto auto;
grid-gap: 2.5rem;
gap: 2.5rem;
align-items: end;
padding-top: 3.5rem;
padding-bottom: 3.5rem;
transition: .3s ease-in-out;
opacity: 0;
transform: translateX(20px)
}
@media(max-width: 575px) {
.ncriptech__success-stories-carousel .success-stories-card article {
background-color: #1f1a1a;
padding: 2rem;
align-items: start;
gap: 1.5rem;
grid-gap: 1.5rem
}
}
@media(max-width: 575px) {
.ncriptech__success-stories-carousel .success-stories-card article figure {
grid-column: 1
}
}
@media(max-width: 575px) {
.ncriptech__success-stories-carousel .success-stories-card article figure img {
width: 80px
}
}
@media(max-width: 575px) {
.ncriptech__success-stories-carousel .success-stories-card article .p,
.ncriptech__success-stories-carousel .success-stories-card article .fullscreen-menu .boxed--links ul,
.fullscreen-menu .boxed--links .ncriptech__success-stories-carousel .success-stories-card article ul,
.ncriptech__success-stories-carousel .success-stories-card article .ncriptech__inner--hero-2 p,
.ncriptech__inner--hero-2 .ncriptech__success-stories-carousel .success-stories-card article p,
.ncriptech__success-stories-carousel .success-stories-card article .ncriptech__inner--hero-3 p,
.ncriptech__inner--hero-3 .ncriptech__success-stories-carousel .success-stories-card article p {
grid-column: 1/4
}
}
@media(max-width: 575px) {
.ncriptech__success-stories-carousel .success-stories-card article .c2a {
padding: 0;
grid-row: 1;
grid-column: 3
}
}
.ncriptech__success-stories-carousel .success-stories-card article svg {
max-width: 100%
}
.ncriptech__success-stories-carousel .swiper-slide-active article {
opacity: 1;
transform: translateX(0);
transition-delay: .2s
}
.ncriptech__success-stories-carousel .swiper-nav>* {
position: absolute;
top: 35%;
margin: 0;
z-index: 1
}
.ncriptech__success-stories-carousel .swiper-nav .swiper--prev {
left: -40px
}
@media(max-width: 1024px) {
.ncriptech__success-stories-carousel .swiper-nav .swiper--prev {
left: -14px
}
}
@media(max-width: 575px) {
.ncriptech__success-stories-carousel .swiper-nav .swiper--prev {
top: 20vw
}
}
.ncriptech__success-stories-carousel .swiper-nav .swiper--next {
left: 81%
}
@media(max-width: 1024px) {
.ncriptech__success-stories-carousel .swiper-nav .swiper--next {
right: -14px;
left: auto
}
}
@media(max-width: 575px) {
.ncriptech__success-stories-carousel .swiper-nav .swiper--next {
top: 20vw
}
}
.ncriptech__success-stories-carousel .swiper-nav .swiper-button-disabled {
opacity: 0
}
@media(min-width: 1025px) {
.ncriptech__success-stories-carousel .swiper-nav .swiper-button-disabled+.swiper__successStories--prev {
left: 17%
}
}
.ncriptech__success-stories-carousel.ncriptech__more--stories .stories__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media(max-width: 575px) {
.ncriptech__overlapped-split-content article .flow-rootX5>*+* {
margin-top: 2.25rem
}
.ncriptech__overlapped-split-content .offer-article .h2x br {
display: none
}
}
@media(max-width: 1099px) {
.ncriptech__overlapped-split-content .sShape-animation {
display: none
}
}
.ncriptech__overlapped-split-content .inner-container {
display: grid;
grid-gap: 1.5rem;
gap: 1.5rem;
position: relative;
overflow: hidden
}
@media(min-width: 700px) {
.ncriptech__overlapped-split-content .inner-container {
grid-template-columns: auto 1fr;
grid-gap: 2rem;
gap: 2rem
}
}
@media(min-width: 1000px) {
.ncriptech__overlapped-split-content .inner-container {
grid-template-columns: 1fr;
grid-gap: 4rem;
gap: 4rem
}
}
.ncriptech__overlapped-split-content.reverse .inner-container {
grid-template-columns: auto
}
@media(min-width: 760px) {
.ncriptech__overlapped-split-content.reverse .inner-container {
display: grid;
grid-template-columns: 1.25fr 1fr;
grid-gap: 1.5rem;
gap: 1.5rem
}
}
@media(min-width: 1084px)and (max-width: 1599px) {
.ncriptech__overlapped-split-content.reverse .inner-container {
grid-template-columns: 1.5fr 1fr !important;
gap: 4rem
}
}
@media(min-width: 760px) {
.ncriptech__overlapped-split-content.reverse .inner-container>* {
grid-row: 1
}
}
@media(min-width: 760px) {
.ncriptech__overlapped-split-content.reverse article {
grid-column: 1
}
}
@media(min-width: 760px) {
.ncriptech__overlapped-split-content.reverse figure {
grid-column: 2
}
}
@media(max-width: 759px) {
.ncriptech__overlapped-split-content.reverse figure img {
margin-bottom: 0
}
}
@media(min-width: 1100px) {
.ncriptech__overlapped-split-content article {
padding-bottom: 50px;
padding-top: 100px;
/* display: grid; */
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: start;
justify-content: space-between;
gap: 8rem
}
.ncriptech__overlapped-split-content article .offer-article .h7,
.ncriptech__overlapped-split-content .offerings-card article .offer-article h3,
.offerings-card .ncriptech__overlapped-split-content article .offer-article h3,
.ncriptech__overlapped-split-content article .offer-article .ncriptech__company-grid-bg article,
.ncriptech__company-grid-bg .ncriptech__overlapped-split-content article .offer-article article {
font-size: .9vw
}
}
@media(max-width: 999px) {
.ncriptech__overlapped-split-content article {
padding-top: 50px
}
}
@media(max-width: 675px) {
.ncriptech__overlapped-split-content article {
padding-top: 20px
}
}
.ncriptech__overlapped-split-content article .h2x {
font-size: 2rem !important;
line-height: 1.4 !important
}
@media(max-width: 999px) {
.ncriptech__overlapped-split-content article .h2x {
font-size: 30px !important
}
}
@media(max-width: 575px) {
.ncriptech__overlapped-split-content article .h2x {
font-size: 26px !important
}
}
.ncriptech__overlapped-split-content article .h4xs {
line-height: 1.5 !important
}
@media(max-width: 999px) {
.ncriptech__overlapped-split-content article .h4xs {
font-size: 20px !important
}
}
@media(min-width: 576px) {
.ncriptech__overlapped-split-content article .h4,
.ncriptech__overlapped-split-content article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__overlapped-split-content article .c2a-arw,
.ncriptech__overlapped-split-content .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech__overlapped-split-content article h5,
.ncriptech__overlapped-split-content article .ncriptech__info-grid h4,
.ncriptech__info-grid .ncriptech__overlapped-split-content article h4 {
color: #54555a
}
}
@media(min-width: 2040px) {
.ncriptech__overlapped-split-content article .h4,
.ncriptech__overlapped-split-content article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__overlapped-split-content article .c2a-arw,
.ncriptech__overlapped-split-content .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech__overlapped-split-content article h5,
.ncriptech__overlapped-split-content article .ncriptech__info-grid h4,
.ncriptech__info-grid .ncriptech__overlapped-split-content article h4 {
font-size: 1.75rem;
line-height: 1.3
}
}
@media(min-width: 2560px) {
.ncriptech__overlapped-split-content article .sShape-animation {
transform: scale(1.5) translateX(43%);
transform-origin: right
}
}
@media(max-width: 575px) {
.ncriptech__overlapped-split-content article p {
font-size: 1.5rem
}
}
.ncriptech__overlapped-split-content article ul {
list-style: none
}
.ncriptech__overlapped-split-content article ul.with-border li:not(:last-child) {
border-bottom: 1px solid #d2d2d2
}
.ncriptech__overlapped-split-content article ul li {
display: grid;
grid-template-columns: 1.15em 1fr;
grid-gap: .8em;
gap: .8em;
align-items: start;
padding: .8em 0
}
@media(max-width: 575px) {
.ncriptech__overlapped-split-content article ul li {
font-size: 1.2rem
}
.ncriptech__overlapped-split-content article ul li p {
font-size: 1.2rem
}
}
.ncriptech__overlapped-split-content article ul li:first-child {
padding-top: 0
}
.ncriptech__overlapped-split-content article ul li:last-child {
padding-bottom: 0
}
.ncriptech__overlapped-split-content article ul li svg {
max-width: 100%;
margin-top: .15em;
transition: .2s
}
.ncriptech__overlapped-split-content article ul li:hover svg {
transform: translate(0.2em, -0.4em)
}
.ncriptech__overlapped-split-content figure {
display: grid;
align-items: end;
justify-items: center;
max-width: 320px;
margin-left: auto;
margin-right: auto
}
@media(max-width: 575px) {
.ncriptech__overlapped-split-content figure {
max-width: 100%
}
}
@media(min-width: 1000px) {
.ncriptech__overlapped-split-content figure {
max-width: none
}
}
.ncriptech__overlapped-split-content figure>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__overlapped-split-content figure img {
width: 100%;
margin-bottom: 100px
}
@media(min-width: 576px) {
.ncriptech__overlapped-split-content figure img {
margin-bottom: 50px
}
}
.ncriptech__overlapped-split-content figure figcaption {
max-width: 90%;
padding: 1.5rem;
line-height: 1.5;
background-color: #fff;
box-shadow: 0px 0px 21.06px 5.94px rgba(0, 0, 0, .09);
display: grid;
grid-template-columns: 1fr auto;
grid-gap: .8rem;
gap: .8rem;
align-items: start;
border-radius: .2em;
transform: translateY(0);
transition: transform .25s ease-out
}
@media(max-width: 675px) {
.ncriptech__overlapped-split-content figure figcaption {
grid-gap: .8rem 1rem;
gap: .8rem 1rem;
transform: translateY(-50%)
}
}
@media(max-width: 575px) {
.ncriptech__overlapped-split-content figure figcaption {
transform: translateY(-15%);
grid-template-columns: 1fr
}
.ncriptech__overlapped-split-content figure figcaption .c2a-arw {
display: none
}
}
.ncriptech__overlapped-split-content figure figcaption * {
line-height: inherit
}
.ncriptech__overlapped-split-content figure figcaption .c2a-arw {
transform: translateX(1em);
cursor: default
}
@media(min-width: 1200px) {
.ncriptech__overlapped-split-content figure figcaption {
padding: 1.5rem 2rem;
max-width: 75%
}
}
@media(min-width: 2560px) {
.ncriptech__overlapped-split-content figure figcaption {
max-width: 91%
}
}
@media(hover: hover) {
.ncriptech__overlapped-split-content figure:hover figcaption {
transform: translateY(-30px)
}
}
.ncriptech__figure-article-content .bg-half {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 50%;
z-index: -1
}
@media(max-width: 575px) {
.ncriptech__figure-article-content .c2a-video2:not(.c2a-video-for-mobile) {
margin-inline: -15px !important
}
.ncriptech__figure-article-content .c2a--inline {
margin-inline: -25px;
width: calc(100% + 50px) !important
}
}
.ncriptech__figure-article-content .inner-container {
display: grid;
grid-gap: 1rem;
gap: 1rem;
align-items: center
}
@media(min-width: 1000px) {
.ncriptech__figure-article-content .inner-container {
grid-template-columns: var(--grid-col, 1.28fr 1fr);
grid-gap: 5rem;
gap: 5rem
}
}
.ncriptech__figure-article-content .with-seperator {
margin-bottom: 3rem;
padding-bottom: 3rem;
border-bottom: 1px solid #ddd
}
@media(max-width: 767px) {
.ncriptech__figure-article-content .with-seperator {
margin-bottom: 2rem;
padding-bottom: 1rem
}
}
.ncriptech__figure-article-content figure {
display: grid;
align-items: end;
position: relative
}
.ncriptech__figure-article-content figure>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__figure-article-content figure figcaption {
position: absolute;
right: 2rem;
bottom: 2rem
}
.ncriptech__figure-article-content figure .c2a-video {
margin: 1rem;
width: 2rem;
position: relative;
z-index: 2
}
.ncriptech__figure-article-content figure .c2a-video2 {
margin: 1rem;
width: 10rem;
position: relative;
z-index: 2
}
.ncriptech__figure-article-content figure img {
width: 100%
}
.ncriptech__figure-article-content article {
padding-right: 3rem
}
@media(max-width: 1199px) {
.ncriptech__figure-article-content article {
padding-right: 0
}
.ncriptech__figure-article-content article .h4 br,
.ncriptech__figure-article-content article .ncriptech__about-values .c2a-arw br,
.ncriptech__about-values .ncriptech__figure-article-content article .c2a-arw br,
.ncriptech__figure-article-content .ncriptech__career--realpeople article h5 br,
.ncriptech__career--realpeople .ncriptech__figure-article-content article h5 br,
.ncriptech__figure-article-content article .ncriptech__info-grid h4 br,
.ncriptech__info-grid .ncriptech__figure-article-content article h4 br {
display: none
}
}
.ncriptech__figure-article-content .swiper-nav {
padding-right: 3rem
}
.ncriptech__figure-article-content.OneFr-column .inner-container {
gap: 0;
grid-gap: 0;
align-items: stretch
}
.ncriptech__figure-article-content.OneFr-column .inner-container>figure img {
height: 100%;
object-fit: cover
}
.ncriptech__figure-article-content.OneFr-column .inner-container>article {
border: 1px solid #e0e0e0;
padding: 1.5rem;
display: flex;
flex-direction: column;
align-items: flex-start
}
@media(max-width: 999px) {
.ncriptech__figure-article-content.OneFr-column .inner-container>article {
padding-bottom: 0
}
}
@media(min-width: 2560px) {
.ncriptech__figure-article-content.OneFr-column .inner-container>article {
justify-content: space-between
}
}
@media(min-width: 875px)and (max-width: 1023px) {
.ncriptech__figure-article-content.OneFr-column .inner-container>article p {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical
}
}
.ncriptech__figure-article-content.OneFr-column .inner-container>article .c2a-arw {
width: calc(100% + 6rem);
margin-left: -3rem;
margin-right: -3rem;
padding: .9rem 3rem;
border-width: 1px 0 0 0;
border-color: inherit;
border-style: solid;
flex-basis: auto;
border-radius: 0
}
@media(max-width: 999px) {
.ncriptech__figure-article-content.OneFr-column .inner-container>article .c2a-arw {
width: calc(100% + 3rem) !important;
margin-left: -1.5rem;
margin-right: -1.5rem;
padding: .85rem 1.5rem;
background-color: #9b9b9b;
margin-top: 1.5rem;
color: #fff !important
}
}
@media(min-width: 1000px) {
.ncriptech__figure-article-content.OneFr-column .inner-container {
grid-template-columns: 1fr 1fr
}
.ncriptech__figure-article-content.OneFr-column .inner-container>article {
border-left: none;
padding: 1.5rem 3rem;
padding-bottom: 0
}
}
.ncriptech__figure-article-content.zeroeight-one-column .main-container {
display: grid;
gap: 3rem
}
@media(min-width: 1000px) {
.ncriptech__figure-article-content.zeroeight-one-column .main-container {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: start
}
.ncriptech__figure-article-content.zeroeight-one-column .inner-container {
grid-template-columns: 1fr;
gap: 3rem;
grid-gap: 3rem
}
}
@media(max-width: 759px) {
.ncriptech__figure-article-content.zeroeight-one-column .inner-container article .h4,
.ncriptech__figure-article-content.zeroeight-one-column .inner-container article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__figure-article-content.zeroeight-one-column .inner-container article .c2a-arw,
.ncriptech__figure-article-content.zeroeight-one-column .inner-container .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech__figure-article-content.zeroeight-one-column .inner-container article h5,
.ncriptech__figure-article-content.zeroeight-one-column .inner-container article .ncriptech__info-grid h4,
.ncriptech__info-grid .ncriptech__figure-article-content.zeroeight-one-column .inner-container article h4 {
font-size: 1.1rem
}
.ncriptech__figure-article-content.zeroeight-one-column .inner-container article>*:not(.h4):not(.c2a-arw):not(.blog--intro) {
display: none
}
}
.ncriptech__figure-article-content.with-border .inner-container {
align-items: inherit;
grid-gap: 0;
gap: 0
}
.ncriptech__figure-article-content.with-border article {
border: 1px solid #e0e0e0;
padding: 1.5rem;
display: flex;
flex-wrap: wrap;
align-content: center
}
@media(max-width: 575px) {
.ncriptech__figure-article-content.with-border article {
padding-bottom: 0
}
}
@media(min-width: 1000px) {
.ncriptech__figure-article-content.with-border article {
border-left: none;
padding: 1.5rem 3rem
}
}
.ncriptech__figure-article-content.reverse .inner-container {
display: grid;
grid-template-columns: 1fr 1.28fr;
grid-gap: 4rem;
gap: 4rem;
align-items: center
}
@media(max-width: 999px) {
.ncriptech__figure-article-content .mobile-padding {
padding: 1rem .5rem
}
}
@media(max-width: 575px) {
.ncriptech__figure-article-content .mobile-padding {
padding-bottom: 0
}
.ncriptech__figure-article-content .mobile-padding .h3 {
font-size: 22px
}
.ncriptech__figure-article-content .mobile-padding .c2a {
margin-inline: 0;
width: 100% !important;
margin: 0 auto
}
}
@media(min-width: 2040px) {
.ncriptech__figure-article-content .h4.text-animation,
.ncriptech__figure-article-content .ncriptech__about-values .text-animation.c2a-arw,
.ncriptech__about-values .ncriptech__figure-article-content .text-animation.c2a-arw,
.ncriptech__figure-article-content .ncriptech__career--realpeople article h5.text-animation,
.ncriptech__career--realpeople article .ncriptech__figure-article-content h5.text-animation,
.ncriptech__figure-article-content .ncriptech__info-grid h4.text-animation,
.ncriptech__info-grid .ncriptech__figure-article-content h4.text-animation {
line-height: 1.25;
font-size: 1.55rem
}
}
@media(min-width: 576px) {
.ncriptech__eq-content[class*=bg--] {
padding-bottom: 0 !important
}
.ncriptech__eq-content article {
display: grid;
grid-template-columns: 42rem auto;
align-items: start;
justify-content: space-between
}
.ncriptech__eq-content article .h3xs {
max-width: 30rem
}
}
@media(max-width: 575px) {
.ncriptech__eq-content.bg--extradrk-2 {
padding-bottom: 0 !important
}
}
.ncriptech__eq-content .inner-container {
display: grid;
grid-gap: 1.5rem;
gap: 1.5rem;
align-items: center
}
@media(max-width: 999px)and (min-width: 576px) {
.ncriptech__eq-content .inner-container {
padding: var(--spacer) 0
}
}
@media(min-width: 676px) {
.ncriptech__eq-content .inner-container {
grid-template-columns: 1fr 1fr
}
}
@media(min-width: 1200px) {
.ncriptech__eq-content .inner-container {
grid-template-columns: auto;
grid-gap: 6rem;
gap: 6rem
}
}
@media(min-width: 1900px) {
.ncriptech__eq-content .gap\:long {
margin-top: 10em
}
}
.ncriptech__eq-content figure {
display: grid;
place-items: end
}
@media(max-width: 575px) {
.ncriptech__eq-content figure {
width: auto;
margin-left: -16px;
margin-right: -16px
}
}
@media(max-width: 1920px)and (min-width: 1200px) {
.ncriptech__eq-content figure {
max-width: 700px;
margin-left: auto
}
}
.ncriptech__eq-content figure>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__eq-content figure .c2a-video {
margin: 1rem;
width: 2rem;
position: relative;
z-index: 2
}
.ncriptech__eq-content figure .c2a-video2 {
margin: 1rem;
width: 10rem;
position: relative;
z-index: 2
}
.ncriptech__eq-content figure.topRight {
place-items: start
}
.ncriptech__eq-content figure.topRight .c2a-video {
margin-left: auto
}
.ncriptech__eq-content figure img {
width: 100%
}
@media(max-width: 575px) {
.ncriptech__eq-content figure {
grid-row: 1
}
}
.offset--2-padding {
padding-bottom: 12rem !important
}
.ncriptech__offset-carousel-content .swiper-nav,
.ncriptech__offset-static-content .swiper-nav {
color: currentColor
}
@media(max-width: 575px) {
.ncriptech__offset-carousel-content .c2a,
.ncriptech__offset-static-content .c2a {
margin-left: -15px !important;
margin-right: -15px !important
}
}
.ncriptech__offset-carousel-content .main-container,
.ncriptech__offset-static-content .main-container {
background-color: inherit
}
.ncriptech__offset-carousel-content .inner-container .swiper-slide,
.ncriptech__offset-static-content .inner-container .swiper-slide {
padding: 2rem;
background: #fff;
border-radius: .35rem
}
@media(max-width: 759px) {
.ncriptech__offset-carousel-content .inner-container .swiper-slide,
.ncriptech__offset-static-content .inner-container .swiper-slide {
padding: 1.5rem
}
}
@media(min-width: 2560px) {
.ncriptech__offset-carousel-content .inner-container .swiper-slide,
.ncriptech__offset-static-content .inner-container .swiper-slide {
padding: 2rem
}
}
.ncriptech__offset-carousel-content .c2a-underline,
.ncriptech__offset-static-content .c2a-underline {
margin-top: 3rem
}
.ncriptech__offset-carousel-content .grid--3,
.ncriptech__offset-static-content .grid--3 {
grid-gap: 1rem;
gap: 1rem
}
@media(max-width: 759px) {
.ncriptech__offset-carousel-content .grid--3,
.ncriptech__offset-static-content .grid--3 {
grid-gap: 1.25rem;
gap: 1.25rem
}
}
@media(max-width: 999px) {
.ncriptech__offset-carousel-content .inner-container,
.ncriptech__offset-static-content .inner-container {
display: flex;
flex-direction: column;
align-items: flex-start
}
.ncriptech__offset-carousel-content .inner-container>article,
.ncriptech__offset-static-content .inner-container>article {
display: contents
}
.ncriptech__offset-carousel-content .inner-container>article .swiper-nav,
.ncriptech__offset-static-content .inner-container>article .swiper-nav {
width: 100%;
text-align: center;
order: 1;
margin-top: 2.5rem
}
.ncriptech__offset-carousel-content .inner-container>article .c2a,
.ncriptech__offset-static-content .inner-container>article .c2a {
order: 2;
margin-left: auto;
margin-right: auto;
margin-top: 3rem
}
.ncriptech__offset-carousel-content .inner-container>div,
.ncriptech__offset-static-content .inner-container>div {
margin-top: 1rem
}
.ncriptech__offset-carousel-content .c2a,
.ncriptech__offset-carousel-content .c2a-underline,
.ncriptech__offset-static-content .c2a,
.ncriptech__offset-static-content .c2a-underline {
margin-top: 1.5rem
}
.ncriptech__offset-carousel-content .h4,
.ncriptech__offset-carousel-content .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__offset-carousel-content .c2a-arw,
.ncriptech__offset-carousel-content .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople article .ncriptech__offset-carousel-content h5,
.ncriptech__offset-carousel-content .ncriptech__info-grid h4,
.ncriptech__info-grid .ncriptech__offset-carousel-content h4,
.ncriptech__offset-static-content .h4,
.ncriptech__offset-static-content .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__offset-static-content .c2a-arw,
.ncriptech__offset-static-content .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople article .ncriptech__offset-static-content h5,
.ncriptech__offset-static-content .ncriptech__info-grid h4,
.ncriptech__info-grid .ncriptech__offset-static-content h4 {
font-weight: 500
}
.ncriptech__offset-carousel-content .h4 br,
.ncriptech__offset-carousel-content .ncriptech__about-values .c2a-arw br,
.ncriptech__about-values .ncriptech__offset-carousel-content .c2a-arw br,
.ncriptech__offset-carousel-content .ncriptech__career--realpeople article h5 br,
.ncriptech__career--realpeople article .ncriptech__offset-carousel-content h5 br,
.ncriptech__offset-carousel-content .ncriptech__info-grid h4 br,
.ncriptech__info-grid .ncriptech__offset-carousel-content h4 br,
.ncriptech__offset-static-content .h4 br,
.ncriptech__offset-static-content .ncriptech__about-values .c2a-arw br,
.ncriptech__about-values .ncriptech__offset-static-content .c2a-arw br,
.ncriptech__offset-static-content .ncriptech__career--realpeople article h5 br,
.ncriptech__career--realpeople article .ncriptech__offset-static-content h5 br,
.ncriptech__offset-static-content .ncriptech__info-grid h4 br,
.ncriptech__info-grid .ncriptech__offset-static-content h4 br {
display: none
}
}
.ncriptech__offset-carousel-content {
background-color: #fff
}
@media(max-width: 992px) {
.ncriptech__offset-carousel-content {
padding-bottom: 3rem !important
}
}
.ncriptech__offset-carousel-content .block--head {
display: grid;
align-items: end;
justify-content: space-between;
margin-bottom: var(--spacerHalf);
width: 100%
}
@media(min-width: 576px) {
.ncriptech__offset-carousel-content .block--head {
grid-template-columns: .5fr auto
}
}
@media(max-width: 999px) {
.ncriptech__offset-carousel-content .block--head {
gap: 2rem
}
}
.ncriptech__offset-carousel-content:not(.theme-white):not(.bg--grad) .swiper-slide {
background-color: #000 !important
}
.ncriptech__offset-carousel-content:not(.theme-white):not(.bg--grad) .card-style--4New {
background-color: #000
}
.ncriptech__offset-carousel-content .swiper-slide {
border: 1px solid #2c2c2c;
aspect-ratio: 1/1;
padding: 0 !important
}
.ncriptech__offset-carousel-content.bg--grad {
position: relative;
overflow: hidden
}
.ncriptech__offset-carousel-content.bg--grad .circle-grad {
width: 38vw;
height: 38vw;
border-radius: 50%;
position: absolute;
top: 0;
z-index: -1;
filter: blur(100px);
opacity: .7
}
.ncriptech__offset-carousel-content.bg--grad .grad--p {
background-color: rgba(78, 75, 254, .3607843137);
left: 32%;
top: -10%
}
.ncriptech__offset-carousel-content.bg--grad .grad--b {
background-color: rgba(5, 0, 191, .6117647059);
left: 54%
}
.ncriptech__offset-carousel-content.bg--grad .swiper-slide {
background: rgba(255, 255, 255, .75);
border-radius: .35rem;
border: 1.5px solid #fff;
aspect-ratio: auto;
height: auto
}
.ncriptech__offset-carousel-content .card-style--4New {
height: 100%;
display: grid;
overflow: hidden
}
.ncriptech__offset-carousel-content .card-style--4New>* {
gap: 2rem;
grid-row: 1;
grid-column: 1;
padding: 2.5rem;
display: flex;
justify-content: space-between;
flex-direction: column
}
@media(max-width: 575px) {
.ncriptech__offset-carousel-content .card-style--4New>* {
padding: 1.5rem 2.5rem;
gap: 1rem
}
}
@media(max-width: 380px) {
.ncriptech__offset-carousel-content .card-style--4New>* {
padding: 2rem 2rem;
gap: .5rem
}
}
.ncriptech__offset-carousel-content .card-style--4New .card-style--4NewFront svg {
width: 5em;
height: auto;
opacity: .25;
transform: translate(0);
transition: transform .5s cubic-bezier(0.7, 0, 0.3, 1)
}
.ncriptech__offset-carousel-content .card-style--4New .card-style--4NewFront svg:nth-of-type(1) {
align-self: start
}
.ncriptech__offset-carousel-content .card-style--4New .card-style--4NewFront svg:nth-of-type(2) {
align-self: end
}
.ncriptech__offset-carousel-content .card-style--4New .card-style--4NewFront .heading {
align-self: center;
font-size: 1.6rem;
line-height: 1.3;
font-weight: 300;
filter: blur(0.1px);
transition: filter .8s cubic-bezier(0.7, 0, 0.3, 1)
}
.ncriptech__offset-carousel-content .card-style--4New .card-style--4NewBack {
opacity: 0;
transition: opacity .5s cubic-bezier(0.7, 0, 0.3, 1)
}
.ncriptech__offset-carousel-content .card-style--4New .card-style--4NewBack h6 {
font-size: 1.6rem;
font-weight: 500;
line-height: 1.4;
background: #ca357d;
background: linear-gradient(-90deg, #0235f5 50%, #e41f26 100%);
-webkit-background-clip: text;
background-clip: text;
color: rgba(0, 0, 0, 0)
}
@media(max-width: 1200px) {
.ncriptech__offset-carousel-content .card-style--4New .card-style--4NewBack h6 {
font-size: 1.4rem
}
}
@media(max-width: 360px) {
.ncriptech__offset-carousel-content .card-style--4New .card-style--4NewBack h6 {
font-size: 1.1rem
}
}
.ncriptech__offset-carousel-content .card-style--4New .card-style--4NewBack p {
max-width: 29ch;
font-weight: 300;
opacity: .8
}
@media(min-width: 1200px) {
.ncriptech__offset-carousel-content .card-style--4New:hover .card-style--4NewFront .heading {
filter: blur(50px)
}
.ncriptech__offset-carousel-content .card-style--4New:hover .card-style--4NewFront svg:nth-of-type(1) {
transform: translate(-85%, -85%)
}
.ncriptech__offset-carousel-content .card-style--4New:hover .card-style--4NewFront svg:nth-of-type(2) {
transform: translate(85%, 85%)
}
.ncriptech__offset-carousel-content .card-style--4New:hover .card-style--4NewBack {
opacity: 1;
transition: opacity .5s cubic-bezier(0.7, 0, 0.3, 1) .1s
}
}
@media(max-width: 1200px) {
.ncriptech__offset-carousel-content .card-style--4New .card-style--4NewFront .heading {
filter: blur(50px)
}
.ncriptech__offset-carousel-content .card-style--4New .card-style--4NewFront svg:nth-of-type(1) {
transform: translate(-85%, -85%)
}
.ncriptech__offset-carousel-content .card-style--4New .card-style--4NewFront svg:nth-of-type(2) {
transform: translate(85%, 85%)
}
.ncriptech__offset-carousel-content .card-style--4New .card-style--4NewBack {
opacity: 1;
transition: opacity .5s cubic-bezier(0.7, 0, 0.3, 1) .1s
}
}
@media(max-width: 575px) {
.ncriptech__offset-carousel-content .card-style--4New .card-style--4NewFront .heading {
filter: blur(50px)
}
.ncriptech__offset-carousel-content .card-style--4New .card-style--4NewFront svg:nth-of-type(1) {
transform: translate(-73%, -70%)
}
.ncriptech__offset-carousel-content .card-style--4New .card-style--4NewFront svg:nth-of-type(2) {
transform: translate(75%, 75%)
}
}
.ncriptech__offset-carousel-content .card-style--4New2 {
height: 100%;
display: grid;
overflow: hidden
}
.ncriptech__offset-carousel-content .card-style--4New2>* {
grid-row: 1;
grid-column: 1;
padding: 2.5rem;
display: flex;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
gap: 1rem
}
.ncriptech__offset-carousel-content .card-style--4New2 .card-style--4New2Front svg {
width: 45%;
height: auto;
color: #fff;
transition: transform .5s ease-out
}
.ncriptech__offset-carousel-content .card-style--4New2 .card-style--4New2Front svg:nth-of-type(1) {
fill: rgba(0, 0, 0, 0);
transform: rotate(90deg) translate(-1%, -49%);
transform-origin: top left
}
.ncriptech__offset-carousel-content .card-style--4New2 .card-style--4New2Front svg:nth-of-type(2) {
transform: scale(-1);
transform-origin: 104% 24.5%
}
.ncriptech__offset-carousel-content .card-style--4New2 .card-style--4New2Front .heading {
align-self: end;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 400;
transition: transform .1s ease-in-out
}
.ncriptech__offset-carousel-content .card-style--4New2 .card-style--4New2Back {
gap: 1rem;
opacity: 0;
transform: translateY(56.5%);
transition: 0s
}
.ncriptech__offset-carousel-content .card-style--4New2 .card-style--4New2Back h6 {
font-size: 1.5rem;
line-height: 1.2;
font-weight: 400;
transform: translateY(-0.35em)
}
@media(max-width: 768px) {
.ncriptech__offset-carousel-content .card-style--4New2 .card-style--4New2Back h6 {
font-size: 1.2rem
}
}
.ncriptech__offset-carousel-content .card-style--4New2 .card-style--4New2Back p {
max-width: 29ch;
font-weight: 300
}
.ncriptech__offset-carousel-content .card-style--4New2:hover {
background: #fff
}
.ncriptech__offset-carousel-content .card-style--4New2:hover .card-style--4New2Front .heading {
transform: translateY(200%);
opacity: 0
}
.ncriptech__offset-carousel-content .card-style--4New2:hover .card-style--4New2Front svg {
color: currentColor
}
.ncriptech__offset-carousel-content .card-style--4New2:hover .card-style--4New2Front svg:nth-of-type(1) {
transform: rotate(0deg) rotate(0deg) translate(-110%, -16%);
transition: transform .5s ease-out, fill .2s ease-out .4s
}
.ncriptech__offset-carousel-content .card-style--4New2:hover .card-style--4New2Front svg:nth-of-type(1) path {
stroke: #0235f5
}
.ncriptech__offset-carousel-content .card-style--4New2:hover .card-style--4New2Front svg:nth-of-type(2) {
opacity: .1;
transform: translate(70%, 130%)
}
.ncriptech__offset-carousel-content .card-style--4New2:hover .card-style--4New2Back {
opacity: 1;
transform: translateY(0%);
transition: transform .5s ease .03s
}
.ncriptech__offset-carousel-content .card-style--4New2:hover .card-style--4New2Back h6 {
font-weight: 500;
background: linear-gradient(314deg, #0a93c7, #0235f5);
-webkit-background-clip: text;
background-clip: text;
color: rgba(0, 0, 0, 0)
}
@media(max-width: 1200px) {
.ncriptech__offset-carousel-content .card-style--4New2 {
background: #fff
}
.ncriptech__offset-carousel-content .card-style--4New2 .card-style--4New2Front .heading {
transform: translateY(200%);
opacity: 0
}
.ncriptech__offset-carousel-content .card-style--4New2 .card-style--4New2Front svg {
color: currentColor
}
.ncriptech__offset-carousel-content .card-style--4New2 .card-style--4New2Front svg:nth-of-type(1) {
transform: rotate(0deg) rotate(0deg) translate(-110%, -16%);
transition: transform .5s ease-out, fill .2s ease-out .4s
}
.ncriptech__offset-carousel-content .card-style--4New2 .card-style--4New2Front svg:nth-of-type(1) path {
stroke: url(#targetSolGrad)
}
.ncriptech__offset-carousel-content .card-style--4New2 .card-style--4New2Front svg:nth-of-type(2) {
opacity: .1;
transform: translate(70%, 130%)
}
.ncriptech__offset-carousel-content .card-style--4New2 .card-style--4New2Back {
opacity: 1;
transform: translateY(0%);
transition: transform .5s ease .03s
}
.ncriptech__offset-carousel-content .card-style--4New2 .card-style--4New2Back h6 {
font-weight: 500;
background: linear-gradient(153deg, #ff4dd2, #ff993b);
-webkit-background-clip: text;
background-clip: text;
color: rgba(0, 0, 0, 0)
}
}
.ncriptech__offset-carousel-content article {
display: grid;
grid-auto-flow: column;
justify-content: space-between;
gap: 2rem;
align-items: end;
margin-bottom: 3rem
}
.ncriptech__offset-carousel-content.bg--blak article p {
font-weight: 300;
max-width: 41ch
}
.ncriptech__offset-carousel-content.bg--blak article p.width_bigger {
max-width: 48ch
}
@media(max-width: 575px) {
.ncriptech__offset-carousel-content .grid--2 article .h5,
.ncriptech__offset-carousel-content .grid--2 article footer .footer--c2a .c2a-arw,
footer .footer--c2a .ncriptech__offset-carousel-content .grid--2 article .c2a-arw {
font-size: 1.4rem
}
.ncriptech__offset-carousel-content .grid--2 article p {
font-size: 1.05rem
}
}
.ncriptech__offset-carousel-content .swiper__offset_content {
overflow: visible
}
@media(max-width: 575px) {
.ncriptech__offset-carousel-content .swiper__offset_content .h10 {
font-size: 1rem
}
}
.ncriptech__offset-carousel-content .swiper__offset_content,
.ncriptech__offset-carousel-content .swiper__offset_content2 {
width: 100%;
counter-reset: digital-counter;
z-index: 1
}
@media(min-width: 1000px) {
.ncriptech__offset-carousel-content .swiper__offset_content,
.ncriptech__offset-carousel-content .swiper__offset_content2 {
overflow: visible
}
}
.ncriptech__offset-carousel-content .swiper__offset_content.with-counter .swiper-slide,
.ncriptech__offset-carousel-content .swiper__offset_content2.with-counter .swiper-slide {
display: flex;
flex-direction: column
}
.ncriptech__offset-carousel-content .swiper__offset_content.with-counter .swiper-slide article,
.ncriptech__offset-carousel-content .swiper__offset_content2.with-counter .swiper-slide article {
margin-bottom: 2rem
}
.ncriptech__offset-carousel-content .swiper__offset_content.with-counter .swiper-slide::after,
.ncriptech__offset-carousel-content .swiper__offset_content2.with-counter .swiper-slide::after {
max-width: 2ch;
counter-increment: digital-counter;
font-size: 1.5rem;
color: #b4b4b4;
display: block;
margin-top: auto;
margin-left: auto;
line-height: 1;
grid-column: 2
}
.ncriptech__offset-carousel-content .swiper__offset_content.with-counter .swiper-slide:nth-child(-n+10)::after,
.ncriptech__offset-carousel-content .swiper__offset_content2.with-counter .swiper-slide:nth-child(-n+10)::after {
content: "0" counter(digital-counter) ""
}
.ncriptech__offset-carousel-content .swiper__offset_content.with-counter .swiper-slide:nth-child(n+10)::after,
.ncriptech__offset-carousel-content .swiper__offset_content2.with-counter .swiper-slide:nth-child(n+10)::after {
content: counter(digital-counter)
}
.ncriptech__offset-carousel-content .swiper__offset_content.with-counter .swiper-slide:hover::after,
.ncriptech__offset-carousel-content .swiper__offset_content.with-counter .swiper-slide:hover .h5,
.ncriptech__offset-carousel-content .swiper__offset_content.with-counter .swiper-slide:hover footer .footer--c2a .c2a-arw,
footer .footer--c2a .ncriptech__offset-carousel-content .swiper__offset_content.with-counter .swiper-slide:hover .c2a-arw,
.ncriptech__offset-carousel-content .swiper__offset_content2.with-counter .swiper-slide:hover::after,
.ncriptech__offset-carousel-content .swiper__offset_content2.with-counter .swiper-slide:hover .h5,
.ncriptech__offset-carousel-content .swiper__offset_content2.with-counter .swiper-slide:hover footer .footer--c2a .c2a-arw,
footer .footer--c2a .ncriptech__offset-carousel-content .swiper__offset_content2.with-counter .swiper-slide:hover .c2a-arw {
color: #0235f5
}
.ncriptech__offset-carousel-content .swiper__offset_content.hidden-overflow,
.ncriptech__offset-carousel-content .swiper__offset_content2.hidden-overflow {
overflow: hidden
}
@media(max-width: 575px) {
.ncriptech__offset-carousel-content .swiper__offset_content .card-style--4 .h5,
.ncriptech__offset-carousel-content .swiper__offset_content .card-style--4 footer .footer--c2a .c2a-arw,
footer .footer--c2a .ncriptech__offset-carousel-content .swiper__offset_content .card-style--4 .c2a-arw,
.ncriptech__offset-carousel-content .swiper__offset_content2 .card-style--4 .h5,
.ncriptech__offset-carousel-content .swiper__offset_content2 .card-style--4 footer .footer--c2a .c2a-arw,
footer .footer--c2a .ncriptech__offset-carousel-content .swiper__offset_content2 .card-style--4 .c2a-arw {
font-size: 1.2rem;
line-height: 1.4
}
.ncriptech__offset-carousel-content .swiper__offset_content .card-style--4 p,
.ncriptech__offset-carousel-content .swiper__offset_content2 .card-style--4 p {
font-size: 1.05rem;
max-width: 400px
}
}
.ncriptech__offset-carousel-content .swiper__offset_content.swiper__offset_noHover .card-style--4New .card-style--4NewBack,
.ncriptech__offset-carousel-content .swiper__offset_content2.swiper__offset_noHover .card-style--4New .card-style--4NewBack {
display: none !important
}
.ncriptech__offset-carousel-content .swiper__offset_content.swiper__offset_noHover .card-style--4NewFront,
.ncriptech__offset-carousel-content .swiper__offset_content2.swiper__offset_noHover .card-style--4NewFront {
filter: none !important
}
.ncriptech__offset-carousel-content .swiper__offset_content.swiper__offset_noHover .card-style--4New:hover .card-style--4NewFront .heading,
.ncriptech__offset-carousel-content .swiper__offset_content2.swiper__offset_noHover .card-style--4New:hover .card-style--4NewFront .heading {
filter: none !important
}
@media(max-width: 1200px) {
.ncriptech__offset-carousel-content .swiper__offset_content.swiper__offset_noHover .card-style--4NewFront .heading,
.ncriptech__offset-carousel-content .swiper__offset_content2.swiper__offset_noHover .card-style--4NewFront .heading {
filter: none !important
}
}
@media(min-width: 1000px) {
.ncriptech__offset-carousel-content {
margin-top: var(--spacer)
}
}
@media(max-width: 999px) {
.ncriptech__offset-carousel-content.solutions-consulting-service {
margin-top: 3rem
}
}
@media(max-width: 575px) {
.ncriptech__offset-carousel-content.solutions-consulting-service .swiper__offset_content .h5,
.ncriptech__offset-carousel-content.solutions-consulting-service .swiper__offset_content footer .footer--c2a .c2a-arw,
footer .footer--c2a .ncriptech__offset-carousel-content.solutions-consulting-service .swiper__offset_content .c2a-arw {
font-size: 1.4rem
}
.ncriptech__offset-carousel-content.solutions-consulting-service .swiper__offset_content p {
font-size: 1.05rem
}
}
@media(min-width: 760px) {
.ncriptech__offset-static-content .card-style--4 {
display: flex;
flex-wrap: wrap
}
.ncriptech__offset-static-content .card-style--4 article {
flex-grow: 1;
display: flex;
flex-wrap: wrap
}
.ncriptech__offset-static-content .card-style--4 article>p {
font-size: 18px
}
.ncriptech__offset-static-content .card-style--4 .c2a-cont {
margin-top: auto;
margin-left: auto
}
.ncriptech__offset-static-content .card-style--4 .c2a-cont .c2a {
margin-top: .5rem;
float: right
}
}
.ncriptech__figure-article-offset-content {
display: grid;
align-items: center
}
@media(min-width: 576px) {
.ncriptech__figure-article-offset-content>* {
grid-row: 1;
grid-column: 1;
width: 100%
}
}
@media(max-width: 575px) {
.ncriptech__figure-article-offset-content figure {
border-left: 15px solid #fff;
border-right: 15px solid #fff;
margin-bottom: 0
}
.ncriptech__figure-article-offset-content figure img {
object-fit: cover;
width: 100%;
height: 100%;
object-position: right
}
}
.ncriptech__figure-article-offset-content.with-grad figure {
text-align: right;
position: relative;
z-index: -1
}
.ncriptech__figure-article-offset-content.with-grad figure::after {
content: "";
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: -33%;
background: linear-gradient(to right, var(--grad, #272b2c) 55%, transparent)
}
.ncriptech__figure-article-offset-content.with-grad figure img {
max-width: 80%
}
.ncriptech__figure-article-offset-content.align-right article {
margin-left: auto
}
.ncriptech__figure-article-offset-content article {
padding: 1.5em;
color: #fff;
display: grid;
justify-items: start;
pointer-events: auto;
position: relative;
z-index: 2
}
.ncriptech__figure-article-offset-content article * {
line-height: 1.6
}
@media(min-width: 760px) {
.ncriptech__figure-article-offset-content article {
padding: 2em;
max-width: 50%
}
}
@media(min-width: 1200px) {
.ncriptech__figure-article-offset-content article {
width: 680px;
max-width: 40.65vw;
padding: 2.5em
}
}
@media(min-width: 2040px) {
.ncriptech__figure-article-offset-content article {
width: 50rem
}
}
.ncriptech__figure-article-offset-content .c2a-video {
width: 2.4rem;
margin-top: 1.5rem
}
@media(min-width: 760px) {
.ncriptech__figure-article-offset-content .c2a-video {
margin-top: 6rem
}
.ncriptech__figure-article-offset-content .c2a-video.c2a-videoX {
margin-top: 12em
}
}
.ncriptech__figure-article-offset-content .c2a-video2 {
margin-top: 1.5rem
}
@media(min-width: 760px) {
.ncriptech__figure-article-offset-content .c2a-video2 {
margin-top: 4rem
}
}
.ncriptech__figure-article-offset-content.half-scroll figure {
position: relative
}
.ncriptech__figure-article-offset-content.half-scroll figure::before {
content: "";
width: 80%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #000;
background: linear-gradient(90deg, rgb(0, 0, 0) 30%, rgba(67, 93, 121, 0) 100%);
z-index: 1
}
@media(max-width: 675px) {
.ncriptech__figure-article-offset-content.half-scroll .bg--dgrn-2 {
background-color: rgba(0, 0, 0, 0) !important
}
}
@media(min-width: 576px) {
.ncriptech__masonry-grid .inner-container {
display: grid;
justify-items: start;
place-items: end;
grid-template-columns: auto auto;
grid-gap: 1rem;
gap: 1rem
}
}
.ncriptech__masonry-grid .mgrid {
display: grid;
grid-gap: 15px;
gap: 15px
}
@media(min-width: 760px) {
.ncriptech__masonry-grid .mgrid {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media(max-width: 759px) {
.ncriptech__masonry-grid .mgrid {
grid-template-columns: 80vw;
grid-auto-flow: column;
grid-auto-columns: 80vw;
overflow-y: hidden;
overflow-x: scroll;
width: 100%;
padding-bottom: 2rem
}
}
@media(min-width: 1200px) {
.ncriptech__masonry-grid .mgrid {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.ncriptech__masonry-grid .mgrid>*:first-child,
.ncriptech__masonry-grid .mgrid>*:last-child {
grid-row: span 2
}
.ncriptech__masonry-grid .mgrid>*:nth-child(3) {
grid-row: 2;
grid-column: 2
}
}
.ncriptech__masonry-grid .card-style--7 article:hover {
color: #fff;
background: linear-gradient(-45deg, rgba(255, 39, 189, var(--sat1, 0.99608)) 0%, rgba(150, 48, 206, var(--sat2, 1)) 100%)
}
.tab-contents>*:not(.actv) {
display: none !important
}
.tab-contents>* {
opacity: 0;
height: 100%
}
.tab-contents>* img {
object-fit: cover;
height: 100%;
width: 100%
}
.tab-contents>*.actv {
animation: fadeIn .3s ease-in forwards
}
.pin-spacer {
float: left !important
}
.dots-container {
display: flex;
flex-direction: column;
justify-content: space-between
}
.dots-container>div {
width: 100%;
display: grid;
grid-auto-flow: column;
justify-content: space-between
}
.dots-container span {
display: inline-block;
width: 1em;
height: 1em;
border-radius: 50%;
background-color: #0235f5
}
.anim--zoom {
overflow: hidden
}
#path-fill {
fill: rgba(255, 209, 0, .25)
}
#path-stroke {
fill: none;
stroke-width: 7;
stroke-linecap: butt;
stroke-linejoin: miter;
stroke-opacity: 1;
stroke-miterlimit: 4;
stroke-dasharray: none;
stroke: #fff
}
.ncriptech__footer-c2a {
position: relative;
--ico-size: 1.6em
}
@media(max-width: 999px) {
.ncriptech__footer-c2a .main-container {
padding-left: 0;
padding-right: 0
}
}
.ncriptech__footer-c2a .inner-container {
display: grid;
justify-items: start;
grid-gap: 1.5rem;
gap: 1.5rem;
padding: 2rem 1.5rem;
border-radius: 6px;
margin-bottom: var(--spacer);
position: relative;
z-index: 1
}
@media(min-width: 760px) {
.ncriptech__footer-c2a .inner-container {
align-items: end;
grid-template-columns: 1fr auto;
padding: 2rem
}
}
@media(min-width: 1000px) {
.ncriptech__footer-c2a .inner-container {
padding: 2.5rem;
margin-bottom: calc(-1*var(--footer-offset))
}
}
@media(max-width: 999px) {
.ncriptech__footer-c2a .inner-container {
border-radius: 0;
padding: 2rem;
margin-bottom: 0
}
.ncriptech__footer-c2a .inner-container article>*+* {
margin-top: 1.5rem
}
}
@media(max-width: 575px) {
.ncriptech__footer-c2a .h4,
.ncriptech__footer-c2a .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__footer-c2a .c2a-arw,
.ncriptech__footer-c2a .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople article .ncriptech__footer-c2a h5,
.ncriptech__footer-c2a .ncriptech__info-grid h4,
.ncriptech__info-grid .ncriptech__footer-c2a h4 {
font-size: 25px
}
}
@media(max-width: 575px) {
.ncriptech__footer-c2a .c2a {
border-radius: 5px !important
}
.ncriptech__footer-c2a .p,
.ncriptech__footer-c2a .fullscreen-menu .boxed--links ul,
.fullscreen-menu .boxed--links .ncriptech__footer-c2a ul,
.ncriptech__footer-c2a .ncriptech__inner--hero-2 p,
.ncriptech__inner--hero-2 .ncriptech__footer-c2a p,
.ncriptech__footer-c2a .ncriptech__inner--hero-3 p,
.ncriptech__inner--hero-3 .ncriptech__footer-c2a p {
font-size: 1.2rem !important
}
}
.ncriptech__fig-showcase {
position: relative
}
.ncriptech__fig-showcase figure {
padding-top: calc(var(--spacer)/2);
border-radius: .5em;
overflow: hidden
}
@media(min-width: 576px) {
.ncriptech__fig-showcase figure figcaption.h5 br,
.ncriptech__fig-showcase figure footer .footer--c2a figcaption.c2a-arw br,
footer .footer--c2a .ncriptech__fig-showcase figure figcaption.c2a-arw br {
display: none
}
}
.ncriptech__fig-showcase .with-bg {
position: absolute;
left: 0;
right: 0;
top: 100%;
height: var(--footer-offset)
}
.extra-gutter {
padding-right: 50px
}
.fullscreen-menu {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
display: none;
visibility: hidden;
opacity: 0;
--border-clr: #d8d8d8;
--stroke-clr: #b5b5b5
}
.fullscreen-menu ul,
.fullscreen-menu li {
list-style: none
}
@media(max-width: 759px) {
.fullscreen-menu .inner-container {
min-height: 100vh;
min-height: calc(var(--vh, 1vh)*100);
display: flex;
flex-direction: column
}
}
.fullscreen-menu .fullscreen-menu--inner {
height: 100vh;
height: calc(var(--vh, 1vh)*100);
overflow: auto
}
@media(min-width: 760px) {
.fullscreen-menu .fullscreen-menu--inner {
height: unset;
overflow: hidden
}
}
.fullscreen-menu .fullscreen-menu--header {
display: flex;
align-items: center;
justify-content: space-between;
margin: 1.5em 0 1em
}
@media(min-width: 760px) {
.fullscreen-menu .fullscreen-menu--header {
display: none
}
}
.fullscreen-menu .fullscreen-menu--header svg {
width: 30px
}
.fullscreen-menu .fullscreen-menu--header .c2a--close2 {
width: 2em;
height: 2em;
position: relative;
opacity: .8
}
.fullscreen-menu .fullscreen-menu--header .c2a--close2:after,
.fullscreen-menu .fullscreen-menu--header .c2a--close2:before {
content: "";
width: 2px;
height: 75%;
background-color: currentColor;
position: absolute;
top: .25em;
left: calc(50% + 4px)
}
.fullscreen-menu .fullscreen-menu--header .c2a--close2:before {
transform: rotate(45deg)
}
.fullscreen-menu .fullscreen-menu--header .c2a--close2:after {
transform: rotate(-45deg)
}
.fullscreen-menu .c2a--quote {
width: 100%;
display: grid;
font-size: 1.3rem;
padding: 1em;
position: relative;
left: 15px;
margin-top: auto;
border-top-left-radius: 40px
}
.fullscreen-menu .c2a--quote:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
top: 0;
left: 0;
border-left: 1px solid currentColor;
border-top: 1px solid currentColor;
border-top-left-radius: inherit
}
@media(min-width: 576px) {
.fullscreen-menu .c2a--quote {
display: none
}
}
.fullscreen-menu.menu--open {
display: block;
animation: anim__visible .2s forwards .6s;
background-color: #fff
}
@media(max-width: 759px) {
.fullscreen-menu.menu--open {
--border-clr: #4070e6;
color: #fff;
background: #176be7;
background: linear-gradient(180deg, rgb(23, 107, 231) 0%, rgb(0, 53, 247) 100%)
}
}
.fullscreen-menu .grid--links ul {
opacity: .85
}
.fullscreen-menu .grid--links li {
margin-bottom: .2em
}
@media(max-width: 759px) {
.fullscreen-menu .grid--links li {
padding: .3rem 0
}
}
@media(min-width: 760px) {
.fullscreen-menu .grid--links {
display: grid;
grid-template-columns: 1fr auto 1fr;
position: relative;
margin-bottom: 0
}
}
@media(min-width: 760px) {
.fullscreen-menu .grid--links>div {
padding-top: 2rem;
padding-bottom: 2rem;
position: relative;
--heightVal: 31%;
--sizeVal: 250px;
--sizeValC: clamp(150px, 13.0208333333vw, 250px)
}
.fullscreen-menu .grid--links>div:nth-child(even) {
grid-column: 3;
padding-left: 3rem
}
.fullscreen-menu .grid--links>div::before,
.fullscreen-menu .grid--links>div::after {
content: "";
width: 100vw;
position: absolute;
z-index: -1;
background-color: #fff;
opacity: 0;
transition: background-color .8s
}
.fullscreen-menu .grid--links>div:hover {
color: #fff
}
.fullscreen-menu .grid--links>div:hover::before,
.fullscreen-menu .grid--links>div:hover::after {
opacity: 1;
background-color: #0235f5
}
.fullscreen-menu .grid--links>div:nth-child(1)::before {
top: 0;
bottom: 0;
right: calc(-1*(var(--sizeVal) - 1px));
right: calc(-1*(var(--sizeValC) - 1px))
}
.fullscreen-menu .grid--links>div:nth-child(1)::after {
bottom: 0;
right: calc(-1*var(--sizeVal));
right: calc(-1*var(--sizeValC));
width: calc(var(--sizeVal) - 50px);
width: calc(var(--sizeValC) - 50px);
height: var(--heightVal);
background-color: #fff
}
.fullscreen-menu .grid--links>div:nth-child(2)::before {
top: 0;
bottom: 0;
left: -1px
}
.fullscreen-menu .grid--links>div:nth-child(2)::after {
bottom: 0;
left: calc(-1*(var(--sizeVal) - 50px));
left: calc(-1*(var(--sizeValC) - 50px));
height: var(--heightVal)
}
.fullscreen-menu .grid--links>div:nth-child(3)::before {
top: 1px;
bottom: 0;
right: -1px
}
.fullscreen-menu .grid--links>div:nth-child(3)::after {
top: 1px;
right: calc(-1*(var(--sizeVal) - 50px));
right: calc(-1*(var(--sizeValC) - 50px));
height: var(--heightVal)
}
.fullscreen-menu .grid--links>div:nth-child(4)::before {
top: 0;
left: -3rem;
height: 125%
}
.fullscreen-menu .grid--links>div:nth-child(4)::after {
top: 31%;
left: calc(-1*(var(--sizeVal) - 1px));
left: calc(-1*(var(--sizeValC) - 1px));
bottom: 0;
height: calc(95% + 4px)
}
}
@media(min-width: 1100px) {
.fullscreen-menu .grid--links>div ul li {
color: #fff;
transform: translateY(-0.5em);
opacity: 0;
transition: .5s ease
}
.fullscreen-menu .grid--links>div:hover ul {
opacity: 1
}
.fullscreen-menu .grid--links>div:hover ul li {
transform: translateY(0);
opacity: 1
}
.fullscreen-menu .grid--links>div:hover ul li:nth-child(1) {
transition-delay: .04s
}
.fullscreen-menu .grid--links>div:hover ul li:nth-child(2) {
transition-delay: .08s
}
.fullscreen-menu .grid--links>div:hover ul li:nth-child(3) {
transition-delay: .12s
}
.fullscreen-menu .grid--links>div:hover ul li:nth-child(4) {
transition-delay: .16s
}
.fullscreen-menu .grid--links>div:hover ul li:nth-child(5) {
transition-delay: .2s
}
.fullscreen-menu .grid--links>div:hover ul li:nth-child(6) {
transition-delay: .24s
}
.fullscreen-menu .grid--links>div:hover ul li:nth-child(7) {
transition-delay: .28s
}
.fullscreen-menu .grid--links>div:hover ul li:nth-child(8) {
transition-delay: .32s
}
.fullscreen-menu .grid--links>div:hover ul li:nth-child(9) {
transition-delay: .36s
}
.fullscreen-menu .grid--links>div:hover ul li:nth-child(10) {
transition-delay: .4s
}
}
@media(max-width: 759px) {
.fullscreen-menu .grid--links>div {
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px
}
.fullscreen-menu .grid--links>div:not(:first-child) {
border-top: 1px solid var(--border-clr)
}
.fullscreen-menu .grid--links>div h4 {
cursor: pointer;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 0
}
.fullscreen-menu .grid--links>div h4:after {
content: "+";
font-weight: 300;
font-size: 110%;
opacity: .5
}
.fullscreen-menu .grid--links>div h4 br {
display: none
}
.fullscreen-menu .grid--links>div ul {
max-height: 0;
margin-top: 0;
margin-bottom: 0;
overflow: hidden;
transition: max-height 1s ease-out
}
.fullscreen-menu .grid--links>div.open ul {
height: auto;
max-height: 500px;
margin-top: inherit;
margin-bottom: 1rem;
transition: max-height 1s ease-in !important
}
.fullscreen-menu .grid--links>div.open h4:after {
content: "-"
}
}
.fullscreen-menu .grid--links figure {
display: none
}
.fullscreen-menu .grid--links figure svg {
width: 150px;
flex: 0 0 150px;
width: clamp(150px, 13.0208333333vw, 250px);
flex: 0 0 clamp(150px, 13.0208333333vw, 250px)
}
.fullscreen-menu .grid--links figure svg:nth-of-type(1) path {
fill: #fff;
stroke: var(--stroke-clr);
stroke-width: .3 !important
}
.fullscreen-menu .grid--links figure svg:nth-of-type(2) path {
stroke-dasharray: 255.5042572021;
stroke-dashoffset: 255.5042572021
}
@media(min-width: 760px) {
.fullscreen-menu .grid--links figure {
grid-row: 1/span 2;
grid-column: 2;
place-self: center;
position: relative;
display: grid
}
.fullscreen-menu .grid--links figure svg {
grid-row: 1;
grid-column: 1
}
.fullscreen-menu .grid--links figure span {
width: 100vw;
position: absolute;
z-index: -11;
pointer-events: none
}
.fullscreen-menu .grid--links figure span:nth-of-type(1) {
top: 1px;
right: calc(100% - 1px);
border-bottom: 1px solid var(--border-clr);
height: 50%
}
.fullscreen-menu .grid--links figure span:nth-of-type(2) {
top: .18px;
left: calc(100% - 1px);
border-bottom: 1px solid var(--border-clr);
height: 50%
}
.fullscreen-menu .grid--links figure span:nth-of-type(3) {
bottom: 75%;
left: 99%;
border-left: 1px solid var(--border-clr);
height: 100vh
}
.fullscreen-menu .grid--links figure span:nth-of-type(4) {
top: calc(100% - 1px);
right: calc(100% - 1.5px);
border-right: 1px solid var(--border-clr);
height: 100vh
}
}
.fullscreen-menu .boxed--links ul {
display: grid;
grid-template-columns: repeat(var(--col, 2), minmax(0, auto));
margin-bottom: 1.5rem;
position: relative
}
.fullscreen-menu .boxed--links ul a:not(.c2a-arw) {
display: block;
padding: .7em 1em
}
.fullscreen-menu .boxed--links ul a:hover {
color: #fff
}
@media(max-width: 1100px)and (min-width: 760px) {
.fullscreen-menu .boxed--links ul a:hover {
background-color: #0235f5
}
}
.fullscreen-menu .boxed--links ul li:nth-of-type(6) {
display: grid
}
@media(min-width: 576px) {
.fullscreen-menu .boxed--links ul {
--col: 3;
border-bottom: none
}
}
@media(min-width: 760px) {
.fullscreen-menu .boxed--links ul {
margin-bottom: 0;
position: relative;
background: linear-gradient(transparent 50%, white 50%)
}
.fullscreen-menu .boxed--links ul li {
position: relative;
background-color: #fff
}
.fullscreen-menu .boxed--links ul li a {
position: relative;
z-index: 1
}
}
@media(min-width: 1000px) {
.fullscreen-menu .boxed--links ul {
--col: 6
}
}
@media(min-width: 1400px) {
.fullscreen-menu .boxed--links ul li:nth-of-type(1):before,
.fullscreen-menu .boxed--links ul li:nth-of-type(6):before {
content: "";
width: 100vw;
position: absolute;
top: -1px;
bottom: -1px;
border-top: 1px solid var(--border-clr);
border-bottom: 1px solid var(--border-clr);
pointer-events: none
}
.fullscreen-menu .boxed--links ul li:nth-of-type(1):before {
right: 100%
}
.fullscreen-menu .boxed--links ul li:nth-of-type(6):before {
left: 100%
}
.fullscreen-menu .boxed--links ul li:nth-child(-n+3) {
grid-row: 1;
border-top: 1px solid var(--border-clr);
border-bottom: 1px solid var(--border-clr);
border-right: 1px solid var(--border-clr)
}
.fullscreen-menu .boxed--links ul li:nth-child(n+4) {
margin-top: -1px;
margin-left: -1px;
grid-row: 2;
border-top: 1px solid var(--border-clr);
border-bottom: 1px solid var(--border-clr);
border-left: 1px solid var(--border-clr)
}
.fullscreen-menu .boxed--links ul li:nth-of-type(1) {
grid-column: 1
}
.fullscreen-menu .boxed--links ul li:nth-of-type(2) {
grid-column: 2
}
.fullscreen-menu .boxed--links ul li:nth-of-type(3) {
grid-column: 3
}
.fullscreen-menu .boxed--links ul li:nth-of-type(4) {
grid-column: 4
}
.fullscreen-menu .boxed--links ul li:nth-of-type(5) {
grid-column: 5
}
.fullscreen-menu .boxed--links ul li:nth-of-type(6) {
grid-column: 6
}
}
@media(max-width: 1399px)and (min-width: 1000px) {
.fullscreen-menu .boxed--links ul {
--c2a-fs: 110%;
padding-top: 1px;
padding-bottom: 1px;
position: relative
}
.fullscreen-menu .boxed--links ul::before {
content: "";
width: 1000vw;
position: absolute;
left: -50vw;
right: -50vw;
top: 0;
bottom: 0;
border-top: 1px solid var(--border-clr);
border-bottom: 1px solid var(--border-clr);
background-color: #fff
}
.fullscreen-menu .boxed--links ul li+li {
border-left: 1px solid var(--border-clr)
}
}
@media(max-width: 999px) {
.fullscreen-menu .boxed--links ul {
--c2a-fs: 110%;
margin-left: -15px;
margin-right: -15px
}
.fullscreen-menu .boxed--links ul li:nth-child(-n+3) {
border-top: 1px solid var(--border-clr)
}
.fullscreen-menu .boxed--links ul li:nth-child(n+1) {
border-bottom: 1px solid var(--border-clr)
}
.fullscreen-menu .boxed--links ul li:nth-child(2n),
.fullscreen-menu .boxed--links ul li:nth-child(2n+1) {
border-right: 1px solid var(--border-clr)
}
}
@media(max-width: 575px) {
.fullscreen-menu .boxed--links ul li:nth-child(2n) {
border-right: none
}
.fullscreen-menu .boxed--links ul li:nth-child(3) {
border-top: none
}
}
.fullscreen-menu .boxed--links ul .cursor {
position: fixed;
top: 0;
left: 0;
width: 12rem;
height: 12rem;
pointer-events: none;
opacity: 0
}
.fullscreen-menu .boxed--links ul .cursor__media {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
opacity: 0;
transition: opacity .5s
}
.fullscreen-menu .boxed--links ul .cursor__media.active {
opacity: .7
}
.fullscreen-menu small {
display: block;
opacity: .7;
line-height: 1.6
}
.fullscreen-menu #nav-line {
position: absolute;
top: 0;
left: 0;
height: 100%;
pointer-events: none;
background-color: #0235f5;
transition: .3s
}
@media(min-width: 1400px) {
.fullscreen-menu #nav-line {
height: 50%
}
}
@media(max-width: 1100px) {
.fullscreen-menu #nav-line {
display: none
}
}
.c2a--close {
display: inline-block;
font-size: 16px;
padding: .8em .5em .8em 1.5em;
line-height: 1;
position: fixed;
bottom: 30px;
left: 30px;
z-index: 11111;
box-shadow: 0px -20px 20px 0px rgba(0, 0, 0, .08), 0px 1px 20px rgba(0, 0, 0, .14);
transform: translateY(200%);
opacity: 0
}
.c2a--close:active {
transform: scale(0.9)
}
.c2a--close span {
display: inline-block
}
.c2a--close span::before,
.c2a--close span::after {
content: "";
display: inline-block;
width: 1em;
height: 2px;
background-color: currentColor;
transform-origin: center
}
.c2a--close span::before {
transform: rotate(45deg) translateX(1px) translateY(-6px)
}
.c2a--close span::after {
transform: rotate(-45deg) translateX(-6px) translateY(-11px)
}
.c2a--close.c2a--close-visible {
transform: translateY(0);
transition: transform .3s ease 2s;
display: flex;
opacity: 1
}
@media(max-width: 575px) {
.c2a--close.c2a--close-visible>div {
display: none
}
}
@media(max-width: 575px) {
.c2a--close.c2a--close-visible {
position: absolute;
bottom: 52px;
left: auto;
right: 20px;
display: inline-block;
padding: .5rem .2rem .5rem .6rem;
margin-bottom: 1rem;
margin-top: 1rem
}
}
.default-cursor {
cursor: default
}
@media(min-width: 760px) {
.svg-icon {
max-height: 100px
}
}
@media(max-width: 575px) {
.hide-on-mobP {
display: none !important
}
}
@media(min-width: 574px) {
.show-on-mobP {
display: none !important
}
}
@media(max-width: 760px) {
.hide-on-mobL {
display: none !important
}
}
@media(min-width: 761px) {
.show-on-mobL {
display: none !important
}
}
@media(min-width: 576px) {
.hide-upto-mobL {
display: none !important
}
}
@media(min-width: 999px) {
.show-on-tabP {
display: none !important
}
}
@media(max-width: 1000px) {
.hide-on-tabP {
display: none !important
}
}
@media(max-width: 1199px) {
.show-on-desktop {
display: none !important
}
}
@media(min-width: 1200px) {
.hide-on-desktop {
display: none !important
}
}
@media(min-width: 1000px) {
.pt-0-1000 {
padding-top: 0 !important
}
}
.fullScreen {
width: 100%;
height: 100vh;
height: calc(var(--vh, 1vh)*100);
object-fit: cover;
transform: scale(1.15)
}
#CybotCookiebotDialog,
.CybotEdge,
.CybotCookiebotDialogActive {
font-family: "Circular", Tahoma, sans-serif !important
}
#Iframe1 {
transform: scale(0.8)
}
@media(max-width: 675px) {
#Iframe1 {
text-align: center;
margin: 0 auto 18px
}
}
.inline-block {
display: inline-block
}
@keyframes anim__catlogo-move {
0% {
transform: translateX(0px)
}
100% {
transform: translateX(-1000px)
}
}
.ncriptech__industries-lists article {
margin-bottom: 1rem;
max-width: 280px;
align-self: center;
grid-row: span 2
}
.ncriptech__industries-lists .figs {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
position: relative
}
.ncriptech__industries-lists .figs figure {
font-size: .95rem;
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 1.5em;
gap: 1.5em;
align-items: end;
position: relative;
padding: 1.5em;
border-top: 1px solid #c7c7c7
}
@media(min-width: 2560px) {
.ncriptech__industries-lists .figs figure {
font-size: .8vw
}
}
.ncriptech__industries-lists .figs figure:not(:nth-child(4n)) {
border-right: 1px solid #c7c7c7
}
.ncriptech__industries-lists .figs figure>* {
transition: transform .5s ease
}
.ncriptech__industries-lists .figs figure a {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.ncriptech__industries-lists .figs figure svg {
width: 1.25em;
opacity: 0;
transform: translate(0);
transition: .2s
}
.ncriptech__industries-lists .figs figure img {
height: 2.2em;
filter: grayscale(1) brightness(125%);
transition: .2s
}
.ncriptech__industries-lists .figs figure:hover img {
transform: translateY(-15px);
filter: grayscale(0) brightness(100%)
}
.ncriptech__industries-lists .figs figure:hover svg {
opacity: 1;
transform: translate(0.5em, -0.5em)
}
@media(max-width: 575px) {
.ncriptech__industries-grid {
overflow: hidden
}
}
.ncriptech__industries-grid article {
grid-column: span 2;
margin-bottom: 2rem
}
.ncriptech__industries-grid article p {
max-width: 25em;
margin-top: 1em
}
.ncriptech__industries-grid .grid--column {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0
}
@media(max-width: 1000px) {
.ncriptech__industries-grid .grid--column {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
@media(max-width: 700px) {
.ncriptech__industries-grid .grid--column {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media(max-width: 575px) {
.ncriptech__industries-grid .grid--column {
grid-template-columns: auto
}
}
.ncriptech__industries-grid .swiper {
overflow: inherit
}
.ncriptech__industries-grid .swiper .swiper-slide {
width: 50% !important
}
.ncriptech__industries-grid .swiper-scrollbar {
max-width: 500px;
position: relative;
bottom: auto;
margin-top: 15px;
cursor: move;
cursor: grab;
cursor: -moz-grab
}
.ncriptech__industries-grid .figs {
display: grid;
grid-template-columns: 1fr;
position: relative;
--fig-fs: 0.93rem
}
@media(max-width: 575px) {
.ncriptech__industries-grid .figs {
display: block
}
}
.ncriptech__industries-grid .figs::after {
content: "";
position: absolute;
top: -10px;
bottom: 0;
left: 0;
right: 0px;
border-top: 15px solid #fff;
border-right: 2px solid #fff;
pointer-events: none
}
@media(min-width: 2560px) {
.ncriptech__industries-grid .figs {
--fig-fs: 1rem
}
}
.ncriptech__industries-grid .figs figure {
font-size: var(--fig-fs);
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 1.5em;
gap: 1.5em;
align-items: end;
position: relative;
padding: 1.5em;
border-top: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3
}
.ncriptech__industries-grid .figs figure>* {
transition: transform .5s ease
}
.ncriptech__industries-grid .figs figure:nth-of-type(1) {
border-left: 1px solid #e3e3e3
}
@media(max-width: 700px) {
.ncriptech__industries-grid .figs figure:nth-of-type(1) {
border-left: none
}
}
.ncriptech__industries-grid .figs figure:nth-of-type(-n+2) {
align-self: end
}
.ncriptech__industries-grid .figs figure a {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.ncriptech__industries-grid .figs figure svg {
width: 1.25em;
opacity: 0;
transform: translate(0);
transition: .2s
}
@media(max-width: 700px) {
.ncriptech__industries-grid .figs figure svg {
width: 1.8em;
height: 1.8em;
border-radius: 50%;
opacity: 1;
padding: .25em;
border: 1px dashed currentColor
}
}
.ncriptech__industries-grid .figs figure img:nth-of-type(1) {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
object-fit: cover;
height: 100%;
opacity: 0;
transition: .2s
}
.ncriptech__industries-grid .figs figure img:nth-of-type(2) {
grid-column: 1/-1;
max-height: 2.5em;
filter: grayscale(1) brightness(125%);
transition: .2s
}
@media(max-width: 700px) {
.ncriptech__industries-grid .figs figure {
grid-gap: 1em .5em;
gap: 1em .5em;
padding: 1.1em 10px;
grid-template-columns: 1fr auto;
align-items: start
}
.ncriptech__industries-grid .figs figure figcaption {
grid-column: 1/-1;
grid-row: 2
}
.ncriptech__industries-grid .figs figure img:nth-of-type(2) {
grid-column: 1;
grid-row: 1
}
.ncriptech__industries-grid .figs figure svg {
grid-column: 2;
grid-row: 1
}
}
@media(hover: hover) {
.ncriptech__industries-grid .figs figure:hover img:nth-of-type(1) {
opacity: 1
}
.ncriptech__industries-grid .figs figure:hover * {
opacity: 0
}
}
.cursor2 {
position: fixed;
top: 0;
left: 0;
width: 10em;
height: 10em;
pointer-events: none;
opacity: 0;
border-radius: 50%;
overflow: hidden;
font-size: .75rem
}
.cursor__media2 {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity .5s;
background: rgba(22, 25, 199, .9);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 25, 199, 0.9)), to(rgba(171, 87, 218, 0.9)));
background: -o-linear-gradient(top, rgba(22, 25, 199, 0.9) 0%, rgba(171, 87, 218, 0.9) 100%);
background: linear-gradient(180deg, rgba(22, 25, 199, 0.9) 0%, rgba(171, 87, 218, 0.9) 100%);
display: grid;
place-items: center;
place-content: center;
text-align: center;
color: #fff;
padding: 1em
}
.cursor__media2 img {
filter: brightness(0) invert(1);
max-height: 2em;
margin-bottom: .5em
}
.cursor__media2::after {
content: attr(data-industry-caption)
}
.cursor__media2.active {
opacity: 1
}
.ncriptech__industries-scroll .inner-container {
display: flex;
align-items: center
}
.ncriptech__industries-scroll article {
flex: 0 0 350px;
max-width: 350px;
margin-right: 2rem;
z-index: 11;
position: relative
}
.ncriptech__industries-scroll article::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
background-color: #fff;
width: 100vw;
z-index: -1
}
.ncriptech__industries-scroll .figs figure {
font-size: 1.5rem;
display: grid;
grid-template-columns: auto 1fr auto;
grid-gap: 1.5em;
gap: 1.5em;
position: relative;
padding: .8em 0;
border-bottom: 1px solid #e3e3e3
}
.ncriptech__industries-scroll .figs figure a {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.ncriptech__industries-scroll .figs figure img {
max-width: 2em;
filter: grayscale(1) brightness(125%)
}
.ncriptech--contact-modal {
--mwidth: 800px;
width: 100%;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
background-color: rgba(0, 2, 10, .91);
padding: 1rem 0;
overflow: auto;
place-items: center
}
.ncriptech--contact-modal .inner-container {
background: #fff
}
.ncriptech--contact-modal .ncriptech--contact-modal-inner {
font-size: 40px;
background: #fff;
padding: 1.5rem;
border-radius: .2em;
position: relative
}
.ncriptech--contact-modal h5 {
font-size: 50px;
line-height: 1.1
}
@media(max-width: 675px) {
.ncriptech--contact-modal h5 {
font-size: 35px
}
}
.ncriptech--contact-modal .h1 i {
display: inline-block;
line-height: 1;
font-style: normal;
font-size: 150%;
transform: rotate(-18deg);
background: -o-linear-gradient(45deg, rgba(150, 48, 206, var(--sat2, 1)), rgba(255, 39, 189, var(--sat1, 0.99608)), #ce2b93, #f98218, #a51a72);
background: linear-gradient(45deg, rgba(150, 48, 206, var(--sat2, 1)), rgba(255, 39, 189, var(--sat1, 0.99608)), #ce2b93, #f98218, #a51a72);
background-size: 400% 400%;
color: rgba(0, 0, 0, 0);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
-webkit-animation: gradient-anim 5s ease infinite;
animation: gradient-anim 5s ease infinite
}
.ncriptech--contact-modal .ncriptech--contact-modal-form {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.ncriptech--contact-modal .ncriptech--contact-modal-form i.error {
font-size: 14px
}
@media(min-width: 676px) {
.ncriptech--contact-modal .ncriptech--contact-modal-form i.error {
top: 63%
}
}
@media(max-width: 675px) {
.ncriptech--contact-modal .ncriptech--contact-modal-form i.error {
top: 77%
}
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .c--error {
display: none
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-element-grid-new {
width: 100%;
display: grid;
grid-template-columns: auto auto;
justify-content: space-between;
grid-gap: 1em;
gap: 1em
}
@media(max-width: 675px) {
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-element-grid-new {
grid-template-columns: 1fr
}
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-element {
display: grid;
grid-template-columns: 10ch 1fr;
grid-gap: 1em;
gap: 1em;
overflow: hidden;
position: relative;
flex: 100%
}
@media(max-width: 890px) {
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-element {
grid-template-columns: 8ch 1fr
}
}
@media(max-width: 675px) {
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-element {
grid-template-columns: auto !important;
grid-gap: .2em;
gap: .2em
}
}
@media(min-width: 2040px) {
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-element {
grid-template-columns: 15ch 1fr
}
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-element:focus-within {
border-bottom-color: #3a3a3a
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-element.form-textarea {
flex: 1 1 auto;
padding-bottom: 0
}
@media(max-width: 675px) {
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-element.form-textarea {
flex: 1
}
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-element:not(.form-element-grid) {
margin-bottom: .6em;
padding-bottom: .6em;
border-bottom: 1px dashed rgba(100, 100, 100, .48)
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-element.form-element-grid {
grid-template-columns: auto auto;
justify-content: space-between
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-label {
font-size: 20px
}
@media(max-width: 890px) {
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-label {
font-size: 18px
}
}
@media(min-width: 2040px) {
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-label {
font-size: 1rem
}
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-field {
overflow: hidden;
font-size: 20px;
resize: none
}
@media(max-width: 890px) {
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-field {
font-size: 18px;
width: 95%
}
}
@media(min-width: 2040px) {
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-field {
font-size: 1rem
}
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-field::-webkit-input-placeholder {
opacity: 1
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-field:-moz-placeholder {
opacity: 1
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-field::-moz-placeholder {
opacity: 1
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-field:-ms-input-placeholder {
opacity: 1
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-field .placeholder {
opacity: 1
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-field option {
background-color: #fff;
color: #000
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-checkbox {
grid-template-columns: auto !important
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-checkbox label {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
gap: .8em;
cursor: pointer;
line-height: normal;
font-size: 20px
}
@media(max-width: 890px) {
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-checkbox label {
font-size: 18px
}
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-checkbox .checkmark {
height: 1.2em;
width: 1.2em;
background-color: rgba(0, 0, 0, 0);
position: relative;
border: 2px solid #676767;
border-radius: 4px
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-checkbox .checkmark::after {
content: "";
position: absolute;
top: .25em;
left: .19em;
border-left: 2px solid rgba(0, 0, 0, 0);
border-bottom: 2px solid rgba(0, 0, 0, 0);
transform: rotate(-45deg)
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-checkbox input {
position: absolute;
opacity: 0;
height: 0;
width: 0
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-checkbox input:checked~.checkmark {
background-color: #0235f5;
border-color: #0235f5;
animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1)
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-checkbox input:checked~.checkmark::after {
width: .7em;
height: .4em;
border-color: #fff
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-checkbox.form-radio {
display: grid;
grid-auto-flow: column;
place-content: start;
align-items: center;
gap: 1.2rem
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-checkbox.form-radio .checkmark {
border-radius: 50%;
width: 1em;
height: 1em;
border-color: #575757
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-checkbox.form-radio input:checked~.checkmark {
background-color: #fc5961;
border-color: #fc5961
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .form-checkbox.form-radio input:checked~.checkmark::after {
border: none
}
.ncriptech--contact-modal .ncriptech--contact-modal-form .c2a {
flex: 1 1 auto;
max-width: fit-content;
align-self: center
}
@media(max-width: 675px) {
.ncriptech--contact-modal .ncriptech--contact-modal-form .c2a {
flex: 1;
max-width: 100%
}
}
.ncriptech--contact-modal .close-contact-modal {
display: inline-block;
width: 40px;
height: 40px;
position: absolute;
top: 1.5rem;
right: 1.5rem;
cursor: pointer;
z-index: 2
}
.ncriptech--contact-modal .close-contact-modal::before,
.ncriptech--contact-modal .close-contact-modal::after {
content: "";
display: inline-block;
width: 95%;
height: 1px;
background-color: #494949;
position: absolute;
top: 50%;
right: 0px;
transform: translateY(-50%)
}
.ncriptech--contact-modal .close-contact-modal:before {
transform: rotate(45deg)
}
.ncriptech--contact-modal .close-contact-modal:after {
transform: rotate(-45deg)
}
@-webkit-keyframes spin {
to {
transform: rotate(360deg)
}
}
@keyframes spin {
to {
transform: rotate(360deg)
}
}
.menu_cusor {
position: absolute;
width: 600px;
height: 400px;
top: 50%;
left: 50%;
margin: -100px 0 0 -100px;
background-size: cover;
z-index: 1
}
#serialcursor {
pointer-events: none
}
#serialcursor-inner {
position: fixed;
z-index: 13;
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
opacity: .2;
transition: opacity 900ms
}
#serialcursor-pointer {
position: fixed;
z-index: 13;
height: 8px;
width: 8px;
transform: translate(-50%, -50%);
border-radius: 100%;
transition: 200ms
}
#serialcursor.on-mousemove #serialcursor-inner {
opacity: .6
}
#serialcursor.is-click #serialcursor-inner {
opacity: 1
}
#serialcursor.is-click #serialcursor-pointer {
transform: translate(-50%, -50%) scale(0.75)
}
#serialcursor-pointer-grab {
opacity: 0;
transition: opacity 400ms
}
#serialcursor-pointer-grab .sub-icon {
position: absolute;
top: -2px;
width: 6px;
height: 14px;
transition: 400ms
}
#serialcursor-pointer-grab .sub-icon.is-left {
left: -5px
}
#serialcursor-pointer-grab .sub-icon.is-right {
right: -5px
}
#serialcursor.is-grab #serialcursor-pointer-grab {
opacity: 1
}
#serialcursor.is-grab #serialcursor-pointer-grab .sub-icon {
fill: #fff
}
#serialcursor.is-grab #serialcursor-pointer-grab .sub-icon.is-left {
left: -16px
}
#serialcursor.is-grab #serialcursor-pointer-grab .sub-icon.is-right {
right: -16px
}
[data-serialcursor-state=grab] {
cursor: grab
}
.smooth-wrapper {
will-change: transform
}
#smooth-content {
float: left;
width: 100%;
will-change: transform
}
.parallax-slab {
position: relative;
width: 100%;
overflow: hidden
}
@media(min-width: 1200px) {
.parallax-slab {
height: 500px;
max-height: 500px
}
}
@media(min-width: 1921px) {
.parallax-slab {
height: 650px;
max-height: 650px
}
}
.parallax-slab img {
bottom: 0;
width: 100%;
object-fit: cover
}
@media(min-width: 1200px) {
.parallax-slab img {
position: absolute;
height: 130%
}
}
.parallax-slab-2 {
overflow: hidden
}
@media(min-width: 2560px) {
.parallax-slab-2 {
max-height: 45vw
}
}
.parallax-slab-2a {
position: relative;
height: 40em;
width: 100%;
max-height: 100%;
overflow: hidden
}
@media(max-width: 675px) {
.parallax-slab-2a {
height: 25em
}
}
@media(max-width: 575px) {
.parallax-slab-2a {
height: 15em
}
}
@media(min-width: 2560px) {
.parallax-slab-2a {
height: 48em
}
}
.parallax-slab-2a img {
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
left: 0;
object-fit: cover;
object-position: center
}
.parallax-slab-3 {
position: relative;
width: 100%;
overflow: hidden
}
.parallax-slab-3 img {
bottom: 0;
width: 100%;
object-fit: cover
}
@media(min-width: 1200px) {
.parallax-slab-3 {
height: 24vw;
max-height: 24vw
}
.parallax-slab-3 img {
height: 130%;
position: absolute
}
}
.parallax-slab-4 {
width: 100%;
height: 100%;
max-height: 100%;
position: relative;
overflow: hidden
}
.parallax-slab-4 img {
bottom: 0;
width: 100%;
object-fit: cover
}
@media(min-width: 1200px) {
.parallax-slab-4 img {
position: absolute;
height: 120%
}
}
.parallax-slab-5 {
width: 100%;
height: 25em;
max-height: 25em;
position: relative;
overflow: hidden
}
@media(max-width: 675px) {
.parallax-slab-5 {
height: 15em;
max-height: 15em
}
}
.parallax-slab-5 img {
position: absolute;
bottom: 0;
width: 100%;
height: 120%;
object-fit: cover
}
@media(min-width: 2560px) {
.parallax-slab-5 {
height: 750px;
max-height: 750px
}
}
.parallax-slab-6 {
width: 100%;
height: 35em;
max-height: 35em;
position: relative;
overflow: hidden
}
.parallax-slab-6 img {
position: absolute;
bottom: 0;
width: 100%;
height: 120%;
object-fit: cover
}
.parallax-slab-7 {
width: 100%;
height: 55em;
max-height: 100%;
position: relative;
overflow: hidden
}
@media(max-width: 675px) {
.parallax-slab-7 {
height: 100%
}
}
.parallax-slab-7 img {
position: absolute;
bottom: 0;
width: 100%;
height: 120%;
object-fit: cover
}
@keyframes loaderAnimO {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes loaderAnimR {
0% {
transform: rotate(180deg) scale(1)
}
100% {
transform: rotate(0deg) scale(1)
}
}
@media(min-width: 2560px) {
@keyframes loaderAnimR {
0% {
transform: rotate(180deg) scale(2)
}
100% {
transform: rotate(0deg) scale(2)
}
}
}
@-webkit-keyframes loaderAnimY {
from {
-webkit-transform: translate(0, var(--thisY));
transform: translate(0, var(--thisY))
}
to {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@keyframes loaderAnimY {
from {
-webkit-transform: translate(0, var(--thisY));
transform: translate(0, var(--thisY))
}
to {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
}
.ncriptech--industries-mid-content {
padding-top: calc(var(--spacer)*2);
padding-bottom: calc(var(--spacer)*2);
--mwidth: 1230px
}
@media(max-width: 1200px) {
.ncriptech--industries-mid-content {
padding-top: 6rem !important;
padding-bottom: 4rem !important
}
}
@media(max-width: 675px) {
.ncriptech--industries-mid-content {
padding-top: calc(var(--spacer)) !important;
padding-bottom: calc(var(--spacer)) !important
}
}
.ncriptech--industries-mid-content .inner-container {
display: grid;
grid-auto-flow: column;
align-items: center;
gap: 2rem
}
@media(min-width: 1201px) {
.ncriptech--industries-mid-content .inner-container {
gap: 6rem;
align-items: end
}
}
@media(max-width: 675px) {
.ncriptech--industries-mid-content .inner-container {
grid-auto-flow: row;
gap: 1rem
}
}
.ncriptech--industries-mid-content .inner-container article {
grid-column: 2;
mix-blend-mode: difference;
max-width: 35vw;
position: relative;
z-index: 2
}
@media(min-width: 1600px) {
.ncriptech--industries-mid-content .inner-container article {
max-width: 30vw
}
}
@media(max-width: 1200px) {
.ncriptech--industries-mid-content .inner-container article {
max-width: 75%;
margin: 0 auto
}
}
@media(max-width: 1000px) {
.ncriptech--industries-mid-content .inner-container article {
max-width: 90%
}
}
@media(max-width: 675px) {
.ncriptech--industries-mid-content .inner-container article {
grid-column: 1;
max-width: 100%
}
}
@media(max-width: 575px) {
.ncriptech--industries-mid-content .inner-container article {
max-width: none
}
}
@media(min-width: 2560px) {
.ncriptech--industries-mid-content .inner-container article {
max-width: 36vw
}
}
@media(max-width: 760px) {
.ncriptech--industries-mid-content .inner-container article .h4,
.ncriptech--industries-mid-content .inner-container article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech--industries-mid-content .inner-container article .c2a-arw,
.ncriptech--industries-mid-content .inner-container .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech--industries-mid-content .inner-container article h5,
.ncriptech--industries-mid-content .inner-container article .ncriptech__info-grid h4,
.ncriptech__info-grid .ncriptech--industries-mid-content .inner-container article h4 {
font-size: 18px !important
}
}
.ncriptech--industries-mid-content .inner-container article .h5,
.ncriptech--industries-mid-content .inner-container article footer .footer--c2a .c2a-arw,
footer .footer--c2a .ncriptech--industries-mid-content .inner-container article .c2a-arw {
transform: translateX(calc(-5em - 1rem));
position: relative;
display: grid;
grid-template-columns: 5em auto;
align-items: center;
justify-content: start;
gap: 1rem;
margin-bottom: 2em;
line-height: 1.4
}
@media(min-width: 2000px) {
.ncriptech--industries-mid-content .inner-container article .h5,
.ncriptech--industries-mid-content .inner-container article footer .footer--c2a .c2a-arw,
footer .footer--c2a .ncriptech--industries-mid-content .inner-container article .c2a-arw {
font-size: 2rem !important
}
}
@media(max-width: 1750px) {
.ncriptech--industries-mid-content .inner-container article .h5,
.ncriptech--industries-mid-content .inner-container article footer .footer--c2a .c2a-arw,
footer .footer--c2a .ncriptech--industries-mid-content .inner-container article .c2a-arw {
font-size: 1.9rem !important
}
}
@media(max-width: 1200px) {
.ncriptech--industries-mid-content .inner-container article .h5,
.ncriptech--industries-mid-content .inner-container article footer .footer--c2a .c2a-arw,
footer .footer--c2a .ncriptech--industries-mid-content .inner-container article .c2a-arw {
grid-template-columns: 100%;
transform: none !important;
font-size: 1.5rem !important;
position: relative
}
.ncriptech--industries-mid-content .inner-container article .h5::after,
.ncriptech--industries-mid-content .inner-container article footer .footer--c2a .c2a-arw::after,
footer .footer--c2a .ncriptech--industries-mid-content .inner-container article .c2a-arw::after {
content: "";
height: 1px;
background-color: #fff;
position: absolute;
left: -8rem;
display: block;
top: 50%;
width: 110px;
transform: translateY(-50%)
}
}
@media(max-width: 675px) {
.ncriptech--industries-mid-content .inner-container article .h5,
.ncriptech--industries-mid-content .inner-container article footer .footer--c2a .c2a-arw,
footer .footer--c2a .ncriptech--industries-mid-content .inner-container article .c2a-arw {
margin-bottom: 1.2em
}
.ncriptech--industries-mid-content .inner-container article .h5::after,
.ncriptech--industries-mid-content .inner-container article footer .footer--c2a .c2a-arw::after,
footer .footer--c2a .ncriptech--industries-mid-content .inner-container article .c2a-arw::after {
display: none
}
}
.ncriptech--industries-mid-content .inner-container article .h5 .line,
.ncriptech--industries-mid-content .inner-container article footer .footer--c2a .c2a-arw .line,
footer .footer--c2a .ncriptech--industries-mid-content .inner-container article .c2a-arw .line {
height: 1px;
background-color: #fff;
will-change: transform
}
@media(max-width: 1200px) {
.ncriptech--industries-mid-content .inner-container article .h5 .line,
.ncriptech--industries-mid-content .inner-container article footer .footer--c2a .c2a-arw .line,
footer .footer--c2a .ncriptech--industries-mid-content .inner-container article .c2a-arw .line {
display: none
}
}
.ncriptech--industries-mid-content .inner-container figure {
grid-column: 1;
padding-bottom: 12px;
padding-left: 12px;
background-color: #fff;
margin-left: 4rem
}
.ncriptech--industries-mid-content .inner-container figure img {
margin-top: -12px
}
@media(max-width: 1199px) {
.ncriptech--industries-mid-content .inner-container figure {
max-width: 400px;
margin-left: 7rem
}
}
@media(max-width: 992px) {
.ncriptech--industries-mid-content .inner-container figure {
margin-left: 3rem
}
}
@media(max-width: 675px) {
.ncriptech--industries-mid-content .inner-container figure {
margin-left: 0;
margin: 3rem auto 0
}
}
@media(min-width: 1600px) {
.ncriptech--industries-mid-content .inner-container figure {
margin-left: 4rem
}
}
@media(min-width: 1700px) {
.ncriptech--industries-mid-content .inner-container figure {
margin-left: 0
}
}
@media(min-width: 2560px) {
.ncriptech--industries-mid-content .inner-container figure {
width: 26vw
}
}
@media(min-width: 2560px) {
.ncriptech--industries-mid-content .inner-container figure {
width: 26vw
}
}
.ncriptech--industries-mid-content.ncriptech--15y-journey .c2a {
display: inline-grid;
width: auto
}
.ncriptech--industries-mid-content.ncriptech--15y-journey br+br.show-on-mobP {
margin-top: 1em
}
@media(max-width: 760px) {
.ncriptech--industries-mid-content:not(.ncriptech--15y-journey) article .h4,
.ncriptech--industries-mid-content:not(.ncriptech--15y-journey) article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech--industries-mid-content:not(.ncriptech--15y-journey) article .c2a-arw,
.ncriptech--industries-mid-content:not(.ncriptech--15y-journey) .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech--industries-mid-content:not(.ncriptech--15y-journey) article h5,
.ncriptech--industries-mid-content:not(.ncriptech--15y-journey) article .ncriptech__info-grid h4,
.ncriptech__info-grid .ncriptech--industries-mid-content:not(.ncriptech--15y-journey) article h4 {
margin-top: 0
}
}
.form-contact-element .iti__flag-container {
width: 100%;
display: grid;
grid-auto-flow: column;
justify-content: start;
top: auto !important;
bottom: -10px !important
}
.form-contact-element .iti__flag-container .iti__selected-dial-code {
margin-left: 6px;
font-size: 20px
}
.form-contact-element .iti__flag-container .iti__country {
font-size: 12px
}
.form-contact-element .iti__flag-container .iti__country-list {
top: 105% !important;
bottom: auto !important
}
.form-contact-element .iti__flag-container .iti__selected-flag {
background-color: rgba(0, 0, 0, .15) !important;
height: 2.5rem;
border-radius: .4rem;
padding: 0px 10px 0 10px
}
.form-contact-element .form-field {
position: absolute !important;
top: 0;
left: 10px
}
@media(max-width: 1599px) {
.form-contact-element .form-field {
top: 5px;
left: 18px
}
}
.form-contact-element i.error {
font-size: 14px;
top: 105%
}
@media(max-width: 675px) {
.form-contact-element .iti--allow-dropdown {
margin-bottom: 2rem
}
.form-contact-element .iti--allow-dropdown .iti__flag-container {
bottom: -40px !important
}
}
.playBut {
z-index: 3 !important
}
.playBut svg {
transform: rotate(0deg) !important
}
.playBut .pause {
display: none
}
.playBut.pauseMain .triangle,
.playBut.pauseMain .circle {
display: none
}
.playBut.pauseMain .pause {
display: block !important
}
.p__video {
position: absolute;
left: 0;
top: 0;
z-index: -1
}
.p__video.videoPlay,
.p__video.videoPlay2,
.p__video.videoPlay3,
.p__video.videoPlay4,
.p__video.videoPlay5 {
z-index: 2 !important;
transform: scale(1.5)
}
.p__video.videoPlay3 {
transform: scale(1.5) translateY(80px)
}
.with-corner-gradient {
position: relative
}
.with-corner-gradient::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #000;
background: linear-gradient(315deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%)
}
@media(max-width: 575px) {
.with-corner-gradient::after {
background: linear-gradient(20deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%)
}
}
.ncriptech__grid-3-content {
position: relative;
z-index: 1
}
.ncriptech__grid-3-content::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000;
z-index: -1;
-webkit-filter: blur(5px);
filter: blur(5px)
}
.ncriptech__grid-3-content br+br.show-on-mobP {
margin-top: 1em
}
.ncriptech__grid-3-content .--heading {
font-weight: 500;
font-size: 2.5rem
}
@media(max-width: 960px) {
.ncriptech__grid-3-content .--heading {
font-size: 2rem
}
}
@media(max-width: 575px) {
.ncriptech__grid-3-content .--heading {
font-size: 1.7rem
}
}
.ncriptech__grid-3-content .grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 1.5rem
}
@media(max-width: 999px) {
.ncriptech__grid-3-content .grid {
flex-direction: column
}
}
.ncriptech__grid-3-content .grid>* {
border: 1px solid #59948c;
border-radius: .3rem;
flex-basis: 30.3%;
flex-grow: 1;
flex-shrink: 0
}
.ncriptech__grid-3-content .grid img {
width: 4rem;
height: 4rem
}
.ncriptech__grid-3-content .--card-heading {
font-size: 1.25rem
}
.ncriptech__grid-3-content .--card-style-3 article {
display: grid;
grid-template-columns: 1fr auto;
align-items: end
}
.ncriptech__grid-3-content .--card-style-3 article p {
grid-column: 1/-1
}
.ncriptech__grid-3-content .--card-style-3 figure {
grid-row: 1;
grid-column: 2
}
@media(min-width: 761px) {
.ncriptech__grid-3-content .flow-rootX5>*+* {
margin-top: 0
}
.ncriptech__grid-3-content .inner-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 2rem
}
.ncriptech__grid-3-content .grid {
order: 1
}
}
@media(max-width: 575px) {
.ncriptech__grid-3-content .c2a {
margin-top: var(--spacer)
}
}
.ncriptech__case-studies {
padding-top: var(--spacer);
background-color: #fff
}
.ncriptech__case-studies .--heading {
font-weight: 500;
font-size: 2.5rem
}
@media(max-width: 960px) {
.ncriptech__case-studies .--heading {
font-size: 2rem
}
}
@media(max-width: 575px) {
.ncriptech__case-studies .--heading {
font-size: 1.7rem
}
}
.ncriptech__case-studies .c2a {
--c2a-fs: 0.9rem;
width: auto
}
.ncriptech__case-studies .grid {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 1.5rem
}
@media(max-width: 999px) {
.ncriptech__case-studies .grid {
flex-direction: column
}
}
.ncriptech__case-studies .grid>* {
border: 1px solid #d7d7d7;
flex-basis: 30.3%;
flex-grow: 1;
flex-shrink: 0
}
.ncriptech__case-studies .grid article {
--padding: 1.5rem
}
.ncriptech__case-studies .grid article .--card-heading {
font-size: 1.15rem;
font-weight: 500
}
.ncriptech__case-studies .grid article>p {
color: #6d6d6d
}
@media(min-width: 761px) {
.ncriptech__case-studies .flow-rootX5>*+* {
margin-top: 0
}
.ncriptech__case-studies .inner-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 2rem
}
.ncriptech__case-studies .grid {
order: 1
}
.ncriptech__case-studies .grid.art-grid-2>* {
display: grid;
grid-template-columns: 1fr 1fr
}
.ncriptech__case-studies .grid.art-grid-2>* .c2a {
margin-left: 0;
margin-right: auto
}
.ncriptech__case-studies .grid.art-grid-2 figure img {
height: 100%;
object-fit: cover
}
.ncriptech__case-studies .grid.art-grid-2 article {
--padding: 1rem
}
}
.ncriptech__analytics-cs {
padding-top: var(--spacerHalf);
padding-bottom: var(--spacer)
}
.ncriptech__analytics-cs article ul {
padding-left: 2em
}
.ncriptech__analytics-cs article ol {
padding-left: 3em
}
@media(max-width: 760px) {
.full-mobile-banner figure img {
height: 100%;
object-fit: cover;
mix-blend-mode: overlay;
filter: blur(3px);
object-position: 30% center;
transform: scaleX(-1)
}
}
@media(max-width: 575px) {
.full-mobile-banner {
padding-left: 0;
padding-inline: 0;
padding-bottom: 1rem !important
}
.full-mobile-banner .main-container {
padding-left: 0;
padding-right: 0
}
.full-mobile-banner figure img {
height: 100%;
object-fit: cover;
mix-blend-mode: normal;
filter: blur(0);
object-position: 30% center;
transform: scaleX(-1)
}
.full-mobile-banner figure {
overflow: hidden
}
.full-mobile-banner figure::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #1c0127;
background: linear-gradient(99deg, rgb(0, 0, 0) 0%, rgba(28, 1, 39, 0.1250700964) 100%)
}
.full-mobile-banner .offerings-card article p {
font-size: 110%
}
.full-mobile-banner .offerings-card article ul[role=list] {
font-size: 110%;
margin-top: 2rem
}
.full-mobile-banner .offerings-card article ul[role=list] li {
position: relative
}
.full-mobile-banner .offerings-card article ul[role=list] li:not(:last-child)::after {
content: "";
width: 100%;
height: 1px;
background-color: #6a6a6a;
position: absolute;
bottom: 0;
display: block !important
}
}
@media(max-width: 575px) {
.mobile-margin-top {
margin-top: 2rem
}
.mobile-padding-bottom-0 {
padding-bottom: 0 !important
}
.mobile-padding-top-0 {
padding-top: 0 !important
}
.mobile-margin-top-0 {
margin-top: 0 !important
}
.mobile-padding-bottom-1 {
padding-bottom: 3.5rem !important
}
.mobile-padding-bottom-half {
padding-bottom: 1.75rem !important
}
.mobile-full-width .inner-container {
margin-left: -15px;
margin-right: -15px;
width: calc(100% + 30px)
}
.ncriptech__start--career .c2a {
margin-inline: 0 !important;
width: 100% !important;
border-radius: 3rem !important
}
}
@media(max-width: 1199px) {
.mobile--gradient {
background: linear-gradient(-45deg, rgba(255, 39, 189, var(--sat1, 0.99608)) 0%, rgba(150, 48, 206, var(--sat2, 1)) 100%);
color: rgba(0, 0, 0, 0);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
}
@media(min-width: 2560px) {
.fourK-article .h5,
.fourK-article footer .footer--c2a .c2a-arw,
footer .footer--c2a .fourK-article .c2a-arw {
font-size: 110% !important
}
.fourK-article .h4,
.fourK-article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .fourK-article .c2a-arw,
.fourK-article .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople article .fourK-article h5,
.fourK-article .ncriptech__info-grid h4,
.ncriptech__info-grid .fourK-article h4 {
line-height: 1.5 !important
}
}
@media(max-width: 675px) {
.fourK-article .h4x {
font-size: 18px
}
}
.ncriptech--thankyou-hero {
background-color: #3775e8;
background: linear-gradient(180deg, #2F29B1 0%, #3775E8 100%);
text-align: center
}
.ncriptech--thankyou-hero .inner-container {
min-height: 100vh;
min-height: calc(var(--vh, 1vh)*100);
display: grid;
place-content: center;
padding: 2rem 1.25rem
}
.ncriptech--thankyou-hero .ncriptech--logo svg {
display: inline-block;
width: 12rem;
height: auto;
fill: #fff
}
.ncriptech--thankyou-hero .inner-container>*+* {
margin-top: 5rem
}
.ncriptech--thankyou-hero article {
max-width: 780px;
padding: 2rem;
margin-left: auto;
margin-right: auto;
background: #fff;
box-shadow: 3px 3px 12px 5px rgba(0, 0, 0, .15);
border-radius: 1.5rem;
overflow: hidden;
margin-top: auto
}
.ncriptech--thankyou-hero img {
max-width: 9rem;
margin-top: -2.5rem
}
.ncriptech--thankyou-hero h1 {
font-size: 2.2rem;
margin-top: -0.25em;
line-height: 1.1;
font-weight: 500
}
.ncriptech--thankyou-hero h6 {
font-size: 1rem
}
.ncriptech--thankyou-hero p {
font-size: 18px;
color: #fff
}
.ncriptech--thankyou-hero p br {
display: none
}
.ncriptech--thankyou-hero .c2a {
margin-top: 2rem
}
@media(max-width: 575px) {
.ncriptech--thankyou-hero .inner-container>*+* {
margin-top: 2rem
}
.ncriptech--thankyou-hero article {
border-radius: .5rem
}
.ncriptech--thankyou-hero h6 {
font-size: 1.15rem
}
.ncriptech--thankyou-hero p {
font-size: 1rem
}
.ncriptech--thankyou-hero p br {
display: block
}
}
.split-parent {
overflow: hidden
}
.quote,
.quote-2,
.quote-3 {
overflow: hidden
}
.dashed--title {
position: relative;
text-align: center
}
.dashed--title::before {
content: "";
width: 100%;
height: 1px;
background-color: #fff;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%)
}
.dashed--title p {
display: inline-block;
outline: 30px solid #020914;
background: #020914;
position: relative
}
.reveal {
visibility: hidden;
position: relative;
overflow: hidden
}
.reveal img {
height: 100%;
width: 100%;
object-fit: cover;
transform-origin: top left
}
.revealY {
visibility: hidden;
position: relative;
overflow: hidden
}
.revealY img {
height: 100%;
width: 100%;
object-fit: cover;
transform-origin: top
}
.loading-fade {
transition: top .4s ease-in-out
}
.loading-screen {
transition: top .4s ease-in-out, padding .4s ease-in-out
}
.loaded .loading-screen {
padding: 0;
top: 100%
}
.loaded .loading-fade {
top: 100%
}
.once-in {
will-change: transform
}
ul.care--list {
list-style: none
}
ul.care--list.with-border li:not(:last-child) {
border-bottom: 1px solid #d2d2d2
}
ul.care--list li {
display: grid;
grid-template-columns: 1.15em 1fr;
grid-gap: .8em;
gap: .8em;
align-items: start;
padding: .8em 0;
font-size: max(1.1vw, 1.2rem)
}
@media(max-width: 575px) {
ul.care--list li {
font-size: 1.2rem
}
ul.care--list li p {
font-size: 1.2rem
}
}
ul.care--list li:first-child {
padding-top: 0
}
ul.care--list li:last-child {
padding-bottom: 0
}
ul.care--list li svg {
max-width: 100%;
margin-top: .15em;
transition: .2s
}
ul.care--list li:hover svg {
transform: translate(0.2em, -0.4em)
}
.margin-top-minus {
margin-top: -5px !important;
will-change: transform
}
@media(max-width: 575px) {
.margin-top-minus {
margin-top: -2px !important
}
}
.padding-botom-10rem {
padding-bottom: 10rem !important
}
.bottom-left-gradient {
position: relative
}
.bottom-left-gradient::after {
content: "";
width: 100%;
height: 100%;
background: #0235f5;
background: linear-gradient(48deg, rgb(0, 53, 245) 0%, rgb(0, 0, 0) 39%);
position: absolute;
left: 0;
bottom: 0
}
.digi__1 .mainx2-container {
max-width: max(35vw, 35rem)
}
.digi-transform-swipper .swiper-slide:last-child ul[role=list] li:nth-child(1) {
display: none
}
.ylw--icon:not(:hover) img {
filter: invert(1)
}
.ux--slide figure>img {
max-width: 100px
}
@media(max-width: 999px) {
.ux--slide figure>img {
max-width: 65px
}
}
@media(max-width: 999px) {
.ux--slide .h3xs {
font-size: 18px !important;
min-height: 10rem
}
}
.bg--blak .swiper-nav svg {
width: var(--swiper-nav-svg, 2.6em)
}
#hiddenRecaptcha_common-error {
position: static !important
}
.b-none {
border-bottom: none !important
}
@media(max-width: 675px) {
.b-none {
margin-bottom: 0 !important;
padding-bottom: 0 !important
}
}
.flip-animate {
perspective: 1000px
}
.flip-animate span[data-hover] {
position: relative;
display: inline-block;
transition: transform .6s cubic-bezier(0.7, 0, 0.3, 1);
transform-origin: 50% 0;
transform-style: preserve-3d
}
.flip-animate span[data-hover]:before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
content: attr(data-hover);
transition: color .3s;
transform: rotateX(-90deg);
transform-origin: 50% 0;
text-align: center
}
.flip-animate:hover span[data-hover],
.flip-animate:focus span[data-hover] {
transform: rotateX(90deg) translateY(-22px)
}
@keyframes menuArw {
0% {
transform: translateX(0)
}
30% {
transform: translateX(110%)
}
32% {
opacity: 0
}
59% {
opacity: 0
}
60% {
transform: translateX(-100%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
.gapping {
padding: 10px 0px 0px 10px
}
.grid_clm {
display: grid;
grid-template-columns: 1.5fr 1fr
}
@media(max-width: 875px) {
.grid_clm {
grid-template-columns: 100%
}
}
.mb-gap {
margin-bottom: 2rem
}
.breadcrumbs {
position: relative;
z-index: 9;
display: flex;
align-items: flex-end
}
@media(min-width: 768px) {
.breadcrumbs {
justify-content: flex-end
}
}
.breadcrumbs ul {
list-style: none;
display: flex;
gap: 0 .4rem;
grid-gap: 0 .4rem
}
.breadcrumbs ul li {
font-size: .8rem;
color: #9d9d9d
}
.breadcrumbs ul li:not(:last-child)::after {
content: "/";
margin-left: .4rem
}
.breadcrumbs ul li.link {
color: #fff !important
}
.grid_clm_practice {
display: flex;
align-items: end;
justify-content: space-between;
gap: 2rem;
flex-wrap: wrap;
opacity: 0;
transition: opacity .5s ease;
transition-delay: .2s
}
.loaded .grid_clm_practice {
opacity: 1
}
.grid_clm_industries {
display: flex;
align-items: end;
justify-content: space-between;
gap: 2rem;
flex-wrap: wrap
}
.ncriptech-ui--modal [disabled],
.ncriptech-ui--modal .disabled {
-webkit-text-fill-color: #000;
opacity: .8
}
.boundFix {
overflow: hidden
}
.brand__heading {
font-size: max(4vw, 4rem)
}
.pl__0 {
padding-left: 0 !important
}
.c2a--inline.lets_talk {
font-size: 1.4rem
}
.max_width_custom {
max-width: max(50vw, 50rem);
min-width: 50vw
}
.swiper__offset_content .swiper-wrapper {
padding-bottom: 1rem !important
}
@media(max-width: 991px) {
.mobile_hidden {
display: none
}
}
@media(min-width: 992px) {
.desktop_hidden {
display: none
}
}
.quality-animation .loader {
animation: slickLoader 4s forwards infinite
}
.quality-animation .loader2 {
animation: slickLoader2 4s forwards infinite
}
.quality-animation .fill-1 {
animation: fill1 4s linear .4s infinite
}
.quality-animation .fill-2 {
animation: fill1 4s linear .8s infinite
}
.quality-animation .fill-3 {
animation: fill1 4s linear 1.2s infinite
}
.quality-animation .sl-1 {
animation: slickDot 4s cubic-bezier(0.77, 0, 0.18, 1) infinite;
transform-origin: center
}
.quality-animation .sl-2 {
animation: slickDot2 4s cubic-bezier(0.77, 0, 0.18, 1) infinite;
transform-origin: center
}
.quality-animation .sl-3 {
animation: slickDot3 4s cubic-bezier(0.77, 0, 0.18, 1) infinite;
transform-origin: center
}
.quality-animation .blue-box {
animation: blueBox 4s cubic-bezier(0.77, 0, 0.18, 1) infinite
}
.quality-animation .dot-1 {
animation: dot1 1s infinite linear;
animation-delay: .4s
}
.quality-animation .dot-2 {
animation: dot1 1s infinite linear;
animation-delay: .6s
}
.quality-animation .dot-3 {
animation: dot1 1s infinite linear;
animation-delay: .8s
}
.quality-animation .dot-4 {
animation: dot2 2s infinite linear;
animation-delay: .4s
}
.quality-animation .dot-5 {
animation: dot2 2s infinite linear;
animation-delay: .6s
}
.quality-animation .dot-6 {
animation: dot2 2s infinite linear;
animation-delay: .8s
}
.quality-animation .wing-1 {
animation: wing1 2s infinite linear;
animation-delay: 12s
}
.quality-animation .wing-2 {
animation: wing2 2s infinite linear;
animation-delay: 12s
}
.quality-animation .sm-wing-1 {
animation: smwing1 2s infinite linear;
transform-origin: center
}
.quality-animation .sm-wing-2 {
animation: smwing2 2s infinite linear;
transform-origin: center
}
.quality-animation .progdot-1 {
animation: progress1 6s cubic-bezier(0.77, 0, 0.18, 1) infinite;
opacity: 0
}
.quality-animation .progdot-2 {
animation: progress1 6s cubic-bezier(0.77, 0, 0.18, 1) infinite;
animation-delay: 10s;
opacity: 0
}
.quality-animation .lap-dot {
animation: lapDot 1s linear infinite;
transform-origin: 44% 55%
}
.quality-animation .Bfill-1 {
animation: bFill1 4s linear .4s infinite
}
.quality-animation .Bfill-2 {
animation: bFill1 4s linear .8s infinite
}
.quality-animation .Bfill-3 {
animation: bFill1 4s linear 1.2s infinite
}
.quality-animation .code-right {
animation: codeRight 2s cubic-bezier(0.77, 0, 0.18, 1) infinite
}
.quality-animation .code-left {
animation: codeLeft 2s cubic-bezier(0.77, 0, 0.18, 1) infinite
}
.quality-animation .code-slash {
animation: codeSlash 2s cubic-bezier(0.77, 0, 0.18, 1) infinite;
transform-origin: center
}
.quality-animation .play-button {
animation: playBut 6s linear infinite
}
.quality-animation .cog {
animation: spin 3s linear 0s infinite reverse;
transform-origin: 28.7% 61.4%
}
.quality-animation .cog-2 {
animation: spin 3s linear 0s infinite reverse;
transform-origin: 83.5% 81%
}
.quality-animation .script-1 {
animation: scriptAnim 2s cubic-bezier(0.77, 0, 0.18, 1) infinite
}
.quality-animation .script-2 {
animation: scriptAnim2 2s cubic-bezier(0.77, 0, 0.18, 1) infinite
}
@keyframes spin {
0% {
transform: rotate(360deg)
}
100% {
transform: rotate(0deg)
}
}
@keyframes scriptAnim {
0% {
transform: translateX(0)
}
50% {
transform: translateX(22px)
}
100% {
transform: translateX(0)
}
}
@keyframes scriptAnim2 {
0% {
transform: translateX(0)
}
50% {
transform: translateX(32px)
}
100% {
transform: translateX(0)
}
}
@keyframes playBut {
0% {
stroke-dasharray: 0;
stroke-dashoffset: 0
}
30% {
stroke-dasharray: 20px;
stroke-dashoffset: 0
}
60% {
stroke-dasharray: 20px;
stroke-dashoffset: 50px
}
100% {
stroke-dasharray: 0;
stroke-dashoffset: 100px
}
}
@keyframes codeSlash {
0% {
transform: scaleX(1) translateX(0)
}
50% {
transform: scaleX(-1) translateX(-22px)
}
100% {
transform: scaleX(1) translateX(0)
}
}
@keyframes codeRight {
0% {
transform: translateX(0)
}
50% {
transform: translateX(15px)
}
100% {
transform: translateX(0)
}
}
@keyframes codeLeft {
0% {
transform: translateX(0)
}
50% {
transform: translateX(-15px)
}
100% {
transform: translateX(0)
}
}
@keyframes bFill1 {
0% {
fill: #fff
}
50% {
fill: #5479f5
}
100% {
fill: #fff
}
}
@keyframes lapDot {
0% {
transform: scale(1)
}
50% {
transform: scale(2);
opacity: 0
}
100% {
transform: scale(1)
}
}
@keyframes progress1 {
0% {
transform: translateX(0) translateY(0);
opacity: 0
}
10% {
transform: translateX(0) translateY(0);
opacity: 1
}
30% {
transform: translateX(207px) translateY(0);
opacity: 1
}
50% {
transform: ttranslateX(207px) translateY(214px);
opacity: 1
}
80% {
transform: translateX(207px) translateY(214px);
opacity: 1
}
90% {
transform: translateX(207px) translateY(214px);
opacity: 0
}
100% {
transform: translateX(0) translateY(0);
opacity: 0
}
}
@keyframes smwing1 {
0% {
transform: rotate(0) translateX(0) translateY(0)
}
30% {
transform: rotate(0) translateX(0) translateY(0)
}
35% {
transform: rotate(2deg) skew(-0.05turn, 0deg) translateX(-11px) translateY(-20px)
}
40% {
transform: rotate(0) translateX(0) translateY(0)
}
45% {
transform: rotate(2deg) skew(-0.05turn, 0deg) translateX(-11px) translateY(-20px)
}
50% {
transform: rotate(0) translateX(0) translateY(0)
}
100% {
transform: rotate(0) translateX(0) translateY(0)
}
}
@keyframes smwing2 {
0% {
transform: rotate(0) translateX(0) translateY(0)
}
30% {
transform: rotate(0) translateX(0) translateY(0)
}
35% {
transform: rotate(2deg) skew(-0.05turn, 0deg) translateX(-11px) translateY(-20px)
}
40% {
transform: rotate(0) translateX(0) translateY(0)
}
45% {
transform: rotate(2deg) skew(-0.05turn, 0deg) translateX(-11px) translateY(-20px)
}
50% {
transform: rotate(0) translateX(0) translateY(0)
}
100% {
transform: rotate(0) translateX(0) translateY(0)
}
}
@keyframes wing1 {
0% {
transform: rotate(0) translateX(0) translateY(0)
}
30% {
transform: rotate(0) translateX(0) translateY(0)
}
35% {
transform: rotate(-12deg) translateX(-14px) translateY(35px)
}
40% {
transform: rotate(0) translateX(0) translateY(0)
}
45% {
transform: rotate(-12deg) translateX(-14px) translateY(35px)
}
50% {
transform: rotate(0) translateX(0) translateY(0)
}
100% {
transform: rotate(0) translateX(0) translateY(0)
}
}
@keyframes wing2 {
0% {
transform: rotate(0) translateX(0) translateY(0)
}
30% {
transform: rotate(0) translateX(0) translateY(0)
}
35% {
transform: rotate(12deg) translateX(11px) translateY(-32px)
}
40% {
transform: rotate(0) translateX(0) translateY(0)
}
45% {
transform: rotate(12deg) translateX(11px) translateY(-32px)
}
50% {
transform: rotate(0) translateX(0) translateY(0)
}
100% {
transform: rotate(0) translateX(0) translateY(0)
}
}
@keyframes dot1 {
0% {
transform: translateY(0);
fill: #5479f5
}
20% {
transform: translateY(-8px);
fill: #dfe8fd
}
70% {
transform: translateY(-8px);
fill: #dfe8fd
}
100% {
transform: translateY(0);
fill: #5479f5
}
}
@keyframes dot2 {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes blueBox {
0% {
fill: #fff
}
50% {
fill: #5479f5
}
100% {
fill: #fff
}
}
@keyframes fill1 {
0% {
fill: #fff
}
50% {
fill: #5479f5
}
100% {
fill: #fff
}
}
@keyframes slickLoader {
0% {
d: path("M285.852 325.669V304.944H253.169V325.669H435.852Z")
}
50% {
d: path("M435.852 325.669V304.944H253.169V325.669H435.852Z")
}
100% {
d: path("M285.852 325.669V304.944H253.169V325.669H435.852Z")
}
}
@keyframes slickLoader2 {
0% {
d: path("M834.289 591.367V569.515H641.67V591.367H834.289Z")
}
50% {
d: path("M684.289 591.367V569.515H641.67V591.367H834.289Z")
}
100% {
d: path("M834.289 591.367V569.515H641.67V591.367H834.289Z")
}
}
@keyframes spin {
0% {
transform: rotate(360deg)
}
100% {
transform: rotate(0deg)
}
}
@keyframes slickDot {
0% {
transform: translateX(0)
}
50% {
transform: translateX(80px)
}
100% {
transform: translateX(0)
}
}
@keyframes slickDot2 {
0% {
transform: translateX(0)
}
50% {
transform: translateX(-40px)
}
100% {
transform: translateX(0)
}
}
@keyframes slickDot3 {
0% {
transform: translateX(0)
}
50% {
transform: translateX(-80px)
}
100% {
transform: translateX(0)
}
}
.accordion_icon {
display: none
}
@media(max-width: 767px) {
.acc-content .headingAcc {
position: relative
}
.acc-content .headingAcc .accordion_icon {
display: block;
position: absolute;
right: 0;
top: 0px;
transition: all .2s cubic-bezier(0.7, 0, 0.3, 1)
}
.acc-content .headingAcc .accordion_icon svg {
width: 33px;
height: 33px
}
.acc-content.active .headingAcc {
color: #b9c8ff !important
}
.acc-content.active .headingAcc .accordion_icon {
transition: all .4s cubic-bezier(0.7, 0, 0.3, 1);
color: #b9c8ff !important;
transform: rotate(-180deg)
}
}
.ncriptech__home--hero {
position: relative;
display: grid;
align-items: end;
background-color: #fff;
max-height: 100vh;
max-height: calc(var(--vh, 1vh)*100);
overflow: hidden;
--c2a-fs: 1rem
}
.ncriptech__home--hero>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__home--hero article {
padding-bottom: 2rem
}
.ncriptech__home--hero article .h1X,
.ncriptech__home--hero article .h2,
.ncriptech__home--hero article .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .ncriptech__home--hero article .heading {
line-height: 1
}
.ncriptech__home--hero .h3 {
line-height: 1.3
}
.ncriptech__home--hero::after {
content: "";
width: 100%;
height: 100%;
background: #000;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.7749300404) 10%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.7889356426) 80%);
position: absolute;
left: 0;
top: 0
}
.ncriptech__home--hero .vimeo-wrapper {
width: 100%;
height: 100vh;
pointer-events: none;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover
}
.ncriptech__home--hero .vimeo-wrapper iframe {
width: 100vw;
height: 56.25vw;
min-height: 100vh;
min-width: 177.77vh;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.ncriptech__home--hero iframe,
.ncriptech__home--hero video {
width: 100%
}
@media(min-width: 576px) {
.ncriptech__home--hero .desktop--video {
display: block;
max-height: 100vh;
object-fit: cover
}
.ncriptech__home--hero .mobile--video {
display: none
}
}
@media(max-width: 575px) {
.ncriptech__home--hero .mobile--video {
display: block;
width: 100%;
height: auto;
min-width: auto;
top: 0;
left: 0;
transform: translate(0, 0) scale(1.4)
}
}
.ncriptech__home--hero .inner-container {
padding-bottom: 2em
}
.ncriptech__home--hero .c2a-arw {
z-index: 1
}
@media(max-width: 575px) {
.ncriptech__home--hero .c2a-arw {
margin: 0 !important;
margin-top: 2rem !important;
width: 100% !important;
justify-content: start
}
}
.ncriptech__home--hero:not(.split) .inner-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
-webkit-box-pack: flex-start;
-moz-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
-webkit-box-align: flex-end;
-moz-box-align: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end
}
.ncriptech__home--hero:not(.split) figure {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: -1
}
.ncriptech__home--hero:not(.split) figure::after {
content: "";
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background: linear-gradient(to top, rgba(0, 53, 245, 0.17) 0%, transparent);
filter: blur(15500px)
}
.ncriptech__home--hero:not(.split) figure>* {
object-position: top center;
object-fit: cover
}
.ncriptech__home--hero.split .inner-container {
display: grid;
grid-template-columns: .8fr 1fr;
gap: 2rem;
align-items: end
}
.ncriptech__home--hero.split video {
width: 110%
}
@media(max-width: 575px) {
.ncriptech__home--hero {
height: 100vh
}
.ncriptech__home--hero video {
width: 100%;
height: 100%;
transform: scale(1.2);
height: 56.25vw;
min-height: 100vh;
min-width: 177.77vh;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
}
.ncriptech__home--hero-slider {
background-color: #000 !important;
width: 100%;
display: flex;
position: relative;
z-index: 0;
padding-top: 10vw;
overflow: hidden
}
@media(max-width: 1300px) {
.ncriptech__home--hero-slider {
padding-top: 120px
}
}
.ncriptech__home--hero-slider .home--hero-swipper {
width: 100%;
height: 100%;
max-width: 55%;
margin: 0 auto;
position: relative
}
@media(max-width: 1300px) {
.ncriptech__home--hero-slider .home--hero-swipper {
max-width: 65%
}
}
@media(max-width: 1000px) {
.ncriptech__home--hero-slider .home--hero-swipper {
max-width: 85%
}
}
.ncriptech__home--hero-slider .home--hero-swipper .swiper-nav {
position: absolute;
top: 0;
right: 0;
z-index: 9
}
@media(max-width: 760px) {
.ncriptech__home--hero-slider .home--hero-swipper .swiper-nav {
top: auto;
left: auto;
right: 20px;
bottom: 50px
}
}
.ncriptech__home--hero-slider .home--hero-swipper .swiper-slide article {
font-size: 1.5rem;
font-weight: 500;
line-height: 1.3;
opacity: 0;
transform: translateY(80px);
overflow: hidden;
transition: opacity .8s ease, transform .8s ease;
transition-delay: .6s
}
@media(max-width: 575px) {
.ncriptech__home--hero-slider .home--hero-swipper .swiper-slide article {
font-size: 1.25rem
}
}
.ncriptech__home--hero-slider .home--hero-swipper .swiper-slide figure>figcaption {
opacity: 0;
transform: translateX(100px);
transition: opacity 2s ease, transform 2s ease;
transition-delay: 1s
}
.ncriptech__home--hero-slider .home--hero-swipper .swiper-slide.swiper-slide-active article {
opacity: 1;
transform: translateY(0)
}
.ncriptech__home--hero-slider .home--hero-swipper .swiper-slide.swiper-slide-active figure>figcaption {
opacity: 1;
transform: translateX(0)
}
.ncriptech__home--hero-slider .home--hero-swipper .swiper-progress-bar {
position: absolute;
bottom: 0;
width: 190%;
display: block;
z-index: 1;
height: 4px;
left: -42%
}
@media(max-width: 675px) {
.ncriptech__home--hero-slider .home--hero-swipper .swiper-progress-bar {
width: 120%;
left: -10%
}
}
.ncriptech__home--hero-slider .home--hero-swipper .swiper-progress-bar .slide_progress-bar {
position: absolute;
height: 4px;
background: rgba(255, 255, 255, .3);
width: auto;
clear: both;
opacity: 0;
left: 0;
right: 0
}
.ncriptech__home--hero-slider .home--hero-swipper .swiper-progress-bar .slide_progress-bar:after {
position: absolute;
top: 0;
left: 0;
background: linear-gradient(45deg, rgba(150, 48, 206, var(--sat2, 1)), rgba(255, 39, 189, var(--sat1, 0.99608)), #ce2b93, #f98218, #a51a72);
background-size: 200% 200%;
-webkit-animation: gradient-anim 3s ease infinite;
animation: gradient-anim 3s ease infinite;
height: 100%;
width: 0;
content: "";
transition: .1s width linear
}
.ncriptech__home--hero-slider .home--hero-swipper .swiper-progress-bar.active .slide_progress-bar {
opacity: 1
}
.ncriptech__home--hero-slider .home--hero-swipper .swiper-progress-bar.animate .slide_progress-bar:after {
transition: width linear;
transition-delay: unset;
width: 100%;
transition-duration: 5s
}
.ncriptech__home--hero-slider .home--hero-swipper figure {
position: relative;
margin-bottom: 2rem;
height: 0;
padding-bottom: 56.25%
}
@media(max-width: 575px) {
.ncriptech__home--hero-slider .home--hero-swipper figure {
padding-bottom: 100%
}
}
@media(max-width: 760px) {
.ncriptech__home--hero-slider .home--hero-swipper figure::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(8deg, rgba(31, 34, 102, 0.9411764706) 16%, transparent 75%)
}
}
.ncriptech__home--hero-slider .home--hero-swipper figure img {
width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
object-position: center;
top: 0;
left: 0
}
.ncriptech__home--hero-slider .home--hero-swipper figure figcaption {
position: absolute;
top: 0;
left: var(--fig-position-left, 8%);
z-index: 9;
line-height: 1.3;
max-width: max(21vw, 21rem);
font-size: var(--fig-font-size, max(1.25vw, 1.15rem));
display: grid;
height: 100%;
place-content: space-between
}
.ncriptech__home--hero-slider .home--hero-swipper figure figcaption>span {
margin-top: 2.5em
}
.ncriptech__home--hero-slider .home--hero-swipper figure figcaption a {
font-size: 65%;
padding: var(--btn-size, 0.8em 1em);
place-self: start;
width: auto;
margin-bottom: 3.5em
}
.ncriptech__home--hero-slider .home--hero-swipper figure figcaption a.c2a-bg--grad-23-hvr,
.ncriptech__home--hero-slider .home--hero-swipper figure figcaption a.c2a-bg--grad-23:hover,
.ncriptech__home--hero-slider .home--hero-swipper figure figcaption a.c2a.bg--grad-23:not(.c--grad):hover,
.ncriptech__home--hero-slider .home--hero-swipper figure figcaption .ncriptech__leaders .ncriptech__leader--grid a.c2a.lead--c2a:not(.c--grad):hover,
.ncriptech__leaders .ncriptech__leader--grid .ncriptech__home--hero-slider .home--hero-swipper figure figcaption a.c2a.lead--c2a:not(.c--grad):hover,
.ncriptech__home--hero-slider .home--hero-swipper figure figcaption .ncriptech__tall-cards-carousel .swiper-scrollbar a.c2a.swiper-scrollbar-drag:not(.c--grad):hover,
.ncriptech__tall-cards-carousel .swiper-scrollbar .ncriptech__home--hero-slider .home--hero-swipper figure figcaption a.c2a.swiper-scrollbar-drag:not(.c--grad):hover {
background-color: #fff !important;
border: 2px solid #fff !important;
color: #0235f5 !important
}
@media(max-width: 760px) {
.ncriptech__home--hero-slider .home--hero-swipper figure figcaption a {
margin-bottom: 0
}
}
@media(min-width: 2560px) {
.ncriptech__home--hero-slider .home--hero-swipper figure figcaption {
font-size: 1.2vw
}
}
@media(max-width: 760px) {
.ncriptech__home--hero-slider .home--hero-swipper figure figcaption {
top: auto;
left: 20px;
bottom: 20px;
font-size: 1.1rem
}
}
.ncriptech__home--hero-slider .slide-style--1 {
--fig-position-top: 35px;
--fig-font-size: max(1.2vw, 1.2rem)
}
@-webkit-keyframes gradient-anim {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes gradient-anim {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
.ncriptech__home--solutions {
background-color: #020914 !important;
color: #fff;
padding-top: 4rem;
padding-bottom: 4rem !important
}
@media(max-width: 767px) {
.ncriptech__home--solutions {
padding-top: 2rem;
padding-bottom: 3rem !important
}
}
@media(min-width: 768px) {
.ncriptech__home--solutions .home--solution--box-v2 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
.ncriptech__home--solutions .solution-box {
border: 1px solid currentColor;
padding: 2rem;
overflow: hidden;
display: grid;
grid-template-columns: 1fr auto;
/* grid-template-rows: auto .5fr 1fr; */
align-items: start;
gap: 1rem;
transition: .3s ease-out;
position: relative;
overflow: hidden
}
@media(max-width: 991px) {
.ncriptech__home--solutions .solution-box {
grid-template-rows: auto 1fr;
gap: 0;
padding: 1.5rem 1.5rem;
counter-reset: sol-counter
}
}
@media(max-width: 767px) {
.ncriptech__home--solutions .solution-box {
padding: 1.7rem 0rem;
border-right: none;
border-bottom: 1px solid #787878;
border-top: none;
border-left: none
}
.ncriptech__home--solutions .solution-box:last-child {
border-bottom: none !important
}
}
@media(min-width: 769px) {
.ncriptech__home--solutions .solution-box:hover .solution-box__top-heading {
filter: blur(100px);
transform: translateX(-2rem) scale(1.5);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transition: 1s ease-out
}
}
.ncriptech__home--solutions .solution-box:hover .solution-box__arw-svg {
transform: translateX(100px);
transition: .1s ease-out
}
.ncriptech__home--solutions .solution-box:hover .service--link ul li {
opacity: 1;
transition: 1s ease-out calc(var(--i)*50)
}
.ncriptech__home--solutions .solution-box:hover .solution-box__btm-heading::before,
.ncriptech__home--solutions .solution-box:hover .solution-box__btm-heading::after {
opacity: 1
}
.ncriptech__home--solutions .solution-box:hover .solution-box__btm-heading span {
opacity: 1;
transition: opacity .5s linear .15s;
animation: text-move--anim 120s linear forwards
}
.ncriptech__home--solutions .solution-box__arw-svg {
grid-column: 2;
grid-row: 1/span 2;
transform: translateX(0)
}
.ncriptech__home--solutions .solution-box__arw-svg svg {
width: 1.5em;
height: auto
}
.ncriptech__home--solutions .solution-box__top-heading {
font-size: 2rem;
font-weight: 500;
line-height: 1.25;
grid-column: 1;
grid-row: 1
}
@media(max-width: 991px) {
.ncriptech__home--solutions .solution-box__top-heading {
font-size: 1.4rem
}
}
.ncriptech__home--solutions .solution-box__btm-heading {
font-size: 4.5rem;
font-weight: 500;
grid-row: 1;
grid-column: 1/-1;
line-height: 1.2;
align-self: end;
display: flex;
position: relative
}
@media(max-width: 768px) {
.ncriptech__home--solutions .solution-box__btm-heading {
display: none
}
}
@media(min-width: 2000px) {
.ncriptech__home--solutions .solution-box__btm-heading {
top: -1vw
}
}
.ncriptech__home--solutions .solution-box__btm-heading::before,
.ncriptech__home--solutions .solution-box__btm-heading::after {
content: "";
width: 1rem;
position: absolute;
top: -2rem;
bottom: -2rem;
z-index: 1;
opacity: 0;
transition: opacity .1s ease-in-out
}
.ncriptech__home--solutions .solution-box__btm-heading::before {
left: -2rem;
background: linear-gradient(90deg, #0c131d, transparent)
}
.ncriptech__home--solutions .solution-box__btm-heading::after {
right: -2rem;
background: linear-gradient(-90deg, #0c131d, transparent)
}
.ncriptech__home--solutions .solution-box__btm-heading span {
display: inline-block;
white-space: nowrap;
opacity: 0;
transition: transform .4s ease-in-out
}
.ncriptech__home--solutions .solution-box__links {
grid-row: 3;
grid-column: 1/-1;
margin-top: 1rem;
align-self: end;
opacity: 1
}
@media(max-width: 991px) {
.ncriptech__home--solutions .solution-box__links {
display: grid
}
}
@media(max-width: 768px) {
.ncriptech__home--solutions .solution-box__links {
margin-top: 2rem
}
}
.ncriptech__home--solutions .solution-box__links a {
display: inline-block;
font-size: max(.95vw, .95rem);
line-height: 1;
padding: .8em 1.5em;
border-radius: 100em;
color: #fff;
border: 1px solid #515050;
margin-bottom: 1em;
margin-right: .4em;
transition: .3s ease-out
}
@media(max-width: 991px) {
.ncriptech__home--solutions .solution-box__links a {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1rem;
padding: 0;
border: none;
position: relative;
counter-increment: sol-counter;
margin-right: 0;
padding-left: 2rem
}
.ncriptech__home--solutions .solution-box__links a::after {
content: "0" counter(sol-counter) ".";
display: inline;
margin-right: .7em;
position: absolute;
color: #fff;
left: 0;
top: 0
}
}
.ncriptech__home--solutions .solution-box__links a::before {
content: attr(data-hover-desc);
position: absolute;
top: 39%;
left: 2rem;
width: 23em;
font-size: .8rem;
font-weight: 300;
line-height: 1.3;
pointer-events: none;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNyA3OCIgYXJpYS1oaWRkZW49InRydWUiPg0KICA8cGF0aCBmaWxsPSIjRkZGQ0UxIiBkPSJNMjYuNTIgNzcuMjFoLTUuNzVjLTYuODMgMC0xMi4zOC01LjU2LTEyLjM4LTEyLjM4VjQ4LjM4QzguMzkgNDMuNzYgNC42MyA0MCAuMDEgNDB2LTRjNC42MiAwIDguMzgtMy43NiA4LjM4LTguMzhWMTIuNEM4LjM4IDUuNTYgMTMuOTQgMCAyMC43NyAwaDUuNzV2NGgtNS43NWMtNC42MiAwLTguMzggMy43Ni04LjM4IDguMzhWMjcuNmMwIDQuMzQtMi4yNSA4LjE3LTUuNjQgMTAuMzggMy4zOSAyLjIxIDUuNjQgNi4wNCA1LjY0IDEwLjM4djE2LjQ1YzAgNC42MiAzLjc2IDguMzggOC4zOCA4LjM4aDUuNzV2NC4wMloiPjwvcGF0aD4NCjwvc3ZnPg==);
background-repeat: no-repeat;
background-position: -10px top;
background-size: contain;
padding-left: 2.25em;
opacity: 0;
transform: translateX(-10px);
transition: inherit
}
@media(max-width: 991px) {
.ncriptech__home--solutions .solution-box__links a::before {
display: none
}
}
@media(min-width: 992px) {
.ncriptech__home--solutions .solution-box__links a:hover {
background-color: #0235f5;
border: 1px solid #0235f5
}
/* FOR HOVER OF DARK SERVICES AFTER CONNECTING IDEAS */
/* .ncriptech__home--solutions .solution-box__links a:hover::before {
opacity: 1;
transform: translateX(0);
background-position: 0 top
} */
}
.home--awards {
background-color: #020914 !important;
padding-top: calc(var(--spacer)*1);
padding-bottom: calc(var(--spacer)*2) !important;
position: relative;
min-height: 100vh;
overflow: hidden;
z-index: 3
}
@media(max-width: 760px) {
.home--awards {
min-height: auto;
padding-bottom: 10rem !important
}
}
.home--awards::after {
content: "";
width: 100%;
height: 100%;
background: #020914;
background: linear-gradient(180deg, rgba(2, 9, 20, 0.9249300404) 26%, rgba(2, 9, 20, 0) 50%, rgba(2, 9, 20, 0.9889356426) 85%);
position: absolute;
left: 0;
top: 0;
z-index: 1;
pointer-events: none
}
.home--awards .awards--main-container {
margin-left: 32vw;
float: left;
width: 100%
}
@media(max-width: 760px) {
.home--awards .awards--main-container {
margin-left: 0
}
}
.home--awards .swiper-slide {
transition: transform .5s ease;
transform: scale(1.1)
}
@media(max-width: 675px) {
.home--awards .swiper-slide.swiper-slide-next {
position: relative;
z-index: 2;
opacity: 1
}
.home--awards .swiper-slide.swiper-slide-next figure {
background-color: rgba(0, 0, 0, .7058823529)
}
}
.home--awards .swiper-slide:not(.swiper-slide-next) {
filter: blur(4px);
transform: scale(0.5)
}
@media(max-width: 767px) {
.home--awards .swiper-slide:not(.swiper-slide-next) {
opacity: .4
}
}
.home--awards .swiper-nav {
position: absolute;
left: -15vw;
transform: rotate(90deg);
width: 12vw;
top: 43%;
z-index: 9
}
@media(max-width: 760px) {
.home--awards .swiper-nav {
top: 40%;
right: -20px;
left: auto;
width: 7em;
height: 2.5em
}
}
.home--awards .swiper-nav svg {
width: 2.2em;
height: 2.2em
}
.home--awards .swiper-nav>*+* {
margin-left: 2em
}
.home--awards .award--container {
position: relative
}
.home--awards .award--container figure>img {
max-width: 180px
}
@media(min-width: 1200px) {
.home--awards .award--container figure>img {
max-height: 120px;
max-width: 250px
}
}
@media(min-width: 2560px) {
.home--awards .award--container figure>img {
max-width: 10vw;
margin-bottom: 1.5rem
}
}
.home--awards .award--container figure>figcaption .h1X {
line-height: 1.2
}
.home--awards .award--container .home--award-swipper {
float: left;
width: 100%;
max-height: 100vh;
margin-left: 8vw
}
@media(max-width: 760px) {
.home--awards .award--container .home--award-swipper {
max-height: 50vh
}
}
@media(min-height: 1399px) {
.home--awards .award--container .home--award-swipper {
max-height: 800px
}
}
@media(min-width: 2560px) {
.home--awards .award--container .home--award-swipper {
max-height: 80vh
}
}
.home--awards .award--container .award--heading {
line-height: 1.2;
font-size: calc(1.65rem + 1.22vw)
}
@media(max-width: 760px) {
.home--awards .award--container .award--heading {
font-size: 1.5rem
}
}
.home--awards .award--container .award--subheading {
min-height: 2.4em
}
.home--awards .awards--text {
font-size: 7vw;
/* -webkit-text-fill-color: rgba(0, 0, 0, 0); */
-webkit-text-fill-color: #0235f5;
/* -webkit-text-stroke: 1px #fff; */
text-transform: uppercase;
font-weight: 900;
letter-spacing: -2px;
position: absolute;
left: -5%;
top: 55%;
z-index: 9;
transform: translateY(-50%) rotate(-90deg)
}
@media(min-width: 2560px) {
.home--awards .awards--text {
top: 50%
}
}
@media(max-width: 760px) {
.home--awards .awards--text {
font-size: 10vw;
position: relative;
transform: none;
left: 0;
right: 0;
text-align: center
}
}
.home--awards .imgW {
/* filter: brightness(0) invert(1) */
}
.lets--talk {
position: relative;
z-index: 10
}
.lets--talk .talk--cta {
padding: 2em 3em;
margin-top: -6rem;
display: grid;
grid-auto-flow: column;
align-items: center;
justify-content: space-between;
overflow: hidden
}
@media(max-width: 760px) {
.lets--talk .talk--cta {
display: block;
padding: 0;
border-radius: .35em
}
}
.lets--talk .talk--cta-heading {
line-height: 1.3;
font-size: max(2vw, 1.8rem);
text-align: left
}
.lets--talk .talk--cta-heading svg {
width: 1.25em;
height: auto;
display: none
}
@media(max-width: 760px) {
.lets--talk .talk--cta-heading {
width: 100%;
display: grid;
grid-auto-flow: column;
justify-content: space-between;
align-items: end;
gap: .5em;
font-size: 25px;
padding: 1.5em
}
.lets--talk .talk--cta-heading svg {
display: inline-block
}
}
@media(max-width: 575px) {
.lets--talk .talk--cta-heading {
font-size: 20px
}
}
.lets--talk .wave {
position: relative;
display: flex;
align-items: center
}
@media(min-width: 2560px) {
.lets--talk .wave {
transform: scale(1.5)
}
}
@media(max-width: 760px) {
.lets--talk .wave {
display: none
}
}
.lets--talk .wave .waves-block {
--size: 8em
}
.lets--talk .wave .waves-block .talk-button {
width: var(--size);
height: var(--size);
display: grid;
place-content: center;
border: none;
border-radius: 100%;
z-index: 1;
position: relative;
background: #fff;
color: #0235f5
}
.lets--talk .wave .waves {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
box-shadow: -13px 4px 29px #0b38df, 34px 0px 23px #0e2887, inset -13px 4px 29px #304ebd, inset 13px 0px 23px #062081;
border-radius: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1
}
@media(min-width: 761px) {
.lets--talk .wave .waves {
-webkit-animation: waves 4s ease-in-out infinite;
animation: waves 4s ease-in-out infinite
}
.lets--talk .wave .wave-1 {
-webkit-animation-delay: 1s !important;
animation-delay: 1s !important
}
.lets--talk .wave .wave-2 {
-webkit-animation-delay: 2s !important;
animation-delay: 2s !important
}
.lets--talk .wave .wave-3 {
-webkit-animation-delay: 3s !important;
animation-delay: 3s !important
}
}
@media(max-width: 760px) {
.lets--talk .wave:hover .waves {
-webkit-animation: waves 2s ease-in-out infinite;
animation: waves 2s ease-in-out infinite
}
.lets--talk .wave:hover .waves .wave-1 {
-webkit-animation-delay: 0s !important;
animation-delay: 0s !important
}
.lets--talk .wave:hover .waves .wave-2 {
-webkit-animation-delay: .01s !important;
animation-delay: .01s !important
}
.lets--talk .wave:hover .waves .wave-3 {
-webkit-animation-delay: .02s !important;
animation-delay: .02s !important
}
}
@keyframes waves {
0% {
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
50% {
opacity: .9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
}
100% {
-webkit-transform: scale(0.9, 0.9);
transform: scale(4.9, 4.9);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
}
.big-name {
width: 100%;
font-size: max(5em, 5vw);
padding-top: 1em;
padding-bottom: 1em
}
@media(max-width: 575px) {
.big-name {
font-size: max(3em, 3vw)
}
}
.big-name .name-h1,
.big-name .rollingText {
position: relative;
display: flex;
width: 100%
}
.big-name .name-h1 .name-wrap,
.big-name .rollingText .name-wrap {
position: relative;
display: flex;
align-items: center
}
.big-name h5 {
position: relative;
display: flex;
align-items: center;
line-height: 1;
white-space: nowrap;
pointer-events: none;
margin: 0;
padding: 0;
overflow: inherit;
font-weight: 500;
letter-spacing: -0.03em
}
.big-name h5 svg {
width: 1.25em;
height: 1.25em
}
.big-name h5 svg:nth-child(3n-1) {
transform: scaleX(-1) translateX(0.45em)
}
.big-name .rollingText h5 {
color: #fff !important;
font-weight: 400;
font-size: max(9em, 8vw);
letter-spacing: 2px
}
@media(max-width: 890px) {
.big-name .rollingText h5 {
font-size: 5rem
}
}
.ncriptech--wecreate--2 {
display: grid;
align-items: center
}
@media(max-width: 875px) {
.ncriptech--wecreate--2 figure {
position: relative
}
.ncriptech--wecreate--2 figure::after {
content: "";
background-color: #f4edd1;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: .7
}
.ncriptech--wecreate--2 figure img {
height: 24rem;
object-fit: cover
}
}
.ncriptech--wecreate--2>* {
grid-column: 1;
grid-row: 1
}
.ncriptech--wecreate--2 h6 {
max-width: 24ch;
font-size: calc(1.65rem + .3vw);
line-height: 1.5
}
@media(max-width: 1199px) {
.ncriptech--wecreate--2 h6 {
font-size: 1.4rem
}
}
@media(max-width: 575px) {
.ncriptech--wecreate--2 h6 {
max-width: 100%
}
}
.ncriptech--wecreate--2 .article {
place-self: center;
justify-self: end;
margin-right: 12rem;
position: relative
}
@media(max-width: 575px) {
.ncriptech--wecreate--2 .article {
margin-right: 0;
padding-inline: 15px;
place-self: end;
margin-bottom: 3rem
}
}
.ncriptech--wecreate {
padding: var(--spacer) 0;
background-color: #020914 !important;
position: relative;
z-index: 2
}
.ncriptech--wecreate .inner-container {
display: grid;
grid-template-columns: auto auto;
gap: 2rem;
justify-content: space-between;
align-items: center
}
@media(max-width: 760px) {
.ncriptech--wecreate .inner-container {
grid-template-columns: 1fr;
justify-content: center;
margin-bottom: 4px
}
.ncriptech--wecreate .inner-container .text-rotator {
margin: 1em 0
}
}
.ncriptech--wecreate h6 {
max-width: 32ch;
font-size: calc(1.45rem + .3vw);
line-height: 1.5
}
.ncriptech--wecreate ul.v-slides {
position: relative;
font-size: calc(1rem + 1.7vw);
height: 1.4em;
overflow: hidden
}
.ncriptech--wecreate .v-slide {
line-height: 1.4;
letter-spacing: -0.05em;
font-weight: 400;
color: #0235f5
}
.ncriptech--wecreate .v-slide:not(:nth-child(1)) {
position: absolute;
top: 0;
bottom: 0;
left: 0
}
.home--v2--industries {
background-color: #020914 !important;
background-size: 100%;
position: relative;
overflow: hidden
}
@media(min-width: 2560px) {
.home--v2--industries.for--inner .fig {
margin-top: -18vw
}
}
.home--v2--industries .home--v2--industries--subheading {
max-width: 33ch;
font-size: 25px
}
@media(min-width: 2000px) {
.home--v2--industries .home--v2--industries--subheading {
font-size: 1.25rem
}
}
@media(max-width: 1300px) {
.home--v2--industries .home--v2--industries--heading {
font-size: 40px
}
}
@media(max-width: 1000px) {
.home--v2--industries .home--v2--industries--heading {
font-size: 33px
}
.home--v2--industries .home--v2--industries--subheading {
font-size: 18px;
margin-top: 1.5em;
line-height: 1.5
}
}
@media(max-width: 760px) {
.home--v2--industries .home--v2--industries--heading {
font-size: 30px
}
}
@media(min-width: 960px) {
.home--v2--industries .swiper-grid-column>.swiper-wrapper {
flex-direction: row
}
.home--v2--industries .swiper-slide {
margin-top: 0 !important;
margin-bottom: 20px !important
}
}
.home--v2--industries .skew--container {
float: left;
width: 100%
}
.home--v2--industries .skew--container .inner-container {
display: grid;
grid-template-columns: 40vw auto;
align-items: center
}
@media(min-width: 2560px) {
.home--v2--industries .skew--container .inner-container {
grid-template-columns: 30vw auto
}
}
@media(max-width: 760px) {
.home--v2--industries .skew--container .inner-container {
grid-template-columns: 1fr
}
}
.home--v2--industries .blue--skew {
background: #0a93c7;
width: 200%;
height: 200%;
position: absolute;
bottom: -160%;
left: -50%;
z-index: 2;
transform: rotate(-10deg)
}
.home--v2--industries .grad--skew {
background: linear-gradient(150deg, #0235f5, #e41f26);;
width: 200%;
height: 200%;
position: absolute;
bottom: -160%;
left: -50%;
z-index: 2;
transform: rotate(-10deg)
}
@media(max-width: 560px) {
.home--v2--industries .blue--skew {
background: linear-gradient(357deg, #0037ff 18%, transparent);
bottom: -100px;
height: 47%
}
.home--v2--industries .grad--skew {
background: linear-gradient(357deg, #0235f5 18%, transparent);
bottom: -100px;
height: 47%
}
}
@media(min-width: 2560px) {
.home--v2--industries .blue--skew {
bottom: -160%
}
.home--v2--industries .grad--skew {
bottom: -160%
}
}
.home--v2--industries .img-container {
margin-left: -2rem
}
@media(max-width: 560px) {
.home--v2--industries .img-container figure {
position: relative
}
.home--v2--industries .img-container figure::after {
content: "";
height: 71%;
width: 110%;
position: absolute;
bottom: -1px;
left: 0;
right: 0;
background: linear-gradient(357deg, #020914 8%, transparent)
}
}
@media(min-width: 1300px) {
.home--v2--industries .img-container figure {
position: relative;
min-height: 110vh
}
.home--v2--industries .img-container figure img {
position: absolute;
left: 0;
bottom: 0
}
.home--v2--industries .img-container figure img:not(:first-child) {
z-index: 2
}
}
@media(min-width: 2560px) {
.home--v2--industries .img-container figure {
min-height: 100vh
}
}
.home--v2--industries .img-container figure figcaption {
position: absolute;
font-size: max(5em, 4vw);
line-height: 1;
font-weight: 600;
color: #fff;
letter-spacing: -3px;
top: 8vw;
left: 5vw;
z-index: 0;
mix-blend-mode: exclusion
}
.home--v2--industries .text-anim--container {
position: relative;
z-index: 3
}
@media(min-width: 2560px) {
.home--v2--industries .text-anim--container .h2,
.home--v2--industries .text-anim--container .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .home--v2--industries .text-anim--container .heading {
font-size: 2.4vw
}
}
.home--v2--industries .text-anim--container .h5 {
max-width: 35vw;
font-size: 1.1vw !important
}
@media(max-width: 1300px) {
.home--v2--industries .text-anim--container {
transform: none !important;
margin-bottom: 10em
}
}
@media(max-width: 760px) {
.home--v2--industries .text-anim--container {
margin-top: 1.5rem;
margin-bottom: 2rem
}
}
@media(min-width: 960px) {
.home--v2--industries .swiper {
height: 470px
}
.home--v2--industries .swiper-slide {
height: calc((100% - 40px)/3) !important
}
}
@media(min-width: 1300px) {
.home--v2--industries .swiper {
height: 19em
}
.home--v2--industries .swiper-slide {
height: calc((100% - 20px)/2) !important
}
}
@media(min-width: 2000px) {
.home--v2--industries {
height: calc((100% - 20px)/1.8) !important
}
}
@media(max-width: 960px) {
.home--v2--industries .swiper-slide {
height: auto
}
}
.home--v2--industries .industries--grid {
position: relative;
z-index: 11;
margin-top: -125px
}
@media(max-width: 960px) {
.home--v2--industries .industries--grid {
margin-top: 0
}
}
.home--v2--industries .fig--block {
height: 100%;
display: grid;
gap: 1.5rem;
background-color: #fff;
padding: 1.25rem;
box-shadow: 0 0 20px 4px rgba(0, 0, 0, .05);
transition: background-color .4s ease, backdrop-filter .4s ease, transform .4s ease
}
.home--v2--industries .fig--block>div {
display: grid;
grid-template-columns: 62px auto;
align-items: center;
justify-content: start;
gap: 0 16px;
transform: translateY(0.5rem);
transition: transform .4s ease, color .4s ease
}
@media(min-width: 2560px) {
.home--v2--industries .fig--block>div {
gap: 0 36px
}
}
.home--v2--industries .fig--block>div .h5 {
line-height: 1.25;
color: #000
}
@media(max-width: 760px) {
.home--v2--industries .fig--block>div .h5 {
font-size: 1.1rem !important
}
}
.home--v2--industries .fig--block>div .h6,
.home--v2--industries .fig--block>div .ncriptech__team .card .--designation,
.ncriptech__team .card .home--v2--industries .fig--block>div .--designation,
.home--v2--industries .fig--block>div .home--awards .award--container .award--subheading,
.home--awards .award--container .home--v2--industries .fig--block>div .award--subheading {
opacity: 0;
transform: translateY(20px);
transition: opacity .4s ease, transform .4s ease
}
.home--v2--industries .fig--block>div img {
filter: brightness(0)
}
@media(max-width: 960px) {
.home--v2--industries .fig--block {
grid-template-columns: 1fr auto
}
.home--v2--industries .fig--block>div {
display: grid;
grid-template-columns: auto;
gap: 1em
}
.home--v2--industries .fig--block>div img {
max-height: 2.5em;
height: 2.5em
}
}
.home--v2--industries .fig--block .c2a {
padding: 0;
justify-self: end;
transition: transform .4s ease;
filter: invert(0)
}
@media(max-width: 960px) {
.home--v2--industries .fig--block .c2a {
align-self: end
}
}
.home--v2--industries .fig--block:hover {
background-color: #27303e
}
@media(min-width: 1300px) {
.home--v2--industries .fig--block:hover {
transform: translateY(-5px) !important
}
}
.home--v2--industries .fig--block:hover>div {
color: #fff !important
}
@media(min-width: 1300px) {
.home--v2--industries .fig--block:hover>div {
transform: translateY(1.45rem)
}
}
.home--v2--industries .fig--block:hover>div img {
filter: brightness(1000)
}
.home--v2--industries .fig--block:hover .h5 {
color: #fff
}
.home--v2--industries .fig--block:hover .h6,
.home--v2--industries .fig--block:hover .ncriptech__team .card .--designation,
.ncriptech__team .card .home--v2--industries .fig--block:hover .--designation,
.home--v2--industries .fig--block:hover .home--awards .award--container .award--subheading,
.home--awards .award--container .home--v2--industries .fig--block:hover .award--subheading {
opacity: 1;
transform: translateY(0)
}
.home--v2--industries .fig--block:hover .c2a {
transform: translateX(10px);
filter: invert(1)
}
canvas#hero-lightpass {
position: relative
}
.offerings-card {
display: grid;
overflow: hidden;
max-width: 100%
}
.offerings-card br+br.show-on-mobP {
margin-top: 1em
}
@media(max-width: 760px) {
.offerings-card {
height: auto !important
}
}
@media(hover: hover) {
.offerings-card:hover figure img {
transform: scale(1.05)
}
}
.offerings-card img {
width: 100%;
border-top: 2px solid rgba(0, 0, 0, 0);
border-bottom: 2px solid rgba(0, 0, 0, 0);
transform-origin: top;
transition: transform .5s ease
}
.offerings-card>* {
grid-row: 1;
grid-column: 1
}
@media(max-width: 760px) {
.offerings-card>* {
align-content: center
}
}
.offerings-card figure {
position: relative;
overflow: hidden
}
.offerings-card figure .img-mob {
display: none
}
@media(max-width: 760px) {
.offerings-card figure {
background: #4c4c4c
}
.offerings-card figure img.img-style-2 {
object-position: 58% center
}
.offerings-card figure img.img-desk {
display: none
}
.offerings-card figure img.img-mob {
display: block
}
}
@media(max-width: 575px) {
.offerings-card figure {
height: 12rem
}
}
.offerings-card article {
max-width: 45%;
align-self: center;
justify-self: end;
z-index: 1;
padding-right: 5rem;
color: #fff
}
.offerings-card article.offerings-card-1-article {
padding-top: 8.3rem
}
@media(min-width: 2560px) {
.offerings-card article {
max-width: 30em
}
}
@media(max-width: 575px) {
.offerings-card article>*:not(h3) {
color: #000
}
.offerings-card article .c2a {
margin-inline: -2rem;
width: calc(100% + 4rem) !important
}
}
.offerings-card article>*+* {
margin-top: 1.25rem
}
.offerings-card article h3 {
overflow: hidden
}
@media(max-width: 575px) {
.offerings-card article h3 {
margin-bottom: 5rem;
margin-top: 1rem
}
}
@media(min-width: 2560px) {
.offerings-card article h3 {
font-size: 160%
}
}
.offerings-card article h3 span {
display: block;
font-size: 150%;
font-weight: 500;
line-height: 1.4;
transform: skewY(10deg) rotate(5deg) translateY(100%);
transform-origin: left;
transition: transform .5s
}
@media(min-width: 1921px) {
.offerings-card article h3 span {
font-size: 120%
}
}
@media(min-width: 2560px) {
.offerings-card article .h5 {
font-size: 110% !important
}
}
.offerings-card article p {
font-size: inherit
}
.offerings-card article ul {
list-style: none;
display: grid;
grid-template-columns: auto auto;
grid-gap: 1em;
gap: 1em;
justify-items: start
}
@media(max-width: 1000px) {
.offerings-card article ul {
grid-template-columns: auto;
grid-gap: .5em;
gap: .5em
}
}
.offerings-card article ul li {
overflow: hidden
}
.offerings-card article ul li a {
transform: translateY(100%);
transition: .25s;
transition-delay: 0
}
.offerings-card article .c2a {
margin-top: 2rem;
border: none
}
@media(max-width: 1000px) {
.offerings-card article {
transform: translateY(0);
align-self: center;
padding-right: 2rem
}
.offerings-card article>*+* {
margin-top: .5rem
}
.offerings-card article h3 span {
font-size: 120%
}
.offerings-card article .c2a {
margin-top: 1rem;
font-size: 14px
}
}
@media(max-width: 760px) {
.offerings-card article {
width: 100%;
max-width: none;
color: inherit;
padding: 2rem;
color: #fff
}
.offerings-card article p {
display: block
}
.offerings-card article ul li {
display: grid;
grid-auto-flow: column;
align-items: start
}
.offerings-card article ul li::before {
content: "-";
display: inline-block;
margin-right: .5em;
line-height: 1
}
.offerings-card article .c2a-underline {
--c2a-fs: inherit;
color: inherit !important;
line-height: 1.2
}
.offerings-card article .c2a-underline::before,
.offerings-card article .c2a-underline::after {
display: none
}
.offerings-card article>*+* {
margin-top: 1rem
}
.offerings-card article .c2a {
margin-top: 1.5rem;
width: auto;
display: inline-grid
}
}
@media(max-width: 575px) {
.offerings-card article h3 span {
font-size: 140%;
max-width: 240px;
transform: none;
background: none;
color: #fff;
-webkit-text-fill-color: #fff;
line-height: 1.2
}
.offerings-card article .c2a {
font-size: 1.2rem
}
}
.ncriptech__home--offerings {
padding-top: var(--spacer);
outline: 10px solid #fff
}
@media(min-width: 2560px) {
.ncriptech__home--offerings {
min-height: 100vh
}
}
@media(max-width: 760px) {
.ncriptech__home--offerings .main-container {
padding-left: 0;
padding-right: 0
}
.ncriptech__home--offerings .offerings-card img {
object-fit: cover;
height: 100%
}
.ncriptech__home--offerings .offerings-card article {
max-width: 400px;
justify-self: start
}
}
@media(max-width: 1300px) {
.ncriptech__home--offerings {
padding-top: 0
}
.ncriptech__home--offerings .inner-container {
display: none
}
}
@media(max-width: 575px) {
.ncriptech__home--offerings {
display: none
}
}
.ncriptech__home--offerings #masterWrap {
width: 100%;
overflow: hidden
}
.ncriptech__home--offerings #panelWrap {
width: auto;
height: 100%;
display: flex
}
.ncriptech__home--offerings .h2,
.ncriptech__home--offerings .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .ncriptech__home--offerings .heading {
margin-bottom: -1.2em;
position: relative;
z-index: 2;
top: .45em
}
@media(max-width: 760px) {
.ncriptech__home--offerings .h2,
.ncriptech__home--offerings .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .ncriptech__home--offerings .heading {
margin-bottom: .5em;
position: relative;
top: 0;
text-align: center !important
}
.ncriptech__home--offerings .h2 span,
.ncriptech__home--offerings .ncriptech__rpa-benefits .heading span,
.ncriptech__rpa-benefits .ncriptech__home--offerings .heading span {
font-size: 90%
}
}
.ncriptech__home--offerings .swiper {
overflow: visible
}
.ncriptech__home--offerings .swiper-wrapper {
align-items: flex-end
}
@media(max-width: 760px) {
.ncriptech__home--offerings .swiper-wrapper {
align-items: stretch
}
}
.ncriptech__home--offerings .offerings-card.swiper-slide-active article h3 span {
margin-bottom: -1px;
transform: skewY(0deg) rotate(0deg) translateY(0);
transition-delay: 390ms
}
.ncriptech__home--offerings .offerings-card.swiper-slide-active article ul li a {
transform: translateY(0);
transition-delay: calc(var(--i) + 500ms)
}
.ncriptech__home--offerings .swiper-nav {
transform: translate(-1.5em, -2em);
position: relative;
z-index: 111;
float: right;
margin-top: -2em
}
.ncriptech__shape-art svg {
fill: none;
stroke: currentColor;
stroke-width: var(--stroke, 0.0529167);
stroke-miterlimit: 4;
stroke-dasharray: none
}
@media(min-width: 576px) {
.mobile--cta {
display: none
}
}
@media(max-width: 575px) {
.mobile--cta {
display: block
}
}
.toggle-sound {
display: inline-block;
width: 38px;
height: 35px;
cursor: pointer;
background-repeat: no-repeat;
background-position: center;
background-size: 38px;
position: absolute;
right: 30px;
top: 30px;
z-index: 99
}
.toggle-sound.sound-on {
background-image: url("../img/icons/UnMute.svg")
}
.toggle-sound.sound-off {
background-image: url("../img/icons/Mute.svg")
}
@media(max-width: 1199px) {
.toggle-sound {
width: 70px;
height: 70px;
background-size: 35%;
right: 1em;
top: 1em;
border: 1px dashed #fff;
padding: 1em;
border-radius: 50%
}
}
@media(max-width: 568px) {
.toggle-sound {
width: 40px;
height: 40px;
background-size: 50%
}
}
.ncriptech__digital-txt {
overflow: hidden
}
.ncriptech__digital-txt .big-name {
font-size: max(4.5em, 6vw)
}
.ncriptech--intro {
padding-top: var(--spacer);
padding-bottom: 0 !important
}
@media(max-width: 1199px) {
.ncriptech--intro {
padding-bottom: 0
}
}
.ncriptech--intro article {
max-width: 40ch;
font-size: 1.75rem;
line-height: 1.6;
margin-left: auto;
margin-right: auto
}
@media(max-width: 675px) {
.ncriptech--intro article {
font-size: 22px
}
}
.ncriptech--intro .line {
width: 140%;
height: 23.85%;
background-color: #fff;
position: absolute;
right: -109%;
bottom: 30.92%;
z-index: -1
}
@media(max-width: 1300px) {
.ncriptech--intro .line {
display: none
}
}
.ncriptech__shape-reveal {
overflow: hidden
}
.ncriptech__shape-reveal figure {
z-index: 1
}
.ncriptech__shape-reveal video,
.ncriptech__shape-reveal iframe {
width: 100vw;
height: 56.25vw;
border: none;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0;
background-image: var(--bgImg);
background-repeat: no-repeat;
background-size: cover
}
.ncriptech__shape-reveal article {
max-width: 47ch;
font-size: 26px;
line-height: 1.4;
padding: 3em 0;
align-self: center
}
@media(max-width: 1000px) {
.ncriptech__shape-reveal article {
font-size: 22px
}
}
@media(max-width: 760px) {
.ncriptech__shape-reveal article {
font-size: 18px;
padding: 2em 1em
}
}
.ncriptech__shape-reveal .panel-svg {
width: 100%;
float: left;
height: 100vh;
height: calc(var(--vh, 1vh)*100);
position: relative;
overflow: hidden
}
@media(max-width: 1199px) {
.ncriptech__shape-reveal .panel-svg {
height: auto
}
.ncriptech__shape-reveal .panel-svg svg {
display: none
}
}
.ncriptech__shape-reveal svg {
position: absolute;
top: 50%;
left: 50%;
right: 0;
bottom: auto;
transform: translate(-50%, -52%);
will-change: width
}
.mobiledevice-scroller {
padding-bottom: 0 !important
}
.mobiledevice-scroller figure {
width: 6400px;
position: relative;
padding-bottom: 100vh;
height: 0;
overflow: hidden
}
@media(max-width: 675px) {
.mobiledevice-scroller figure {
width: 2000px;
padding-bottom: 25rem
}
}
.mobiledevice-scroller figure img {
/* width: 100%; */
height: 100%;
max-height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center
}
.ncriptech__shape-reveal--video {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
overflow: hidden
}
.ncriptech__shape-reveal--video video,
.ncriptech__shape-reveal--video iframe {
width: 100vw;
height: 56.25vw;
min-height: 100vh;
min-width: 177.77vh;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
@media(max-width: 1199px) {
.ncriptech__shape-reveal--video {
display: none
}
}
.ncriptech__home--splitcontent {
background-image: url("./../img/home/arttt.png");
background-repeat: no-repeat;
background-position: left 105%;
background-size: 13.6%
}
.ncriptech__home--splitcontent .inner-container {
display: grid;
grid-template-columns: .8fr 1fr;
gap: 5em;
grid-gap: 5em
}
@media(max-width: 999px) {
.ncriptech__home--splitcontent .inner-container {
grid-template-columns: 1fr auto;
gap: 4rem;
grid-gap: 4rem
}
}
@media(max-width: 575px) {
.ncriptech__home--splitcontent .inner-container {
grid-template-columns: auto
}
}
@media(min-width: 1200px) {
.ncriptech__home--splitcontent article {
max-width: 26.05vw
}
}
.ncriptech__home--splitcontent figure {
--adjust: 25px
}
.ncriptech__home--splitcontent figure span {
display: block;
max-width: min(600px, 31.3vw);
margin-left: auto;
background-color: #2a2a2a;
box-shadow: var(--adjust) calc(-1*var(--adjust)) 0 0 #fdd008;
transform: translate(calc(-1 * var(--adjust)), var(--adjust));
transition: transform .5s ease
}
@media(max-width: 575px) {
.ncriptech__home--splitcontent figure span {
max-width: 95%
}
}
.ncriptech__home--splitcontent figure:hover {
--adjust: 0
}
.ncriptech__client-logos {
overflow: hidden
}
.ncriptech__client-logos>*+* {
margin-top: calc(var(--spacer)/2)
}
@media(max-width: 1199px) {
.ncriptech__client-logos .h3 span {
background: linear-gradient(-45deg, #0235f5,#e41f26 100%);
color: rgba(0, 0, 0, 0);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
}
@media(max-width: 575px) {
.ncriptech__client-logos .h3 {
font-size: 22px
}
.ncriptech__client-logos .h3 span {
font-size: 130%;
display: block
}
}
@media(min-width: 576px) {
.ncriptech__client-logos .h3 br {
display: none
}
}
.ncriptech__client-logos.padding-top {
padding-top: var(--spacer)
}
@keyframes anim__logo-move {
0% {
transform: translateX(0%)
}
100% {
transform: translateX(calc(-100% + 100vw))
}
}
.ncriptech__clients-logo .figs {
width: max-content;
display: flex;
align-items: center;
animation: anim__logo-move 80000ms infinite linear var(--dir)
}
@media(max-width: 575px) {
.ncriptech__clients-logo .figs {
display: grid;
grid-auto-flow: column dense;
grid-template-rows: 1fr;
grid-auto-columns: 8rem;
gap: .3%;
animation: anim__logo-move 100000ms infinite linear var(--dir)
}
}
.ncriptech__clients-logo figure {
margin: 0 2rem;
flex-grow: 0;
flex-shrink: 0;
/* filter: grayscale(1) */
}
@media(max-width: 575px) {
.ncriptech__clients-logo figure {
margin: 0 .4rem;
transform: scale(0.8);
text-align: center
}
}
@media(min-width: 2560px) {
.ncriptech__clients-logo figure img {
transform: scale(1.2)
}
}
.ncriptech__clients-logo .l2r {
--dir: alternate
}
.ncriptech__clients-logo .r2l {
--dir: alternate-reverse
}
@media(hover: hover) {
.ncriptech__clients-logo:hover .figs {
animation-play-state: paused
}
}
.ncriptech__transformation {
position: relative;
z-index: 2
}
@media(max-width: 999px) {
.ncriptech__transformation {
margin-bottom: 6rem
}
}
.ncriptech__transformation .inner-container {
display: grid;
grid-template-columns: 4fr auto auto;
align-items: start;
grid-gap: 3rem;
gap: 3rem;
padding: 2rem;
border-radius: 6px;
margin-bottom: -115px;
position: relative;
z-index: 1
}
@media(max-width: 575px) {
.ncriptech__transformation .inner-container {
grid-template-columns: auto;
border-radius: 0;
grid-gap: 1.25rem;
gap: 1.25rem;
padding: 1.25rem
}
}
@media(min-width: 2460px) {
.ncriptech__transformation .inner-container {
margin-bottom: -6rem
}
}
.ncriptech__transformation article {
max-width: 30rem
}
.ncriptech__transformation .ncriptech__app-store {
display: grid;
grid-template-columns: auto auto;
gap: 1.5rem;
grid-gap: 1.5rem;
align-items: center;
height: 100%
}
@media(max-width: 575px) {
.ncriptech__transformation .ncriptech__app-store {
grid-template-columns: 55px 55px
}
}
.ncriptech__transformation .ncriptech__app-store>figure {
width: 90px;
height: 90px;
text-align: center;
display: grid;
align-items: center;
background: #fff;
border: 2px solid #fff;
border-radius: 50%;
padding: 1rem;
transition: .1s ease-in
}
@media(max-width: 767px) {
.ncriptech__transformation .ncriptech__app-store>figure {
width: 70px;
height: 70px
}
}
@media(max-width: 575px) {
.ncriptech__transformation .ncriptech__app-store>figure {
width: 60px;
height: 60px;
padding: .8rem
}
}
.ncriptech__transformation .ncriptech__app-store>figure svg {
max-width: 100%;
max-height: 100%
}
.ncriptech__transformation .ncriptech__app-store>figure:hover:nth-child(1) {
background: #97c03d;
color: #fff
}
.ncriptech__transformation .ncriptech__app-store>figure:hover:nth-child(2) {
background: linear-gradient(180deg, #19E6FF, #1E51EE);
color: #fff
}
@media(max-width: 767px) {
.ncriptech__transformation .c2a-arw {
width: 10%
}
}
@media(max-width: 575px) {
.ncriptech__transformation .c2a-arw[href="javascript:"] {
display: none
}
}
.ncriptech__success-stories-hero-2 .inner-container {
display: grid;
align-items: start;
grid-template-columns: 100%;
gap: 2.5rem
}
@media(min-width: 768px) {
.ncriptech__success-stories-hero-2 .inner-container {
display: grid;
align-items: start;
grid-template-columns: 1fr 1fr;
gap: 0
}
}
@media(max-width: 875px) {
.ncriptech__success-stories-hero-2 {
padding-bottom: 4rem !important
}
}
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--content {
text-align: left;
padding-right: 30px;
margin-top: 2rem
}
@media(min-width: 768px) {
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--content {
font-size: 80px;
text-align: right;
margin-top: 0
}
}
@media(min-width: 876px) {
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--content {
margin-top: 5rem
}
}
@media(min-width: 1200px) {
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--content {
margin-top: 0
}
}
@media(max-width: 875px) {
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--content {
text-align: left;
margin-top: 3rem
}
}
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--content h6 {
color: #0235f5;
font-weight: 700;
font-size: 50px;
line-height: .75
}
@media(min-width: 876px) {
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--content h6 {
font-size: 80px
}
}
@media(min-width: 1440px) {
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--content h6 {
font-size: 155px
}
}
@media(max-width: 875px) {
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--content h6 {
font-size: 68px
}
}
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--content p {
font-size: 45px;
line-height: 1.1;
margin-top: .25em
}
@media(max-width: 875px) {
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--content p {
font-size: 25px;
margin-top: .55em
}
}
@media(min-width: 768px) {
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--heading {
max-width: max(25vw, 25rem)
}
}
@media(max-width: 875px) {
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--heading {
font-size: 26px
}
}
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--graphik-content {
text-align: left;
z-index: 1
}
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--graphik-content p {
font-size: 1.5rem;
font-weight: 300;
line-height: 1.4
}
@media(min-width: 768px) {
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--graphik-content p {
margin-left: auto;
max-width: 26ch
}
}
@media(max-width: 475px) {
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--graphik-content p {
font-size: 20px
}
}
@media(min-width: 768px) {
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--graphik-content {
text-align: right
}
}
@media(min-width: 768px)and (max-width: 1439px) {
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--graphik-content {
padding-left: 2rem
}
}
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--graphik {
display: grid
}
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--graphik>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--graphik-blob {
padding-right: 50px;
padding-left: 10px;
display: none
}
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--graphik-blob svg {
width: 75%;
height: auto
}
@media(min-width: 876px) {
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--graphik-blob {
display: block
}
}
@media(min-width: 1440px) {
.ncriptech__success-stories-hero-2 .ncriptech__success-stories-hero-2--graphik-blob {
padding-left: 50px
}
}
.ncriptech__about--hero {
overflow: hidden;
margin-bottom: var(--spacer);
--c2a-fs: 0.9rem
}
.ncriptech__about--hero .inner-container {
display: grid;
grid-template-columns: 1fr 1.25fr;
grid-gap: 2rem;
gap: 2rem
}
.ncriptech__about--hero article {
max-width: 700px;
padding-top: 10rem;
padding-bottom: 3rem
}
.ncriptech__about--hero article p {
max-width: 530px;
font-size: 1.1rem
}
.ncriptech__about--hero figure {
position: relative;
display: flex
}
.ncriptech__about--hero figure svg {
position: absolute;
transform: rotate(-180deg);
max-height: 100%
}
.ncriptech__about--hero figure::after {
content: "";
background-color: currentColor;
width: 100vw;
height: 33.3%;
position: absolute;
bottom: 1px;
left: 43%
}
.ncriptech__about--hero figure img {
margin-top: auto;
margin-left: 11.3%;
z-index: 1
}
.ncriptech__about--grid {
--gap: 1rem
}
.ncriptech__about--grid .inner-container {
position: relative;
overflow: hidden
}
.ncriptech__about--grid .inner-container::before {
content: "";
height: var(--gap);
background-color: #fff;
position: absolute;
left: 0;
right: 0px;
top: 49.8%;
z-index: 11
}
.ncriptech__about--grid .grid-1,
.ncriptech__about--grid .grid-2 {
display: grid;
grid-gap: var(--gap);
gap: var(--gap);
align-items: center;
position: relative
}
.ncriptech__about--grid .grid-1::before,
.ncriptech__about--grid .grid-1::after,
.ncriptech__about--grid .grid-2::before,
.ncriptech__about--grid .grid-2::after {
content: "";
position: absolute;
z-index: 1;
width: var(--gap);
height: 100%;
background-color: #fff
}
.ncriptech__about--grid .grid-1 {
grid-template-columns: 1fr 1fr 1.72fr
}
.ncriptech__about--grid .grid-1 article {
padding-left: calc(var(--gap)*3)
}
.ncriptech__about--grid .grid-1::before {
left: 26.15%
}
.ncriptech__about--grid .grid-1::after {
left: calc(52.3% + var(--gap))
}
.ncriptech__about--grid .grid-2 {
margin-top: var(--gap);
grid-template-columns: 1.183fr 1.4fr .92fr
}
.ncriptech__about--grid .grid-2::before {
left: 32.8%
}
.ncriptech__about--grid .grid-2::after {
left: calc(71.61% + var(--gap))
}
.ncriptech__about--grid figure {
overflow: hidden;
position: relative
}
.ncriptech__about--grid figure img {
transform-origin: bottom
}
.ncriptech__about--grid figure figcaption {
position: absolute;
left: 1.25em;
bottom: 1.25em;
color: #fff
}
.ncriptech__about--grid .ncriptech__abt-shape-art {
position: absolute;
left: -2px;
right: -2px;
bottom: -2px;
z-index: 1
}
.ncriptech__about--grid .ncriptech__abt-shape-art svg {
fill: rgba(0, 53, 245, .1);
stroke: #fff;
stroke-width: .3;
stroke-linecap: butt;
stroke-linejoin: miter;
stroke-miterlimit: 4;
stroke-dasharray: none;
stroke-opacity: 1
}
.ncriptech__press-media-logos .inner-container {
display: grid;
grid-auto-flow: column;
align-items: center
}
.ncriptech__press-media-logos figure:not(:hover) img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
opacity: .8
}
.ncriptech__about-workup {
display: grid;
align-items: center;
position: relative
}
@media(min-width: 1200px) {
.ncriptech__about-workup {
padding-bottom: 0 !important
}
}
.ncriptech__about-workup figure img {
height: 100vh;
height: calc(var(--vh, 1vh)*100);
object-fit: cover
}
@media(max-width: 1199px) {
.ncriptech__about-workup figure img {
height: 30rem
}
}
@media(max-width: 575px) {
.ncriptech__about-workup figure img {
height: 22rem
}
}
.ncriptech__about-workup>* {
width: 100%;
grid-row: 1;
grid-column: 1
}
@media(max-width: 575px) {
.ncriptech__about-workup>* {
grid-row: inherit
}
}
.ncriptech__about-workup article {
box-shadow: -21px 21px 25.11px 1.89px rgba(0, 15, 40, .1);
border-radius: .3rem
}
.ncriptech__about-workup article .h3,
.ncriptech__about-workup article .h3x,
.ncriptech__about-workup article p {
padding: 2rem
}
.ncriptech__about-workup article .h3,
.ncriptech__about-workup article .h3x {
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
border-bottom-right-radius: 60px;
margin-right: 26px
}
.ncriptech__about-workup article .h3x {
line-height: 1.2
}
.ncriptech__about-workup article p {
position: relative
}
.ncriptech__about-workup article p:after {
content: "";
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
border-bottom-right-radius: 60px;
position: absolute;
width: 105%;
height: 18%;
right: -8px;
bottom: -14%;
transform: translateY(-14%)
}
@media(min-width: 576px) {
.ncriptech__about-workup article {
width: 450px
}
}
@media(min-width: 1200px) {
.ncriptech__about-workup article {
max-width: 23.45vw
}
.ncriptech__about-workup article .h3,
.ncriptech__about-workup article .h3x,
.ncriptech__about-workup article p {
padding: 2.5rem 3rem
}
}
@media(max-width: 1199px) {
.ncriptech__about-workup article .h4,
.ncriptech__about-workup .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech__about-workup article h5,
.ncriptech__about-workup article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__about-workup article .c2a-arw {
font-size: 2rem
}
}
@media(max-width: 575px) {
.ncriptech__about-workup article .h4,
.ncriptech__about-workup .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech__about-workup article h5,
.ncriptech__about-workup article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__about-workup article .c2a-arw {
font-size: 1.5rem
}
}
@media(min-width: 2560px) {
.ncriptech__about-workup article {
width: 30em
}
.ncriptech__about-workup article .h4,
.ncriptech__about-workup .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech__about-workup article h5,
.ncriptech__about-workup article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__about-workup article .c2a-arw {
font-size: 2.4rem
}
}
.ncriptech__about-workup .c2a {
margin: 0 2rem 2rem 2rem;
position: relative;
z-index: 2
}
@media(min-width: 1200px) {
.ncriptech__about-workup .c2a {
margin: 0 3rem 3.5rem 3rem
}
}
.ncriptech__about-workup.of-parallax {
margin-bottom: 5rem
}
.ncriptech__about-workup.of-parallax .inner-container {
position: relative
}
.ncriptech__about-workup.of-parallax article {
overflow: hidden;
margin-bottom: -13vw
}
@media(min-width: 576px) {
.ncriptech__about-workup.of-parallax article {
width: 400px
}
}
@media(max-width: 875px) {
.ncriptech__about-workup.of-parallax article {
width: 100%;
margin-top: -2rem;
z-index: 2;
position: relative
}
}
@media(min-width: 1200px) {
.ncriptech__about-workup.of-parallax article {
width: 500px;
max-width: 29.05vw
}
}
.ncriptech__about-workup.of-parallax article .ncriptech__digital-shape-art {
position: absolute;
z-index: 1;
left: 20%;
top: 48%;
width: 100%;
transform: translateY(-55%) rotate(90deg)
}
.ncriptech__about-workup.of-parallax article .ncriptech__digital-shape-art svg {
fill: rgba(255, 255, 255, 0);
stroke: #fff;
stroke-width: .3;
stroke-linecap: butt;
stroke-linejoin: miter;
stroke-miterlimit: 4;
stroke-dasharray: none;
stroke-opacity: 1
}
.ncriptech__about-workup.of-parallax>figure {
max-height: 700px;
max-height: 36.459vw;
overflow: hidden;
position: relative
}
@media(max-width: 875px) {
.ncriptech__about-workup.of-parallax>figure {
max-height: 100%
}
}
.ncriptech__about-workup.reverse-parallax {
margin-bottom: 3rem
}
.ncriptech__about-workup.reverse-parallax article {
margin-left: auto
}
.ncriptech__about-workup.center--article {
margin-bottom: 0
}
.ncriptech__about-workup.center--article article {
max-width: none;
margin-bottom: 0;
box-shadow: none
}
@media(max-width: 575px) {
.ncriptech__about-workup.center--article article {
position: relative;
z-index: 2;
background: #161616;
padding: 2rem 1.5rem;
border-radius: 6px;
margin-top: -4em
}
}
.ncriptech__about-workup.center--article article .h4,
.ncriptech__about-workup.center--article .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech__about-workup.center--article article h5,
.ncriptech__about-workup.center--article article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__about-workup.center--article article .c2a-arw {
border: none;
margin: 0;
padding: 0
}
.ncriptech__about-workup.center--article article p {
max-width: 550px;
padding: 0
}
.ncriptech__about-workup.center--article article p:after {
display: none
}
@media(max-width: 575px) {
.ncriptech__about-workup.center--article article p {
display: none
}
}
.ncriptech__about-workup.center--article article .c2a {
margin: 0;
margin-top: 1.75rem
}
.ncriptech__digital-goal--grid {
display: grid;
align-content: center;
align-items: center;
color: #fff;
max-height: 800px;
overflow: hidden;
margin-bottom: var(--spacer)
}
@media(max-width: 575px) {
.ncriptech__digital-goal--grid {
align-items: end;
position: relative;
z-index: 2
}
.ncriptech__digital-goal--grid::after {
content: "";
background: #fff;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(144, 106, 66, 0.9) 100%);
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1
}
}
.ncriptech__digital-goal--grid>* {
grid-column: 1;
grid-row: 1
}
@media(max-width: 575px) {
.ncriptech__digital-goal--grid>* {
max-height: 350px;
overflow: hidden;
position: relative
}
.ncriptech__digital-goal--grid>* img {
z-index: 1;
position: relative;
object-fit: cover;
transform: scale(1.2) !important
}
}
.ncriptech__digital-goal--grid .main-container {
z-index: 1
}
.ncriptech__digital-goal--grid figure:nth-of-type(2) {
z-index: 111
}
.ncriptech__digital-goal--grid article {
margin-left: 40%;
line-height: 1;
font-size: calc(50px + (120 - 50) * (100vw - 320px) / (1920 - 320));
font-size: clamp(50px, 6.25vw, 120px)
}
@media(max-width: 575px) {
.ncriptech__digital-goal--grid article {
transform: translateY(0);
width: 100%;
position: relative;
right: 1em;
text-align: right;
line-height: 1.1;
margin-left: 0;
font-size: 2rem;
margin-bottom: 1em
}
.ncriptech__digital-goal--grid article h2 {
font-size: 1.4rem
}
.ncriptech__digital-goal--grid article h4 {
font-size: 3rem
}
}
@media(max-width: 375px) {
.ncriptech__digital-goal--grid article {
right: .5em;
margin-bottom: .5em
}
}
.ncriptech__digital-goal--grid article>*:last-child {
padding-left: 18%
}
.ncriptech__lead--industry {
display: grid;
align-items: center;
position: relative;
max-height: 700px;
overflow: hidden;
margin-bottom: var(--spacer)
}
.ncriptech__lead--industry.of-parallax figcaption {
position: absolute;
line-height: 1;
left: 40%;
top: 50%;
transform: translateY(-55%);
width: 60%
}
.ncriptech__lead--industry.of-parallax figcaption .h1 {
font-size: calc(50px + (120 - 50) * (100vw - 320px) / (1920 - 320));
font-size: clamp(50px, 6.25vw, 120px)
}
.ncriptech__lead--industry.of-parallax figcaption .h1:last-child {
padding-left: 18%
}
.ncriptech__lead--industry.of-parallax figcaption .h2,
.ncriptech__lead--industry.of-parallax figcaption .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .ncriptech__lead--industry.of-parallax figcaption .heading {
font-size: calc(28px + (80 - 28) * (100vw - 320px) / (1920 - 320));
font-size: clamp(28px, 4.1666666667vw, 80px);
padding-left: 18%
}
.ncriptech__lead--industry.of-parallax figcaption .ncriptech__digital-shape-art {
position: absolute;
z-index: 1;
left: 20%;
top: 48%;
width: 100%;
transform: translateY(-55%) rotate(90deg)
}
.ncriptech__lead--industry.of-parallax figcaption .ncriptech__digital-shape-art svg {
fill: rgba(255, 255, 255, 0);
stroke: #fff;
stroke-width: .3;
stroke-linecap: butt;
stroke-linejoin: miter;
stroke-miterlimit: 4;
stroke-dasharray: none;
stroke-opacity: 1
}
.ncriptech__lead--industry.of-parallax figcaption.lead-industry {
line-height: .6;
z-index: 10;
top: 39%
}
.ncriptech__lead--industry.of-parallax figcaption.lead-industry .h2,
.ncriptech__lead--industry.of-parallax figcaption.lead-industry .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .ncriptech__lead--industry.of-parallax figcaption.lead-industry .heading {
padding-left: 13%
}
.ncriptech__lead--industry.of-parallax figcaption.z-layer {
z-index: 8;
line-height: normal;
top: 33%
}
.ncriptech__lead--industry.of-parallax figcaption.z-layer .h1 {
padding-left: 0
}
.ncriptech__lead--industry.of-parallax>figure {
position: relative
}
.ncriptech__lead--industry.of-parallax>figure .parallax-layer {
z-index: -1;
overflow: hidden;
position: absolute
}
.ncriptech__lead--industry.of-parallax>figure .parallax-layer.txtlayer {
z-index: 9;
position: relative
}
.ncriptech__lead-industry--parallax {
position: relative
}
@media(max-width: 575px) {
.ncriptech__lead-industry--parallax {
overflow: hidden;
position: relative;
height: 61vw;
margin-bottom: var(--spacer)
}
}
@media(max-width: 575px) {
.ncriptech__lead-industry--parallax:after {
content: "";
width: 100%;
height: 100%;
background: #fff;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(144, 106, 66, 0.9) 100%);
position: absolute;
left: 0;
top: 0;
z-index: 1
}
}
.ncriptech__lead-industry--parallax .txt-1 {
font-size: 9rem;
line-height: .8;
position: absolute;
top: 25.1%;
left: 38%
}
@media(min-width: 1921px) {
.ncriptech__lead-industry--parallax .txt-1 {
top: 30%
}
}
@media(min-width: 1540px)and (max-width: 1740px) {
.ncriptech__lead-industry--parallax .txt-1 {
top: 11vw
}
}
@media(min-width: 1024px)and (max-width: 1539px) {
.ncriptech__lead-industry--parallax .txt-1 {
top: 9vw
}
}
@media(max-width: 1024px) {
.ncriptech__lead-industry--parallax .txt-1 {
font-size: 6rem
}
}
@media(max-width: 575px) {
.ncriptech__lead-industry--parallax .txt-1 {
font-size: 4rem;
left: auto;
right: 30%;
top: 30%;
text-align: right;
line-height: 1.1;
z-index: 2
}
}
.ncriptech__lead-industry--parallax .txt-1 span {
display: inline-block
}
.ncriptech__lead-industry--parallax .txt-2 {
position: absolute;
top: 38.3%;
left: 48.5%;
z-index: 1;
font-size: 90px;
line-height: 1
}
@media(max-width: 1024px) {
.ncriptech__lead-industry--parallax .txt-2 {
font-size: 60px
}
}
@media(max-width: 840px) {
.ncriptech__lead-industry--parallax .txt-2 {
font-size: 30px
}
}
@media(max-width: 575px) {
.ncriptech__lead-industry--parallax .txt-2 {
font-size: 30px;
left: auto;
top: auto;
right: 12.5%;
bottom: 20%;
text-align: right;
line-height: 1.1;
z-index: 2
}
}
@media(max-width: 575px) {
.ncriptech__lead-industry--parallax .fig-1 {
transform: scale(2);
position: relative;
top: 20px
}
}
.ncriptech__lead-industry--parallax .fig-2 {
position: relative;
z-index: 1;
width: 120%;
margin-top: -1px
}
@media(max-width: 575px) {
.ncriptech__lead-industry--parallax .fig-2 {
transform: scale(2);
position: relative;
top: 65px
}
}
@media(max-width: 575px) {
.ncriptech__lead-industry--parallax .fig-2 img {
object-fit: cover;
object-position: 10px 7px
}
}
.ncriptech__about-values .grid {
display: grid;
grid-gap: 1rem;
gap: 1rem;
grid-template-columns: auto auto;
justify-content: space-between;
align-items: end
}
.ncriptech__about-values .card-style--1 {
display: grid;
grid-template-columns: 5rem auto;
grid-gap: 1.5rem;
gap: 1.5rem;
background-color: #fff;
padding: 2.5rem;
box-shadow: 4px 3px 9.4px .6px rgba(0, 0, 0, .1);
margin: 10px 5px
}
.ncriptech__about-values .card-style--1 figure {
grid-row: span 2;
opacity: .7
}
.ncriptech__team .grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
grid-gap: 3vw;
gap: 3vw
}
.ncriptech__team .card figure {
position: relative;
overflow: hidden
}
.ncriptech__team .card .--link {
position: absolute;
bottom: -45px;
right: 15px;
width: 35px;
-webkit-transition: .3s;
transition: .3s
}
.ncriptech__team .card .--name {
margin-top: 1em
}
.ncriptech__team .card .--designation {
line-height: normal;
margin-top: .5em
}
.ncriptech__team .card:hover .--name {
color: #0235f5
}
.ncriptech__team .card:hover .--link {
opacity: 1;
bottom: 15px
}
.ncriptech__about-recognation {
background-image: url("./../img/abt/dots.png");
background-repeat: no-repeat;
background-position: center left 6%
}
.ncriptech__about-recognation .inner-container {
display: grid;
grid-template-columns: auto auto;
gap: 2rem;
padding-bottom: var(--spacer)
}
.ncriptech__about-recognation .grid--3 {
grid-gap: 1rem;
gap: 1rem
}
.ncriptech__about-recognation .grid--3>* {
padding: 3em 1.5em
}
.ncriptech__about-recognation .head {
font-size: calc(22px + (36 - 22) * (100vw - 320px) / (1920 - 320));
font-size: clamp(22px, 1.875vw, 36px);
margin-bottom: 1em
}
.ncriptech__about-recognation .head span {
font-weight: 500
}
.ncriptech__about-recognation .desc {
font-size: calc(16px + (25 - 16) * (100vw - 320px) / (1920 - 320));
font-size: clamp(16px, 1.3020833333vw, 25px);
line-height: 1.6;
max-width: 970px
}
.ncriptech__about-recognation .caption {
font-size: calc(18px + (22 - 18) * (100vw - 320px) / (1920 - 320));
font-size: clamp(18px, 1.1458333333vw, 22px);
line-height: 1.6;
margin-top: 1.5em
}
.ncriptech__about-recognation .subhead {
font-size: calc(16px + (30 - 16) * (100vw - 320px) / (1920 - 320));
font-size: clamp(16px, 1.5625vw, 30px);
line-height: 1.5;
margin-bottom: .8em;
text-align: left
}
@keyframes anim__jhikmik {
100% {
opacity: 1
}
75% {
opacity: .8
}
50% {
opacity: .6
}
0% {
opacity: .4
}
}
.ncriptech__awards-recognation {
position: relative;
z-index: 1;
overflow: hidden
}
.ncriptech__awards-recognation .dgrid {
--swiper-nav-hvr: #0235f5;
margin-top: 2rem
}
@media(min-width: 760px) {
.ncriptech__awards-recognation .dgrid {
grid-template-columns: 1fr auto
}
}
@media(min-width: 1900px) {
.ncriptech__awards-recognation .dgrid {
font-size: 1.12rem
}
}
.ncriptech__awards-recognation .dgrid .swiper {
width: 100%;
overflow: visible
}
.ncriptech__awards-recognation .dgrid figure {
min-width: 60px;
width: 50%;
}
.ncriptech__awards-recognation .dgrid .swiper-slide {
display: grid;
grid-gap: 1.2em;
gap: 1.2em;
align-items: center;
align-content: center;
padding: 1.5rem;
border: 1px solid #d3d3d3
}
.ncriptech__awards-recognation .dgrid .swiper-slide:nth-last-child(-n+5) {
grid-template-columns: auto auto
}
.ncriptech__awards-recognation .dgrid .swiper-slide:nth-last-child(-n+5) figure {
/* max-width: 150px */
}
.ncriptech__awards-recognation .dgrid .swiper-slide:nth-child(1) img {
/* filter: invert(1); */
/* max-width: 200px */
}
.ncriptech__awards-recognation .dgrid .swiper-slide:nth-child(3),
.ncriptech__awards-recognation .dgrid .swiper-slide:nth-child(5) {
/* grid-template-columns: .9fr 1fr */
}
/* .ncriptech__awards-recognation .dgrid .swiper-slide:nth-child(3) figure,
.ncriptech__awards-recognation .dgrid .swiper-slide:nth-child(5) figure {
width: 100% !important;
max-width: none !important
} */
.ncriptech__awards-recognation .dgrid .swiper-slide:nth-child(3) figcaption,
.ncriptech__awards-recognation .dgrid .swiper-slide:nth-child(5) figcaption {
font-size: 90%
}
@media(min-width: 1900px) {
.ncriptech__awards-recognation .dgrid .swiper-slide:nth-child(3) figcaption,
.ncriptech__awards-recognation .dgrid .swiper-slide:nth-child(5) figcaption {
font-size: 75%
}
}
@media(min-width: 2560px) {
.ncriptech__awards-recognation .dgrid .swiper-slide:nth-child(3) figcaption,
.ncriptech__awards-recognation .dgrid .swiper-slide:nth-child(5) figcaption {
font-size: 81%
}
}
@media(min-width: 1900px) {
.ncriptech__awards-recognation .dgrid .swiper-slide {
padding: 1.8rem
}
}
@media(min-width: 2560px) {
.ncriptech__awards-recognation .dgrid .swiper-slide {
padding: 1.8rem 1.5rem
}
}
.ncriptech__career--hero {
margin-bottom: var(--spacer)
}
.ncriptech__career--hero .inner-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 2rem;
gap: 2rem
}
.ncriptech__career--hero article {
padding-top: 12rem;
padding-bottom: 3rem
}
.ncriptech__career--hero article p {
max-width: 470px
}
.ncriptech__career--hero figure {
position: relative;
display: flex
}
.ncriptech__career--hero figure svg {
position: absolute;
transform: rotate(-90deg);
max-height: 100%;
top: 50%;
left: -60px
}
.ncriptech__career--hero figure::after {
content: "";
background-color: currentColor;
width: 100vw;
height: 33.3%;
position: absolute;
bottom: 1px;
left: 43%
}
.ncriptech__career--hero figure img {
margin-top: auto;
margin-left: 0;
z-index: 1
}
.ncriptech__future--block {
padding-top: var(--spacerHalf);
position: relative;
z-index: 1
}
.ncriptech__future--block .inner-container {
display: grid;
grid-template-columns: 60% 36%;
gap: 4%;
grid-gap: 4%
}
.ncriptech__future--block article {
padding-top: 2rem
}
.ncriptech__future--block article>.h3 span {
display: block;
font-weight: 500
}
.ncriptech__future--block article .c2a {
position: relative;
padding-right: 3rem
}
.ncriptech__future--block article .c2a>img {
filter: invert(1);
width: 28px;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%) translateX(0);
transition: .3s
}
.ncriptech__future--block article .c2a:hover img {
transform: translateY(-50%) translateX(5px);
transition: .3s
}
.ncriptech__future--block figure img {
width: 100%
}
.ncriptech__future--block:after {
content: "";
background-color: #f3f3f3;
width: 100%;
height: 54.6%;
position: absolute;
left: 0;
z-index: -1;
bottom: 0
}
.ncriptech__virtual--block {
padding-top: 2rem;
grid-column: 1/span 3;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.ncriptech__virtual--block .ncriptech__tour {
display: grid;
grid-template-columns: 80px auto
}
.ncriptech__virtual--block .ncriptech__tour>figure img {
filter: brightness(0%)
}
.ncriptech__virtual--block .ncriptech__tour>article {
padding-top: 0;
margin-left: 30px
}
.ncriptech__career--splitcontent {
padding-top: var(--spacer)
}
.ncriptech__career--splitcontent .inner-container {
grid-template-columns: 1fr 1fr;
gap: 2em;
grid-gap: 2em;
align-items: flex-start
}
.ncriptech__career--splitcontent figure {
--adjust: -25px
}
.ncriptech__career--splitcontent figure span {
display: block;
max-width: 600px;
height: 550px;
margin-left: auto;
background: url(../../assets/img/career/work.jpg) no-repeat;
box-shadow: var(--adjust) calc(1*var(--adjust)) 0 0 #0235f5;
transform: translate(calc(1 * var(--adjust)), var(--adjust));
transition: transform .3s ease;
border-bottom-right-radius: 140px;
overflow: hidden;
border: 10px solid #fff
}
.ncriptech__career--splitcontent figure:hover {
--adjust: 0
}
.ncriptech__career--splitcontent article p {
max-width: 100%
}
.ncriptech__everyone--testi {
--testi-gap: 240px;
background-color: #011689;
position: relative;
padding-top: var(--testi-gap);
padding-bottom: var(--testi-gap) !important
}
.ncriptech__everyone--testi article {
text-align: center;
max-width: 56%;
margin: 0 auto;
position: relative;
z-index: 2
}
.ncriptech__everyone--testi article .h4,
.ncriptech__everyone--testi .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech__everyone--testi article h5,
.ncriptech__everyone--testi article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__everyone--testi article .c2a-arw,
.ncriptech__everyone--testi article p {
color: #fff
}
.ncriptech__everyone--testi article .c2a-arw {
font-size: calc(16px + (20 - 16) * (100vw - 320px) / (1920 - 320));
font-size: clamp(16px, 1.0416666667vw, 20px)
}
.ncriptech__everyone--testi .testi--path1,
.ncriptech__everyone--testi .testi--path2 {
position: absolute
}
.ncriptech__everyone--testi .testi--path1 svg,
.ncriptech__everyone--testi .testi--path2 svg {
filter: invert(1)
}
.ncriptech__everyone--testi .testi--path1 .dot,
.ncriptech__everyone--testi .testi--path2 .dot {
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
right: -4px;
top: 1.5vh
}
.ncriptech__everyone--testi .testi--path1 {
left: 0
}
.ncriptech__everyone--testi .testi--path2 {
transform: rotate(175deg);
right: -128px;
bottom: 160px
}
.ncriptech__everyone--testi figure {
position: absolute;
width: 115px;
height: 115px;
border-radius: 50%;
overflow: hidden;
background-color: #fff
}
.ncriptech__everyone--testi figure img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.ncriptech__everyone--testi figure:nth-child(1) {
left: 23vw;
top: 10vw
}
.ncriptech__everyone--testi figure:nth-child(2) {
right: 28vw;
top: 4vw
}
.ncriptech__everyone--testi figure:nth-child(3) {
left: 25vw;
bottom: 5vw
}
.ncriptech__everyone--testi figure:nth-child(4) {
right: 12vw;
bottom: 6vw
}
.ncriptech__everyone--testi figure:nth-child(5) {
left: 5vw;
bottom: 30%
}
.ncriptech__everyone--testi figure:nth-child(5) img {
transform: translate(-50%, -50%) scale(1.2)
}
.ncriptech__everyone--testi figure:nth-child(6) {
right: 5vw;
top: 30%
}
.ncriptech__everyone--testi figure:nth-child(6) img {
transform: translate(-50%, -50%) scale(1.2)
}
.ncriptech__everyone--testi .particle {
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
opacity: .7
}
.ncriptech__everyone--testi .particle.part-1 {
top: 13%;
left: 7%
}
.ncriptech__everyone--testi .particle.part-2 {
right: 20%;
top: 30%
}
.ncriptech__everyone--testi .particle.part-3 {
left: 18%;
bottom: 35%
}
.ncriptech__everyone--testi .particle.part-4 {
right: 8%;
bottom: 25%
}
.ncriptech__job--content {
padding-top: var(--spacer)
}
.ncriptech__job--content .grid--3 {
margin-top: 3rem;
grid-gap: 4rem 2rem;
gap: 4rem 2rem
}
.ncriptech__job--content>.h5 {
font-weight: 500
}
.ncriptech__job--content .ncriptech__apply-btn {
position: relative
}
.ncriptech__job--content .ncriptech__apply-btn .c2a {
outline: 30px solid #fff
}
@media(max-width: 1540px) {
.ncriptech__job--content .ncriptech__apply-btn .c2a {
outline: 20px solid #fff
}
}
.ncriptech__job--content .ncriptech__apply-btn:after {
content: "";
background-color: #0235f5;
height: 1px;
width: 100%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: -1;
transition: .5s
}
.ncriptech__job--content .ncriptech__apply-btn:hover:after {
width: 60%;
transition: .5s;
left: 50%;
transform: translateX(-50%)
}
.ncriptech__start--career {
padding-top: var(--spacer)
}
.ncriptech__start--career .inner-container {
display: grid;
grid-template-columns: auto auto;
gap: 4rem;
align-items: center;
justify-items: center
}
@media(max-width: 1250px) {
.ncriptech__start--career .inner-container {
grid-template-columns: 19rem auto;
gap: 3rem
}
}
@media(max-width: 1199px) {
.ncriptech__start--career .inner-container {
grid-template-columns: 30rem auto
}
.ncriptech__start--career .inner-container .text-animation span {
background: linear-gradient(-45deg, rgba(255, 39, 189, var(--sat1, 0.99608)) 0%, rgba(150, 48, 206, var(--sat2, 1)) 100%);
color: rgba(0, 0, 0, 0);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
}
@media(max-width: 980px) {
.ncriptech__start--career .inner-container {
grid-template-columns: 20rem auto
}
}
@media(max-width: 759px) {
.ncriptech__start--career .inner-container {
grid-template-columns: auto
}
}
@media(max-width: 575px) {
.ncriptech__start--career .inner-container .h3 {
font-size: 1.6rem
}
}
@media(max-width: 980px) {
.ncriptech__start--career .rellax {
transform: translate3d(0, 0, 0) !important
}
}
.ncriptech__start--career figure {
width: 500px;
max-width: 26.05vw;
position: relative
}
@media(max-width: 1250px) {
.ncriptech__start--career figure {
max-width: 28vw
}
}
@media(max-width: 1199px) {
.ncriptech__start--career figure {
max-width: 34vw
}
}
@media(max-width: 759px) {
.ncriptech__start--career figure {
max-width: 700px
}
}
@media(max-width: 575px) {
.ncriptech__start--career figure {
max-width: 100%;
width: 300px
}
}
.ncriptech__start--career figure #scene {
position: relative
}
.ncriptech__start--career figure .layer.ncriptech-cup-dots {
width: 19.2%;
top: 33% !important;
left: -32px !important;
position: absolute
}
.ncriptech__start--career figure .layer.ncriptech-cup-circle {
position: absolute;
left: auto !important;
right: 3% !important;
top: auto !important;
bottom: 8% !important;
z-index: 3
}
.ncriptech__start--career figure .layer.ncriptech-cup {
position: relative;
overflow: hidden;
border-radius: 50%
}
.ncriptech__start--career figure .layer .mask-container {
border-radius: 50%;
overflow: hidden
}
.ncriptech__start--career figure .layer .mask {
width: 450px;
height: 450px;
max-width: 23.44vw;
max-height: 23.44vw;
border-radius: 50%;
margin-top: 135px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
position: relative
}
@media(max-width: 1199px) {
.ncriptech__start--career figure .layer .mask {
max-width: 28.44vw;
max-height: 28.44vw
}
}
@media(max-width: 759px) {
.ncriptech__start--career figure .layer .mask {
max-width: 500px;
max-height: 500px
}
}
@media(max-width: 575px) {
.ncriptech__start--career figure .layer .mask {
max-width: 100%;
width: 260px;
height: 260px
}
}
.ncriptech__start--career figure .layer .mask>img {
position: absolute;
left: 0;
bottom: 0
}
.ncriptech__start--career figure .layer .ncriptech-cup-hand {
position: absolute;
left: 70px;
width: 59.2%
}
@media(max-width: 980px) {
.ncriptech__start--career figure .layer .ncriptech-cup-hand {
top: 80px
}
}
@media(max-width: 760px) {
.ncriptech__start--career figure .layer .ncriptech-cup-hand {
top: 40px
}
}
.ncriptech__start--career .yellow__particle {
width: 4.5rem;
height: 4.5rem;
border-radius: 50%;
background-color: #ffd100
}
@media(max-width: 575px) {
.ncriptech__start--career {
padding-top: 0
}
}
.ncriptech__career-tab-grid {
padding-top: calc(var(--spacer)/2) !important;
padding-bottom: calc(var(--spacer)/2) !important;
--btn-size: 0.7em 1.4em
}
.ncriptech__career-tab-grid .tab-contents>* {
display: grid;
grid-gap: 1.5rem;
gap: 1.5rem;
align-items: center
}
.ncriptech__career-tab-grid .tab-navs .actv .c2a svg {
transform: rotate(45deg)
}
.ncriptech__career-tab-grid .tab-navs>*+* {
border-top: 1px solid #70a4f1
}
.ncriptech__career-tab-grid .tab-navs .actv {
opacity: .8
}
@media(max-width: 575px) {
.ncriptech__career-tab-grid .tab-navs>* {
padding-inline: .8rem
}
}
@media(min-width: 1000px) {
.ncriptech__career-tab-grid .tab-grid {
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 3rem;
gap: 3rem;
align-items: center
}
.ncriptech__career-tab-grid .tab-contents>* {
grid-template-columns: 1.25fr 1fr
}
.ncriptech__career-tab-grid article {
max-width: 400px
}
}
@media(max-width: 999px) {
.ncriptech__career-tab-grid {
--btn-size: 1em 1.4em
}
.ncriptech__career-tab-grid .tab-grid {
display: flex;
flex-direction: column
}
.ncriptech__career-tab-grid .tab-grid>* {
display: contents
}
.ncriptech__career-tab-grid aside>* {
font-weight: 500
}
.ncriptech__career-tab-grid aside>*:nth-child(1) {
order: 1
}
.ncriptech__career-tab-grid aside>*:nth-child(2) {
order: 3
}
.ncriptech__career-tab-grid aside>*:nth-child(3) {
order: 5
}
.ncriptech__career-tab-grid aside>*:nth-child(4) {
order: 7
}
.ncriptech__career-tab-grid .tab-contents>* {
margin-top: .5rem;
margin-bottom: 1.5rem
}
.ncriptech__career-tab-grid .tab-contents>*:nth-child(1) {
order: 2
}
.ncriptech__career-tab-grid .tab-contents>*:nth-child(2) {
order: 4
}
.ncriptech__career-tab-grid .tab-contents>*:nth-child(3) {
order: 6
}
.ncriptech__career-tab-grid .tab-contents>*:nth-child(4) {
order: 8
}
.ncriptech__career-tab-grid .tab-navs .c2a span {
font-size: 110%
}
.ncriptech__career-tab-grid .c2a svg {
transform: rotate(135deg)
}
}
@media(max-width: 999px)and (max-width: 575px) {
.ncriptech__career-tab-grid .c2a svg {
width: 1.5rem
}
}
@media(max-width: 999px) {
.ncriptech__career-tab-grid .tab-navs .actv .c2a svg {
transform: rotate(315deg)
}
}
@media(max-width: 575px) {
.ncriptech__career-tab-grid {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.ncriptech__career-tab-grid .c2a {
padding: .6rem 0
}
.ncriptech__career-tab-grid .tab-contents>* {
margin-top: 0
}
}
.ncriptech__career--realpeople {
margin-bottom: var(--spacer)
}
.ncriptech__career--realpeople .inner-container {
display: grid;
grid-gap: 1.5rem;
gap: 1.5rem;
align-items: start;
overflow: hidden
}
@media(min-width: 1000px) {
.ncriptech__career--realpeople .inner-container {
grid-template-columns: auto 1fr;
grid-gap: 3rem;
gap: 3rem
}
}
@media(max-width: 575px) {
.ncriptech__career--realpeople .inner-container {
grid-gap: 0;
gap: 0;
display: flex;
flex-direction: column
}
.ncriptech__career--realpeople .inner-container article {
display: contents
}
.ncriptech__career--realpeople .inner-container article h5 {
font-size: 1.6rem
}
.ncriptech__career--realpeople .inner-container .swiper-nav {
width: 100%;
text-align: center;
order: 1
}
.ncriptech__career--realpeople .inner-container .swipes {
margin-top: 1.5rem
}
}
.ncriptech__career--realpeople .swiper:not(.swiper__fade) .swiper-slide:not(.swiper-slide-active) {
visibility: hidden
}
@media(max-width: 999px)and (min-width: 576px) {
.ncriptech__career--realpeople article {
display: grid;
grid-template-columns: auto auto;
justify-content: space-between;
align-items: end
}
}
.ncriptech__career--realpeople .people-card {
display: grid;
grid-gap: 1.5rem;
gap: 1.5rem
}
@media(min-width: 576px) {
.ncriptech__career--realpeople .people-card {
grid-template-columns: 14.25rem 1fr;
grid-gap: 2rem;
gap: 2rem
}
}
.ncriptech__career--realpeople .people-card figure img {
clip-path: polygon(100% 0px, 99.24% 72.58%, 71.13% 100%, 0px 100%, 0px 0px)
}
.ncriptech__career--realpeople blockquote {
position: relative;
padding: 1.25em 0 0 3em
}
.ncriptech__career--realpeople blockquote:before {
content: open-quote;
font-size: 5em;
line-height: 1;
position: absolute;
left: 0;
top: 0
}
@media(min-width: 1400px) {
.ncriptech__career--realpeople blockquote {
padding: 1.25em 2.5em 0 3.9em
}
}
.ncriptech__contact--hero .inner-container {
display: grid;
grid-template-columns: 1fr 1.25fr;
grid-gap: 2rem;
gap: 2rem
}
.ncriptech__contact--hero article {
padding-top: 15rem;
padding-bottom: 12rem
}
.ncriptech__contact--hero figure {
display: grid;
align-items: end;
position: relative
}
.ncriptech__contact--hero figure>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__contact--hero figure svg {
max-height: 50%;
z-index: -1;
transform: translateX(45%)
}
.ncriptech__contact--hero figure::after {
content: "";
position: absolute;
width: 150vw;
height: 26.1%;
bottom: 23.8%;
left: 72%;
background-color: currentColor
}
.ncriptech__mails {
margin-bottom: 25px;
color: #fff !important
}
@media(min-width: 760px) {
.ncriptech__mails {
text-align: right
}
}
.ncriptech__mails ul {
list-style: none;
margin-top: .5em;
display: inline-grid;
gap: .6rem;
text-align: left
}
@media(min-width: 576px) {
.ncriptech__mails ul {
grid-auto-flow: column
}
.ncriptech__mails ul li {
line-height: normal;
padding: 0 1em
}
.ncriptech__mails ul li:not(:first-child) {
border-left: 1px solid #a6a6a6
}
.ncriptech__mails ul li:first-child {
padding-left: 0
}
.ncriptech__mails ul li:last-child {
padding-right: 0
}
}
.ncriptech__mails ul svg {
width: 1.3em;
vertical-align: sub;
margin-right: .3em;
opacity: .6
}
@media(min-width: 1200px) {
.ncriptech__mails a:hover span {
color: #0235f5
}
}
@media(max-width: 575px) {
.ncriptech__mails a {
display: inline-block;
font-size: 110%;
margin-bottom: .25em
}
}
@media(min-width: 1200px) {
.ncriptech__contacts {
margin-top: 4rem
}
}
.ncriptech__contacts ul {
display: grid;
grid-auto-flow: column;
justify-content: space-between;
list-style: none;
font-size: 1.2rem
}
@media(max-width: 999px)and (min-width: 576px) {
.ncriptech__contacts ul {
grid-gap: 1.5rem;
gap: 1.5rem;
grid-auto-flow: row;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
}
}
.ncriptech__contacts ul li:not(:first-child) svg {
display: none
}
@media(max-width: 575px) {
.ncriptech__contacts ul {
grid-auto-flow: row;
grid-template-columns: minmax(0, 1fr);
grid-gap: 1.5rem;
gap: 1.5rem;
padding: .5em;
border: 1px solid #d7d7d7;
border-radius: .2em;
position: relative
}
.ncriptech__contacts ul::before {
content: "";
border-left: 1px solid #d7d7d7;
position: absolute;
top: 0;
bottom: 0
}
.ncriptech__contacts ul::after {
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 6px 0 6px;
border-color: #a0a0a0 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
position: absolute;
right: .5em;
top: .95em
}
.ncriptech__contacts ul li:first-child {
padding-right: 1.2em
}
.ncriptech__contacts ul svg {
animation: shake 2s ease infinite;
transform-origin: 50%;
transform-origin-y: 0px;
transform-origin-z: initial
}
@keyframes shake {
0% {
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg)
}
2% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg)
}
4% {
-webkit-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
transform: rotate(-18deg)
}
6% {
-webkit-transform: rotate(18deg);
-ms-transform: rotate(18deg);
transform: rotate(18deg)
}
8% {
-webkit-transform: rotate(-22deg);
-ms-transform: rotate(-22deg);
transform: rotate(-22deg)
}
10% {
-webkit-transform: rotate(22deg);
-ms-transform: rotate(22deg);
transform: rotate(22deg)
}
12% {
-webkit-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
transform: rotate(-18deg)
}
14% {
-webkit-transform: rotate(18deg);
-ms-transform: rotate(18deg);
transform: rotate(18deg)
}
16% {
-webkit-transform: rotate(-12deg);
-ms-transform: rotate(-12deg);
transform: rotate(-12deg)
}
18% {
-webkit-transform: rotate(12deg);
-ms-transform: rotate(12deg);
transform: rotate(12deg)
}
20% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg)
}
}
}
.ncriptech__contacts ul.c2a--reveal.open::after {
border-width: 0 6px 8px 6px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #a0a0a0 rgba(0, 0, 0, 0)
}
.ncriptech__contacts ul.c2a--reveal.open::before {
border-left: none;
background-color: #d7d7d7;
width: 100%;
height: 1px;
top: 45px
}
.ncriptech__contacts ul.c2a--reveal.open li:not(:first-child) {
display: block
}
@media(max-width: 575px) {
.ncriptech__contacts li:not(:first-child) {
display: none
}
.ncriptech__contacts li a {
font-size: 90%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between
}
.ncriptech__contacts li a br {
display: none
}
.ncriptech__contacts li a span {
border-bottom: none
}
}
.ncriptech__contacts a,
.ncriptech__contacts span {
display: inline-block
}
.ncriptech__contacts span {
font-size: 80%;
border-bottom: 1px solid currentColor
}
.ncriptech__contacts .rounded {
display: inline-block;
width: .88em;
height: .88em;
transform: translateY(0.49em);
transition: .2s
}
@media(max-width: 999px) {
.ncriptech__contacts .rounded {
display: none
}
}
.ncriptech__contacts li:hover+.rounded {
transform: translateY(2.38em)
}
.ncriptech__contacts svg {
width: 1em;
vertical-align: sub;
margin-right: .2em;
opacity: .6
}
.ncriptech__contact--form #contactForm {
--frmErrClr: #fdd008
}
.ncriptech__contact--form article p {
display: grid;
place-items: center
}
@media(max-width: 575px) {
.ncriptech__contact--form article p {
font-size: 1.25rem;
line-height: 1.4
}
}
.ncriptech__contact--form article p span,
.ncriptech__contact--form article p::before {
grid-row: 1;
grid-column: 1
}
.ncriptech__contact--form article p::before {
content: "";
width: 100%;
height: 1px;
background-color: #c5c5c5
}
@media(min-width: 576px) {
.ncriptech__contact--form article {
text-align: center
}
.ncriptech__contact--form article p span {
padding-left: 1em;
padding-right: 1em
}
}
.ncriptech__contact--form .form--whitee .form-element,
.ncriptech__contact--form .form--whitee .form-field {
color: #fff
}
.ncriptech__contact--form .form--whitee .form-field:focus {
border-color: #fff !important
}
.ncriptech__contact--form.career__form article p {
place-items: flex-start !important
}
.ncriptech__contact--form.career__form article p:before {
display: none
}
.ncriptech__contact--form.career__form article p span {
padding-left: 0;
padding-right: 0
}
@media(min-width: 760px) {
.ncriptech__contact--form form {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0 1rem;
gap: 0 1rem
}
}
@media(max-width: 575px) {
.ncriptech__contact--form form .c2a {
margin-left: auto;
margin-right: auto;
border-radius: 0;
width: 100%
}
}
section.ncriptech__contact--form {
position: relative;
z-index: 1
}
.ncriptech__careerlist--hero figure>img {
position: relative;
right: 25%;
top: 20%
}
.ncriptech__careerlist--hero figure svg {
top: 6%;
left: auto;
right: 90px
}
.ncriptech__careerlist--hero figure::after {
content: "";
background-color: currentColor;
width: 33.3%;
height: 100%;
position: absolute;
top: 60%;
left: 9%
}
.ncriptech__careerlist--hero figure::before {
content: "";
background-color: currentColor;
width: 100vw;
height: 33.3%;
position: absolute;
top: 23%;
left: 43%
}
.ncriptech__careerlist--hero .ncriptech__social--links {
bottom: 0
}
.ncriptech__meet--block {
position: relative;
padding-top: var(--spacer)
}
.ncriptech__meet--block .inner-container {
position: relative
}
.ncriptech__meet--block .meet__wave {
position: absolute;
top: -185px;
z-index: 1
}
.ncriptech__meet--block .swiper-nav {
position: absolute;
z-index: 9;
right: 0;
top: 0;
margin-top: .5rem
}
.ncriptech__meet--block:after {
content: "";
background-color: #fafbff;
width: 100%;
height: calc(100% - 145px);
position: absolute;
left: 0;
bottom: 0
}
.ncriptech__meet--block .h3 {
position: relative;
z-index: 2
}
.ncriptech__meet--block .h5 {
font-size: calc(18px + (20 - 18) * (100vw - 320px) / (1920 - 320));
font-size: clamp(18px, 1.0416666667vw, 20px)
}
.ncriptech__meet--block p {
font-size: calc(16px + (18 - 16) * (100vw - 320px) / (1920 - 320));
font-size: clamp(16px, 0.9375vw, 18px)
}
.ncriptech__meet--block .swiper__fewsu {
margin-top: 4.5rem
}
.ncriptech__jobs {
background-color: #fff;
padding-top: 5rem
}
@media(max-width: 767px) {
.ncriptech__jobs {
padding-top: 3rem;
padding-bottom: 4rem !important
}
}
.ncriptech__jobs .urgent__block {
display: inline-block;
padding: .1em .6em;
border-radius: 0;
font-size: max(.6vw, .7rem);
margin-left: .5rem;
color: #0235f5 !important;
border: 1px solid #0235f5;
position: absolute;
top: 26px;
right: 0;
border-right: none
}
@media(max-width: 1200px) {
.ncriptech__jobs .urgent__block {
font-size: 15px
}
}
.ncriptech__jobs .ncriptech__jobs--header {
display: grid;
grid-auto-flow: column;
justify-content: space-between;
align-items: center;
gap: 1rem
}
@media(max-width: 565px) {
.ncriptech__jobs .ncriptech__jobs--header {
grid-auto-flow: row;
justify-content: center;
align-items: center;
gap: 1rem
}
.ncriptech__jobs .ncriptech__jobs--header .h3 {
text-align: center
}
}
.ncriptech__career--block {
position: relative
}
.ncriptech__career--block::before {
content: "";
position: absolute;
left: 0;
right: 0;
z-index: -1;
background-color: #fff;
height: 18%
}
.ncriptech__career--block .c2a-btm-cont {
display: none
}
.ncriptech__career--block .c2a-underline {
font-size: max(1.6vw, 1.6rem)
}
@media(max-width: 991px) {
.ncriptech__career--block article .h4x {
font-size: clamp(18px, 1.3671875vw, 35px);
line-height: inherit
}
}
@media(max-width: 759px) {
.ncriptech__career--block {
padding-top: var(--spacer)
}
.ncriptech__career--block::before {
top: 0;
height: 95%
}
.ncriptech__career--block .c2a-top-cont {
height: 0;
overflow: hidden;
margin-top: -1.5rem
}
.ncriptech__career--block .c2a-btm-cont {
display: block;
margin-top: 3rem
}
.ncriptech__career--block .grid .h5 span {
font-size: 110%
}
.ncriptech__career--block article {
background-color: #fff
}
}
.ncriptech__career--block .grid {
display: grid;
grid-gap: 1rem;
gap: 1rem
}
@media(min-width: 576px) {
.ncriptech__career--block .grid {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media(min-width: 760px) {
.ncriptech__career--block .grid {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
.ncriptech__career--block .grid>* {
display: flex;
flex-direction: column
}
.ncriptech__career--block .grid>*:hover article .c2a span {
opacity: 1
}
.ncriptech__career--block .grid article {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 1rem;
gap: 1rem;
padding: 1.5rem 1rem;
position: relative;
flex: 1
}
@media(min-width: 992px) {
.ncriptech__career--block .grid article {
padding: 2rem
}
}
@media(max-width: 991px) {
.ncriptech__career--block .grid article {
grid-template-columns: 100%
}
}
.ncriptech__career--block .grid article .h8,
.ncriptech__career--block .grid article .ncriptech--industries-hero .--desc,
.ncriptech--industries-hero .ncriptech__career--block .grid article .--desc,
.ncriptech__career--block .grid article .ncriptech--industries-hero .--subheading,
.ncriptech--industries-hero .ncriptech__career--block .grid article .--subheading {
line-height: 1.6
}
.ncriptech__career--block .grid article .c2a {
grid-column: 2;
padding: 0;
font-weight: 600
}
@media(max-width: 991px) {
.ncriptech__career--block .grid article .c2a {
grid-column: 1;
justify-content: flex-start
}
}
.ncriptech__career--block .grid article .c2a span {
opacity: 0;
transition: opacity .5s ease
}
@media(max-width: 1200px) {
.ncriptech__career--block .grid article .c2a span {
opacity: 1
}
}
.ncriptech__career--job-block h5 {
line-height: 1.4
}
@media(max-width: 575px) {
.ncriptech__career--job-block h5 {
font-size: 1.6rem
}
}
.ncriptech__career--job-block .h9,
.ncriptech__career--job-block .ncriptech--core-service-grid .grid--2>div ul,
.ncriptech--core-service-grid .grid--2>div .ncriptech__career--job-block ul {
line-height: 1.7
}
.ncriptech__career--job-block .swiper-slide {
background-color: #eeedff;
padding: 1.5rem
}
@media(min-width: 1200px) {
.ncriptech__career--job-block .swiper-slide {
padding: 2rem
}
}
.ncriptech__career--job-block .cardd {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1rem;
gap: 1rem
}
@media(min-width: 776px) {
.ncriptech__career--job-block .inner-container {
display: grid;
grid-template-columns: 34% 66%;
grid-gap: 0;
gap: 0
}
.ncriptech__career--job-block .inner-container>article {
padding-right: 1.5rem;
position: relative;
z-index: 111
}
.ncriptech__career--job-block .inner-container>article::after {
content: "";
width: 100vw;
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
background-color: #fff
}
.ncriptech__career--job-block .swiper {
overflow: visible;
pointer-events: none
}
}
@media(max-width: 775px) {
.ncriptech__career--job-block .inner-container>article br {
display: none
}
.ncriptech__career--job-block p br {
display: none
}
.ncriptech__career--job-block .inner-container {
display: flex;
flex-direction: column
}
.ncriptech__career--job-block .c2a {
order: 1
}
.ncriptech__career--job-block article {
display: contents
}
.ncriptech__career--job-block .swipes {
margin-top: 1rem
}
.ncriptech__career--job-block .swiper-nav {
order: 1;
text-align: center
}
.ncriptech__career--job-block .cardd img {
max-width: 50px
}
.ncriptech__career--job-block .h5 {
font-size: 110%
}
}
.ncriptech__ncriptech-for-everyone {
padding-bottom: 0 !important;
margin-bottom: var(--spacer);
overflow: hidden
}
@media(max-width: 575px) {
.ncriptech__ncriptech-for-everyone {
margin-bottom: calc(var(--spacer)/2.5)
}
}
.ncriptech__ncriptech-for-everyone .has--gptw--logo {
display: inline-grid;
grid-template-columns: auto auto;
grid-gap: 1.5rem;
gap: 1.5rem;
align-items: center
}
.ncriptech__ncriptech-for-everyone .has--gptw--logo .gptw--logo {
width: 2.5em;
z-index: 1
}
.ncriptech__ncriptech-for-everyone article {
width: 100%;
max-width: 600px;
padding-top: 5vw;
padding-bottom: 5vw
}
@media(max-width: 960px) {
.ncriptech__ncriptech-for-everyone article {
max-width: 350px
}
}
@media(max-width: 760px) {
.ncriptech__ncriptech-for-everyone article {
padding-top: 2rem;
padding-bottom: 2rem
}
}
@media(min-width: 2560px) {
.ncriptech__ncriptech-for-everyone article {
max-width: 750px
}
.ncriptech__ncriptech-for-everyone article p {
font-size: 130% !important
}
}
.ncriptech__ncriptech-for-everyone .c2a {
z-index: 2;
position: relative
}
@media(max-width: 575px) {
.ncriptech__ncriptech-for-everyone .c2a:not(:hover) {
background-color: #facc00 !important;
border-color: rgba(0, 0, 0, 0)
}
}
.ncriptech__ncriptech-for-everyone .parallax-slab-2 img {
height: 100%;
object-fit: cover;
object-position: 60%
}
@media(min-width: 760px) {
.ncriptech__ncriptech-for-everyone {
display: grid
}
.ncriptech__ncriptech-for-everyone>* {
grid-row: 1;
grid-column: 1
}
}
@media(max-width: 760px) {
.ncriptech__ncriptech-for-everyone {
background-color: #3f4833;
position: relative
}
.ncriptech__ncriptech-for-everyone .has--gptw--logo .gptw--logo {
position: absolute;
top: 0;
left: 15px
}
.ncriptech__ncriptech-for-everyone .parallax-slab-2 {
height: 55vw
}
.ncriptech__ncriptech-for-everyone .parallax-slab-2 img {
object-position: 65%
}
}
.ncriptech__swipescroll--heading {
padding-bottom: calc(var(--spacer)/2) !important
}
@media(max-width: 575px) {
.ncriptech__swipescroll--heading {
margin-top: 2rem
}
}
.ncriptech__swipescroll--heading .inner-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
-webkit-box-align: flex-end;
-moz-box-align: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
flex-wrap: wrap
}
.ncriptech__swipescroll--heading .swiper-slide {
width: 945px;
flex: 0 0 945px
}
.ncriptech__swipescroll--heading p {
max-width: 750px
}
.ncriptech__swipescroll--heading.top__padding {
padding-top: var(--spacer)
}
.ncriptech__swipescroll--block {
overflow: hidden
}
.ncriptech__swipescroll--block .block--head {
display: grid;
align-items: center;
justify-content: space-between;
padding-bottom: var(--spacer);
max-width: max(30vw, 30rem)
}
.ncriptech__swipescroll--block .block--head.width_custom {
max-width: max(50vw, 50rem) !important
}
@media(min-width: 1000px) {
.ncriptech__swipescroll--block .block--head {
grid-template-columns: 100%
}
}
@media(max-width: 999px) {
.ncriptech__swipescroll--block .block--head {
gap: 2rem
}
}
.ncriptech__swipescroll--block .swiper__advisory {
float: left;
width: 100%
}
.ncriptech__swipescroll--block .swiper__advisory .h2,
.ncriptech__swipescroll--block .swiper__advisory .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .ncriptech__swipescroll--block .swiper__advisory .heading {
line-height: 1.2;
font-size: 45px
}
.ncriptech__swipescroll--block .swiper__advisory .h4x {
line-height: 1.5;
font-size: 22px
}
.ncriptech__swipescroll--block .swiper__advisory .h8,
.ncriptech__swipescroll--block .swiper__advisory .ncriptech--industries-hero .--desc,
.ncriptech--industries-hero .ncriptech__swipescroll--block .swiper__advisory .--desc,
.ncriptech__swipescroll--block .swiper__advisory .ncriptech--industries-hero .--subheading,
.ncriptech--industries-hero .ncriptech__swipescroll--block .swiper__advisory .--subheading {
font-size: 18px
}
.ncriptech__swipescroll--block .swiper__advisory .swiper-slide {
display: grid
}
.ncriptech__swipescroll--block .swiper__advisory .swiper-slide figure {
transition: transform .4s ease-in-out
}
.ncriptech__swipescroll--block .swiper__advisory .swiper-slide article {
padding: 2.5rem !important
}
.ncriptech__swipescroll--block .swiper__advisory .swiper-slide:hover figure {
transform: translateY(25px)
}
.ncriptech__swipescroll--block .swiper__advisory .swiper-counter {
font-size: 2vw;
color: #fff;
margin-bottom: 1.5vw
}
.ncriptech__swipescroll--block .swiper__advisory .swiper-progress-bar {
position: relative;
bottom: 0;
width: 90.1%;
display: block;
z-index: 1;
height: 6px;
margin-bottom: 2rem;
margin-top: 2rem;
margin-right: auto
}
.ncriptech__swipescroll--block .swiper__advisory .swiper-progress-bar .slide_progress-bar {
position: absolute;
height: 6px;
background: rgba(255, 255, 255, .3);
width: auto;
clear: both;
opacity: 0;
left: 0;
right: 0;
border-radius: 10px;
overflow: hidden
}
.ncriptech__swipescroll--block .swiper__advisory .swiper-progress-bar .slide_progress-bar:after {
position: absolute;
top: 0;
left: 0;
background: #fff;
background-size: 200% 200%;
height: 100%;
width: 0;
content: "";
transition: .1s width linear
}
.ncriptech__swipescroll--block .swiper__advisory .swiper-progress-bar.active .slide_progress-bar {
opacity: 1
}
.ncriptech__swipescroll--block .swiper__advisory .swiper-progress-bar.animate .slide_progress-bar:after {
transition: width linear;
transition-delay: unset;
width: 100%;
transition-duration: 5s
}
.ncriptech__swipescroll--block.ncriptech__swipescroll_new_design .block--head {
display: grid;
grid-template-columns: 100%;
max-width: max(30vw, 30rem)
}
@media(min-width: 1000px) {
.ncriptech__swipescroll--block.ncriptech__swipescroll_new_design .block--head {
grid-template-columns: 100%
}
}
.ncriptech__swipescroll--block.less-gap .swiper__advisory-2 {
float: left;
width: 100%;
counter-reset: advisory-counter
}
@media(max-width: 575px) {
.ncriptech__swipescroll--block.less-gap .swiper__advisory-2 {
display: grid;
grid-template-columns: 40px auto;
align-items: center;
gap: 24px
}
}
.ncriptech__swipescroll--block.less-gap .swiper__advisory-2 .swiper-slide {
display: grid;
overflow: hidden;
counter-increment: advisory-counter;
width: 30vw
}
.ncriptech__swipescroll--block.less-gap .swiper__advisory-2 .swiper-slide .counter-line {
margin: 2rem 0
}
.ncriptech__swipescroll--block.less-gap .swiper__advisory-2 .swiper-slide .counter-line::before {
content: "0" counter(advisory-counter);
display: inline-grid;
place-items: center;
font-size: .8rem;
width: 2em;
height: 2em;
border-radius: 50%;
color: #fff;
background-color: #0235f5;
transform: translateY(-50%);
transition: all .4s ease-in-out 0s
}
.ncriptech__swipescroll--block.less-gap .swiper__advisory-2 .swiper-slide article {
padding: 3rem !important
}
@media(max-width: 675px) {
.ncriptech__swipescroll--block.less-gap .swiper__advisory-2 .swiper-slide article {
padding: 2rem !important
}
.ncriptech__swipescroll--block.less-gap .swiper__advisory-2 .swiper-slide article .h4x {
font-size: 18px !important
}
.ncriptech__swipescroll--block.less-gap .swiper__advisory-2 .swiper-slide article .h8,
.ncriptech__swipescroll--block.less-gap .swiper__advisory-2 .swiper-slide article .ncriptech--industries-hero .--desc,
.ncriptech--industries-hero .ncriptech__swipescroll--block.less-gap .swiper__advisory-2 .swiper-slide article .--desc,
.ncriptech__swipescroll--block.less-gap .swiper__advisory-2 .swiper-slide article .ncriptech--industries-hero .--subheading,
.ncriptech--industries-hero .ncriptech__swipescroll--block.less-gap .swiper__advisory-2 .swiper-slide article .--subheading {
line-height: 1.4;
font-size: 16px
}
}
.ncriptech__swipescroll--block.less-gap .swiper__advisory-2 .swiper-slide:last-child .counter-line {
background-color: rgba(0, 0, 0, 0)
}
.ncriptech__swipescroll--block.less-gap .swiper__advisory-2 .swiper-counter {
font-size: max(2vw, 1.5rem);
color: #fff
}
@media(min-width: 576px) {
.ncriptech__swipescroll--block.less-gap .swiper__advisory-2 .swiper-counter {
margin-bottom: 1.5vw
}
}
.ncriptech__swipescroll--block.less-gap .swiper__advisory-2 .swiper-progress-bar {
position: relative;
bottom: 0;
width: 44%;
display: block;
z-index: 1;
height: 6px;
margin-bottom: 2rem;
margin-top: 2rem;
margin-right: auto
}
.ncriptech__swipescroll--block.less-gap .swiper__advisory-2 .swiper-progress-bar .slide_progress-bar {
position: absolute;
height: 6px;
background: rgba(255, 255, 255, .3);
width: auto;
clear: both;
opacity: 0;
left: 0;
right: 0;
border-radius: 10px;
overflow: hidden
}
.ncriptech__swipescroll--block.less-gap .swiper__advisory-2 .swiper-progress-bar .slide_progress-bar:after {
position: absolute;
top: 0;
left: 0;
background: #fff;
background-size: 200% 200%;
height: 100%;
width: 0;
content: "";
transition: .1s width linear
}
.ncriptech__swipescroll--block.less-gap .swiper__advisory-2 .swiper-progress-bar.active .slide_progress-bar {
opacity: 1
}
.ncriptech__swipescroll--block.less-gap .swiper__advisory-2 .swiper-progress-bar.animate .slide_progress-bar:after {
transition: width linear;
transition-delay: unset;
width: 100%;
transition-duration: 5s
}
.ncriptech__swipescroll--block .swiper__horizental {
counter-reset: advisory-counter
}
@media(min-width: 1368px) {
.ncriptech__swipescroll--block .swiper__horizental {
display: flex;
width: 100%
}
}
@media(max-width: 575px) {
.ncriptech__swipescroll--block .swiper__horizental {
display: grid;
grid-template-columns: 40px auto;
align-items: center;
gap: 24px
}
}
@media(min-width: 1368px) {
.ncriptech__swipescroll--block .swiper__horizental .swiper-wrapper {
width: auto
}
}
.ncriptech__swipescroll--block .swiper__horizental .swiper-slide {
overflow: hidden;
counter-increment: advisory-counter
}
@media(min-width: 1368px) {
.ncriptech__swipescroll--block .swiper__horizental .swiper-slide {
width: max(30vw, 25rem);
display: grid
}
}
.ncriptech__swipescroll--block .swiper__horizental .swiper-slide .counter-line {
margin: 2rem 0
}
.ncriptech__swipescroll--block .swiper__horizental .swiper-slide .counter-line::before {
content: "0" counter(advisory-counter);
display: inline-grid;
place-items: center;
font-size: .8rem;
width: 2em;
height: 2em;
border-radius: 50%;
color: #fff;
background-color: #0235f5;
transform: translateY(-50%);
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.ncriptech__swipescroll--block .swiper__horizental .swiper-slide:last-child .counter-line {
background-color: rgba(0, 0, 0, 0)
}
.ncriptech__swipescroll--block .swiper__horizental .swiper-slide article {
padding: 3rem !important
}
@media(max-width: 675px) {
.ncriptech__swipescroll--block .swiper__horizental .swiper-slide article {
padding: 2rem !important
}
.ncriptech__swipescroll--block .swiper__horizental .swiper-slide article .h4x {
font-size: 18px !important
}
.ncriptech__swipescroll--block .swiper__horizental .swiper-slide article .h8,
.ncriptech__swipescroll--block .swiper__horizental .swiper-slide article .ncriptech--industries-hero .--desc,
.ncriptech--industries-hero .ncriptech__swipescroll--block .swiper__horizental .swiper-slide article .--desc,
.ncriptech__swipescroll--block .swiper__horizental .swiper-slide article .ncriptech--industries-hero .--subheading,
.ncriptech--industries-hero .ncriptech__swipescroll--block .swiper__horizental .swiper-slide article .--subheading {
line-height: 1.4;
font-size: 16px
}
}
.ncriptech__swipescroll--block .swiper__horizental .swiper-counter {
font-size: max(2vw, 1.5rem);
color: #fff
}
@media(min-width: 576px) {
.ncriptech__swipescroll--block .swiper__horizental .swiper-counter {
margin-bottom: 1.5vw
}
}
.ncriptech__swipescroll--block .swiper__horizental .swiper-progress-bar {
position: relative;
bottom: 0;
width: 44%;
display: block;
z-index: 1;
height: 6px;
margin-bottom: 2rem;
margin-top: 2rem;
margin-right: auto
}
.ncriptech__swipescroll--block .swiper__horizental .swiper-progress-bar .slide_progress-bar {
position: absolute;
height: 6px;
background: rgba(255, 255, 255, .3);
width: auto;
clear: both;
opacity: 0;
left: 0;
right: 0;
border-radius: 10px;
overflow: hidden
}
.ncriptech__swipescroll--block .swiper__horizental .swiper-progress-bar .slide_progress-bar:after {
position: absolute;
top: 0;
left: 0;
background: #fff;
background-size: 200% 200%;
height: 100%;
width: 0;
content: "";
transition: .1s width linear
}
.ncriptech__swipescroll--block .swiper__horizental .swiper-progress-bar.active .slide_progress-bar {
opacity: 1
}
.ncriptech__swipescroll--block .swiper__horizental .swiper-progress-bar.animate .slide_progress-bar:after {
transition: width linear;
transition-delay: unset;
width: 100%;
transition-duration: 5s
}
.ncriptech__webdesign--work--parallax .cont {
display: grid;
grid-gap: var(--grid-gap, 1rem);
gap: var(--grid-gap, 1rem);
justify-content: center;
align-items: center;
position: relative
}
.ncriptech__webdesign--work--parallax .cont .c-1,
.ncriptech__webdesign--work--parallax .cont .c-2,
.ncriptech__webdesign--work--parallax .cont .c-3,
.ncriptech__webdesign--work--parallax .cont .c-4 {
display: flex;
grid-gap: var(--grid-gap, 1rem);
gap: var(--grid-gap, 1rem)
}
.ncriptech__webdesign--work--parallax .cont .c-1:nth-child(odd),
.ncriptech__webdesign--work--parallax .cont .c-2:nth-child(odd),
.ncriptech__webdesign--work--parallax .cont .c-3:nth-child(odd),
.ncriptech__webdesign--work--parallax .cont .c-4:nth-child(odd) {
flex-direction: row-reverse
}
.ncriptech__webdesign--work--parallax .cont figure {
flex: 0 0 25rem;
width: 25rem;
height: 14rem;
overflow: hidden;
border-radius: 14px;
border: 10px solid #1f1f1f
}
@media(max-width: 675px) {
.ncriptech__webdesign--work--parallax .cont figure {
flex: 0 0 20rem;
width: 20rem;
height: 12rem
}
}
.ncriptech__webdesign--work--parallax .cont figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top left
}
.ncriptech__webdesign--work--parallax.career--parallax .cont figure {
flex: auto;
width: auto;
height: auto
}
.ncriptech__webdesign--work .ncriptech__webdesign--work--parallax {
margin-top: var(--spacer);
max-height: 95vh;
overflow: hidden
}
.ncriptech__webdesign--work .ncriptech__webdesign--work--parallax .cont {
/* transform: rotateX(35deg) rotateY(5deg) rotateZ(-25deg); */
transform-style: preserve-3d
}
.projects--done {
display: grid;
align-items: center;
overflow: hidden
}
.projects--done>* {
grid-row: 1;
grid-column: 1
}
@media(max-width: 890px) {
.projects--done {
grid-auto-flow: row
}
}
.projects--done .inner-container article {
max-width: max(26vw, 26rem)
}
@media(max-width: 890px) {
.projects--done .inner-container article {
max-width: 90%;
margin: 0 auto
}
}
.projects--done .inner-container article .h4x {
font-size: 25px !important
}
@media(max-width: 760px) {
.projects--done .inner-container article .h4x {
font-size: 18px !important
}
.projects--done .inner-container article .h4x br {
display: none !important
}
}
@media(min-width: 2560px) {
.projects--done .inner-container article .h4x {
font-size: 1.4vw !important
}
}
@media(max-width: 890px) {
.projects--done .content_top_part {
padding-top: 3rem;
padding-bottom: 4rem;
margin: 0 auto;
text-align: center
}
}
.projects--done .ncriptech__webdesign--work-2 {
display: flex;
max-width: 100%;
height: max(30vw, 30rem);
overflow: hidden;
grid-row: 2
}
@media(min-width: 891px) {
.projects--done .ncriptech__webdesign--work-2 {
max-width: max(45vw, 45rem);
margin-left: max(35vw, 31rem);
transform: rotate(15deg) translateY(-20%);
transform-origin: right;
z-index: -1;
height: max(31vw, 40rem);
grid-row: 1;
overflow: visible
}
}
@media(min-width: 1440px) {
.projects--done .ncriptech__webdesign--work-2 {
margin-left: max(41vw, 41rem)
}
}
.projects--done .ncriptech__webdesign--work-2 .cont {
grid-auto-flow: column;
margin-left: 0;
position: relative
}
.projects--done .ncriptech__webdesign--work-2 .cont::before {
content: "";
position: absolute;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.7882352941), transparent);
z-index: 1;
width: 100%;
left: 0;
top: 0;
bottom: 0;
will-change: transform
}
@media(max-width: 890px) {
.projects--done .ncriptech__webdesign--work-2 .cont::before {
background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(7, 14, 33, 0) 20%)
}
}
.projects--done .ncriptech__webdesign--work-2 .cont .col {
display: grid;
gap: var(--grid-gap, 1rem)
}
.projects--done .ncriptech__webdesign--work-2 .cont .col:nth-child(even) figure {
animation: heroscroll 40s linear infinite reverse
}
.projects--done .ncriptech__webdesign--work-2 .cont .col:nth-child(odd) figure {
animation: heroscroll 50s linear infinite
}
.projects--done .ncriptech__webdesign--work-2 .cont .col figure {
width: max(20vw, 20rem);
height: max(12vw, 12rem)
}
@media(max-width: 575px) {
.projects--done .ncriptech__webdesign--work-2 .cont .col figure {
width: max(12vw, 12rem);
height: max(8vw, 8rem)
}
}
@keyframes heroscroll {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.mobile__skew__scroll .c-1,
.mobile__skew__scroll .c-3,
.mobile__skew__scroll .c-5,
.mobile__skew__scroll .c-7,
.mobile__skew__scroll .col:nth-child(even) {
animation: scroll 30s linear 1s infinite
}
.mobile__skew__scroll .c-2,
.mobile__skew__scroll .c-4,
.mobile__skew__scroll .c-6,
.mobile__skew__scroll .col:nth-child(odd) {
animation: scroll-2 30s linear 1s infinite
}
@keyframes scroll {
0% {
transform: translate3d(0%, 0px, 0px)
}
50% {
transform: translate3d(28%, 0px, 0px)
}
100% {
transform: translate3d(0%, 0px, 0px)
}
}
@keyframes scroll-2 {
0% {
transform: translate3d(0%, 0px, 0px)
}
50% {
transform: translate3d(-28%, 0px, 0px)
}
100% {
transform: translate3d(0%, 0px, 0px)
}
}
.ncriptech__3i {
padding-top: 10rem
}
@media(min-width: 576px) {
.ncriptech__3i .swiper-nav {
display: none
}
}
@media(max-width: 575px) {
.ncriptech__3i .flow-rootX8>*+* {
margin-top: 1.5rem !important
}
.ncriptech__3i .swiper-nav {
display: grid;
grid-auto-flow: column;
place-content: space-between;
margin-top: 2rem;
background: #e8e8e8;
padding: 10px 20px;
border-radius: 10px
}
.ncriptech__3i .swiper-nav .swiper__ideate--next,
.ncriptech__3i .swiper-nav .swiper__ideate--prev {
display: grid;
grid-auto-flow: column;
align-items: center;
place-content: start;
gap: 12px;
font-size: 18px
}
.ncriptech__3i .swiper-nav .swiper__ideate--prev svg {
transform: scaleX(-1)
}
}
@media(min-width: 1000px) {
.ncriptech__3i .tab-grid {
display: grid;
grid-template-columns: 38.57% 1fr;
grid-gap: 1.5rem;
gap: 1.5rem
}
}
@media(max-width: 575px) {
.ncriptech__3i .tab-grid {
margin: 0
}
}
.ncriptech__3i .tab-navs {
display: grid;
grid-gap: 1.5rem;
gap: 1.5rem
}
.ncriptech__3i .tab-navs>* {
padding: 1.5rem 2rem;
line-height: 1.5;
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 1rem 1.5rem;
gap: 1rem 1.5rem;
border-radius: .2em;
border: 1px solid #535353;
color: #fff;
position: relative;
z-index: 1
}
.ncriptech__3i .tab-navs>* * {
line-height: inherit
}
.ncriptech__3i .tab-navs>* .c2a-arw {
grid-row: 1;
grid-column: 2;
align-items: start;
transform: translateX(1em)
}
@media(max-width: 999px) {
.ncriptech__3i .tab-navs>* .c2a-arw {
transform: rotate(135deg)
}
}
.ncriptech__3i .tab-navs>*::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
transform: scaleY(0);
transform-origin: top;
background-color: #fff;
border-radius: .2em;
transition: 200ms
}
@media(max-width: 575px) {
.ncriptech__3i .tab-navs>*::before {
display: none
}
}
.ncriptech__3i .tab-navs>*:hover:not(.actv) {
cursor: pointer
}
.ncriptech__3i .tab-navs>*:hover:not(.actv)::before {
background-color: #54565a
}
.ncriptech__3i .tab-navs>*:hover:not(.actv)>* {
color: #fff
}
.ncriptech__3i .tab-navs>*:hover:not(.actv) .c2a-arw {
color: #fff
}
.ncriptech__3i .tab-navs>*:hover,
.ncriptech__3i .tab-navs>*.actv {
color: #2a2a2a
}
.ncriptech__3i .tab-navs>*:hover::before,
.ncriptech__3i .tab-navs>*.actv::before {
transform: scaleY(1) !important
}
.ncriptech__3i .tab-navs>*:hover .c2a-arw,
.ncriptech__3i .tab-navs>*.actv .c2a-arw {
color: #0235f5
}
@media(max-width: 575px) {
.ncriptech__3i .tab-navs>*:hover .c2a-arw,
.ncriptech__3i .tab-navs>*.actv .c2a-arw {
color: #fff
}
}
@media(max-width: 575px) {
.ncriptech__3i .tab-navs>*:hover p.colspan-2,
.ncriptech__3i .tab-navs>*.actv p.colspan-2 {
color: #2a2a2a
}
.ncriptech__3i .tab-navs>*:hover p.colspan-2::before,
.ncriptech__3i .tab-navs>*.actv p.colspan-2::before {
transform: scaleY(1) !important
}
.ncriptech__3i .tab-navs>*:hover p.colspan-2 .c2a-arw,
.ncriptech__3i .tab-navs>*.actv p.colspan-2 .c2a-arw {
color: #0235f5
}
}
.ncriptech__3i .tab-navs>*.actv .c2a-arw {
transform: rotate(45deg)
}
@media(max-width: 999px) {
.ncriptech__3i .tab-navs>*.actv .c2a-arw {
transform: rotate(-45deg);
transform-origin: top right
}
}
@media(max-width: 575px) {
.ncriptech__3i .tab-navs>*.actv .h5 {
margin-bottom: 22px
}
.ncriptech__3i .tab-navs>*.actv .h5:before {
opacity: 1 !important;
color: #fdd008
}
}
@media(max-width: 575px) {
.ncriptech__3i .tab-navs .c2a-parent .h5 {
color: #fff
}
.ncriptech__3i .tab-navs .c2a-parent .h5:before {
content: attr(data-title);
display: block;
font-size: 24px;
font-weight: 700;
opacity: .5
}
}
.ncriptech__3i .tab-navs .c2a-parent p.colspan-2 {
position: relative
}
.ncriptech__3i .tab-navs .c2a-parent p.colspan-2::before {
content: "";
position: absolute;
left: -1.3rem;
right: -1.3rem;
top: -1.3rem;
bottom: -1.3rem;
z-index: -1;
transform: scaleY(0);
transform-origin: top;
background-color: #fff;
border-radius: 0 0 .2em .2em;
transition: 200ms
}
.ncriptech__3i .tab-contents {
border-radius: .12em;
overflow: hidden
}
@media(max-width: 999px) {
.ncriptech__3i .tab-navs,
.ncriptech__3i .tab-contents {
display: contents
}
.ncriptech__3i .tab-grid {
display: flex;
flex-direction: column
}
.ncriptech__3i .tab-navs>* {
margin-bottom: 1rem;
padding: 1.3rem
}
.ncriptech__3i .tab-navs>*:nth-child(1) {
order: 1
}
.ncriptech__3i .tab-navs>*:nth-child(2) {
order: 3
}
.ncriptech__3i .tab-navs>*:nth-child(3) {
order: 5
}
.ncriptech__3i .tab-navs>*.actv {
margin-bottom: .5rem
}
.ncriptech__3i .tab-navs .c2a-parent p.colspan-2 {
display: none
}
.ncriptech__3i .tab-navs .c2a-parent.actv p.colspan-2 {
display: block
}
.ncriptech__3i .tab-contents>*:nth-child(1) {
order: 2
}
.ncriptech__3i .tab-contents>*:nth-child(2) {
order: 4
}
.ncriptech__3i .tab-contents>*:nth-child(3) {
order: 6
}
.ncriptech__3i .tab-contents>*:not(:last-child) {
margin-bottom: 2rem
}
}
@media(max-width: 575px) {
.ncriptech__3i .tab-navs>* {
margin-bottom: 1rem
}
}
.ncriptech__3i article .h2,
.ncriptech__3i article .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .ncriptech__3i article .heading {
display: flex;
gap: 1rem;
place-content: center
}
.ncriptech__webdesign--work,
.ncriptech__inner-gallery {
overflow: hidden;
position: relative;
z-index: 0
}
.ncriptech__webdesign--work .inner-container,
.ncriptech__inner-gallery .inner-container {
display: grid;
justify-items: start;
grid-gap: .5rem;
gap: .5rem
}
@media(min-width: 1000px) {
.ncriptech__webdesign--work .inner-container,
.ncriptech__inner-gallery .inner-container {
align-items: end;
justify-content: space-between
}
.ncriptech__webdesign--work .inner-container>.h4,
.ncriptech__webdesign--work .ncriptech__about-values .inner-container>.c2a-arw,
.ncriptech__about-values .ncriptech__webdesign--work .inner-container>.c2a-arw,
.ncriptech__webdesign--work .ncriptech__career--realpeople article .inner-container>h5,
.ncriptech__career--realpeople article .ncriptech__webdesign--work .inner-container>h5,
.ncriptech__inner-gallery .inner-container>.h4,
.ncriptech__inner-gallery .ncriptech__about-values .inner-container>.c2a-arw,
.ncriptech__about-values .ncriptech__inner-gallery .inner-container>.c2a-arw,
.ncriptech__inner-gallery .ncriptech__career--realpeople article .inner-container>h5,
.ncriptech__career--realpeople article .ncriptech__inner-gallery .inner-container>h5 {
max-width: 16em
}
.ncriptech__webdesign--work .inner-container>p,
.ncriptech__inner-gallery .inner-container>p {
grid-column: 1;
max-width: 30em
}
}
@media(max-width: 575px) {
.ncriptech__webdesign--work,
.ncriptech__inner-gallery {
display: flex;
flex-direction: column
}
.ncriptech__webdesign--work .main-container,
.ncriptech__webdesign--work .inner-container,
.ncriptech__inner-gallery .main-container,
.ncriptech__inner-gallery .inner-container {
display: contents
}
.ncriptech__webdesign--work .c2a,
.ncriptech__inner-gallery .c2a {
order: 1
}
.ncriptech__webdesign--work .h3x,
.ncriptech__webdesign--work .h5,
.ncriptech__inner-gallery .h3x,
.ncriptech__inner-gallery .h5 {
padding-left: 15px;
padding-right: 15px
}
.ncriptech__webdesign--work .h5,
.ncriptech__inner-gallery .h5 {
margin-top: .5em
}
}
.ncriptech__inner-gallery .svg--container svg {
width: 8rem;
height: auto
}
.ncriptech__techstack .inner-container {
display: grid;
grid-template-columns: auto auto;
justify-content: space-between;
align-items: end;
grid-gap: 1.5rem;
gap: 1.5rem
}
.ncriptech__techstack .inner-container>p {
grid-column: 1
}
.ncriptech__techstack .swiper-wrapper {
height: 320px
}
.ncriptech__techstack .swiper-slide {
display: flex;
height: calc((100% - 25px)/2);
border: 1px solid #e0e0e0;
padding: 2rem;
border-radius: .15em
}
.ncriptech__techstack .swiper-slide img {
width: 100%;
max-height: 100%;
margin: auto
}
.ncriptech__techstack .swiper-slide:nth-child(2) img {
width: auto
}
.ncriptech__techstack .swiper-slide:not(:hover) img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: .8
}
.items-container {
display: grid;
grid-auto-flow: column;
grid-gap: 150px;
gap: 150px;
padding-top: 200px;
padding-bottom: 100px
}
.items-container>div {
width: 100px;
flex: 0 0 100px
}
.ncriptech__service--box {
position: relative;
display: grid;
grid-gap: 1rem;
gap: 1rem;
overflow: hidden
}
@media(min-width: 760px) {
.ncriptech__service--box {
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 0;
gap: 0
}
}
.ncriptech__service--box .sds__box {
display: flex;
flex-direction: column
}
.ncriptech__service--box .sds__box>* {
padding: 1.5rem
}
@media(max-width: 760px) {
.ncriptech__service--box .sds__box>* {
padding: 1.25rem
}
}
.ncriptech__service--box .sds__box .sds__box--heading {
display: grid;
grid-template-columns: 1fr 80px
}
.ncriptech__service--box .sds__box .sds__box--heading small {
display: block;
font-size: 60%;
font-weight: 400
}
@media(max-width: 575px) {
.ncriptech__service--box .sds__box .sds__box--heading small {
font-size: 75%
}
}
.ncriptech__service--box .sds__box .sds__box--heading h3 {
grid-row: 2;
grid-column: 1/-1
}
.ncriptech__service--box .sds__box .sds__box--heading figure {
grid-row: 1;
grid-column: 2;
height: 1.8em;
text-align: right
}
.ncriptech__service--box .sds__box .sds__box--heading figure img {
max-height: 100%
}
.ncriptech__service--box .sds__box .sds__box--content {
border: 1px solid #bfbfbf;
display: grid;
flex-grow: 1
}
.ncriptech__service--box .sds__box .sds__box--content p {
font-size: calc(16px + (18 - 16) * (100vw - 320px) / (1920 - 320));
font-size: clamp(16px, 0.9375vw, 18px)
}
@media(max-width: 760px) {
.ncriptech__service--box .sds__box .sds__box--content .c2a-arw[href="javascript:"] {
display: none
}
}
@media(min-width: 760px) {
.ncriptech__service--box .sds__box .sds__box--content {
border-top: 0
}
.ncriptech__service--box .sds__box .sds__box--content .h8,
.ncriptech__service--box .sds__box .sds__box--content .ncriptech--industries-hero .--desc,
.ncriptech--industries-hero .ncriptech__service--box .sds__box .sds__box--content .--desc,
.ncriptech__service--box .sds__box .sds__box--content .ncriptech--industries-hero .--subheading,
.ncriptech--industries-hero .ncriptech__service--box .sds__box .sds__box--content .--subheading {
min-height: 3em
}
.ncriptech__service--box .sds__box .sds__box--content p {
font-size: calc(16px + (18 - 16) * (100vw - 320px) / (1920 - 320));
font-size: clamp(16px, 0.9375vw, 18px)
}
}
@media(min-width: 760px) {
.ncriptech__service--box .sds__box:not(:last-child) .sds__box--content {
border-right: 0
}
}
.ncriptech__service--box .sds__box:not(:last-child) .sds__box--heading {
border-right: 1px solid #6d6d6d;
box-shadow: 1px 0px 0px 0px #000
}
.ncriptech__service--box .sds__box:hover .c2a-arw {
color: #45a7b3
}
.ncriptech__service--box.reverse {
border: none;
gap: 0 2rem;
grid-gap: 0 2rem;
margin-top: 5rem
}
.ncriptech__service--box.reverse:after {
display: none
}
.ncriptech__service--box.reverse .sds__box {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-right: 2rem !important;
padding: 0
}
.ncriptech__service--box.reverse .sds__box:not(:last-child) {
border-right: 1px solid #838383;
box-shadow: none
}
.ncriptech__service--box.reverse .sds__box>figure {
width: auto;
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2
}
.ncriptech__service--box.reverse .sds__box>figure img {
filter: invert(0)
}
.ncriptech__service--box.reverse .sds__box>article {
display: grid;
grid-row-start: 2;
grid-row-end: 4;
grid-column-start: 1
}
.ncriptech__service--box.reverse .sds__box>article .c2a-arw {
justify-content: flex-end;
font-size: 1.2rem
}
.ncriptech__blog--tab .ncriptech__tabs {
font-weight: 500;
font-size: 80%;
display: grid;
grid-auto-flow: column;
justify-content: start;
grid-gap: 2.5em;
gap: 2.5em;
border-bottom: 1px solid #d9d9d9;
overflow: auto;
white-space: nowrap
}
.ncriptech__blog--tab .ncriptech__tabs a {
padding-bottom: .85em;
position: relative;
transition: .3s
}
.ncriptech__blog--tab .ncriptech__tabs a::after {
height: .25em;
background-color: currentColor;
position: absolute;
bottom: 0;
left: 0;
right: 0
}
.ncriptech__blog--tab .ncriptech__tabs a:hover {
color: #0235f5
}
.ncriptech__blog--tab .ncriptech__tabs a.actv {
color: #0235f5
}
.ncriptech__blog--tab .ncriptech__tabs a.actv::after {
content: ""
}
.ncriptech__blog--tab .ncriptechs__tabs_content .grid--3 {
grid-gap: 1.5rem 1rem;
gap: 1.5rem 1rem;
align-items: start
}
@media(min-width: 576px) {
.ncriptech__blog--tab .ncriptechs__tabs_content .grid--3 {
grid-gap: 3rem 1rem;
gap: 5rem 1rem
}
}
@media(min-width: 992px) {
.ncriptech__blog--tab .ncriptechs__tabs_content .grid--3 {
grid-gap: 3rem 1rem;
gap: 5rem 3rem
}
}
.ncriptech__blogdetails--hero {
margin-top: var(--spacerHalf)
}
.ncriptech__further__blog-reading .heading__with-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media(max-width: 575px) {
.ncriptech__further__blog-reading .heading__with-button .c2a {
width: auto
}
}
.ncriptech__further__blog-reading .grid--3 {
gap: 2rem
}
@media(max-width: 575px) {
.ncriptech__further__blog-reading .grid--3 .blog__card {
grid-template-columns: auto
}
}
.ncriptech__further__blog-reading .grid--3 .blog__card figure {
margin-bottom: 2rem
}
.blog__social__links {
list-style: none
}
.blog__social__links li+li {
margin-top: .8rem
}
.blog__social__links a {
display: inline-grid;
place-items: center;
width: 2.25rem;
height: 2.25rem;
border-radius: 50%;
text-align: center;
background-color: #6b6b6b;
transition: .3s
}
.blog__social__links a img {
filter: invert(1)
}
@media(max-width: 575px) {
.blog__social__links {
position: relative;
padding-top: 2.5em;
display: grid;
grid-auto-flow: column;
justify-content: start;
grid-gap: 1.15em;
gap: 1.15em
}
.blog__social__links::before {
content: "Share with";
position: absolute;
top: 0;
left: 0;
color: #fff
}
.blog__social__links li+li {
margin-top: 0
}
}
.ncriptech__blogdetails--content .table {
border: 2px solid #444
}
.ncriptech__blogdetails--content .table thead tr {
background-color: #444
}
.ncriptech__blogdetails--content .table tr td {
padding: 10px;
border: 1px solid #444;
font-size: max(.9vw, .9rem);
max-width: 150px;
white-space: wrap
}
@media(min-width: 1300px) {
.ncriptech__blogdetails--content {
margin-top: -100px
}
}
.ncriptech__blogdetails--content .author--profile {
border-top: 1px solid #484848;
padding-block: 2rem
}
.ncriptech__blogdetails--content .author--profile figure {
display: inline-grid;
grid-template-columns: 50px auto;
align-items: center;
gap: 1rem
}
.ncriptech__blogdetails--content .author--profile figure>a {
padding-bottom: 100%;
height: 0;
position: relative;
display: block
}
.ncriptech__blogdetails--content .author--profile figure>a img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: top
}
.ncriptech__blogdetails--content .author--profile figure img {
border-radius: 6px
}
.ncriptech__blogdetails--content .author--profile figure figcaption {
line-height: 1.2
}
.ncriptech__blogdetails--content .author--profile figure figcaption>* {
line-height: 1.4
}
.ncriptech__blogdetails--content .inner-container {
display: grid;
align-items: start;
grid-gap: 1.5rem;
gap: 1.5rem;
background-color: #000;
padding-top: calc(var(--spacer)/2)
}
@media(min-width: 576px) {
.ncriptech__blogdetails--content .inner-container {
grid-gap: 2rem;
gap: 2rem;
grid-template-columns: 1fr auto
}
}
@media(min-width: 1300px) {
.ncriptech__blogdetails--content .inner-container {
grid-gap: 3rem;
gap: 3rem;
padding: 3rem 0 0 5rem
}
}
.ncriptech__blogdetails--content .blog__author {
display: grid;
grid-auto-flow: column
}
@media(min-width: 575px) {
.ncriptech__blogdetails--content .blog__author {
gap: 3em;
grid-gap: 3em
}
}
@media(min-width: 760px) {
.ncriptech__blogdetails--content .blog__author {
gap: 3rem;
grid-gap: 3rem
}
}
.ncriptech__blogdetails--content .blog__author .author--h-block {
display: grid;
grid-template-columns: 50px auto;
column-gap: 1rem;
align-items: center
}
.ncriptech__blogdetails--content .blog__author .author--h-block>figure {
border-radius: 6px;
overflow: hidden
}
.ncriptech__blogdetails--content .blog__author .author--h-block>figure>a {
padding-bottom: 100%;
height: 0;
position: relative;
display: block
}
.ncriptech__blogdetails--content .blog__author .author--h-block>figure>a img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: top
}
.ncriptech__blogdetails--content .blog__author>*:not(:last-child) {
padding-right: 1em;
border-right: 1px solid #c6c6c6
}
.ncriptech__blogdetails--content .blog__author>* span {
font-weight: 500
}
@media(max-width: 575px) {
.ncriptech__blogdetails--content .blog__author>*:not(:nth-child(2)) {
padding-left: 1em
}
}
@media(max-width: 575px) {
.ncriptech__blogdetails--content .blog__author {
font-size: 13px
}
.ncriptech__blogdetails--content .blog__author>div:nth-child(1) {
display: none
}
}
@media(min-width: 576px) {
.ncriptech__blogdetails--content .blog__social__links {
grid-row: 2;
grid-column: 2;
position: sticky;
top: 50%;
right: 0;
transform: translateY(-50%);
margin-top: 350px
}
}
.ncriptech__blogdetails--content article {
overflow: hidden
}
.ncriptech__blogdetails--content article .permalink-heading {
display: flex;
align-items: center
}
.ncriptech__blogdetails--content article .permalink-heading svg {
width: 16px;
height: 16px;
margin-right: 10px
}
.ncriptech__blogdetails--content article p a[href]:not(.c2a-text) {
color: #919191;
border-bottom: 1px solid currentColor;
padding-bottom: .1em
}
.ncriptech__blogdetails--content article p a[href]:not(.c2a-text):hover {
color: #fdd008
}
.ncriptech__blogdetails--content article ul,
.ncriptech__blogdetails--content article ol {
margin-left: 1.5em;
transform: translateY(-0.5em);
display: grid;
row-gap: 1rem
}
.ncriptech__blogdetails--content article ul li+li,
.ncriptech__blogdetails--content article ol li+li {
margin-top: .15em
}
.ncriptech__blogdetails--content article ul li>*+*,
.ncriptech__blogdetails--content article ol li>*+* {
margin-top: .8rem
}
.ncriptech__blogdetails--content article p img {
height: auto !important
}
.ncriptech__blogdetails--content article span[style="color: #000080"],
.ncriptech__blogdetails--content article span[style="color: #000080;"] {
color: #fff1a8 !important
}
.ncriptech__blogdetails--content article span[style="color: #0000ff"],
.ncriptech__blogdetails--content article span[style="color: #0000ff;"] {
color: #fdd008 !important
}
.ncriptech__blogdetails--content article span[style="color: #000000"],
.ncriptech__blogdetails--content article span[style="color: #000000;"] {
color: #fff !important
}
.ncriptech__blogdetails--content .caption {
font-size: 80%
}
.ncriptech__service--box_swiper {
margin-top: 5rem;
border: none
}
@media(max-width: 575px) {
.ncriptech__service--box_swiper {
margin-top: 2rem
}
}
.ncriptech__service--box_swiper .sds__box {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-right: 2rem !important;
padding: 0;
border-right: 1px solid #bfbfbf
}
@media(max-width: 575px) {
.ncriptech__service--box_swiper .sds__box {
border-right: none
}
}
.ncriptech__service--box_swiper .sds__box figure {
width: auto;
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2
}
.ncriptech__service--box_swiper .sds__box figure img {
filter: invert(0)
}
.ncriptech__service--box_swiper .sds__box article {
display: grid;
grid-row-start: 2;
grid-row-end: 4;
grid-column-start: 1
}
.ncriptech__service--box_swiper .sds__box article .c2a-arw {
justify-content: flex-end;
font-size: 1.2rem
}
.ncriptech__process br+br.show-on-mobP {
margin-top: 1em
}
.ncriptech__process .grid--3 {
grid-gap: 1rem;
gap: 1rem
}
.ncriptech__process .ncriptech__digital-shape-art {
position: absolute;
z-index: 1;
left: 20%;
top: 110px;
width: 100%;
transform: translateY(-55%) rotate(90deg)
}
.ncriptech__process .ncriptech__digital-shape-art svg {
fill: rgba(255, 255, 255, 0);
stroke: #fff;
stroke-width: .3;
stroke-linecap: butt;
stroke-linejoin: miter;
stroke-miterlimit: 4;
stroke-dasharray: none;
stroke-opacity: 1
}
@media(min-width: 1900px) {
.ncriptech__process p {
max-width: 40em
}
}
.ncriptech__offerings {
padding-top: 6rem
}
.ncriptech__offerings .grid--3 {
gap: .8rem
}
@media(max-width: 575px) {
.ncriptech__offerings .grid--3 .c2a {
margin-inline: 0 !important
}
}
.ncriptech__offerings .card-style--5 {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.ncriptech__offerings .c2a {
margin-top: auto
}
.ncriptech__benefits--service .grid--3 {
grid-gap: 4rem 2rem;
gap: 4rem 2rem
}
.ncriptech__benefits--service .ncriptech__service--box .sds__box:not(:last-child) article {
box-shadow: none
}
.ncriptech__benefits--service .ncriptech__benefits--service-heading {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 1rem 1.5rem;
gap: 1rem 1.5rem
}
@media(max-width: 575px) {
.ncriptech__benefits--service {
margin-top: 2rem
}
.ncriptech__benefits--service .inner-container {
display: flex;
flex-direction: column
}
.ncriptech__benefits--service .ncriptech__benefits--service-heading {
display: contents
}
.ncriptech__benefits--service .ncriptech__benefits--service-heading>* {
margin-bottom: 1rem
}
.ncriptech__benefits--service .swiper-nav {
width: 100%;
order: 1;
text-align: center
}
}
@media(max-width: 575px) {
.ncriptech__benefits--service .card-style--4 .svg-icon {
max-height: 60px
}
}
.ncriptech__company-grid-bg {
display: grid;
align-items: end
}
@media(max-width: 1199px) {
.ncriptech__company-grid-bg {
margin-top: var(--spacer)
}
}
@media(min-width: 1000px) {
.ncriptech__company-grid-bg {
grid-template-columns: 2fr 1fr
}
}
@media(min-width: 2560px) {
.ncriptech__company-grid-bg {
grid-template-columns: 3fr 1fr
}
}
.ncriptech__company-grid-bg article {
line-height: 1.45;
padding: 1em
}
@media(min-width: 576px) {
.ncriptech__company-grid-bg article {
padding: 2.5em
}
}
@media(min-width: 2560px) {
.ncriptech__company-grid-bg article {
padding: 4em
}
.ncriptech__company-grid-bg article h3 {
font-size: 2rem
}
}
.ncriptech__company-grid-bg article:nth-of-type(1) {
background-image: url("./../img/abt/buliding-1.jpg");
background-position: center left -0.8em;
background-repeat: no-repeat;
background-size: 104%;
padding-left: 0;
padding-right: 2em;
transition: all .6s cubic-bezier(0.5, 0.05, 0.1, 0.3)
}
.ncriptech__company-grid-bg article:nth-of-type(1):hover {
background-size: 110%
}
@media(max-width: 575px) {
.ncriptech__company-grid-bg article:nth-of-type(1) {
padding-left: 22%;
padding-top: 2em;
padding-bottom: 6em;
background-position: center right;
background-size: 130%
}
.ncriptech__company-grid-bg article:nth-of-type(1) br {
display: none
}
}
.ncriptech__company-grid-bg article:nth-of-type(2) {
position: relative;
z-index: 1
}
@media(max-width: 575px) {
.ncriptech__company-grid-bg article:nth-of-type(2) {
padding: 1.5em
}
.ncriptech__company-grid-bg article:nth-of-type(2) .c2a {
margin-top: 1.5em;
--c2a-radius: 0.25em;
--btn-size: 0.6em 1.6em
}
}
.ncriptech__company-grid-bg article:nth-of-type(2)::before {
content: "";
background-image: url("./../img/abt/bgradient-2.png");
background-position: bottom -3em right -1em;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
animation: backgroundfade 6s cubic-bezier(0.5, 0.5, 0.1, 0.3) alternate-reverse infinite
}
.ncriptech__company-grid-bg figure {
background-image: url("./../img/abt/buliding-2-grad.png");
background-repeat: no-repeat;
background-position: right bottom;
background-size: 71.8%;
overflow: hidden
}
.ncriptech__company-grid-bg figure img {
max-width: 80%;
transform: translateY(1em);
transition: all .6s cubic-bezier(0.5, 0.05, 0.1, 0.3)
}
@media(min-width: 2560px) {
.ncriptech__company-grid-bg figure {
background-position: right bottom -50%;
background-size: 70%;
padding: 2rem
}
.ncriptech__company-grid-bg figure img {
max-width: 100%;
transform: translateY(3em) scale(1.3)
}
.ncriptech__company-grid-bg figure:hover img {
transform: translateY(2em) scale(1.3) !important
}
}
.ncriptech__company-grid-bg figure:hover img {
transform: translateY(0)
}
@media(max-width: 999px) {
.ncriptech__company-grid-bg figure {
display: none
}
}
.ncriptech__company-grid-bg .c2a {
margin-top: 1em
}
@media(min-width: 576px) {
.ncriptech__company-grid-bg .c2a {
margin-top: 5em
}
}
@keyframes backgroundfade {
0% {
background-position: bottom -3em right -1em
}
50% {
background-position: bottom -3em right -2em
}
75% {
background-position: bottom -3em right -3em
}
100% {
background-position: bottom -3em right -4em
}
}
.ncriptech__apps-secret {
padding-bottom: 14rem !important
}
@media(max-width: 575px) {
.ncriptech__apps-secret {
padding-bottom: 100px !important
}
.ncriptech__apps-secret .h3x {
font-size: 1.6rem;
line-height: 1.5
}
}
@media(min-width: 2040px) {
.ncriptech__apps-secret .h3x {
font-size: 1.8rem
}
}
@media(min-width: 1399px) {
.ncriptech__apps-secret .h4,
.ncriptech__apps-secret .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__apps-secret .c2a-arw,
.ncriptech__apps-secret .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople article .ncriptech__apps-secret h5 {
font-size: calc(clamp(22px, 1.708984375vw, 43.75px)*1.2)
}
}
.ncriptech__apps-secret .inner-container {
display: grid;
justify-content: space-between;
align-items: end;
gap: 1rem;
grid-gap: 1rem;
position: relative
}
@media(min-width: 576px) {
.ncriptech__apps-secret .inner-container {
grid-auto-flow: column
}
}
.ncriptech__apps-secret article {
max-width: var(--mw, none)
}
@media(max-width: 575px) {
.ncriptech__apps-secret .c2a-video {
width: 52px;
height: 52px;
line-height: 3;
border-radius: 50%;
background: #fff;
text-align: center;
position: absolute;
right: 14px;
bottom: -26px;
z-index: 9
}
}
.ncriptech__apps-secret .c2a-video svg {
width: 2.5rem
}
@media(max-width: 575px) {
.ncriptech__apps-secret .c2a-video svg {
width: 30px;
color: #000
}
}
.ncriptech__offerings-margin {
margin-top: -14rem
}
@media(max-width: 675px) {
.ncriptech__offerings-margin.for--app .grid--2 {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important
}
}
@media(max-width: 575px) {
.ncriptech__offerings-margin {
margin-top: calc(-1*(var(--spacer) + 65px))
}
.ncriptech__offerings-margin .grid--2 article .h5 {
font-size: 1.4rem
}
.ncriptech__offerings-margin .grid--2 article p {
font-size: 1.05rem !important
}
.ncriptech__offerings-margin .grid--2 .c2a {
margin-inline: 0;
width: 100% !important
}
}
.ncriptech__offerings-margin.for--cloud .card-style--6>figure {
padding-bottom: inherit;
height: 100%
}
.ncriptech__offerings-margin.for--cloud .card-style--6>figure img {
position: relative
}
.ncriptech__offerings-margin-noAnimation {
margin-top: -14rem
}
@media(max-width: 575px) {
.ncriptech__offerings-margin-noAnimation {
margin-top: calc(-1*(var(--spacer) + 65px))
}
.ncriptech__offerings-margin-noAnimation .grid--2 article .h5 {
font-size: 1.4rem
}
.ncriptech__offerings-margin-noAnimation .grid--2 article p {
font-size: 1.05rem !important
}
.ncriptech__offerings-margin-noAnimation .grid--2 .c2a {
margin-inline: 0;
width: 100% !important
}
}
.ncriptech__storydetails--content {
background-color: #3a3a3a;
margin-bottom: var(--spacer)
}
.ncriptech__storydetails--content p {
max-width: 70%
}
.analyze__stats {
display: grid;
grid-template-columns: 50% auto
}
.analyze__stats .h2 span,
.analyze__stats .ncriptech__rpa-benefits .heading span,
.ncriptech__rpa-benefits .analyze__stats .heading span {
display: block
}
.ncriptech__business--revolution .inner-container .flow-rootX2 {
display: grid;
align-items: end;
grid-template-columns: auto 50px
}
.ncriptech__business--revolution .inner-container .flow-rootX2 .h4,
.ncriptech__business--revolution .inner-container .flow-rootX2 .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__business--revolution .inner-container .flow-rootX2 .c2a-arw,
.ncriptech__business--revolution .inner-container .flow-rootX2 .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople article .ncriptech__business--revolution .inner-container .flow-rootX2 h5 {
grid-row-start: 1;
grid-row-end: 2
}
.ncriptech__business--revolution .inner-container .flow-rootX2 .p {
grid-row-start: 2;
grid-row-end: 2
}
.ncriptech__business--revolution .inner-container .flow-rootX2 .c2a {
grid-row-start: 1;
grid-row-end: 3
}
.horizental-section .item {
width: 945px;
flex: 0 0 945px
}
.fcontain {
display: flex;
display: flex;
transform: rotate(90deg) translateY(-500px);
transform-origin: bottom;
pointer-events: none;
padding-left: 680px
}
.horizontal-scroll-wrapper {
padding-top: 1px;
overflow-y: auto;
overflow-x: hidden;
transform: rotate(-90deg);
height: 100vw
}
.sds__inner--works {
color: #fff;
position: relative
}
.sds__inner--works>*:not(:last-child) {
margin-bottom: var(--spacer)
}
.sds__inner--works::after {
content: "";
height: 94.1%;
background-color: #000;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
pointer-events: none
}
.sds__inner--works figure .swiper-container {
position: absolute;
top: 3.5%;
left: 12.5%;
width: 75.6%
}
.sds__case-study--vdo {
margin-bottom: 10em;
padding: 0 20px;
position: relative
}
.sds__case-study--vdo::after {
content: "";
height: 61%;
background-color: #000;
position: absolute;
top: 0;
left: 0;
right: 0;
pointer-events: none;
z-index: -1
}
.sds__case-study--vdo .lg-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin-top: 150px
}
.sds__case-study--vdo video {
width: 100%;
float: left
}
.sds__case-study--vdo #btn-playvdo {
position: absolute;
top: 0;
left: 0;
bottom: -2px;
right: 0;
background-color: #e7e7e7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media(max-width: 1400px) {
.sds__case-study--vdo .lg-container {
margin-top: 5em
}
}
@media(max-width: 960px) {
.sds__case-study--vdo {
margin-bottom: 5em
}
}
@media(max-width: 760px) {
.sds__case-study--vdo .lg-container {
margin-top: 35px
}
.sds__case-study--vdo #btn-playvdo img {
width: 100px
}
}
.ncriptech--errors {
margin-top: var(--spacer);
margin-bottom: var(--spacer)
}
.ncriptech--errors h6 {
font-size: calc(150px + 200*(100vw - 320px)/1600);
font-size: clamp(150px, 18.22917vw, 350px);
font-weight: 500;
letter-spacing: -0.19em;
line-height: .7
}
.modal-art .h4,
.modal-art .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .modal-art .c2a-arw,
.modal-art .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople article .modal-art h5 {
position: relative;
padding-bottom: inherit
}
.modal-art .h4::after,
.modal-art .ncriptech__about-values .c2a-arw::after,
.ncriptech__about-values .modal-art .c2a-arw::after,
.modal-art .ncriptech__career--realpeople article h5::after,
.ncriptech__career--realpeople article .modal-art h5::after {
content: "";
width: calc(100% + 4rem);
height: calc(100% + 4rem);
position: absolute;
z-index: -1;
bottom: 0;
left: -4.5rem;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
border-bottom-right-radius: 40px
}
.modal-art p {
padding-top: inherit;
padding-bottom: inherit
}
.modal-art .c2a-cont {
position: relative
}
.modal-art .c2a-cont::after {
content: "";
width: calc(100% + 4rem);
height: 3rem;
position: absolute;
right: -2rem;
bottom: 50%;
z-index: -1;
border-bottom-right-radius: 100px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: skewX(-10deg)
}
.vimeo-wrapper {
width: 100%;
height: 100vh;
height: calc(var(--vh, 1vh)*100);
pointer-events: none;
position: relative;
overflow: hidden;
transform: scale(1.1)
}
.vimeo-wrapper iframe {
width: 100vw;
height: 56.25vw;
min-height: 100vh;
min-width: 177.77vh;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.poster-bg {
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
.c2a--readmore {
font-size: 90%;
opacity: .8
}
.c2a--readmore::before {
content: ".....read more"
}
.c2a--readmore.new::before {
content: ".....read less"
}
@media(max-width: 760px) {
.more-content {
display: none
}
}
.ncriptech__home--company {
display: none;
padding-bottom: 2rem !important
}
.ncriptech__home--company article {
padding: .5em;
display: grid;
line-height: 1.6;
font-size: 1.4rem;
margin-top: 2rem
}
@media(max-width: 575px) {
.ncriptech__home--company article {
font-size: 1.2rem;
padding: 0
}
}
.ncriptech--insight-hero {
display: grid;
align-items: center;
color: #fff
}
@media(min-width: 1200px) {
.ncriptech--insight-hero figure,
.ncriptech--insight-hero video {
z-index: -1
}
.ncriptech--insight-hero figure img,
.ncriptech--insight-hero video img {
mix-blend-mode: hard-light
}
}
@media(max-width: 1199px) {
.ncriptech--insight-hero article {
position: relative;
z-index: 2
}
}
@media(max-width: 760px) {
.ncriptech--insight-hero {
align-items: end;
margin-bottom: calc(var(--spacer)/2)
}
.ncriptech--insight-hero article {
text-align: left;
margin-bottom: 1em;
margin-left: 1em
}
}
@media(max-width: 575px) {
.ncriptech--insight-hero article {
margin-left: 0
}
.ncriptech--insight-hero article .h2,
.ncriptech--insight-hero article .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .ncriptech--insight-hero article .heading {
font-size: 2rem
}
}
.ncriptech--insight-hero figure,
.ncriptech--insight-hero video {
width: 100%;
float: left;
max-height: 38vw;
overflow: hidden;
position: relative
}
@media(max-width: 675px) {
.ncriptech--insight-hero figure,
.ncriptech--insight-hero video {
height: 18em
}
.ncriptech--insight-hero figure>*,
.ncriptech--insight-hero video>* {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
object-position: right;
object-fit: cover
}
}
.ncriptech--insight-hero figure::after,
.ncriptech--insight-hero video::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: #000;
background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.4471989479) 60%)
}
.ncriptech--insight-hero>* {
display: grid;
grid-row: 1;
grid-column: 1;
text-align: center
}
.ncriptech__life--hero {
display: grid;
align-items: center;
color: #fff;
margin-top: 7rem;
padding-bottom: 6%
}
.ncriptech__life--hero>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__life--hero .split-parent {
line-height: 1.2
}
.ncriptech__life--hero .ncriptech__life--hero-content {
text-align: left
}
.ncriptech__life--hero .ncriptech__life--hero-content article {
display: inline-block;
font-size: 3.5rem;
line-height: 1.2;
margin-top: -0.65em;
text-align: left
}
@media(max-width: 1099px) {
.ncriptech__life--hero .ncriptech__life--hero-content article {
font-size: 3rem
}
}
@media(max-width: 875px) {
.ncriptech__life--hero .ncriptech__life--hero-content article {
display: none
}
}
.ncriptech--insight-culture article {
max-width: 1000px
}
@media(min-width: 2000px) {
.ncriptech--insight-culture article .h4x {
font-size: 1.3vw !important;
line-height: 1.6 !important
}
}
@media(min-width: 2560px) {
.ncriptech--insight-culture article {
max-width: 90%
}
}
.ncriptech--insight-culture .inner-container {
display: grid;
grid-template-columns: 1.5fr .6fr;
gap: 2em
}
.ncriptech--insight-culture .gptw--logo {
width: 100%;
max-width: 7rem;
margin-top: 5rem;
margin-left: auto;
margin-right: auto
}
@media(max-width: 960px) {
.ncriptech--insight-culture .inner-container {
grid-template-columns: 1fr 8em
}
}
@media(max-width: 760px) {
.ncriptech--insight-culture article {
margin-top: 0
}
.ncriptech--insight-culture .inner-container {
grid-template-columns: 1fr
}
.ncriptech--insight-culture .gptw--logo {
margin-top: 0
}
}
@media(max-width: 675px) {
.ncriptech--insight-culture {
overflow: hidden
}
}
.ncriptech--insight-culture .culture-description {
max-width: 36em
}
@media(max-width: 1200px) {
.ncriptech--insight-culture .culture-description {
font-size: 20px !important;
font-weight: 300
}
}
@media(max-width: 767px) {
.ncriptech--insight-culture .culture-description {
font-size: 18px !important
}
}
@media(max-width: 1200px) {
.ncriptech--insight-culture .h3 {
font-size: max(1.3vw, 1.3rem)
}
}
@media(max-width: 767px) {
.ncriptech--insight-culture .h3 {
font-size: max(1.2vw, 1.2rem)
}
}
.ncriptech--insight-culture-2 {
padding-top: 6rem !important;
padding-bottom: 0 !important;
position: relative;
background-color: #000
}
@media(max-width: 1199px) {
.ncriptech--insight-culture-2 {
position: relative;
z-index: 2
}
}
.ncriptech--insight-culture-2 .culture--ms-grid2 {
margin-top: -6rem
}
@media(max-width: 1199px) {
.ncriptech--insight-culture-2 .culture--ms-grid2 {
margin-bottom: 3.5rem
}
}
@media(max-width: 890px) {
.ncriptech--insight-culture-2 .culture--ms-grid2 {
margin-top: -3rem;
margin-bottom: 5.5rem
}
}
.ncriptech--insight-culture-2 .inner-container {
display: grid;
grid-template-columns: 30em auto;
align-items: center;
gap: 4em
}
@media(max-width: 890px) {
.ncriptech--insight-culture-2 .inner-container {
grid-template-columns: auto;
gap: 2em
}
}
.ncriptech--insight-culture-2 .inner-container figure {
border-radius: 14px;
overflow: hidden
}
.ncriptech--insight-culture-2 .inner-container figure img {
transition: filter .5s ease
}
.ncriptech--insight-culture-2 .inner-container figure:hover img {
filter: blur(4px)
}
.ncriptech--insight-culture-2 article {
position: relative
}
.ncriptech--insight-culture-2 article::after {
content: "";
width: 1000%;
height: 100%;
position: absolute;
background-color: #0e0e0e;
left: -500%;
bottom: -92%;
z-index: 0
}
.ncriptech--insight-culture-2 article .c2a {
position: relative;
z-index: 2
}
.ncriptech--insight-next {
padding-top: var(--spacer);
position: relative;
z-index: 2
}
@media(max-width: 890px) {
.ncriptech--insight-next .h3x {
text-align: left;
font-size: 2rem;
margin-bottom: 1rem;
display: grid;
line-height: 1.3
}
}
.ncriptech--insight-next .join--us {
display: grid;
grid-template-columns: 63% 1fr;
grid-gap: 25px;
gap: 25px;
align-items: end;
margin-top: -80px
}
@media(max-width: 1399px) {
.ncriptech--insight-next .join--us {
margin-top: -40px;
grid-template-columns: 61% 36%;
grid-gap: 3%;
gap: 3%
}
}
@media(max-width: 890px) {
.ncriptech--insight-next .join--us {
grid-template-columns: auto;
margin-top: 0
}
}
@media(min-width: 2460px) {
.ncriptech--insight-next .join--us {
grid-template-columns: 64.5% 1fr
}
}
.ncriptech--insight-next .join--us img {
width: 100%
}
.ncriptech--insight-next .join--us .insight__join-us {
position: relative;
display: grid;
align-items: center
}
.ncriptech--insight-next .join--us .insight__join-us .gptw--logo {
width: 6.5em;
position: absolute;
right: 3rem;
top: 0;
z-index: 1
}
.ncriptech--insight-next .join--us .insight__join-us>* {
grid-row: 1;
grid-column: 1
}
.ncriptech--insight-next .join--us .insight__join-us figure {
position: relative;
overflow: hidden;
border-radius: 20px
}
@media(max-width: 575px) {
.ncriptech--insight-next .join--us .insight__join-us figure {
padding-bottom: 150%;
height: 0
}
.ncriptech--insight-next .join--us .insight__join-us figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
left: 0;
top: 0
}
}
.ncriptech--insight-next .join--us .insight__join-us figure::after {
content: "";
width: 100%;
height: 100%;
background: #000;
background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
position: absolute;
left: 0;
top: 0
}
.ncriptech--insight-next .join--us .insight__join-us article {
height: 100%;
padding: 3rem;
display: grid;
place-content: space-between
}
@media(max-width: 475px) {
.ncriptech--insight-next .join--us .insight__join-us article {
padding: 2rem
}
}
@media(max-width: 890px) {
.ncriptech--insight-next .join--us .insight__join-us article p.h4,
.ncriptech--insight-next .join--us .insight__join-us article .ncriptech__about-values p.c2a-arw,
.ncriptech__about-values .ncriptech--insight-next .join--us .insight__join-us article p.c2a-arw {
font-size: 3rem;
line-height: .8
}
}
@media(max-width: 475px) {
.ncriptech--insight-next .join--us .insight__join-us article p.h4,
.ncriptech--insight-next .join--us .insight__join-us article .ncriptech__about-values p.c2a-arw,
.ncriptech__about-values .ncriptech--insight-next .join--us .insight__join-us article p.c2a-arw {
font-size: 2rem
}
}
.ncriptech--insight-next .join--us .insight__join-us article p.h4x {
max-width: 18em
}
@media(max-width: 890px) {
.ncriptech--insight-next .join--us .insight__join-us article p.h4x {
font-size: 1.4rem;
line-height: 1.4
}
}
@media(max-width: 475px) {
.ncriptech--insight-next .join--us .insight__join-us article p.h4x {
font-size: 1rem
}
}
@media(max-width: 650px) {
.ncriptech--insight-next .join--us .insight__join-us .gptw--logo {
width: 6.5em
}
.ncriptech--insight-next .join--us .insight__join-us .join--us-div {
padding-right: 8em
}
}
@media(max-width: 475px) {
.ncriptech--insight-next .join--us .insight__join-us .gptw--logo {
width: 5em;
right: 2rem
}
.ncriptech--insight-next .join--us .insight__join-us .join--us-div {
padding-right: 7em
}
}
.ncriptech--insight-next .join--us .insight__join-us .vaccancies-count {
position: relative
}
.ncriptech--insight-next .join--us .insight__join-us .vaccancies-count>p {
display: grid;
grid-auto-flow: column;
justify-content: start;
align-items: center;
gap: .8rem
}
.ncriptech--insight-next .join--us .insight__join-us .vaccancies-count>p>*:not(:last-child) {
font-size: 4rem
}
.ncriptech--insight-next .join--us .insight__join-us .vaccancies-count>p>*:not(:first-child) {
font-size: 1.2rem;
line-height: 1.2
}
@media(max-width: 575px) {
.ncriptech--insight-next .join--us .insight__join-us .vaccancies-count .c2a {
border-radius: 3rem !important;
margin-inline: 0 !important;
margin-left: 0;
margin-right: 0;
width: 100% !important
}
}
.culture--ms-grid1 {
float: left;
width: 150%;
display: grid;
justify-content: start;
grid-auto-flow: column;
align-items: end;
gap: .8rem;
margin-top: 0
}
@media(max-width: 1399px) {
.culture--ms-grid1 {
margin-top: 2rem
}
}
@media(max-width: 1199px) {
.culture--ms-grid1 {
margin-top: 4rem
}
}
@media(max-width: 675px) {
.culture--ms-grid1 {
margin-top: 2rem
}
.culture--ms-grid1 .h4,
.culture--ms-grid1 .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .culture--ms-grid1 .c2a-arw,
.culture--ms-grid1 .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople article .culture--ms-grid1 h5 {
font-size: 1.4rem
}
}
.culture--ms-grid1 .ms__block {
width: 23vw;
display: grid;
gap: 1vw;
align-content: start;
position: relative
}
@media(min-width: 2560px) {
.culture--ms-grid1 .ms__block {
width: 20vw
}
.culture--ms-grid1 .ms__block .h4,
.culture--ms-grid1 .ms__block .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .culture--ms-grid1 .ms__block .c2a-arw,
.culture--ms-grid1 .ms__block .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople article .culture--ms-grid1 .ms__block h5 {
font-size: 1.8vw
}
.culture--ms-grid1 .ms__block .h4 .h2,
.culture--ms-grid1 .ms__block .h4 .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .culture--ms-grid1 .ms__block .h4 .heading,
.culture--ms-grid1 .ms__block .ncriptech__about-values .c2a-arw .h2,
.culture--ms-grid1 .ms__block .ncriptech__about-values .c2a-arw .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .culture--ms-grid1 .ms__block .ncriptech__about-values .c2a-arw .heading,
.ncriptech__about-values .culture--ms-grid1 .ms__block .c2a-arw .h2,
.ncriptech__about-values .culture--ms-grid1 .ms__block .c2a-arw .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .ncriptech__about-values .culture--ms-grid1 .ms__block .c2a-arw .heading,
.culture--ms-grid1 .ms__block .ncriptech__career--realpeople article h5 .h2,
.culture--ms-grid1 .ms__block .ncriptech__career--realpeople article h5 .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .culture--ms-grid1 .ms__block .ncriptech__career--realpeople article h5 .heading,
.ncriptech__career--realpeople article .culture--ms-grid1 .ms__block h5 .h2,
.ncriptech__career--realpeople article .culture--ms-grid1 .ms__block h5 .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .ncriptech__career--realpeople article .culture--ms-grid1 .ms__block h5 .heading {
font-size: 3.5rem
}
}
@media(max-width: 1000px) {
.culture--ms-grid1 .ms__block {
width: 35vw
}
}
@media(max-width: 575px) {
.culture--ms-grid1 .ms__block {
width: 250px
}
}
.culture--ms-grid1 .ms__block figure {
border-radius: 14px;
overflow: hidden
}
.culture--ms-grid1 .ms__block figure>img {
width: 100%
}
.culture--ms-grid1 .ms__block figure.video-thumbnail {
position: relative
}
.culture--ms-grid1 .ms__block figure.video-thumbnail .company__video {
position: absolute;
left: 0;
top: 0;
z-index: -1
}
.culture--ms-grid1 .ms__block figure.video-thumbnail .company__video.videoPlay {
z-index: 1
}
.culture--ms-grid2 {
float: left;
width: 150%;
display: grid;
justify-content: start;
grid-auto-flow: column;
align-items: end;
gap: .8rem;
margin-bottom: 1.2rem
}
.culture--ms-grid2 .ms__block {
width: 23vw;
display: grid;
gap: 1vw;
align-content: start;
position: relative
}
@media(min-width: 2560px) {
.culture--ms-grid2 .ms__block {
width: 20vw
}
}
@media(max-width: 1000px) {
.culture--ms-grid2 .ms__block {
width: 35vw
}
}
@media(max-width: 575px) {
.culture--ms-grid2 .ms__block {
width: 250px
}
}
.culture--ms-grid2 .ms__block figure {
border-radius: 14px;
overflow: hidden
}
.culture--ms-grid2 .ms__block figure>* {
width: 100%
}
.culture--ms-grid2 .ms__block figure.video-thumbnail {
position: relative
}
.ncriptech--meet-team {
position: relative;
padding-top: 5em;
z-index: 2
}
.ncriptech--meet-team::after {
content: "";
background: url(../../assets/img/2023_v1/insight/team-dots.png) no-repeat;
width: 300px;
height: 100%;
position: absolute;
right: 0;
object-fit: cover;
object-position: right top
}
.ncriptech--meet-team .team-gallery__grid {
display: grid;
grid-template-columns: repeat(11, minmax(0, 1fr));
grid-auto-flow: row dense;
gap: 1rem;
position: relative;
z-index: 1
}
@media(max-width: 675px) {
.ncriptech--meet-team .team-gallery__grid {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
@media(max-width: 575px) {
.ncriptech--meet-team .team-gallery__grid {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
.ncriptech--meet-team .team-gallery__grid article {
grid-column: span 4/span 4;
margin-top: -1rem
}
@media(max-width: 675px) {
.ncriptech--meet-team .team-gallery__grid article {
grid-column: 1/-1
}
.ncriptech--meet-team .team-gallery__grid article .h1 {
font-size: 5rem
}
.ncriptech--meet-team .team-gallery__grid article .h3x {
font-size: 2rem
}
}
.ncriptech--meet-team .team-gallery__grid figure {
border-radius: .5rem;
overflow: hidden;
position: relative;
background: #bebe93
}
.ncriptech--meet-team .team-gallery__grid figure.col\:col-span-2 {
grid-column: span 2/span 2
}
@media(max-width: 675px) {
.ncriptech--meet-team .team-gallery__grid figure.col\:col-span-2 {
grid-column: auto
}
}
.ncriptech--meet-team .team-gallery__grid figure.col\:col-span-3 {
grid-column: span 3/span 3
}
@media(max-width: 675px) {
.ncriptech--meet-team .team-gallery__grid figure.col\:col-span-3 {
grid-column: 1/-1
}
}
.ncriptech--meet-team .team-gallery__grid figure.row\:row-span-2 {
grid-row: span 2/span 2
}
.ncriptech--meet-team .team-gallery__grid figure.col\:scale {
grid-column: span 3
}
.ncriptech--meet-team .team-gallery__grid figure.col\:scale img {
position: absolute
}
@media(max-width: 675px) {
.ncriptech--meet-team .team-gallery__grid figure.row\:2 {
grid-row: 2
}
}
.ncriptech--meet-team .team-gallery__grid figure img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .5s ease
}
.ncriptech--meet-team .team-gallery__grid figure figcaption {
position: absolute;
bottom: .5rem;
background-color: rgba(0, 0, 0, .6);
padding: .6rem;
color: #fff;
border-radius: .4rem;
font-size: .94rem;
font-weight: 600;
line-height: 1.3;
margin-inline: 5%;
opacity: 0;
visibility: hidden;
transform: translateY(60px);
transition: opacity .3s ease, transform .3s ease, visibility .3s ease
}
@media(min-width: 676px) {
.ncriptech--meet-team .team-gallery__grid figure.video--overlay .playBut {
opacity: 0;
visibility: hidden;
transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
transition-delay: .2s
}
}
.ncriptech--meet-team .team-gallery__grid figure.video--overlay::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .2)
}
@media(max-width: 675px) {
.ncriptech--meet-team .team-gallery__grid figure.video--overlay::after {
content: "";
background-color: rgba(0, 0, 0, .4)
}
}
.ncriptech--meet-team .team-gallery__grid figure.video--overlay:hover .playBut {
opacity: 1;
visibility: visible
}
.ncriptech--meet-team .team-gallery__grid figure:hover img {
transform: scale(1.05)
}
.ncriptech--meet-team .team-gallery__grid figure:hover figcaption {
opacity: 1;
transform: translateY(0);
visibility: visible
}
.ncriptech--meet-team .team-gallery__grid figure .playBut {
transform: scale(0.4);
position: absolute;
top: -2rem;
left: -2rem;
z-index: 1
}
.ncriptech--meet-team .team-gallery__grid .more-members {
height: 0;
opacity: 0;
grid-column: 1/-1
}
.ncriptech--meet-team .c2a__container {
width: 100%;
display: grid;
justify-content: center;
position: relative;
margin-top: -95px;
z-index: 2
}
@media(max-width: 1599px) {
.ncriptech--meet-team .c2a__container {
margin-top: -55px
}
}
@media(max-width: 1199px) {
.ncriptech--meet-team .c2a__container {
margin-top: -15px
}
}
@media(max-width: 920px) {
.ncriptech--meet-team .c2a__container {
margin-top: 0
}
}
@media(max-width: 575px) {
.ncriptech--meet-team .c2a__container .c2a {
border-radius: 3rem !important
}
}
.ncriptech--meet-team .c2a__container::before {
content: "";
width: 102%;
height: 12em;
background: #0e0e0e;
background: linear-gradient(0deg, rgb(14, 14, 14) 10%, rgba(14, 14, 14, 0) 100%);
position: absolute;
left: 0;
top: -190px
}
@media(min-width: 1921px) {
.ncriptech--meet-team .c2a__container::before {
top: -225px
}
}
.ncriptech--meet-team .c2a__container.no-gradient {
margin-top: 0
}
@media(max-width: 1199px) {
.ncriptech--meet-team .c2a__container.no-gradient {
margin-top: 3rem
}
}
.ncriptech--meet-team .c2a__container.no-gradient::before {
display: none
}
.ncriptech--meet-team .c2a {
z-index: 1
}
.ncriptech--meet-team .c2a:hover svg {
transform: rotate(90deg)
}
.ncriptech--meet-team svg {
transform: rotate(90deg)
}
.ncriptech--cricket-award {
display: grid;
align-items: center;
margin-bottom: var(--spacer);
margin-top: -4rem;
margin-bottom: 0;
padding-bottom: 0 !important
}
.ncriptech--cricket-award>figure {
z-index: -1
}
@media(max-width: 1199px) {
.ncriptech--cricket-award .inner-container {
position: relative;
z-index: 2;
padding: 8rem 0 4rem
}
}
.ncriptech--cricket-award>* {
display: grid;
grid-row: 1;
grid-column: 1
}
.ncriptech--cricket-award>figure {
width: 100%;
float: left;
overflow: hidden;
position: relative
}
.ncriptech--cricket-award>figure::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: #000;
background: linear-gradient(114deg, rgb(0, 0, 0) 8%, rgba(0, 0, 0, 0.0634454465) 100%)
}
.ncriptech--cricket-award .inner-container {
display: grid;
grid-template-columns: 25em auto 25em;
place-items: center
}
@media(max-width: 1399px) {
.ncriptech--cricket-award .inner-container {
grid-template-columns: repeat(3, 1fr);
gap: 1rem
}
}
@media(max-width: 890px) {
.ncriptech--cricket-award .inner-container {
grid-template-columns: repeat(2, 1fr)
}
}
@media(max-width: 675px) {
.ncriptech--cricket-award .inner-container {
text-align: center
}
}
@media(max-width: 890px) {
.ncriptech--cricket-award article .h4,
.ncriptech--cricket-award article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech--cricket-award article .c2a-arw,
.ncriptech--cricket-award .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech--cricket-award article h5 {
font-size: 1.4rem;
max-width: 600px
}
}
@media(max-width: 675px) {
.ncriptech--cricket-award article {
grid-column: 1/-1;
order: 2
}
.ncriptech--cricket-award .scl__logo {
order: 1;
grid-column: 1/-1
}
.ncriptech--cricket-award .team__logos {
order: 3
}
}
@media(min-width: 2040px) {
.ncriptech--cricket-award .h4,
.ncriptech--cricket-award .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech--cricket-award .c2a-arw,
.ncriptech--cricket-award .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople article .ncriptech--cricket-award h5 {
font-size: 1.4rem
}
}
@media(min-width: 2560px) {
.ncriptech--cricket-award .h4,
.ncriptech--cricket-award .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech--cricket-award .c2a-arw,
.ncriptech--cricket-award .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople article .ncriptech--cricket-award h5 {
font-size: 1.8rem
}
}
.ncriptech--cricket-award .scl__logo img,
.ncriptech--cricket-award .scl__logo svg {
max-width: 12em
}
.ncriptech--cricket-award .team__logos {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem
}
@media(max-width: 890px) {
.ncriptech--cricket-award .team__logos {
grid-column: 1/-1;
grid-template-columns: repeat(4, 1fr)
}
}
@media(max-width: 675px) {
.ncriptech--cricket-award .team__logos {
grid-template-columns: repeat(2, 1fr);
gap: .5rem;
padding-bottom: 1rem
}
}
.ncriptech--cricket-award .team__logos>figure {
background: #fff;
padding: 1.8rem;
width: 220px;
height: 220px;
border-radius: .4rem;
display: grid;
align-items: center
}
@media(max-width: 1399px) {
.ncriptech--cricket-award .team__logos>figure {
width: 150px;
height: 150px
}
}
@media(min-width: 2560px) {
.ncriptech--cricket-award .team__logos>figure {
width: 260px;
height: 260px
}
}
.ncriptech--cricket-award .champion-logo>* {
max-width: 16em
}
.realpeople-realstoreis {
display: grid;
align-items: end;
color: #fff
}
@media(max-width: 675px) {
.realpeople-realstoreis {
align-items: start
}
.realpeople-realstoreis article {
text-align: right
}
}
@media(max-width: 575px) {
.realpeople-realstoreis .swiper {
grid-row: 2
}
}
.realpeople-realstoreis>* {
grid-row: 1;
grid-column: 1
}
@media(max-width: 890px) {
.realpeople-realstoreis>* {
margin-bottom: 3rem
}
}
.realpeople-realstoreis .swiper-slide {
display: grid;
align-items: start;
justify-items: end;
color: #919caa
}
@media(max-width: 675px) {
.realpeople-realstoreis .swiper-slide {
align-items: end;
justify-items: start
}
}
.realpeople-realstoreis .swiper-slide>* {
grid-row: 1;
grid-column: 1
}
.realpeople-realstoreis .swiper-slide.swiper-slide-active figcaption {
transform: scale(1);
transition: 400ms linear 301ms
}
@media(max-width: 675px) {
.realpeople-realstoreis .swiper-slide.swiper-slide-active figcaption {
bottom: 4rem;
width: 100%;
left: 1rem
}
}
.realpeople-realstoreis .swiper-slide.swiper-slide-active p {
opacity: 1;
transform: translateY(0);
transition: .5s linear 701ms
}
.realpeople-realstoreis .swiper-nav {
position: absolute;
right: calc(2rem + 100px);
bottom: 2.3rem;
z-index: 1
}
@media(max-width: 1099px) {
.realpeople-realstoreis .swiper-nav {
right: auto;
left: 2rem;
bottom: .6rem
}
}
@media(max-width: 890px) {
.realpeople-realstoreis .swiper-nav {
bottom: 2rem
}
.realpeople-realstoreis .swiper-nav svg {
width: 2.2em
}
}
@media(max-width: 675px) {
.realpeople-realstoreis .swiper-nav {
left: auto;
bottom: 1.6rem;
right: 2rem
}
.realpeople-realstoreis .swiper-nav svg {
width: 1.8em
}
}
.realpeople-realstoreis figure {
width: calc(100% - 100px);
position: relative;
margin-right: 100px;
margin-top: 100px;
border-radius: 20px;
overflow: hidden
}
@media(max-width: 820px) {
.realpeople-realstoreis figure {
width: 100%;
margin-right: 0;
margin-top: 0
}
}
.realpeople-realstoreis figure::after {
content: "";
width: 100%;
height: 100%;
background: #000;
background: linear-gradient(20deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
position: absolute;
left: 0;
top: 0;
opacity: .8
}
@media(max-width: 675px) {
.realpeople-realstoreis figure::after {
background: linear-gradient(230deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%)
}
}
.realpeople-realstoreis figcaption,
.realpeople-realstoreis .figcaption {
position: relative;
z-index: 1;
color: #fff;
transform-origin: 0% 100% 0px;
transform: scale(0)
}
.realpeople-realstoreis figcaption div,
.realpeople-realstoreis .figcaption div {
width: 230px;
padding: 1.5em;
font-size: 16px;
line-height: 1.4;
background-color: #919caa;
border-radius: 20px
}
@media(max-width: 1199px) {
.realpeople-realstoreis figcaption div,
.realpeople-realstoreis .figcaption div {
padding: 1.2em;
font-size: 16px
}
}
@media(max-width: 890px) {
.realpeople-realstoreis figcaption div,
.realpeople-realstoreis .figcaption div {
font-size: 1.2rem
}
}
@media(max-width: 675px) {
.realpeople-realstoreis figcaption div,
.realpeople-realstoreis .figcaption div {
width: 100%;
border-radius: 10px
}
}
@media(min-width: 2460px) {
.realpeople-realstoreis figcaption div,
.realpeople-realstoreis .figcaption div {
width: 330px;
font-size: .7rem
}
}
.realpeople-realstoreis figcaption p,
.realpeople-realstoreis .figcaption p {
opacity: 0;
transform: translateY(10px)
}
.realpeople-realstoreis figcaption::after,
.realpeople-realstoreis .figcaption::after {
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 3em 2em 0 0;
border-color: #919caa rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
transform: rotate(25deg);
margin-top: -0.7em;
margin-left: 1.3em
}
@media(max-width: 675px) {
.realpeople-realstoreis figcaption::after,
.realpeople-realstoreis .figcaption::after {
display: none
}
}
.realpeople-realstoreis .figcaption::after {
display: none
}
.realpeople-realstoreis article {
z-index: 1;
padding: 2rem;
pointer-events: none
}
@media(max-width: 890px) {
.realpeople-realstoreis article {
padding: 5rem 2rem
}
.realpeople-realstoreis article .h4,
.realpeople-realstoreis article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .realpeople-realstoreis article .c2a-arw,
.realpeople-realstoreis .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .realpeople-realstoreis article h5 {
font-size: 3rem;
line-height: 1.25
}
.realpeople-realstoreis article .h9,
.realpeople-realstoreis article .ncriptech--core-service-grid .grid--2>div ul,
.ncriptech--core-service-grid .grid--2>div .realpeople-realstoreis article ul {
font-size: 1.4rem;
margin-top: 0
}
}
@media(max-width: 575px) {
.realpeople-realstoreis article {
padding: 1rem;
color: #000;
margin-bottom: 1rem;
text-align: left
}
.realpeople-realstoreis article .h4,
.realpeople-realstoreis article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .realpeople-realstoreis article .c2a-arw,
.realpeople-realstoreis .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .realpeople-realstoreis article h5 {
font-size: 2rem;
line-height: 1.25
}
.realpeople-realstoreis article .h4 span,
.realpeople-realstoreis article .ncriptech__about-values .c2a-arw span,
.ncriptech__about-values .realpeople-realstoreis article .c2a-arw span,
.realpeople-realstoreis .ncriptech__career--realpeople article h5 span,
.ncriptech__career--realpeople .realpeople-realstoreis article h5 span {
background: linear-gradient(-45deg, rgba(255, 39, 189, var(--sat1, 0.99608)) 0%, rgba(150, 48, 206, var(--sat2, 1)) 100%);
color: rgba(0, 0, 0, 0);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.realpeople-realstoreis article .h9,
.realpeople-realstoreis article .ncriptech--core-service-grid .grid--2>div ul,
.ncriptech--core-service-grid .grid--2>div .realpeople-realstoreis article ul {
font-size: 1.2rem;
margin-top: 0
}
}
.ncriptech--industries-hero {
display: grid;
align-items: end;
margin-bottom: var(--spacer);
color: #fff
}
@media(max-width: 675px) {
.ncriptech--industries-hero {
margin-bottom: calc(var(--spacer)/2)
}
}
.ncriptech--industries-hero>* {
grid-row: 1;
grid-column: 1
}
.ncriptech--industries-hero .inner-container {
margin-bottom: 0
}
@media(min-width: 676px) {
.ncriptech--industries-hero .inner-container {
margin-bottom: 1rem
}
}
@media(min-width: 1920px) {
.ncriptech--industries-hero .inner-container {
margin-bottom: 6rem
}
}
@media(max-width: 575px) {
.ncriptech--industries-hero .inner-container {
margin-bottom: 0 !important
}
}
@media(max-width: 2000px) {
.ncriptech--industries-hero .--subheading {
font-size: 1.2rem
}
}
.ncriptech--industries-hero .--heading {
font-weight: 300
}
@media(max-width: 767px) {
.ncriptech--industries-hero .--heading {
padding-right: 1rem
}
}
.ncriptech--industries-hero .--heading span {
font-size: 130%;
font-weight: 400
}
@media(max-width: 767px) {
.ncriptech--industries-hero .--heading span {
font-size: 110%
}
}
.ncriptech--industries-hero figure {
overflow: hidden;
position: relative;
z-index: -1
}
.ncriptech--industries-hero figure::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: #000;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 70%, rgb(0, 0, 0) 100%)
}
.ncriptech--industries-hero figure img {
mix-blend-mode: hard-light
}
@media(max-width: 890px) {
.ncriptech--industries-hero figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
}
.ncriptech--industries-hero article p {
max-width: 26em
}
@media(max-width: 1200px) {
.ncriptech--industries-hero {
display: block;
background: #060301
}
.ncriptech--industries-hero article p {
max-width: 18em;
margin-left: auto;
margin-right: auto
}
.ncriptech--industries-hero article p br {
display: none
}
}
@media(max-width: 760px) {
.ncriptech--industries-hero article {
padding-bottom: 0
}
.ncriptech--industries-hero article p {
font-size: 26px
}
}
.ncriptech--industries-hero .c2a {
margin-top: 1.25em
}
@media(max-width: 890px) {
.ncriptech--industries-hero article .--desc br {
display: none
}
.ncriptech--industries-hero figure {
height: 28rem;
max-height: 28rem
}
}
@media(max-width: 575px) {
.ncriptech--industries-hero figure {
height: auto;
max-height: none;
margin-bottom: 0
}
.ncriptech--industries-hero figure img {
width: 180%;
height: auto;
transform: translateX(-12%);
transform-origin: left
}
}
.ncriptech--industries-accordion .h3 {
font-size: 2rem;
margin-bottom: 2rem
}
.ncriptech--industries-accordion .accordion {
display: grid;
grid-template-columns: .9fr 1fr;
gap: 2rem;
color: #b0b0b0
}
@media(max-width: 675px) {
.ncriptech--industries-accordion .accordion {
grid-template-columns: 100%;
border-bottom: 1px solid #ccc
}
.ncriptech--industries-accordion .accordion:last-child {
border-bottom: none
}
}
.ncriptech--industries-accordion .accordion .h4,
.ncriptech--industries-accordion .accordion .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech--industries-accordion .accordion .c2a-arw,
.ncriptech--industries-accordion .accordion .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople article .ncriptech--industries-accordion .accordion h5 {
cursor: pointer;
position: relative;
padding-right: 3rem
}
.ncriptech--industries-accordion .accordion .h4::after,
.ncriptech--industries-accordion .accordion .ncriptech__about-values .c2a-arw::after,
.ncriptech__about-values .ncriptech--industries-accordion .accordion .c2a-arw::after,
.ncriptech--industries-accordion .accordion .ncriptech__career--realpeople article h5::after,
.ncriptech__career--realpeople article .ncriptech--industries-accordion .accordion h5::after {
content: "+";
font-size: 1em;
color: currentColor;
width: 1.2em;
height: 1.2em;
border: 2px solid #fff;
border-radius: 50%;
position: absolute;
right: 0;
top: 10px;
display: grid;
place-content: center
}
@media(max-width: 2000px) {
.ncriptech--industries-accordion .accordion .h4::after,
.ncriptech--industries-accordion .accordion .ncriptech__about-values .c2a-arw::after,
.ncriptech__about-values .ncriptech--industries-accordion .accordion .c2a-arw::after,
.ncriptech--industries-accordion .accordion .ncriptech__career--realpeople article h5::after,
.ncriptech__career--realpeople article .ncriptech--industries-accordion .accordion h5::after {
top: 0
}
}
@media(min-width: 2560px) {
.ncriptech--industries-accordion .accordion .h4::after,
.ncriptech--industries-accordion .accordion .ncriptech__about-values .c2a-arw::after,
.ncriptech__about-values .ncriptech--industries-accordion .accordion .c2a-arw::after,
.ncriptech--industries-accordion .accordion .ncriptech__career--realpeople article h5::after,
.ncriptech__career--realpeople article .ncriptech--industries-accordion .accordion h5::after {
border: 4px solid #fff;
top: .2vw
}
}
@media(max-width: 675px) {
.ncriptech--industries-accordion .accordion .h4::after,
.ncriptech--industries-accordion .accordion .ncriptech__about-values .c2a-arw::after,
.ncriptech__about-values .ncriptech--industries-accordion .accordion .c2a-arw::after,
.ncriptech--industries-accordion .accordion .ncriptech__career--realpeople article h5::after,
.ncriptech__career--realpeople article .ncriptech--industries-accordion .accordion h5::after {
font-size: 1.3em
}
}
@media(max-width: 575px) {
.ncriptech--industries-accordion .accordion .h4,
.ncriptech--industries-accordion .accordion .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech--industries-accordion .accordion .c2a-arw,
.ncriptech--industries-accordion .accordion .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople article .ncriptech--industries-accordion .accordion h5 {
font-size: 20px !important
}
}
.ncriptech--industries-accordion .accordion>div {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
max-height: 0;
opacity: 0;
visibility: hidden;
margin-top: 0;
transition: max-height .6s ease, opacity .6s ease, visibility .6s ease, margin-top .6s ease;
overflow: hidden
}
@media(max-width: 1200px) {
.ncriptech--industries-accordion .accordion>div {
grid-template-columns: 1fr .8fr;
max-width: 100%
}
}
@media(max-width: 991px) {
.ncriptech--industries-accordion .accordion>div {
grid-template-columns: 1fr;
max-width: 100%;
gap: .5rem
}
.ncriptech--industries-accordion .accordion>div article .h8,
.ncriptech--industries-accordion .accordion>div article .ncriptech--industries-hero .--subheading,
.ncriptech--industries-hero .ncriptech--industries-accordion .accordion>div article .--subheading,
.ncriptech--industries-accordion .accordion>div article .ncriptech--industries-hero .--desc,
.ncriptech--industries-hero .ncriptech--industries-accordion .accordion>div article .--desc {
font-size: 1.2rem
}
}
.ncriptech--industries-accordion .accordion>div figure {
height: 0;
padding-bottom: 60%;
position: relative;
overflow: hidden;
margin-bottom: 1rem
}
.ncriptech--industries-accordion .accordion>div figure img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center
}
.ncriptech--industries-accordion .accordion.open {
color: #000
}
@media(max-width: 675px) {
.ncriptech--industries-accordion .accordion.open p {
color: #000 !important
}
}
.ncriptech--industries-accordion .accordion.open .h4::after,
.ncriptech--industries-accordion .accordion.open .ncriptech__about-values .c2a-arw::after,
.ncriptech__about-values .ncriptech--industries-accordion .accordion.open .c2a-arw::after,
.ncriptech--industries-accordion .accordion.open .ncriptech__career--realpeople article h5::after,
.ncriptech__career--realpeople article .ncriptech--industries-accordion .accordion.open h5::after {
content: "-"
}
.ncriptech--industries-accordion .accordion.open>div {
max-height: 100vh;
opacity: 1;
visibility: visible;
margin-bottom: 20px
}
@media(min-width: 992px) {
.ncriptech--industries-accordion .accordion.open>div {
max-height: 250px;
margin-bottom: 0
}
}
.we--enterprise {
padding-top: 6rem;
padding-bottom: 6rem !important
}
.digital--solutions .grid-heading {
display: grid;
grid-template-columns: 1.5fr 1fr;
gap: 3rem;
margin-bottom: 3rem
}
.digital--solutions .grid-heading.auto {
grid-template-columns: 1.5fr auto;
align-items: end
}
@media(max-width: 767px) {
.digital--solutions .grid-heading.auto {
grid-template-columns: 100%;
gap: 2rem
}
}
@media(max-width: 1199px) {
.digital--solutions .digital--swiper .swiper-slide {
height: auto
}
}
@media(min-width: 769px) {
.digital--solutions .digital--swiper .swiper-nav {
display: none !important
}
}
.digital--solutions .digital--swiper .large-txt {
font-size: 130%;
display: block;
line-height: 1.5;
color: #0235f5
}
.digital--solutions .digital--swiper .swiper-scroller {
display: grid
}
@media(max-width: 675px) {
.digital--solutions .digital--swiper .swiper-scroller {
gap: 1.3rem
}
}
@media(min-width: 676px) {
.digital--solutions .digital--swiper .swiper-scroller {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
.digital--solutions .digital--swiper .swiper-scroller.grid-3 {
grid-template-columns: 100%
}
@media(min-width: 676px) {
.digital--solutions .digital--swiper .swiper-scroller.grid-3 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media(min-width: 992px) {
.digital--solutions .digital--swiper .swiper-scroller.grid-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
@media(max-width: 1199px) {
.digital--solutions .digital--swiper .h8,
.digital--solutions .digital--swiper .ncriptech--industries-hero .--subheading,
.ncriptech--industries-hero .digital--solutions .digital--swiper .--subheading,
.digital--solutions .digital--swiper .ncriptech--industries-hero .--desc,
.ncriptech--industries-hero .digital--solutions .digital--swiper .--desc {
font-size: 1rem
}
}
@media(max-width: 768px) {
.digital--solutions .digital--swiper .h8,
.digital--solutions .digital--swiper .ncriptech--industries-hero .--subheading,
.ncriptech--industries-hero .digital--solutions .digital--swiper .--subheading,
.digital--solutions .digital--swiper .ncriptech--industries-hero .--desc,
.ncriptech--industries-hero .digital--solutions .digital--swiper .--desc {
font-size: .95rem
}
}
@media(max-width: 768px) {
.digital--solutions .digital--swiper .h3 {
font-size: 1.4rem;
font-weight: 500
}
}
.digital--solutions .digital--swiper .swiper-nav {
width: 50%;
margin: 3rem auto;
display: grid;
align-items: center;
justify-content: space-between;
grid-auto-flow: column;
display: none
}
@media(max-width: 675px) {
.digital--solutions .digital--swiper .swiper-nav {
display: none
}
}
@media(min-width: 2560px) {
.digital--solutions .digital--swiper .swiper-nav {
margin: 5rem auto
}
}
.digital--solutions .digital--swiper .swiper-nav .swiper--prev,
.digital--solutions .digital--swiper .swiper-nav .swiper--next {
display: grid;
grid-auto-flow: column;
align-items: center;
gap: 1rem;
font-size: 1.2rem
}
@media(min-width: 2560px) {
.digital--solutions .digital--swiper .swiper-nav .swiper--prev,
.digital--solutions .digital--swiper .swiper-nav .swiper--next {
font-size: 1.6rem
}
}
.digital--solutions .digital--swiper .swiper-progress-bar {
position: relative;
bottom: 0;
width: 45vw;
display: block;
z-index: 1;
height: 6px;
margin-bottom: 2rem;
margin-top: 2rem;
margin-left: auto;
margin-right: auto
}
.digital--solutions .digital--swiper .swiper-progress-bar .slide_progress-bar {
position: absolute;
height: 6px;
background: rgba(255, 255, 255, .3);
width: auto;
clear: both;
opacity: 0;
left: 0;
right: 0;
border-radius: 10px;
overflow: hidden
}
.digital--solutions .digital--swiper .swiper-progress-bar .slide_progress-bar:after {
position: absolute;
top: 0;
left: 0;
background: #fff;
background-size: 200% 200%;
height: 100%;
width: 0;
content: "";
transition: .1s width linear
}
.digital--solutions .digital--swiper .swiper-progress-bar.active .slide_progress-bar {
opacity: 1
}
.digital--solutions .digital--swiper .swiper-progress-bar.animate .slide_progress-bar:after {
transition: width linear;
transition-delay: unset;
width: 100%;
transition-duration: 5s
}
.digital--solutions .st__block {
counter-reset: sol-counter;
padding: 2rem;
overflow: hidden;
border: 1px solid #e6e6e6;
border-radius: .1em;
height: 100%
}
.digital--solutions .st__block:hover .solution-box__arw-svg {
transform: translateX(100px);
transition: transform .1s ease-out calc(var(--i)*.05s)
}
.digital--solutions .st__block:hover .service--link ul li {
opacity: 1
}
.digital--solutions .st__block:hover .solution-box__btm-heading span {
opacity: 1;
transition: opacity 0 linear 1.1s;
animation: text-move--anim 120s linear infinite .05s
}
.digital--solutions .solution-box__arw-svg {
transform: translateX(0)
}
.digital--solutions .solution-box__arw-svg svg {
width: 1em;
height: auto;
margin-left: .5em
}
.digital--solutions .solution-box__top-heading {
font-size: 1.5rem;
font-weight: 500;
line-height: 1.25;
margin-bottom: 1.15em
}
@media(max-width: 1200px) {
.digital--solutions .solution-box__top-heading {
font-size: 1.3rem
}
}
.digital--solutions ul {
margin-top: 1.2em;
overflow: hidden
}
.digital--solutions ul li {
padding: .75em 0;
border-bottom: 1px dashed #c3c3c3;
counter-increment: sol-counter;
align-items: center;
display: flex
}
.digital--solutions ul li:last-child {
border-bottom: 1px dashed rgba(0, 0, 0, 0);
padding-bottom: 0
}
.digital--solutions ul li::before {
content: "0" counter(sol-counter) ".";
display: inline;
margin-right: .7em;
font-size: 85%;
vertical-align: super;
color: #0235f5
}
.digital--solutions p {
font-weight: 400;
opacity: .7;
max-width: 43ch
}
.digital--solutions .solution-box__links {
grid-row: 3;
grid-column: 1/-1;
margin-top: 1rem;
align-self: end;
opacity: 1
}
.digital--solutions .solution-box__links a {
display: inline-block;
font-size: .95rem;
line-height: 1;
padding: .8em 1.5em;
border-radius: 100em;
color: #fff;
border: 1px solid #515050;
margin-bottom: 1em;
margin-right: .4em;
transition: .3s ease-out
}
.digital--solutions .solution-box__links a::before {
content: attr(data-hover-desc);
position: absolute;
top: 40%;
left: 2rem;
width: 23em;
font-size: 18px;
font-weight: 300;
line-height: 1.3;
pointer-events: none;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNyA3OCIgYXJpYS1oaWRkZW49InRydWUiPg0KICA8cGF0aCBmaWxsPSIjRkZGQ0UxIiBkPSJNMjYuNTIgNzcuMjFoLTUuNzVjLTYuODMgMC0xMi4zOC01LjU2LTEyLjM4LTEyLjM4VjQ4LjM4QzguMzkgNDMuNzYgNC42MyA0MCAuMDEgNDB2LTRjNC42MiAwIDguMzgtMy43NiA4LjM4LTguMzhWMTIuNEM4LjM4IDUuNTYgMTMuOTQgMCAyMC43NyAwaDUuNzV2NGgtNS43NWMtNC42MiAwLTguMzggMy43Ni04LjM4IDguMzhWMjcuNmMwIDQuMzQtMi4yNSA4LjE3LTUuNjQgMTAuMzggMy4zOSAyLjIxIDUuNjQgNi4wNCA1LjY0IDEwLjM4djE2LjQ1YzAgNC42MiAzLjc2IDguMzggOC4zOCA4LjM4aDUuNzV2NC4wMloiPjwvcGF0aD4NCjwvc3ZnPg==);
background-repeat: no-repeat;
background-position: -10px top;
background-size: contain;
padding-left: 2.25em;
opacity: 0;
transform: translateX(-10px);
transition: inherit
}
.digital--solutions .solution-box__links a:hover {
background-color: #0235f5;
border: 1px solid #0235f5
}
.digital--solutions .solution-box__links a:hover::before {
opacity: 1;
transform: translateX(0);
background-position: 0 top
}
@media(min-width: 1200px) {
.digital--solutions.padding-top-offset {
padding-top: 6rem !important
}
}
.black__sec .digital--solutions ul li::before {
content: "0" counter(sol-counter) ".";
color: #fff
}
.ncriptech-what-weoffer {
padding-top: 8rem !important;
padding-bottom: 14rem !important
}
@media(max-width: 768px) {
.ncriptech-what-weoffer {
padding-top: 4rem !important;
padding-bottom: 6rem !important
}
}
.ncriptech-what-weoffer .inner-container {
display: grid;
align-items: center;
place-content: center
}
.ncriptech-what-weoffer .inner-container article {
max-width: 50rem
}
@media(max-width: 2000px) {
.ncriptech-what-weoffer .flow-rootX9>*+* {
margin-top: 2rem
}
.ncriptech-what-weoffer .h5 {
font-size: 2rem
}
}
.collaborate--new {
padding-top: var(--spacer)
}
@media(max-width: 768px) {
.collaborate--new {
padding: 6rem 0 !important
}
}
@media(max-width: 575px) {
.collaborate--new {
padding: 3rem 0 !important
}
}
@media(min-width: 2560px) {
.collaborate--new {
padding-top: 6rem !important;
padding-bottom: 5rem !important
}
.collaborate--new.less--gap {
padding-top: 8rem !important;
padding-bottom: 8rem !important
}
.collaborate--new article .c2a {
font-size: 1rem
}
}
.collaborate--new .inner-container {
display: grid;
align-items: center;
place-content: center
}
.collaborate--new .inner-container article {
max-width: 50rem
}
.collaborate--new .ncriptech--shape {
float: left;
width: 100%;
transform: scale(0.8)
}
@media(min-width: 2560px) {
.collaborate--new .ncriptech--shape {
transform: scale(1.2)
}
}
.collaborate--new .sShape-animation:not(:first-child) {
transform: scaleY(-1) scaleX(-1) translateX(38px);
margin-top: -2vw
}
@media(min-width: 1921px) {
.collaborate--new .sShape-animation:not(:first-child) {
transform: scaleY(-1) scaleX(-1) translateX(78px)
}
}
@media(min-width: 2560px) {
.collaborate--new .sShape-animation:not(:first-child) {
transform: scaleY(-1) scaleX(-1) translateX(380px)
}
}
.collaborate--new .sShape-animation svg #arrowPath2 {
filter: invert(1)
}
.what-we-offer-new {
overflow: hidden;
display: grid;
place-content: center;
place-items: start
}
.what-we-offer-new .mainX-container {
position: relative;
z-index: 2
}
.what-we-offer-new>* {
grid-column: 1;
grid-row: 1
}
@media(max-width: 1199px) {
.what-we-offer-new h5 {
padding: 1em
}
}
.what-we-offer-new figure {
margin-top: 3vw;
position: relative;
max-height: 100%;
overflow: hidden;
width: 80vw;
margin-left: auto;
margin-right: auto
}
@media(min-width: 2560px) {
.what-we-offer-new figure {
width: 90vw
}
}
@media(max-width: 1199px) {
.what-we-offer-new figure {
width: 100%;
transform: none !important;
margin-top: 0
}
.what-we-offer-new figure img {
transform: none !important
}
}
.what-we-offer-new .inner-container {
display: grid;
grid-template-columns: 38vw auto;
justify-content: space-between;
align-items: baseline;
gap: 4vw
}
@media(min-width: 2560px) {
.what-we-offer-new .inner-container {
grid-template-columns: 30vw auto
}
}
.what-we-offer-new .inner-container article {
display: grid;
justify-content: start;
position: relative;
padding: 3rem;
padding-left: 0
}
@media(min-width: 2560px) {
.what-we-offer-new .inner-container article {
padding: 6rem;
padding-left: 0
}
}
.what-we-offer-new .inner-container article::before {
content: "";
width: 200%;
height: 100%;
background-color: #242424;
position: absolute;
left: -100%;
top: 0
}
.what-we-offer-new .inner-container article .c2a {
justify-self: end;
margin-top: 4rem;
position: relative;
z-index: 2
}
.ncriptech--industries-carousel {
--c2a-fs: 0.9rem;
--ico-size: 0.85em
}
.ncriptech--industries-carousel .swiper-slide {
counter-increment: section;
background-color: #f3f3f3
}
.ncriptech--industries-carousel article {
padding: 1.5rem;
color: #4a4a4a;
background-color: #f3f3f3;
margin-top: -200px;
position: relative
}
.ncriptech--industries-carousel article .ind--heading {
font-size: 25px;
line-height: 1.4
}
@media(max-width: 575px) {
.ncriptech--industries-carousel article .ind--heading {
font-size: 1.4rem
}
.ncriptech--industries-carousel article .ind--heading br {
display: none
}
}
@media(max-width: 575px) {
.ncriptech--industries-carousel article .c2a-arw {
border-top: 1px solid #dfdfdf;
padding-top: 1.2rem;
margin-left: -25px;
margin-right: -25px;
width: calc(100% + 50px) !important
}
}
.ncriptech--industries-carousel figure {
overflow: hidden
}
.ncriptech--industries-carousel figure img {
width: 100%;
transform: translateY(-75px)
}
.ncriptech--core-service-grid {
margin-top: 5rem
}
@media(max-width: 675px) {
.ncriptech--core-service-grid ul[role=list] .c2a-underline {
--c2a-fs: inherit;
line-height: 1.4
}
.ncriptech--core-service-grid br+br.show-on-mobP {
margin-top: 1em
}
}
.ncriptech--core-service-grid .h7 a,
.ncriptech--core-service-grid .offerings-card article h3 a,
.offerings-card article .ncriptech--core-service-grid h3 a,
.ncriptech--core-service-grid .ncriptech__company-grid-bg article a,
.ncriptech__company-grid-bg .ncriptech--core-service-grid article a {
display: grid;
grid-gap: .2em;
gap: .2em;
grid-auto-flow: column;
justify-content: start;
align-items: end
}
@media(min-width: 2541px) {
.ncriptech--core-service-grid .h7 a,
.ncriptech--core-service-grid .offerings-card article h3 a,
.offerings-card article .ncriptech--core-service-grid h3 a,
.ncriptech--core-service-grid .ncriptech__company-grid-bg article a,
.ncriptech__company-grid-bg .ncriptech--core-service-grid article a {
font-size: 85%
}
}
.ncriptech--core-service-grid .h7 a svg,
.ncriptech--core-service-grid .offerings-card article h3 a svg,
.offerings-card article .ncriptech--core-service-grid h3 a svg,
.ncriptech--core-service-grid .ncriptech__company-grid-bg article a svg,
.ncriptech__company-grid-bg .ncriptech--core-service-grid article a svg {
width: 1.5em;
opacity: 0;
transform: translateY(-0.2em);
transition: .1s
}
.ncriptech--core-service-grid .grid--2>div {
padding: 2.5rem;
display: grid;
grid-template-columns: 1fr auto;
align-items: start;
grid-gap: 1rem .8em;
gap: 1rem .8em
}
.ncriptech--core-service-grid .grid--2>div>.h7,
.ncriptech--core-service-grid .offerings-card article .grid--2>div>h3,
.offerings-card article .ncriptech--core-service-grid .grid--2>div>h3,
.ncriptech--core-service-grid .ncriptech__company-grid-bg .grid--2>div>article,
.ncriptech__company-grid-bg .ncriptech--core-service-grid .grid--2>div>article,
.ncriptech--core-service-grid .grid--2>div>p {
grid-column: 1/-1
}
@media(max-width: 575px) {
.ncriptech--core-service-grid .grid--2>div>.h7,
.ncriptech--core-service-grid .offerings-card article .grid--2>div>h3,
.offerings-card article .ncriptech--core-service-grid .grid--2>div>h3,
.ncriptech--core-service-grid .ncriptech__company-grid-bg .grid--2>div>article,
.ncriptech__company-grid-bg .ncriptech--core-service-grid .grid--2>div>article {
font-size: 1.4rem
}
}
@media(max-width: 575px) {
.ncriptech--core-service-grid .grid--2>div .h9,
.ncriptech--core-service-grid .grid--2>div ul {
font-size: 1rem
}
}
.ncriptech--core-service-grid .grid--2>div ul {
display: grid;
justify-items: start;
grid-gap: .8em;
gap: .8em;
overflow: hidden;
margin-top: .5em
}
@media(max-width: 575px) {
.ncriptech--core-service-grid .grid--2>div ul {
gap: .4em;
grid-gap: .4em
}
}
.ncriptech--core-service-grid .grid--2>div ul li a {
display: grid;
grid-auto-flow: column;
align-items: center;
grid-gap: .5em;
gap: .5em;
transform: translateX(-1.6em);
transition: .2s;
position: relative
}
.ncriptech--core-service-grid .grid--2>div ul li a svg {
width: 1.1em
}
.ncriptech--core-service-grid .grid--2>div ul li a:hover {
transform: translateX(0);
color: #0235f5
}
@media(max-width: 1100px) {
.ncriptech--core-service-grid .grid--2>div ul li::after {
content: "";
width: 100%;
height: 1px;
background-color: #6a6a6a;
position: absolute;
bottom: 0;
display: block !important
}
.ncriptech--core-service-grid .grid--2>div ul li a {
transform: translateX(0);
align-items: start
}
.ncriptech--core-service-grid .grid--2>div ul li a svg {
width: .8em;
margin-top: .5rem
}
}
@media(max-width: 1100px) {
.ncriptech--core-service-grid .grid--2>div ul li {
display: grid;
grid-auto-flow: column;
align-items: start;
grid-gap: .5em;
gap: .5em;
position: relative
}
.ncriptech--core-service-grid .grid--2>div ul li::before {
content: "- ";
position: static !important;
width: auto;
height: auto;
background-color: rgba(0, 0, 0, 0) !important
}
.ncriptech--core-service-grid .grid--2>div ul a svg {
display: none
}
}
.ncriptech--core-service-grid .grid--2>div figure {
align-self: end
}
.ncriptech--core-service-grid .grid--2>div figure.svg-sizee svg {
min-width: var(--minW) !important;
max-width: var(--maxW) !important
}
.ncriptech--core-service-grid .grid--2>div figure svg {
min-width: 120px;
max-width: 120px;
max-height: 140px;
height: auto
}
@media(max-width: 1100px) {
.ncriptech--core-service-grid .grid--2>div figure svg {
width: 80px;
height: 80px !important;
display: block
}
}
.ncriptech--core-service-grid .grid--2>div figure.dual-svg {
display: grid
}
.ncriptech--core-service-grid .grid--2>div figure.dual-svg>* {
grid-row: 1;
grid-column: 1
}
.ncriptech--core-service-grid .grid--2>div figure:not(.excep) svg {
min-width: 90px;
max-width: 90px
}
@media(max-width: 1100px) {
.ncriptech--core-service-grid .grid--2>div figure:not(.excep) svg {
min-width: 70px;
max-width: 70px
}
}
.ncriptech--core-service-grid .grid--2>div figure img {
filter: grayscale(1) opacity(0.5);
transition: .25s
}
.ncriptech--core-service-grid .grid--2>div:hover .h7 a svg,
.ncriptech--core-service-grid .grid--2>div:hover .offerings-card article h3 a svg,
.offerings-card article .ncriptech--core-service-grid .grid--2>div:hover h3 a svg,
.ncriptech--core-service-grid .grid--2>div:hover .ncriptech__company-grid-bg article a svg,
.ncriptech__company-grid-bg .ncriptech--core-service-grid .grid--2>div:hover article a svg {
opacity: 1;
transform: translate(0.2em, -0.4em)
}
.ncriptech--core-service-grid .grid--2>div:hover figure img {
filter: grayscale(0) opacity(1)
}
.ncriptech--core-service-grid.style--2 article p {
max-width: 40em
}
.ncriptech--core-service-grid.style--2 .grid--2>div {
align-items: start;
grid-gap: 1em 3em;
gap: 1em 3em;
position: relative
}
@media(max-width: 890px) {
.ncriptech--core-service-grid.style--2 .grid--2>div {
grid-gap: 1em;
gap: 1em;
grid-template-columns: auto
}
.ncriptech--core-service-grid.style--2 .grid--2>div .h5 {
order: 1
}
.ncriptech--core-service-grid.style--2 .grid--2>div p {
order: 2
}
.ncriptech--core-service-grid.style--2 .grid--2>div figure svg {
width: 80px;
height: 80px !important;
display: block
}
}
.ncriptech--core-service-grid.style--2 .grid--2>div>span {
width: 147px;
height: 157px;
background: #5139db;
background: -o-linear-gradient(315deg, #5e5aff, #5139db);
background: linear-gradient(315deg, #5e5aff, #5139db);
display: inline-block;
position: absolute;
top: -1px;
left: -1px;
z-index: -1
}
.ncriptech--core-service-grid.style--2 .grid--2>div>span:nth-of-type(2) {
top: 0;
box-shadow: inset -146px 0 0 0 #f5f5f5
}
.ncriptech--core-service-grid.style--2 .grid--2>div p {
grid-column: 1
}
@media(max-width: 575px) {
.ncriptech--core-service-grid.style--2 .bg--gryF5 {
border: 1px solid #dfdfdf;
position: relative;
border-radius: 10px;
overflow: hidden
}
.ncriptech--core-service-grid.style--2 .bg--gryF5::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #f5f5f5;
background: linear-gradient(45deg, rgb(245, 245, 245) 68%, rgb(245, 245, 245) 68%, rgb(234, 226, 236) 97%);
z-index: -1
}
}
.ncriptech--core-service-grid.style--3 .inner-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: end
}
.ncriptech--core-service-grid.style--3 .inner-container article {
margin-right: 2rem
}
@media(max-width: 1000px) {
.ncriptech--core-service-grid.style--3 .inner-container {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
--col: 2
}
.ncriptech--core-service-grid.style--3 .inner-container article {
margin-right: 0
}
.ncriptech--core-service-grid.style--3 .inner-container .c2a {
order: 1
}
}
@media(max-width: 575px) {
.ncriptech--core-service-grid.style--3 .inner-container {
--col: 1
}
}
.ncriptech--core-service-grid.style--3 article>p {
max-width: 40em
}
.ncriptech--core-service-grid.style--3 .grid {
grid-column: 1/-1;
display: grid;
grid-template-columns: repeat(var(--col, 4), 1fr);
grid-gap: 1rem;
gap: 1rem
}
.ncriptech--core-service-grid.style--3 .grid>div {
border: 1px solid #d7d7d7;
border-radius: .3rem;
padding: 1.5rem;
display: flex;
flex-direction: column;
justify-content: start;
counter-increment: agile-counter
}
.ncriptech--core-service-grid.style--3 .grid>div:hover .card--heading::before {
-webkit-text-stroke-color: #535353
}
.ncriptech--core-service-grid.style--3 .grid>div:hover .card--heading span {
background: #0235f5;
/* background: -o-linear-gradient(315deg, #5e5aff, #5139db);
background: linear-gradient(315deg, #5e5aff, #5139db); */
color: rgba(0, 0, 0, 0);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
background-size: 400% 400%;
-webkit-animation: gradient-anim 5s ease infinite;
animation: gradient-anim 5s ease infinite
}
.ncriptech--core-service-grid.style--3 .grid .card--heading {
font-size: 1.5rem;
font-weight: 500;
line-height: 1.3
}
.ncriptech--core-service-grid.style--3 .grid .card--heading::before {
display: block;
content: "0" counter(agile-counter) ".";
font-size: 2.5em;
line-height: .8;
font-weight: 400;
-webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.1882352941);
-webkit-text-stroke-width: 1.5px;
-webkit-text-stroke-color: #0235f5;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
margin-bottom: .2em
}
.ncriptech--core-service-grid.style--3 .grid .card--desc {
color: #5f5f5f;
margin-top: 3rem;
font-size: max(1vw, 20px)
}
@media(max-width: 890px) {
.ncriptech--core-service-grid .grid--2 {
width: 100%;
grid-template-columns: 60vw;
grid-auto-flow: column;
grid-auto-columns: 60vw;
gap: 1rem;
grid-gap: 1rem;
overflow-y: hidden;
overflow-x: scroll;
padding-bottom: 2rem
}
.ncriptech--core-service-grid .grid--2>div {
padding: 1.5rem;
align-content: start
}
}
@media(max-width: 675px) {
.ncriptech--core-service-grid figure {
grid-row: 1;
grid-column: 1
}
.ncriptech--core-service-grid .svg-sizee svg {
width: 80px;
height: 80px !important;
display: block
}
}
@media(max-width: 575px) {
.ncriptech--core-service-grid .grid--2 {
overflow-x: inherit;
grid-template-columns: 80vw;
grid-auto-columns: 80vw
}
.ncriptech--core-service-grid .digi-grid {
grid-template-columns: 100%;
grid-auto-columns: 100%;
overflow: hidden;
gap: 0;
grid-gap: 0
}
.ncriptech--core-service-grid .digi-grid .digi-block {
background: linear-gradient(45deg, rgb(245, 245, 245) 68%, rgb(245, 245, 245) 68%, rgb(234, 226, 236) 97%);
border-right: 1px solid #e1d9e3
}
}
@media(max-width: 1100px) {
.ncriptech--core-service-grid.core--industries .grid--2>div ul li::before {
display: none
}
}
@keyframes wrench {
0% {
transform: rotate(0deg)
}
20% {
transform: rotate(30deg)
}
100% {
transform: rotate(0deg)
}
}
.ncriptech--industries-quotes-2 {
position: relative;
display: grid;
align-items: center
}
.ncriptech--industries-quotes-2>div {
place-self: center;
display: grid
}
.ncriptech--industries-quotes-2>div .c2a-alternate {
position: relative;
z-index: 2;
place-self: start;
transform: translateY(100%);
opacity: 0;
transition: transform 2s cubic-bezier(0.7, 0, 0.3, 1), opacity 2s cubic-bezier(0.7, 0, 0.3, 1);
transition-delay: .3s;
border: none !important;
padding: 0;
font-size: 1.4rem;
background: rgba(0, 0, 0, 0) !important
}
.ncriptech--industries-quotes-2>div .c2a-alternate:hover {
background-color: rgba(0, 0, 0, 0) !important
}
@media(max-width: 675px) {
.ncriptech--industries-quotes-2>div .c2a-alternate {
font-size: 1.1rem
}
}
.ncriptech--industries-quotes-2>* {
grid-column: 1;
grid-row: 1
}
.ncriptech--industries-quotes-2 video {
width: 100%
}
@media(max-width: 675px) {
.ncriptech--industries-quotes-2 video {
width: 150%
}
}
.ncriptech--industries-quotes-2 p {
z-index: 2;
margin-inline: auto;
overflow: hidden;
margin-top: 8rem
}
@media(max-width: 575px) {
.ncriptech--industries-quotes-2 p {
margin-top: 6rem;
font-size: 1.6rem
}
}
.ncriptech--industries-quotes-2 p span {
transform: translateY(100%);
overflow: hidden;
transition: transform 2s cubic-bezier(0.7, 0, 0.3, 1);
transition-delay: .3s;
display: block
}
.ncriptech--industries-quotes-2::after {
content: "";
background: #000;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4586835418) 54%, rgb(0, 0, 0) 90%);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.ncriptech--industries-quotes-2.scroll p span {
transform: translateY(0)
}
.ncriptech--industries-quotes-2.scroll .c2a-alternate {
transform: translateY(0);
opacity: 1
}
.ncriptech--industries-quotes-2.shade-bottom::after {
content: "";
background: #000;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2586835418) 54%, rgb(0, 0, 0) 90%);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0
}
@media(min-width: 992px) {
.ncriptech--industries-quotes {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
}
.ncriptech--industries-quotes .inner-container .card--testimonials {
padding: var(--spacer) 6vw;
position: relative
}
@media(max-width: 980px) {
.ncriptech--industries-quotes .inner-container .card--testimonials {
padding-bottom: 0;
padding-top: 0;
padding-right: 0;
padding-left: 4em
}
}
@media(max-width: 675px) {
.ncriptech--industries-quotes .inner-container .card--testimonials {
padding-left: 3em
}
}
@media(min-width: 2560px) {
.ncriptech--industries-quotes .inner-container .card--testimonials {
padding: var(--spacer) 5vw
}
}
.ncriptech--industries-quotes .inner-container .card--testimonials.card--testimonials-new {
margin-top: 4rem;
margin-bottom: 4rem;
position: relative;
padding-top: 0;
padding-bottom: 0;
max-width: max(28vw, 28rem);
padding-left: 62px;
margin-inline: auto;
padding-right: 0
}
@media(min-width: 768px) {
.ncriptech--industries-quotes .inner-container .card--testimonials.card--testimonials-new {
margin-top: 8rem;
margin-bottom: 8rem;
padding-left: 80px;
max-width: max(36vw, 33rem)
}
}
.ncriptech--industries-quotes .h3x {
font-size: max(1.6vw, 1.6rem)
}
@media(max-width: 575px) {
.ncriptech--industries-quotes .h3x {
font-size: max(1.2vw, 1.2rem)
}
}
.ncriptech--industries-quotes q {
line-height: 1.4;
padding-top: 1rem
}
@media(min-width: 768px) {
.ncriptech--industries-quotes q {
padding-top: 2rem
}
}
@media(max-width: 675px) {
.ncriptech--industries-quotes q {
font-size: 1.5rem
}
}
.ncriptech--industries-quotes q::before {
font-size: 0;
background: inherit;
position: absolute;
top: 0;
left: 0;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="140px" height="129px"><defs><linearGradient id="PSgrad_0" x1="0%" x2="89.879%" y1="0%" y2="43.837%"><stop offset="10%" stop-color="rgb(150,48,206)" stop-opacity="1" /><stop offset="64%" stop-color="rgb(175,56,182)" stop-opacity="1" /><stop offset="100%" stop-color="rgb(199,64,157)" stop-opacity="1" /></linearGradient></defs><path fill-rule="evenodd" fill="url(%23PSgrad_0)" d="M87.1000,0.000 L140.000,0.000 L129.000,128.1000 L98.1000,128.1000 L87.1000,0.000 Z"/><path fill-rule="evenodd" fill="url(%23PSgrad_0)" d="M-0.000,0.000 L52.000,0.000 L41.000,128.1000 L10.1000,128.1000 L-0.000,0.000 Z"/></svg>');
height: 42px;
width: 49px;
content: "";
background-repeat: no-repeat;
background-size: contain;
background-position: center
}
@media(min-width: 768px) {
.ncriptech--industries-quotes q::before {
height: 66px;
width: 59px
}
}
.ncriptech--industries-quotes q::after {
font-size: 0
}
.ncriptech--industries-quotes article {
padding: 1rem 0 .2em;
border-top: 1px solid #fff;
margin-top: 10px;
position: relative
}
@media(max-width: 675px) {
.ncriptech--industries-quotes article {
margin-top: 1.5em
}
}
.ncriptech--thoughts-insights-carousel {
position: relative;
z-index: 99;
background: #fff !important;
background-color: #fff !important;
padding-top: var(--spacer)
}
.ncriptech--thoughts-insights-carousel .inner-container {
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 2rem 1rem;
gap: 2rem 1rem;
overflow: hidden
}
@media(max-width: 768px) {
.ncriptech--thoughts-insights-carousel .inner-container {
margin-top: 3rem;
gap: 1rem
}
}
@media(max-width: 575px) {
.ncriptech--thoughts-insights-carousel .inner-container {
overflow: inherit
}
}
@media(min-width: 2560px) {
.ncriptech--thoughts-insights-carousel .inner-container {
margin-top: -1.6vw
}
}
.ncriptech--thoughts-insights-carousel .inner-container>.c2a {
justify-self: end;
align-self: center
}
@media(max-width: 575px) {
.ncriptech--thoughts-insights-carousel .inner-container {
grid-template-columns: auto
}
.ncriptech--thoughts-insights-carousel .inner-container>.c2a {
order: 3
}
}
.ncriptech--thoughts-insights-carousel .title-square {
background: #000;
padding: 10px 20px;
color: #fff;
font-size: max(1.3vw, 1.3rem) !important;
display: grid;
align-items: center
}
@media(max-width: 768px) {
.ncriptech--thoughts-insights-carousel .title-square {
background: #000;
color: #fff;
font-size: 2rem !important
}
}
@media(max-width: 575px) {
.ncriptech--thoughts-insights-carousel .title-square {
place-self: start;
font-size: 1.5rem !important
}
}
.ncriptech--thoughts-insights-carousel .blog__block {
display: grid;
gap: 2.4rem;
margin-top: 4rem;
place-content: start
}
.ncriptech--thoughts-insights-carousel .blog__block .c2a {
place-self: end
}
@media(max-width: 768px) {
.ncriptech--thoughts-insights-carousel .blog__block .c2a {
place-self: center
}
}
@media(min-width: 676px) {
.ncriptech--thoughts-insights-carousel .blog__block .c2a {
margin-top: 2rem
}
}
.ncriptech--thoughts-insights-carousel .blog__block .blog {
display: grid;
grid-template-columns: 18rem auto;
gap: 8rem;
align-items: start
}
@media(max-width: 890px) {
.ncriptech--thoughts-insights-carousel .blog__block .blog {
gap: 4rem
}
}
@media(max-width: 768px) {
.ncriptech--thoughts-insights-carousel .blog__block .blog {
grid-template-columns: 1fr;
gap: 0
}
}
@media(max-width: 675px) {
.ncriptech--thoughts-insights-carousel .blog__block .blog {
border-bottom: 1px solid #858999
}
}
@media(min-width: 2560px) {
.ncriptech--thoughts-insights-carousel .blog__block .blog {
grid-template-columns: 24rem auto;
justify-content: space-between
}
}
.ncriptech--thoughts-insights-carousel .blog__block .blog figure {
position: relative;
height: 0;
padding-bottom: 0;
border-radius: .4rem;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: opacity .5s ease-in-out, visibility .5s ease-in-out, padding-bottom .5s ease-in-out
}
@media(max-width: 768px) {
.ncriptech--thoughts-insights-carousel .blog__block .blog figure {
order: 2
}
}
.ncriptech--thoughts-insights-carousel .blog__block .blog figure img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center
}
.ncriptech--thoughts-insights-carousel .blog__block .blog article {
max-width: 50rem;
border-bottom: 1px solid #fff;
padding-bottom: 0;
padding-right: 4rem;
transition: padding-bottom .5s ease-in-out;
position: relative
}
@media(max-width: 1700px) {
.ncriptech--thoughts-insights-carousel .blog__block .blog article {
max-width: 90%
}
}
@media(max-width: 768px) {
.ncriptech--thoughts-insights-carousel .blog__block .blog article {
border-bottom: none
}
}
@media(max-width: 675px) {
.ncriptech--thoughts-insights-carousel .blog__block .blog article {
max-width: 100%
}
}
.ncriptech--thoughts-insights-carousel .blog__block .blog article::after {
content: "";
position: absolute;
right: 0;
top: -6px;
width: 40px;
height: 40px;
border-radius: 50%;
background: url(./../img/2023_v2/down-arrow.svg) no-repeat;
background-color: #ccc;
background-position: center;
background-size: 25px;
cursor: pointer;
transition: filter .5s ease-in-out, transform .5s ease-in-out
}
@media(max-width: 675px) {
.ncriptech--thoughts-insights-carousel .blog__block .blog article::after {
width: 30px;
height: 30px
}
}
.ncriptech--thoughts-insights-carousel .blog__block .blog article .accordion--content {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height .5s ease-in-out, overflow .5s ease-in-out, opacity .5s ease-in-out
}
.ncriptech--thoughts-insights-carousel .blog__block .blog article .h4,
.ncriptech--thoughts-insights-carousel .blog__block .blog article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech--thoughts-insights-carousel .blog__block .blog article .c2a-arw,
.ncriptech--thoughts-insights-carousel .blog__block .blog .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech--thoughts-insights-carousel .blog__block .blog article h5 {
max-width: 40rem;
cursor: pointer
}
@media(max-width: 1700px) {
.ncriptech--thoughts-insights-carousel .blog__block .blog article .h4,
.ncriptech--thoughts-insights-carousel .blog__block .blog article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech--thoughts-insights-carousel .blog__block .blog article .c2a-arw,
.ncriptech--thoughts-insights-carousel .blog__block .blog .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech--thoughts-insights-carousel .blog__block .blog article h5 {
font-size: 1.5rem;
max-width: 85%
}
}
@media(max-width: 768px) {
.ncriptech--thoughts-insights-carousel .blog__block .blog article .h4,
.ncriptech--thoughts-insights-carousel .blog__block .blog article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech--thoughts-insights-carousel .blog__block .blog article .c2a-arw,
.ncriptech--thoughts-insights-carousel .blog__block .blog .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech--thoughts-insights-carousel .blog__block .blog article h5 {
font-size: 1.8rem;
max-width: 65%
}
}
@media(max-width: 675px) {
.ncriptech--thoughts-insights-carousel .blog__block .blog article .h4,
.ncriptech--thoughts-insights-carousel .blog__block .blog article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech--thoughts-insights-carousel .blog__block .blog article .c2a-arw,
.ncriptech--thoughts-insights-carousel .blog__block .blog .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech--thoughts-insights-carousel .blog__block .blog article h5 {
font-size: 1.4rem;
max-width: 100%;
padding-right: 60px
}
}
.ncriptech--thoughts-insights-carousel .blog__block .blog article .h9,
.ncriptech--thoughts-insights-carousel .blog__block .blog article .ncriptech--core-service-grid .grid--2>div ul,
.ncriptech--core-service-grid .grid--2>div .ncriptech--thoughts-insights-carousel .blog__block .blog article ul {
line-height: 1.6;
font-size: max(1vw, 1.2rem)
}
@media(max-width: 675px) {
.ncriptech--thoughts-insights-carousel .blog__block .blog article .h9,
.ncriptech--thoughts-insights-carousel .blog__block .blog article .ncriptech--core-service-grid .grid--2>div ul,
.ncriptech--core-service-grid .grid--2>div .ncriptech--thoughts-insights-carousel .blog__block .blog article ul {
font-size: 1rem;
max-width: 90%
}
}
.ncriptech--thoughts-insights-carousel .blog__block .blog.open figure {
opacity: 1;
visibility: visible;
padding-bottom: 52%
}
@media(max-width: 768px) {
.ncriptech--thoughts-insights-carousel .blog__block .blog.open figure {
padding-bottom: 30%
}
}
.ncriptech--thoughts-insights-carousel .blog__block .blog.open article {
padding-bottom: 2rem
}
.ncriptech--thoughts-insights-carousel .blog__block .blog.open article::after {
content: "";
filter: invert(1);
transform: rotate(180deg)
}
.ncriptech--thoughts-insights-carousel .blog__block .blog.open article .accordion--content {
max-height: 500px;
overflow: visible;
opacity: 1;
transition: max-height .5s ease-in-out, overflow .5s ease-in-out, opacity .5s ease-in-out
}
.ncriptech--thoughts-insights-carousel .blog__block .blog:last-child article {
border-bottom: none
}
@media(max-width: 575px) {
.ncriptech--thoughts-insights-carousel .blog__card {
grid-template-columns: auto !important
}
}
.ncriptech--thoughts-insights-carousel .blog__card:hover .h8,
.ncriptech--thoughts-insights-carousel .blog__card:hover .ncriptech--industries-hero .--subheading,
.ncriptech--industries-hero .ncriptech--thoughts-insights-carousel .blog__card:hover .--subheading,
.ncriptech--thoughts-insights-carousel .blog__card:hover .ncriptech--industries-hero .--desc,
.ncriptech--industries-hero .ncriptech--thoughts-insights-carousel .blog__card:hover .--desc {
background: #5fcbe2;
background: -webkit-gradient(linear, left top, right top, from(rgb(95, 203, 226)), to(rgb(111, 251, 207)));
background: -o-linear-gradient(left, rgb(95, 203, 226) 0%, rgb(111, 251, 207) 100%);
background: linear-gradient(90deg, rgb(95, 203, 226) 0%, rgb(111, 251, 207) 100%);
color: rgba(0, 0, 0, 0);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.ncriptech--thoughts-insights-carousel .blog__card figure figcaption {
transform: translate(-1.5em, 50%);
right: 0;
left: auto
}
.ncriptech--thoughts-insights-carousel .blog__card figure figcaption:before {
background: #5fcbe2;
background: -webkit-gradient(linear, left top, right top, from(rgb(95, 203, 226)), to(rgb(111, 251, 207)));
background: -o-linear-gradient(left, rgb(95, 203, 226) 0%, rgb(111, 251, 207) 100%);
background: linear-gradient(90deg, rgb(95, 203, 226) 0%, rgb(111, 251, 207) 100%)
}
.ncriptech--thoughts-insights-carousel .blog__card figure figcaption::after {
background: #5139db;
background: -o-linear-gradient(315deg, #5e5aff, #5139db);
background: linear-gradient(315deg, #5e5aff, #5139db)
}
.ncriptech__tall-cards-carousel {
overflow: hidden
}
.ncriptech__tall-cards-carousel .home--v2--industries {
background-color: #1c1e27 !important;
padding-bottom: 2rem !important
}
.ncriptech__tall-cards-carousel .home--v2--industries .fig {
margin-top: 0;
padding-top: 4rem
}
.ncriptech__tall-cards-carousel .art-heading {
display: grid;
grid-template-columns: 36vw auto;
justify-content: space-between;
align-items: center;
padding-top: var(--spacer);
margin-bottom: calc(var(--spacer)/2);
border-top: 1px solid #e0e0e0;
flex-wrap: wrap;
gap: 2rem;
grid-gap: 2rem
}
.ncriptech__tall-cards-carousel .art-heading figure {
max-width: 28vw;
margin-top: -140px
}
.ncriptech__tall-cards-carousel .art-heading .h3x {
line-height: 1.35
}
.ncriptech__tall-cards-carousel .art-heading p {
max-width: 40em;
line-height: 1.6
}
@media(min-width: 2560px) {
.ncriptech__tall-cards-carousel .art-heading p {
font-size: 1.3rem !important;
line-height: 1.6 !important
}
}
@media(max-width: 1199px) {
.ncriptech__tall-cards-carousel .art-heading .ico-anim {
max-width: 200px
}
}
@media(max-width: 1000px) {
.ncriptech__tall-cards-carousel .art-heading .ico-anim {
display: none
}
}
.ncriptech__tall-cards-carousel .swiper__4 {
margin-top: 4rem
}
@media(max-width: 575px) {
.ncriptech__tall-cards-carousel .swiper__4 {
margin-top: 1rem
}
}
@media(max-width: 575px) {
.ncriptech__tall-cards-carousel .art-heading {
padding-top: calc(var(--spacer)/2)
}
.ncriptech__tall-cards-carousel .h3x small {
font-size: 95%
}
.ncriptech__tall-cards-carousel:not(.ncriptech__tall-cards-carouselM) {
display: flex;
flex-direction: column;
margin-top: 1.5rem
}
.ncriptech__tall-cards-carousel:not(.ncriptech__tall-cards-carouselM)>*+* {
margin-top: 2rem
}
.ncriptech__tall-cards-carousel:not(.ncriptech__tall-cards-carouselM) .main-container {
display: contents
}
.ncriptech__tall-cards-carousel:not(.ncriptech__tall-cards-carouselM) .main-container .inner-container article {
padding-left: 15px;
padding-right: 15px
}
.ncriptech__tall-cards-carousel:not(.ncriptech__tall-cards-carouselM) .c2a {
order: 1;
margin-top: 2rem
}
}
.ncriptech__tall-cards-carousel.with-counters article.text-anim--container {
max-width: max(35vw, 35rem);
margin: 0 auto
}
.ncriptech__tall-cards-carousel.with-counters article.text-anim--container.width_custom {
margin-inline: 0
}
.ncriptech__tall-cards-carousel.with-counters .swiper-slide {
overflow: hidden
}
@media(max-width: 575px) {
.ncriptech__tall-cards-carousel.with-counters article .h3 {
font-size: 30px
}
}
.ncriptech__tall-cards-carousel .swiper-slide {
display: grid;
color: #fff;
counter-increment: digital-counter;
transition: transform .2s ease;
width: 80%
}
.ncriptech__tall-cards-carousel .swiper-slide>* {
grid-row: 1;
grid-column: 1;
align-items: start
}
.ncriptech__tall-cards-carousel .swiper-slide article {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 2.5rem;
position: relative;
z-index: 1;
transition: .2s
}
@media(max-width: 767px) {
.ncriptech__tall-cards-carousel .swiper-slide article {
padding: 2.5rem 1rem
}
}
@media(max-width: 575px) {
.ncriptech__tall-cards-carousel .swiper-slide article {
padding: 1.5rem
}
}
@media(min-width: 1200px) {
.ncriptech__tall-cards-carousel .swiper-slide article {
opacity: 0
}
}
.ncriptech__tall-cards-carousel .swiper-slide article::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1
}
.ncriptech__tall-cards-carousel .swiper-slide article .h4,
.ncriptech__tall-cards-carousel .swiper-slide article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__tall-cards-carousel .swiper-slide article .c2a-arw,
.ncriptech__tall-cards-carousel .swiper-slide .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech__tall-cards-carousel .swiper-slide article h5 {
max-width: 13em;
transition: transform .5s cubic-bezier(0.7, 0, 0.3, 1);
font-size: max(1.4vw, 1.2rem)
}
@media(max-width: 1200px) {
.ncriptech__tall-cards-carousel .swiper-slide article .h4,
.ncriptech__tall-cards-carousel .swiper-slide article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__tall-cards-carousel .swiper-slide article .c2a-arw,
.ncriptech__tall-cards-carousel .swiper-slide .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech__tall-cards-carousel .swiper-slide article h5 {
font-size: 1.5rem
}
}
@media(max-width: 1099px) {
.ncriptech__tall-cards-carousel .swiper-slide article .h4,
.ncriptech__tall-cards-carousel .swiper-slide article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__tall-cards-carousel .swiper-slide article .c2a-arw,
.ncriptech__tall-cards-carousel .swiper-slide .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech__tall-cards-carousel .swiper-slide article h5 {
font-size: 22px
}
}
@media(min-width: 1200px) {
.ncriptech__tall-cards-carousel .swiper-slide article .h4,
.ncriptech__tall-cards-carousel .swiper-slide article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__tall-cards-carousel .swiper-slide article .c2a-arw,
.ncriptech__tall-cards-carousel .swiper-slide .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech__tall-cards-carousel .swiper-slide article h5 {
transform: translateY(50px);
opacity: 0
}
}
@media(min-width: 2560px) {
.ncriptech__tall-cards-carousel .swiper-slide article .h4,
.ncriptech__tall-cards-carousel .swiper-slide article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__tall-cards-carousel .swiper-slide article .c2a-arw,
.ncriptech__tall-cards-carousel .swiper-slide .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech__tall-cards-carousel .swiper-slide article h5 {
font-size: 1.6vw
}
}
@media(max-width: 1099px) {
.ncriptech__tall-cards-carousel .swiper-slide article .h8,
.ncriptech__tall-cards-carousel .swiper-slide article .ncriptech--industries-hero .--subheading,
.ncriptech--industries-hero .ncriptech__tall-cards-carousel .swiper-slide article .--subheading,
.ncriptech__tall-cards-carousel .swiper-slide article .ncriptech--industries-hero .--desc,
.ncriptech--industries-hero .ncriptech__tall-cards-carousel .swiper-slide article .--desc {
font-size: 18px;
line-height: 1.5
}
}
.ncriptech__tall-cards-carousel .swiper-slide article .h4+p+ul,
.ncriptech__tall-cards-carousel .swiper-slide article .ncriptech__about-values .c2a-arw+p+ul,
.ncriptech__about-values .ncriptech__tall-cards-carousel .swiper-slide article .c2a-arw+p+ul,
.ncriptech__tall-cards-carousel .swiper-slide .ncriptech__career--realpeople article h5+p+ul,
.ncriptech__career--realpeople .ncriptech__tall-cards-carousel .swiper-slide article h5+p+ul {
align-self: flex-end;
margin-top: auto
}
.ncriptech__tall-cards-carousel .swiper-slide article .c2a {
--c2a-fs: 1.1rem;
width: 100%;
margin-top: auto;
justify-content: space-between
}
.ncriptech__tall-cards-carousel .swiper-slide article .c2a-underline {
font-size: 1vw
}
.ncriptech__tall-cards-carousel .swiper-slide figcaption {
padding: 2.5rem;
display: grid;
grid-template-columns: 1fr auto;
grid-gap: .5em;
gap: .5em;
z-index: 1;
transition: opacity .5s cubic-bezier(0.7, 0, 0.3, 1), transform .5s cubic-bezier(0.7, 0, 0.3, 1);
position: relative;
font-size: max(1.4vw, 1.2rem)
}
@media(max-width: 1199px) {
.ncriptech__tall-cards-carousel .swiper-slide figcaption {
display: none
}
}
.ncriptech__tall-cards-carousel .swiper-slide figcaption>span {
width: 1.5em;
height: 1.5em;
display: grid;
place-items: center;
line-height: 1.3
}
.ncriptech__tall-cards-carousel .swiper-slide figure {
display: grid;
position: relative
}
.ncriptech__tall-cards-carousel .swiper-slide figure>* {
grid-row: 1;
grid-column: 1;
align-items: end
}
.ncriptech__tall-cards-carousel .swiper-slide figure img {
width: 100%;
transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1), filter 1s cubic-bezier(0.7, 0, 0.3, 1)
}
@media(min-width: 1200px) {
.ncriptech__tall-cards-carousel .swiper-slide figure img {
filter: blur(0);
will-change: filter
}
}
@media(max-width: 1199px) {
.ncriptech__tall-cards-carousel .swiper-slide figure img {
filter: blur(4px)
}
}
@media(max-width: 875px) {
.ncriptech__tall-cards-carousel .swiper-slide figure img {
filter: blur(3px) brightness(0.7)
}
}
.ncriptech__tall-cards-carousel .swiper-slide figure::before {
content: "";
background-image: url("./../img/2024_v1/oly.webp");
background-position: bottom left;
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
mix-blend-mode: lighten
}
@media(max-width: 1199px) {
.ncriptech__tall-cards-carousel .swiper-slide figure::after {
content: "";
background: #fff;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(12, 32, 105) 100%);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
mix-blend-mode: hard-light
}
}
.ncriptech__tall-cards-carousel .swiper-slide figure.mix-lighten>img {
mix-blend-mode: lighten
}
.ncriptech__tall-cards-carousel .swiper-slide figure.mix-exclusion>img {
mix-blend-mode: exclusion
}
.ncriptech__tall-cards-carousel .swiper-slide figure.mix-difference>img {
mix-blend-mode: difference
}
.ncriptech__tall-cards-carousel .swiper-slide figure.mix-multiply>img {
mix-blend-mode: multiply
}
@media(max-width: 1100px) {
.ncriptech__tall-cards-carousel .swiper-slide article .h4+p+ul,
.ncriptech__tall-cards-carousel .swiper-slide article .ncriptech__about-values .c2a-arw+p+ul,
.ncriptech__about-values .ncriptech__tall-cards-carousel .swiper-slide article .c2a-arw+p+ul,
.ncriptech__tall-cards-carousel .swiper-slide .ncriptech__career--realpeople article h5+p+ul,
.ncriptech__career--realpeople .ncriptech__tall-cards-carousel .swiper-slide article h5+p+ul {
align-self: start;
transform: translateY(-0.2em)
}
.ncriptech__tall-cards-carousel .swiper-slide article .h4+p+ul li::before,
.ncriptech__tall-cards-carousel .swiper-slide article .ncriptech__about-values .c2a-arw+p+ul li::before,
.ncriptech__about-values .ncriptech__tall-cards-carousel .swiper-slide article .c2a-arw+p+ul li::before,
.ncriptech__tall-cards-carousel .swiper-slide .ncriptech__career--realpeople article h5+p+ul li::before,
.ncriptech__career--realpeople .ncriptech__tall-cards-carousel .swiper-slide article h5+p+ul li::before {
content: "- "
}
.ncriptech__tall-cards-carousel .swiper-slide article .c2a-underline {
--c2a-fs: 14px !important;
color: inherit !important
}
.ncriptech__tall-cards-carousel .swiper-slide article .c2a-underline::before,
.ncriptech__tall-cards-carousel .swiper-slide article .c2a-underline::after {
display: none
}
}
.ncriptech__tall-cards-carousel .swiper-slide:hover figcaption {
transform: translateY(-50px);
opacity: 0
}
.ncriptech__tall-cards-carousel .swiper-slide:hover article {
opacity: 1;
transition-delay: .05s;
transition: opacity .5s cubic-bezier(0.7, 0, 0.3, 1), transform .5s cubic-bezier(0.7, 0, 0.3, 1)
}
.ncriptech__tall-cards-carousel .swiper-slide:hover article .h4,
.ncriptech__tall-cards-carousel .swiper-slide:hover article .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ncriptech__tall-cards-carousel .swiper-slide:hover article .c2a-arw,
.ncriptech__tall-cards-carousel .swiper-slide:hover .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople .ncriptech__tall-cards-carousel .swiper-slide:hover article h5 {
transform: translateY(0);
opacity: 1;
transition-delay: .08s;
transition: opacity .5s cubic-bezier(0.7, 0, 0.3, 1), transform .5s cubic-bezier(0.7, 0, 0.3, 1)
}
@media(min-width: 1200px) {
.ncriptech__tall-cards-carousel .swiper-slide:hover figure>img {
transform: scale(1.4) !important;
filter: blur(15px) brightness(0.5)
}
}
@media(max-width: 1199px) {
.ncriptech__tall-cards-carousel .swiper-slide.white__bg_custom figure::after {
content: "";
background: linear-gradient(0deg, rgba(255, 255, 255, 0.66) 0%, rgba(255, 255, 255, 0.96) 100%)
}
}
@media(min-width: 1200px) {
.ncriptech__tall-cards-carousel .swiper-slide.white__bg_custom:hover figure>img {
transform: scale(1.4) !important;
filter: blur(15px)
}
}
.ncriptech__tall-cards-carousel .swiper {
overflow: inherit
}
.ncriptech__tall-cards-carousel .swiper-scrollbar {
background: rgba(255, 255, 255, .4) !important
}
.ncriptech__tall-cards-carousel .swiper-scrollbar .swiper-scrollbar-drag {
background: #fff !important
}
.ncriptech__tall-cards-carousel .swiper-scrollbar {
max-width: 500px;
position: relative;
bottom: auto;
margin-top: 150px;
margin-left: auto;
margin-right: auto;
cursor: move;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab
}
@media(max-width: 1099px) {
.ncriptech__tall-cards-carousel .swiper-scrollbar {
margin-top: 40px
}
}
.ncriptech__tall-cards-carousel .solution-box {
display: grid;
color: #fff;
counter-increment: digital-counter;
transition: transform .2s ease
}
@keyframes scalling {
0% {
transform: scaleX(0);
transform-origin: left
}
25% {
transform: scaleX(1);
transform-origin: left
}
50% {
transform: scaleX(1);
transform-origin: right
}
100% {
transform: scaleX(0);
transform-origin: right
}
}
.desktop-animation {
position: relative;
margin-top: 200px;
margin-bottom: 50px
}
@media(max-width: 1000px) {
.desktop-animation {
max-width: 450px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
margin-top: 50px;
margin-bottom: 0
}
}
.animated-icon {
width: 100%
}
@media(min-width: 2560px) {
.animated-icon {
margin: 10rem 0 2rem
}
}
.animated-icon .text-animations {
width: 100%
}
.animated-icon .text-animations article {
text-align: center;
font-size: .87rem;
padding-left: 3em;
padding-right: 3em
}
@media(min-width: 1000px) {
.animated-icon .text-animations {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
align-content: center;
justify-items: center;
justify-content: space-between;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 3
}
.animated-icon .text-animations article {
display: grid;
padding-top: 2em
}
.animated-icon .text-animations article>* {
grid-row: 1;
grid-column: 1
}
.animated-icon .text-animations article h4 {
margin-top: -90%
}
}
@media(max-width: 999px) {
.animated-icon .text-animations article {
padding-bottom: 100%;
border-radius: 50%;
position: relative
}
.animated-icon .text-animations article::after {
content: "";
border-radius: inherit;
border-width: 2px;
border-color: #b511ee;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transform: rotate(45deg)
}
.animated-icon .text-animations article:nth-child(odd)::after {
border-style: dashed dashed solid solid
}
.animated-icon .text-animations article:nth-child(even)::after {
border-style: solid solid dashed dashed
}
.animated-icon .text-animations article p {
position: absolute;
top: 55%;
transform: translateY(-50%);
left: 0;
right: 0;
padding-left: 2.5em;
padding-right: 2.5em
}
.animated-icon .text-animations article h4 {
position: absolute;
top: 25%;
left: 0;
right: 0
}
}
.animated-icon .round-icons {
display: grid;
grid-auto-flow: column;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: 3
}
@media(max-width: 1199px) {
.animated-icon .round-icons {
justify-content: space-around;
bottom: auto;
top: 0;
transform: translateY(-50%)
}
}
@media(max-width: 999px) {
.animated-icon .round-icons {
bottom: 0;
grid-auto-flow: row;
transform: translateY(0)
}
.animated-icon .round-icons svg {
transform: translateY(-50%)
}
}
.animated-icon .round-icons .icon__1,
.animated-icon .round-icons .icon__2,
.animated-icon .round-icons .icon__3,
.animated-icon .round-icons .icon__4 {
width: 3.5em;
height: 3.5em;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 0 5px #fff
}
@media(max-width: 675px) {
.animated-icon .round-icons .icon__1,
.animated-icon .round-icons .icon__2,
.animated-icon .round-icons .icon__3,
.animated-icon .round-icons .icon__4 {
width: 4.5em;
height: 4.5em
}
}
@media(min-width: 1200px) {
.animated-icon .round-icons .icon__1 {
align-self: center;
transform: translate(-42%)
}
.animated-icon .round-icons .icon__2 {
transform: translate(55%)
}
.animated-icon .round-icons .icon__3 {
align-self: end;
transform: translate(75%)
}
.animated-icon .round-icons .icon__4 {
transform: translate(50%, 20%)
}
}
.animated-icon .path-1,
.animated-icon .path-2 {
width: 100%
}
@media(max-width: 1000px) {
.animated-icon .path-1,
.animated-icon .path-2 {
display: none
}
}
.animated-icon svg {
width: 100%
}
.animated-icon .path-1 .whitespaces {
position: absolute;
top: 34%;
left: 22%;
right: 22%;
z-index: 1;
display: grid;
align-items: center;
grid-auto-flow: column;
justify-content: space-between
}
.animated-icon .path-1 .whitespaces span {
width: 130px;
height: 130px;
border-radius: 50%;
background-color: #fff
}
.animated-icon .path-2 {
z-index: 2;
width: 78%;
position: absolute;
left: 0;
bottom: 0
}
.ncriptech__technology {
padding-top: var(--spacer);
margin-bottom: var(--spacer);
display: none
}
.ncriptech__technology .inner-container {
display: grid;
grid-template-columns: auto 1fr;
justify-content: space-between;
gap: 4rem
}
.ncriptech__technology .tech__logos {
display: grid;
align-items: center;
grid-auto-flow: column;
justify-content: end;
grid-auto-columns: minmax(90px, auto);
gap: 2rem
}
.ncriptech__technology .tech__logos figure>img {
max-width: 90px;
display: block;
margin-left: auto;
margin-right: auto;
filter: grayscale(100);
transition: transform .5s ease-in, filter .5s ease-in
}
.ncriptech__technology .tech__logos figure figcaption {
font-size: 14px;
line-height: 1;
text-align: center;
margin-top: 1em
}
.ncriptech__technology .tech__logos figure:hover>img {
transform: scale(1.1);
filter: grayscale(0)
}
.ncriptech__digital__laptop {
position: relative;
overflow: hidden
}
.ncriptech__digital__laptop .main-laptop {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin: auto
}
@media(max-width: 675px) {
.ncriptech__digital__laptop .main-laptop {
margin-top: 4rem !important;
margin-bottom: 1rem !important;
transform: scale(1.2) !important
}
}
@media(max-width: 475px) {
.ncriptech__digital__laptop .main-laptop {
margin-top: 2rem !important
}
}
.ncriptech__digital__laptop .digi-laptopwrapper {
position: relative;
transform: scale(1);
transform-origin: 50% 100%
}
.ncriptech__digital__laptop .screen {
position: absolute;
left: 3.8%;
top: 1.5%
}
@media(max-width: 675px) {
.ncriptech__digital__laptop .screen {
transform: scale(1.6);
top: 14.5%
}
}
@media(max-width: 475px) {
.ncriptech__digital__laptop .screen {
top: 18.5%
}
}
.caseStudyBanner {
position: relative;
width: 100%;
overflow: hidden;
font-size: .8rem;
padding-top: 8rem !important;
background-color: #fff
}
@media(max-width: 1099px) {
.caseStudyBanner {
padding-top: 0rem !important
}
}
.caseStudyBanner .grid-flow {
display: grid;
grid-auto-flow: column;
align-items: center;
justify-content: space-between
}
.caseStudyBanner .grid-flow .swiper-nav>*+* {
margin-left: .5em
}
.caseStudyBanner .grid-flow .swiper-nav svg {
--swiper-nav-svg: 0.8em
}
.caseStudyBanner .swiper__success-stories {
overflow: visible;
transition: transform .35s ease-in-out
}
.caseStudyBanner .swiper__success-stories .swiper-slide>figure {
position: relative;
overflow: hidden
}
@media(min-width: 1100px) {
.caseStudyBanner .swiper__success-stories .swiper-slide>figure::after {
content: "";
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .4);
position: absolute;
left: 0;
top: 0
}
}
.caseStudyBanner .swiper__success-stories .swiper-scrollbar {
width: 100% !important;
bottom: -5rem;
left: 2% !important;
background: rgba(255, 255, 255, .4) !important
}
.caseStudyBanner .swiper__success-stories .swiper-scrollbar-drag {
background-color: #0235f5;
position: relative
}
.caseStudyBanner .swiper__success-stories .swiper-scrollbar-drag:before {
content: "";
background-color: #0235f5;
position: relative;
left: -99vw;
top: 0;
position: absolute;
bottom: 0;
height: 100%;
width: 100vw;
z-index: 999
}
.laptopWrapper {
position: relative
}
.laptopWrapper .h3 {
position: absolute;
width: 100%;
margin: 0 auto;
text-align: center
}
@media(min-width: 1200px) {
.laptopWrapper {
transform: scale(0.85);
transform-origin: center
}
}
.laptop-img {
width: 74.1875em;
height: 52.8125em;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin: auto;
position: relative;
z-index: 11;
pointer-events: none
}
.caseBannerSlider * {
height: 100%
}
.caseBannerSlider .swiper-nav {
width: 74.1875em;
height: auto;
position: absolute;
left: 0;
right: 0;
bottom: 30%;
margin-left: auto;
margin-right: auto;
z-index: 111;
display: flex;
justify-content: space-between
}
.caseBannerSlider .swiper-nav>* {
font-size: 1.3rem;
width: 2.4em;
height: 2.4em;
padding: .6em;
border-radius: 50%;
background: #0235f5;
color: #fff
}
.caseBannerSlider .swiper-nav>* svg {
display: block;
max-width: 100%
}
.caseBannerSlider .scroll-carousel .h3 {
position: absolute
}
.caseBannerImage {
overflow: hidden;
z-index: 2
}
.caseBannerImage .scroll-container {
display: flex;
flex-wrap: nowrap;
position: relative;
width: 600% !important;
height: 100%;
float: left;
overflow: hidden
}
.caseBannerImage .scroll-container .panel {
width: 100%;
height: 100%
}
.caseBannerImage .scroll-container img {
width: 100%;
height: 100%
}
.caseBannerImage,
.caseBannerSlider {
position: absolute;
left: 0;
right: 0;
top: 8.3125em
}
.caseBannerImage .swiper::before,
.caseBannerImage .swiper::after,
.caseBannerSlider .swiper::before,
.caseBannerSlider .swiper::after {
content: "";
position: absolute;
width: 100vw;
height: 100%;
background-color: #fff;
top: 0;
bottom: 0;
z-index: 1111
}
.caseBannerImage .swiper::before,
.caseBannerSlider .swiper::before {
left: calc((-102.25% - 62.375em)/2)
}
.caseBannerImage .swiper::after,
.caseBannerSlider .swiper::after {
right: calc((-102.25% - 62.375em)/2)
}
.caseBannerImage .swiper-slide,
.caseBannerSlider .swiper-slide {
text-align: center
}
.caseBannerImage .swiper-slide figure,
.caseBannerSlider .swiper-slide figure {
width: 62.375em;
height: 39.0625em;
margin: auto;
background-color: #fff;
transform: translateZ(0);
translate: translate3d(0, 0, 0);
backface-visibility: hidden;
-webkit-transform: translateZ(0);
-webkit-translate: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden
}
.caseBannerImage .swiper-slide figure img,
.caseBannerSlider .swiper-slide figure img {
width: 100%;
height: 100%;
object-fit: cover;
transform: translateZ(0);
translate: translate3d(0, 0, 0);
backface-visibility: hidden;
-webkit-transform: translateZ(0);
-webkit-translate: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden
}
@media(max-width: 1199px) {
.caseStudyBanner {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 1rem !important
}
.laptop-img {
width: 100%;
height: auto;
padding-bottom: 71%
}
.caseBannerImage,
.caseBannerSlider {
width: auto;
height: auto;
left: 8%;
right: 8%;
top: 15%;
bottom: 9%
}
.caseBannerImage .swiper::before,
.caseBannerImage .swiper::after,
.caseBannerSlider .swiper::before,
.caseBannerSlider .swiper::after {
display: none
}
.caseBannerImage .swiper-slide figure,
.caseBannerSlider .swiper-slide figure {
width: 100%;
height: 100%
}
.laptopWrapper .h3 {
background: linear-gradient(-45deg, rgba(255, 39, 189, var(--sat1, 0.99608)) 0%, rgba(150, 48, 206, var(--sat2, 1)) 100%);
color: rgba(0, 0, 0, 0);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
}
@media(max-width: 760px) {
.laptopWrapper .h3 {
top: -25px
}
}
@-webkit-keyframes animate-svg-fill-1 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-1 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-1 {
-webkit-animation: animate-svg-fill-1 .7s cubic-bezier(0.47, 0, 0.745, 0.715) .8s both;
animation: animate-svg-fill-1 .7s cubic-bezier(0.47, 0, 0.745, 0.715) .8s both
}
@-webkit-keyframes animate-svg-fill-2 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-2 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-2 {
-webkit-animation: animate-svg-fill-2 .7s cubic-bezier(0.47, 0, 0.745, 0.715) .9s both;
animation: animate-svg-fill-2 .7s cubic-bezier(0.47, 0, 0.745, 0.715) .9s both
}
@-webkit-keyframes animate-svg-fill-3 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-3 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-3 {
-webkit-animation: animate-svg-fill-3 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
animation: animate-svg-fill-3 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both
}
@-webkit-keyframes animate-svg-fill-4 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-4 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-4 {
-webkit-animation: animate-svg-fill-4 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
animation: animate-svg-fill-4 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both
}
@-webkit-keyframes animate-svg-fill-5 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-5 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-5 {
-webkit-animation: animate-svg-fill-5 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
animation: animate-svg-fill-5 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both
}
@-webkit-keyframes animate-svg-fill-6 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-6 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-6 {
-webkit-animation: animate-svg-fill-6 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
animation: animate-svg-fill-6 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both
}
@-webkit-keyframes animate-svg-fill-7 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-7 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-7 {
-webkit-animation: animate-svg-fill-7 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
animation: animate-svg-fill-7 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both
}
@-webkit-keyframes animate-svg-fill-8 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-8 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-8 {
-webkit-animation: animate-svg-fill-8 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
animation: animate-svg-fill-8 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both
}
@-webkit-keyframes animate-svg-fill-9 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-9 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-9 {
-webkit-animation: animate-svg-fill-9 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
animation: animate-svg-fill-9 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both
}
@-webkit-keyframes animate-svg-fill-10 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-10 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-10 {
-webkit-animation: animate-svg-fill-10 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both;
animation: animate-svg-fill-10 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both
}
@-webkit-keyframes animate-svg-fill-11 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-11 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-11 {
-webkit-animation: animate-svg-fill-11 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
animation: animate-svg-fill-11 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both
}
@-webkit-keyframes animate-svg-fill-12 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-12 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-12 {
-webkit-animation: animate-svg-fill-12 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s both;
animation: animate-svg-fill-12 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s both
}
@-webkit-keyframes animate-svg-fill-13 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-13 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-13 {
-webkit-animation: animate-svg-fill-13 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
animation: animate-svg-fill-13 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both
}
@-webkit-keyframes animate-svg-fill-14 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-14 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-14 {
-webkit-animation: animate-svg-fill-14 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
animation: animate-svg-fill-14 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both
}
@-webkit-keyframes animate-svg-fill-15 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-15 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-15 {
-webkit-animation: animate-svg-fill-15 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
animation: animate-svg-fill-15 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both
}
@-webkit-keyframes animate-svg-fill-16 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-16 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-16 {
-webkit-animation: animate-svg-fill-16 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
animation: animate-svg-fill-16 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both
}
@-webkit-keyframes animate-svg-fill-17 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-17 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-17 {
-webkit-animation: animate-svg-fill-17 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both;
animation: animate-svg-fill-17 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both
}
@-webkit-keyframes animate-svg-fill-18 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-18 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-18 {
-webkit-animation: animate-svg-fill-18 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
animation: animate-svg-fill-18 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both
}
@-webkit-keyframes animate-svg-fill-19 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-19 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-19 {
-webkit-animation: animate-svg-fill-19 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
animation: animate-svg-fill-19 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both
}
@-webkit-keyframes animate-svg-fill-20 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-20 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-20 {
-webkit-animation: animate-svg-fill-20 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
animation: animate-svg-fill-20 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both
}
@-webkit-keyframes animate-svg-fill-21 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-21 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-21 {
-webkit-animation: animate-svg-fill-21 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
animation: animate-svg-fill-21 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both
}
@-webkit-keyframes animate-svg-fill-22 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-22 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-22 {
-webkit-animation: animate-svg-fill-22 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9s both;
animation: animate-svg-fill-22 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9s both
}
@-webkit-keyframes animate-svg-fill-23 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-23 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-23 {
-webkit-animation: animate-svg-fill-23 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
animation: animate-svg-fill-23 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both
}
@-webkit-keyframes animate-svg-fill-24 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-24 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-24 {
-webkit-animation: animate-svg-fill-24 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s both;
animation: animate-svg-fill-24 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s both
}
@-webkit-keyframes animate-svg-fill-25 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-25 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-25 {
-webkit-animation: animate-svg-fill-25 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
animation: animate-svg-fill-25 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both
}
@-webkit-keyframes animate-svg-fill-26 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-26 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-26 {
-webkit-animation: animate-svg-fill-26 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both;
animation: animate-svg-fill-26 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both
}
@-webkit-keyframes animate-svg-fill-27 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
@keyframes animate-svg-fill-27 {
0% {
fill: rgba(0, 0, 0, 0)
}
100% {
fill: #424242
}
}
.svg-elem-27 {
-webkit-animation: animate-svg-fill-27 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4s both;
animation: animate-svg-fill-27 .7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4s both
}
.ncriptech__client-logos span .charsClass,
q.text-anim--container .charsClass,
.ncriptech__swipescroll--heading .text-animation span .charsClass,
.ncriptech--15y-journey .text-animation span .charsClass,
.ncriptech__figure-article-content .text-animation span .charsClass,
.ncriptech__offerings-margin .text-animation span .charsClass,
.ncriptech__overlapped-split-content .text-animation span .charsClass,
.ncriptech--industries-mid-content .text-animation span .charsClass,
.ncriptech__work--life .text-animation span .charsClass,
.ncriptech__start--career .text-animation span .charsClass,
.caseStudyBanner .text-animation span .charsClass {
background: #5139db;
background: -o-linear-gradient(315deg, #5e5aff, #5139db);
background: linear-gradient(315deg, #5e5aff, #5139db);
color: rgba(0, 0, 0, 0);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.ncriptech__3i .text-animation span .charsClass,
.ncriptech__figure-article-offset-content .text-animation span .charsClass,
.ncriptech__eq-content .text-animation span .charsClass,
.ncriptech__apps-secret .text-animation span .charsClass {
background: #5fcbe2;
background: -webkit-gradient(linear, left top, right top, from(rgb(95, 203, 226)), to(rgb(111, 251, 207)));
background: -o-linear-gradient(left, rgb(95, 203, 226) 0%, rgb(111, 251, 207) 100%);
background: linear-gradient(90deg, rgb(95, 203, 226) 0%, rgb(111, 251, 207) 100%);
color: rgba(0, 0, 0, 0);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.ncriptech__social-posts {
overflow: hidden;
background: #000
}
.ncriptech__social-posts>div {
transform: rotate(-10deg) skew(5deg, 10deg);
display: grid;
grid-template-columns: 1fr 1.15fr 1.5fr 1.25fr 1.05fr;
gap: .25rem;
max-height: 70vh;
overflow: hidden;
margin-bottom: var(--spacer)
}
.ncriptech__social-posts .posts {
display: grid;
grid-template-columns: 1fr;
gap: .25rem;
transform: translateY(var(--adjust-top))
}
.ncriptech__social-posts .posts:nth-of-type(1) {
--adjust-top: -1rem;
animation: transformYY calc(30000ms + var(--i)) linear infinite
}
.ncriptech__social-posts .posts:nth-of-type(2) {
--adjust-top: -5.75rem;
animation: transformYY calc(35000ms + var(--i)) linear infinite
}
.ncriptech__social-posts .posts:nth-of-type(3) {
--adjust-top: -8.75rem;
animation: transformYY 40000ms linear infinite
}
.ncriptech__social-posts .posts:nth-of-type(4) {
--adjust-top: -5.75rem;
animation: transformYY calc(32000ms + var(--i)) linear infinite
}
.ncriptech__social-posts .posts:nth-of-type(5) {
--adjust-top: -1rem;
animation: transformYY calc(35000ms + var(--i)) linear infinite
}
.ncriptech__social-posts img {
display: block;
width: 100%
}
@media(max-width: 960px) {
.ncriptech__social-posts {
max-height: 90vh;
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.ncriptech__social-posts>div:nth-of-type(5) {
display: none
}
}
@media(max-width: 760px) {
.ncriptech__social-posts {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.ncriptech__social-posts>div:nth-of-type(4) {
display: none
}
}
@media(max-width: 575px) {
.ncriptech__social-posts {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.ncriptech__social-posts>div:nth-of-type(3) {
display: none
}
}
@keyframes transformYY {
100% {
transform: translateY(calc(-100% + 150vh - var(--adjust-top)))
}
}
.ncriptech__contact-card address {
display: grid;
grid-template-columns: .45fr 1fr;
grid-gap: 3rem;
gap: 3rem;
align-items: start
}
.ncriptech__contact-card .certficates {
display: grid;
align-items: center;
justify-content: start;
grid-auto-flow: column;
grid-gap: .5rem;
gap: .5rem
}
.ncriptech__contact-card .certficates img {
max-width: 6rem
}
.ncriptech__contact-card .certficates p {
margin-right: 1em
}
.ncriptech__contact-card .c2a {
margin-top: 2.5rem
}
.success--hero {
margin-top: 4rem
}
.ncriptech__bloglist article h4 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
white-space: pre-wrap
}
.ncriptech__bloglist figcaption {
position: absolute;
left: 0;
bottom: 0;
transform: translate(1.5em, 50%);
font-size: 75%;
line-height: 1;
text-transform: uppercase
}
.ncriptech__bloglist figcaption::before,
.ncriptech__bloglist figcaption::after {
border-radius: 4em;
padding: .7em 1.25em;
transition: .5s
}
.ncriptech__bloglist figcaption:after {
content: attr(data-back);
position: absolute;
top: 0;
left: 0;
opacity: 0;
color: #fff;
background: linear-gradient(-45deg, rgba(255, 39, 189, var(--sat1, 0.99608)) 0%, rgba(150, 48, 206, var(--sat2, 1)) 100%);
transform: translateY(-50%) rotateX(90deg)
}
.ncriptech__bloglist figcaption:before {
content: attr(data-front);
display: block;
color: #000;
background-color: #facc00;
transform: translateY(0) rotateX(0)
}
@media(max-width: 575px) {
.stick--block.flow-rootX8>*+* {
margin-top: 1.75rem
}
}
html.lenis {
height: auto
}
.lenis.lenis-smooth {
scroll-behavior: auto
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain
}
.lenis.lenis-stopped {
overflow: hidden
}
.lenis.lenis-scrolling iframe {
pointer-events: none
}
@keyframes textShine {
0% {
background-position: 0% 100%
}
100% {
background-position: 100% 100%
}
}
.about__significant {
background-color: #020914;
margin-top: calc(var(--spacer)*1.5)
}
.about__significant .inner-container {
margin-top: -5rem;
display: grid;
align-items: center
}
.about__significant .inner-container>* {
grid-column: 1;
grid-row: 1
}
.about__significant .inner-container article {
font-size: 3vw;
line-height: 1;
margin-left: -4rem;
position: relative;
display: grid;
gap: .3rem
}
.about__significant .inner-container article::before {
content: "";
width: 130px;
height: 8px;
background-color: #fff;
margin-left: 6px
}
.about__significant .inner-container figure {
border-radius: 18px;
overflow: hidden;
position: relative
}
.about__significant .inner-container figure::before {
content: "";
width: 30%;
height: 100%;
background: #000;
background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 70%);
position: absolute;
left: 0;
top: 0;
border-top-left-radius: 18px;
border-bottom-left-radius: 18px
}
.makes__ncriptech-different {
background-color: #020914;
position: relative;
overflow: hidden
}
.makes__ncriptech-different .significant--block {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: calc(var(--spacer)*1);
gap: 3rem;
position: relative;
z-index: 2
}
.makes__ncriptech-different .significant--block .fig {
display: grid;
max-height: 14rem;
padding: 2rem;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden
}
@media(min-width: 2560px) {
.makes__ncriptech-different .significant--block .fig {
max-height: 17rem
}
}
.makes__ncriptech-different .significant--block .fig .count {
position: absolute;
top: 1rem;
left: 1rem;
font-size: 1.4rem;
line-height: 1
}
.makes__ncriptech-different .significant--block .fig.bg--blu {
-webkit-box-shadow: -10px 10px 0px 0px rgba(255, 255, 255, .23);
-moz-box-shadow: -10px 10px 0px 0px rgba(255, 255, 255, .23);
box-shadow: -10px 10px 0px 0px rgba(255, 255, 255, .23)
}
.makes__ncriptech-different .significant--block .fig.hover-block .count {
transition: color .4s ease
}
.makes__ncriptech-different .significant--block .fig.hover-block .hover-back {
position: absolute;
width: 100%;
height: 100%;
padding: 3rem;
display: grid;
align-items: center;
opacity: 0;
transform: translateY(100%);
background-color: #fff;
transition: opacity .4s ease, transform .4s ease, background-color .4s ease
}
.makes__ncriptech-different .significant--block .fig.hover-block .hover-back p {
opacity: 0;
transition: opacity .4s ease;
transition-delay: .3s;
color: #000;
font-size: 1vw;
line-height: 1.5
}
@media(min-width: 2560px) {
.makes__ncriptech-different .significant--block .fig.hover-block .hover-back p {
font-size: .8vw
}
}
.makes__ncriptech-different .significant--block .fig.hover-block:hover .count {
color: #000 !important;
z-index: 2
}
.makes__ncriptech-different .significant--block .fig.hover-block:hover .hover-back {
opacity: 1;
transform: translateY(0)
}
.makes__ncriptech-different .significant--block .fig.hover-block:hover .hover-back p {
opacity: 1
}
.makes__ncriptech-different .significant--block .fig-alternate {
display: grid;
max-height: 14rem;
grid-template-columns: 1fr auto;
align-items: start;
position: relative;
overflow: hidden
}
@media(min-width: 2560px) {
.makes__ncriptech-different .significant--block .fig-alternate {
max-height: 17rem
}
}
.makes__ncriptech-different .significant--block .fig-alternate::after {
content: "";
width: 30%;
height: 100%;
background-color: #e0c00f;
position: absolute;
right: 0;
top: 0
}
.makes__ncriptech-different .significant--block .fig-alternate article {
padding-left: 2rem;
padding-top: 2rem
}
.makes__ncriptech-different .significant--block .fig-alternate figure {
position: relative;
z-index: 1
}
@media(min-width: 2560px) {
.makes__ncriptech-different .significant--block .fig-alternate figure {
min-width: 12vw
}
}
.makes__ncriptech-different .significant--block .fig-alternate figure img {
width: 100%
}
.makes__ncriptech-different .significant--block .fig-alternate-shape {
display: grid;
align-items: center;
justify-content: center;
max-height: 14rem
}
@media(min-width: 2560px) {
.makes__ncriptech-different .significant--block .fig-alternate-shape {
max-height: 17rem
}
}
.explore__ncriptech {
padding-top: 5rem;
padding-bottom: 3rem
}
@media(max-width: 767px) {
.explore__ncriptech {
padding-bottom: 4rem !important
}
}
.explore__ncriptech .explore__list {
font-size: calc(1.2rem + .15vw);
list-style: none;
display: grid;
grid-template-columns: repeat(var(--explore__list--grid), minmax(0, 1fr));
gap: 1.5em;
margin-top: 2em
}
@media(min-width: 576px) {
.explore__ncriptech .explore__list {
--explore__list--grid: 2
}
}
@media(min-width: 759px) {
.explore__ncriptech .explore__list {
--explore__list--grid: 3
}
}
.explore__ncriptech .explore__list li {
position: relative
}
.explore__ncriptech .explore__list li:hover {
color: #0235f5
}
.explore__ncriptech .explore__list li::after {
content: "";
background-color: currentColor;
width: 100%;
height: .06em;
position: absolute;
bottom: 0
}
.explore__ncriptech .explore__list li .c2a-arw {
--c2a-fs: 1em;
width: 100%;
position: relative;
display: flex;
justify-content: space-between
}
.explore__ncriptech .explore__list li .c2a-arw:hover {
color: #0235f5
}
.explore__ncriptech article {
font-size: calc(1.6rem + 1.05vw);
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 1rem
}
.explore__ncriptech article::before,
.explore__ncriptech article::after {
content: "";
width: 100%;
height: 1px;
background-color: currentColor
}
.explore__ncriptech article::before {
grid-column: 1
}
.explore__ncriptech article::after {
grid-column: 3
}
.trustResponsibility {
background-color: #020914
}
.trustResponsibility .inner-container {
display: grid;
grid-template-columns: 1fr 20vw;
justify-content: space-between;
align-items: center
}
.trustResponsibility article {
display: grid;
height: 100%;
align-items: center;
align-content: center;
width: 100%;
background-color: #01104a;
padding: 3rem
}
.trustResponsibility .figure {
background: #464b5f;
display: grid;
align-items: center;
justify-content: center;
position: relative;
min-height: 20vw
}
@media(min-width: 2560px) {
.trustResponsibility .figure {
min-height: 15vw
}
}
.trustResponsibility .figure .text {
position: absolute;
width: 100%;
height: 100%
}
.trustResponsibility .figure .text p {
color: #fff
}
.trustResponsibility .figure .text p:nth-child(1) {
transform: rotate(-58deg) translateX(-56px) translateY(10px);
transform-origin: bottom
}
.trustResponsibility .figure .text p:nth-child(2) {
transform: rotate(60deg) translateX(220px) translateY(-25px);
transform-origin: bottom
}
.trustResponsibility .figure .text p:nth-child(3) {
transform: translateY(210px) translateX(150px)
}
.we-create--road-video {
--ico-size: 2em;
display: grid;
align-items: end;
position: relative;
z-index: 111;
margin-top: calc(-1*var(--spacer));
padding-bottom: 0 !important
}
.we-create--road-video>* {
grid-row: 1;
grid-column: 1
}
.we-create--road-video::after {
content: "";
width: 100%;
background: #020914;
background: linear-gradient(0deg, rgba(2, 9, 20, 0.22) 0%, rgb(2, 9, 20) 100%);
position: absolute;
left: 0;
bottom: -3px;
top: -3px;
z-index: 1
}
.we-create--road-video video {
display: block;
width: 100%;
max-height: 40.25vw;
object-fit: cover
}
@media(max-width: 760px) {
.we-create--road-video video {
max-height: none;
height: 60vh
}
}
.we-create--road-video .we-create--road-video-content {
z-index: 2;
color: #fff
}
.we-create--road-video .we-create--road-video-content .c2a--video-new {
--c2a-fs: calc(1.25rem + 0.1vw);
line-height: 1.2
}
.we-create--road-video .inner-container {
display: grid;
grid-auto-flow: column;
justify-content: space-between;
align-items: center;
padding-bottom: var(--spacer)
}
@media(max-width: 760px) {
.we-create--road-video .inner-container {
grid-auto-flow: row;
gap: 1.5rem;
padding-top: 0;
padding-bottom: 2rem;
display: grid;
place-content: center
}
}
.we-create--road-video h5 {
font-size: calc(1.15rem + .9vw);
line-height: 1.3;
letter-spacing: -0.02em
}
.modernization--strategy .inner-container article {
display: grid;
grid-template-columns: auto;
justify-content: center;
place-content: center
}
.modernization--strategy .inner-container article>div {
max-width: max(60vw, 40rem)
}
.modernization--strategy .inner-container article>div.gap_increase {
max-width: max(45vw, 45rem)
}
.modernization--strategy .inner-container article>div.gap_new {
max-width: max(43vw, 43rem)
}
.modernization--strategy .inner-container article>div.gap_new_small {
max-width: max(42vw, 42rem)
}
.modernization--strategy .inner-container article .custom_big_width {
max-width: max(65vw, 65rem)
}
.modernization--strategy figure,
.modernization--strategy video {
position: relative;
z-index: -1;
margin-top: 5rem
}
@media(max-width: 999px) {
.modernization--strategy figure,
.modernization--strategy video {
margin-top: 3rem
}
}
.modernization--strategy video {
max-width: 100%
}
.sds__values {
background-color: #020914;
height: 6600px
}
@media(min-width: 2560px) {
.sds__values {
height: 400vh
}
}
.sds__values .evaluation-accordion {
margin-top: 0
}
.sds__values .evaluation-accordion .inner-container {
display: grid;
grid-template-columns: 28vw auto;
gap: 10rem;
justify-content: start;
align-items: center
}
.sds__values .accordion {
list-style: none;
padding-left: 0;
max-width: 25rem;
display: grid
}
.sds__values .accordion .accordion-title {
color: #fff;
font-size: 1.6vw
}
@media(max-width: 999px) {
.sds__values .accordion {
display: grid;
gap: 1rem
}
.sds__values .accordion .accordion-title {
position: relative
}
.sds__values .accordion .accordion-title::after {
content: "+";
position: absolute;
right: 0;
top: 2px;
font-weight: 200;
transition: all .5s ease
}
.sds__values .accordion .accordion-title.actv::after {
content: "-"
}
}
@media(max-width: 575px) {
.sds__values .accordion .accordion-title {
font-size: 1.8rem
}
}
@media(max-width: 475px) {
.sds__values .accordion .accordion-title {
font-size: 1.5rem
}
}
.sds__values .accordion-copy {
overflow: hidden;
line-height: 1.6
}
@media(max-width: 999px) {
.sds__values .accordion-copy {
display: none
}
}
.sds__values .accordion-copy p {
padding-bottom: 2rem;
font-size: max(.9em, .9vw)
}
@media(max-width: 575px) {
.sds__values .accordion-copy p {
font-size: max(.9em, 1.1vw)
}
}
.sds__values .p-wrap {
position: relative;
overflow: hidden;
height: 28vw
}
.sds__values .p-wrap .core-image {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 1;
width: auto;
min-width: 100%;
height: 100%
}
.sds__values .p-wrap .core-image.bg-image {
background-size: 100% auto
}
.sds__values .bg-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center center
}
.wedo--design {
margin-bottom: -5rem !important;
margin-top: 4rem !important
}
@media(max-width: 675px) {
.wedo--design {
padding-top: 4rem !important
}
}
.wedo--design .inner-container {
display: grid;
grid-auto-flow: column;
align-items: center;
justify-content: center
}
@media(max-width: 1099px) {
.wedo--design .inner-container {
grid-template-columns: 1fr 60%
}
}
@media(max-width: 675px) {
.wedo--design .inner-container {
grid-template-columns: 1fr;
grid-auto-flow: row
}
}
.wedo--design article p {
display: grid;
line-height: .9
}
.wedo--design article p span {
text-transform: uppercase;
color: #f7c600;
font-weight: 500
}
@media(max-width: 1099px) {
.wedo--design article p span {
font-size: 60px
}
}
.wedo--design figure {
min-height: 600px;
min-width: 600px
}
@media(max-width: 1099px) {
.wedo--design figure {
min-height: 300px;
min-width: 300px
}
}
@media(max-width: 675px) {
.wedo--design figure {
min-height: 400px;
min-width: 400px;
max-width: 400px;
margin: 0 auto
}
}
@media(min-width: 2560px) {
.wedo--design figure {
min-height: 1000px;
min-width: 1000px
}
}
.wedo--design figure::after {
content: "";
width: 100%;
height: 200px;
position: absolute;
left: 0;
bottom: 0;
background: #000;
background: linear-gradient(360deg, rgb(0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%)
}
.wedo--design-2 {
overflow: hidden;
margin-bottom: -2px !important
}
.wedo--design-2 .inner-container {
display: grid;
grid-template-columns: 1fr auto;
align-items: center
}
.wedo--design-2 figure {
min-height: 1200px;
position: relative
}
@media(max-width: 675px) {
.ncriptech--scrolltext {
overflow: hidden
}
}
@media(max-width: 575px) {
.ncriptech--scrolltext.ncriptech--scrolltext_ver2 {
padding-bottom: 1rem !important;
margin-top: 0px !important
}
.ncriptech--scrolltext .flow-rootX8>*+* {
margin-top: 2.5rem
}
}
.ncriptech--scrolltext .row-scrolling {
display: flex;
flex-grow: 1;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
height: auto
}
@media(max-width: 675px) {
.ncriptech--scrolltext .row-scrolling {
width: 500%
}
}
@media(max-width: 475px) {
.ncriptech--scrolltext .row-scrolling {
width: 1000%
}
}
.ncriptech--scrolltext .row-scrolling .m-scroll__title {
position: relative;
top: 0;
left: 0;
align-items: center;
justify-content: flex-start;
width: 100%;
height: 100%;
white-space: nowrap;
transition: all 1s ease;
font-weight: 600
}
.ncriptech--scrolltext .row-scrolling .m-scroll__title>div {
display: flex;
-webkit-animation: scrollText 20s infinite linear;
animation: scrollText 20s infinite linear
}
.ncriptech--scrolltext .row-scrolling .m-scroll__title2 {
position: relative;
top: 0;
left: 0;
align-items: center;
justify-content: flex-start;
width: 100%;
height: 100%;
white-space: nowrap;
transition: all 1s ease;
font-weight: 600 !important
}
.ncriptech--scrolltext .row-scrolling .m-scroll__title2>div {
display: flex;
-webkit-animation: scrollTextReverse 20s infinite linear;
animation: scrollTextReverse 20s infinite linear
}
.ncriptech--scrolltext .row-scrolling .h2,
.ncriptech--scrolltext .row-scrolling .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .ncriptech--scrolltext .row-scrolling .heading {
font-size: max(4vw, 3rem);
display: flex;
align-items: center;
gap: 1vw
}
@media(max-width: 767px) {
.ncriptech--scrolltext .row-scrolling .h2,
.ncriptech--scrolltext .row-scrolling .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .ncriptech--scrolltext .row-scrolling .heading {
font-size: max(3vw, 3rem)
}
}
.ncriptech--scrolltext .row-scrolling .text__outline {
-webkit-text-stroke-width: .4px;
-webkit-text-stroke-color: #fff;
color: #000;
font-weight: 700
}
@media(max-width: 675px) {
.ncriptech--scrolltext .row-scrolling .text__outline {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #666
}
}
.ncriptech--scrolltext .row-scrolling .about__dot {
width: .6vw;
height: .6vw;
min-height: 5px;
min-width: 5px;
margin: 0px 10px 10px 10px;
display: inline-block;
border-radius: 50%;
background-color: #fff
}
.ncriptech--scrolltext .row-scrolling .text__filled {
font-weight: 600
}
.ncriptech--scrolltext.style2 {
overflow: hidden
}
.ncriptech--scrolltext.style2 .row-scrolling {
padding: .65em 0;
border-top: 2px solid #252525;
border-bottom: 2px solid #252525
}
@-webkit-keyframes scrollText {
from {
transform: translateX(0%)
}
to {
transform: translateX(-50%)
}
}
@keyframes scrollText {
from {
transform: translateX(0%)
}
to {
transform: translateX(-50%)
}
}
@-webkit-keyframes scrollTextReverse {
from {
transform: translateX(-50%)
}
to {
transform: translateX(0%)
}
}
@keyframes scrollTextReverse {
from {
transform: translateX(-50%)
}
to {
transform: translateX(0%)
}
}
.ideate--card {
display: grid;
grid-template-columns: 6em auto;
align-items: end;
gap: 2em;
padding-left: 2em;
padding-right: 2em
}
@media(max-width: 675px) {
.ideate--card .h4,
.ideate--card .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .ideate--card .c2a-arw,
.ideate--card .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople article .ideate--card h5 {
font-size: 26px
}
.ideate--card .h4 br,
.ideate--card .ncriptech__about-values .c2a-arw br,
.ncriptech__about-values .ideate--card .c2a-arw br,
.ideate--card .ncriptech__career--realpeople article h5 br,
.ncriptech__career--realpeople article .ideate--card h5 br {
display: none
}
.ideate--card figure {
max-width: 100px
}
}
.ideate--card figure>img {
filter: contrast(2)
}
.offset-content-new .main-container {
display: grid;
justify-content: end
}
.offset-content-new .parallax-slab-2a {
position: relative
}
.offset-content-new .parallax-slab-2a::after {
content: "";
width: 100%;
height: 100%;
background: #000;
background: linear-gradient(280deg, rgb(0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%);
position: absolute;
right: 0;
bottom: 0;
z-index: 1
}
.ncriptech--industry {
overflow: hidden
}
.ncriptech--industry .inner-container {
align-items: start;
grid-template-columns: 30vw 38rem
}
.ncriptech--industry .cont {
transform: rotate(30deg) skew(-20deg);
margin-left: -60vw
}
.card--recogincation-hero {
display: grid;
justify-items: start;
font-size: max(1.2rem, 1.2vw)
}
.card--recogincation-hero h4 {
margin-bottom: .5em
}
.card--recogincation-hero h4 span {
display: inline-block;
font-size: 85%;
padding: .3em .5em;
line-height: 1;
border-radius: .1em;
background-color: #0235f5;
color: #fff
}
.card--recogincation-hero p {
font-size: .85em;
line-height: 1.3;
margin-top: .8em
}
.card--recogincation-hero figure {
/* width: 10em */
}
.card--recogincation-hero figcaption {
font-size: .8em;
color: #747474;
border-top: 1px solid currentColor;
padding-top: .5em;
margin-top: 1em
}
.ncriptech__company--hero {
display: grid;
grid-template-columns: 42vw 1fr;
gap: 5rem;
align-items: start;
color: #fff;
padding-top: max(6rem, 8vw)
}
@media(max-width: 999px) {
.ncriptech__company--hero {
gap: 1.5rem
}
}
@media(max-width: 575px) {
.ncriptech__company--hero {
grid-template-columns: 1fr
}
}
.ncriptech__company--hero .card--recogincation-hero {
max-width: max(25rem, 25vw)
}
.ncriptech__company--hero .card--recogincation-hero p {
font-size: 1em
}
.ncriptech__company--hero .ncriptech__company--hero-content {
margin-top: max(4rem, 5vw);
display: grid;
gap: 5rem
}
@media(max-width: 1199px) {
.ncriptech__company--hero .ncriptech__company--hero-content {
margin-top: 0
}
}
@media(max-width: 999px) {
.ncriptech__company--hero .ncriptech__company--hero-content {
gap: 2rem
}
}
@media(max-width: 575px) {
.ncriptech__company--hero .ncriptech__company--hero-content {
padding-left: 20px;
padding-right: 20px;
margin-top: -50px;
gap: 4rem;
z-index: 1
}
}
@media(max-width: 575px) {
.ncriptech__company--hero:not(.ncriptech__profile--hero) .ncriptech__company--hero-content article {
grid-row: 1
}
.ncriptech__company--hero:not(.ncriptech__profile--hero) .ncriptech__company--hero-content .card--recogincation-hero {
grid-row: 2
}
}
.ncriptech__profile--hero {
padding-top: 10rem
}
.ncriptech__profile--hero .inner-container {
display: grid;
grid-template-columns: 30% 1fr;
gap: 5rem;
align-items: start;
padding-bottom: 5rem
}
@media(max-width: 1200px) {
.ncriptech__profile--hero .inner-container {
grid-template-columns: 40% 1fr;
gap: 2rem
}
}
@media(max-width: 650px) {
.ncriptech__profile--hero .inner-container {
grid-template-columns: 1fr
}
}
.ncriptech__profile--hero article {
max-width: 50ch;
font-size: 1.2rem;
font-weight: 300;
margin-left: auto
}
.ncriptech__profile--hero .ncriptech__profile--hero-intro {
margin-top: 2rem
}
.ncriptech__profile--hero .ncriptech__profile--hero-profile {
display: grid;
align-items: center
}
.ncriptech__profile--hero .ncriptech__profile--hero-profile>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__profile--hero .ncriptech__profile--hero-profile>svg path {
fill: none;
stroke: currentColor
}
.ncriptech__profile--hero .ncriptech__profile--hero-profile figure {
width: 95%;
padding-bottom: 95%;
border-radius: 50%;
position: relative;
background-color: #0235f5;
overflow: hidden;
margin: auto
}
.ncriptech__profile--hero .ncriptech__profile--hero-profile figure img {
width: 90%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto
}
.ncriptech__profile--hero .ncriptech__profile--hero-profile a {
width: 4.5rem;
align-self: start;
justify-self: end;
margin: 1rem;
z-index: 1
}
.ncriptech__profile--hero .ncriptech__profile--hero-profile a svg {
fill: currentColor
}
.ncriptech__company--hero-v2 {
padding-top: max(6rem, 8vw);
padding-bottom: max(6rem, 8vw)
}
.ncriptech__company--hero-v2 .inner-container {
display: grid;
grid-template-columns: .8fr .8fr 1fr;
align-items: start;
gap: 4rem
}
.ncriptech__company--hero-v2 article:not(:last-child) {
align-self: end
}
.ncriptech__company--hero-v2 article:not(:first-child) {
margin-top: max(1vw, 1rem);
margin-right: max(7.8vw, 7.8rem)
}
.ncriptech__company--hero-v2 figure {
display: grid;
align-items: center
}
.ncriptech__company--hero-v2 figure>* {
grid-column: 1;
grid-row: 1
}
.ncriptech__company--hero-v2 figure figcaption {
display: grid;
align-items: center;
place-content: center;
gap: 8rem;
grid-auto-flow: column;
margin-right: -25vw;
margin-top: 6vw
}
@media(min-width: 2560px) {
.ncriptech__company--hero-v2 figure figcaption {
margin-right: -21vw;
margin-top: 10vw
}
}
.ncriptech__company--hero-v2 figure figcaption>div:not(:first-child) {
opacity: .2
}
.ncriptech__company--hero-v2 .select--head {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 2px solid #fff;
padding-bottom: .6rem;
margin-bottom: 4rem
}
.ncriptech__company--hero-v2 .select--head .y-band {
border: 1px solid #fff;
border-radius: 4px;
padding: 4px
}
.ncriptech__company--recognized-slides {
font-size: calc(1.35rem + .7vw);
line-height: 1.2;
color: #fff
}
@media(max-width: 575px) {
.ncriptech__company--recognized-slides {
padding-top: var(--spacer)
}
}
.ncriptech__company--recognized-slides .inner-container {
display: flex;
gap: 2rem;
align-items: center;
flex-wrap: wrap
}
@media(max-width: 575px) {
.ncriptech__company--recognized-slides .inner-container {
display: block
}
.ncriptech__company--recognized-slides .inner-container .swiper-nav {
text-align: center
}
}
@media(min-width: 1200px) {
.ncriptech__company--recognized-slides article {
max-width: 18ch;
flex: 0 0 18ch;
padding-right: 2ch;
background: #000;
box-shadow: -10vw 7vw 0 10vw #000;
z-index: 11
}
.ncriptech__company--recognized-slides .swiper {
overflow: visible
}
.ncriptech__company--recognized-slides .swiper-wrapper {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 6em;
gap: .5em
}
.ncriptech__company--recognized-slides .swiper-nav {
display: none
}
.ncriptech__company--recognized-slides .swiper-slide:nth-child(2) .card--recognization img {
width: 2.25em
}
}
@media(max-width: 1201px) {
.ncriptech__company--recognized-slides {
--swiper-nav-svg: 0.9em
}
.ncriptech__company--recognized-slides .swiper-wrapper {
align-items: stretch
}
.ncriptech__company--recognized-slides .swiper-slide {
height: auto
}
.ncriptech__company--recognized-slides .swiper {
margin-top: 1.25rem
}
}
@media(min-width: 1200px) {
.ncriptech__company--recognized-slides.about--recognized-slides .swiper {
overflow: visible;
width: 55%
}
}
.ncriptech__company--recognized-slides .card--recognization {
padding: .5em;
background-color: #fff;
border-radius: .25rem;
height: 100%;
display: grid;
gap: 1.5em;
align-items: center;
line-height: 1
}
.ncriptech__company--recognized-slides .card--recognization img {
/* width: 3.5em; */
max-height: 3em;
margin: auto;
display: block
}
@media(max-width: 760px) {
.ncriptech__company--recognized-slides .card--recognization img {
width: auto;
padding: .6rem
}
}
.ncriptech__inner--paragraphs {
--mwidth: 1120px
}
@media(max-width: 767px) {
.ncriptech__inner--paragraphs {
padding-bottom: 1rem !important
}
.ncriptech__inner--paragraphs.new_gapping {
padding-bottom: 4rem !important
}
}
@media(min-width: 576px) {
.ncriptech__inner--paragraphs .inner-container {
display: grid;
place-items: center
}
}
.ncriptech__inner--paragraphs h3 {
max-width: 30ch;
line-height: 1.3;
letter-spacing: -0.02em
}
.ncriptech__inner--paragraphs h3.one_line {
max-width: 50ch
}
.ncriptech__inner--paragraphs p {
font-size: 1.1rem;
font-weight: 300;
max-width: 37em;
line-height: 1.5;
letter-spacing: -0.01em
}
.ncriptech__inner--paragraphs.content_sizes_bigger article {
max-width: max(45vw, 45rem)
}
.ncriptech__inner--paragraphs.content_sizes_bigger p {
font-size: 1.1rem;
font-weight: 400;
max-width: 37em;
line-height: 1.5;
letter-spacing: -0.01em
}
@media(min-width: 768px) {
.ncriptech__inner--paragraphs.content_sizes_bigger p {
font-size: 1.4rem
}
}
.ncriptech__inner--paragraphs h1 {
font-size: calc(1.25rem + .1vw);
max-width: 29em;
line-height: 1.5;
letter-spacing: -0.01em
}
.ncriptech__inner--paragraphs h1:not(:only-child) {
margin-bottom: .8em
}
@media(min-width: 2000px) {
.ncriptech__inner--paragraphs h1 {
font-size: calc(1.25rem + .2vw)
}
}
.ncriptech__inner--paragraphs .clr-r1-c1-c2 .split-parent:nth-child(1) .split-line>div:nth-child(1),
.ncriptech__inner--paragraphs .clr-r1-c1-c2 .split-parent:nth-child(1) .split-line>div:nth-child(2) {
color: #0235f5
}
.ncriptech__inner--paragraphs.ncriptech--core-service-grid.style--2 p {
font-size: calc(1rem + .1vw) !important
}
.ncriptech__inner--paragraphs .stacks-grid {
display: flex;
grid-auto-flow: column;
justify-content: space-between;
gap: 1rem;
text-align: center;
margin-top: 4em
}
.ncriptech__inner--paragraphs .stacks-grid h5 {
font-size: calc(1.2rem + 2.2vw);
line-height: 1;
color: #0235f5
}
.ncriptech__inner--paragraphs .stacks-grid p {
font-size: calc(1rem + .1vw);
margin-bottom: 0;
margin-top: .2em
}
@media(max-width: 575px) {
.ncriptech__inner--paragraphs .stacks-grid {
margin-top: 5.5em;
margin-bottom: 3em;
background: #0235f5;
box-shadow: 0 0 0 40px #0235f5
}
.ncriptech__inner--paragraphs .stacks-grid h5 {
font-size: 2rem;
text-align: left;
font-size: 2rem;
color: #fff
}
.ncriptech__inner--paragraphs .stacks-grid p {
line-height: 1.3;
text-align: left;
margin-top: .6em;
font-weight: 400;
font-size: 16px;
color: #fff
}
}
.ncriptech__inner--paragraphs.ncriptech__inner--paragraphs-tall-c {
--mwidth: inherit !important
}
.new-gradient-tall__cards .swiper-slide figure {
height: max(35vw, 25rem)
}
.new-gradient-tall__cards .swiper-slide figure::before {
content: "";
background-image: url("./../img/2024_v1/oly-2.webp")
}
.new-gradient-tall__cards .swiper-slide figure img {
width: 100%;
height: 100%;
object-fit: cover;
filter: blur(0);
transform: translateY(0) scale(1);
transition: filter 1s cubic-bezier(0.7, 0, 0.3, 1), transform 1s cubic-bezier(0.7, 0, 0.3, 1);
will-change: filter
}
@media(max-width: 1200px) {
.new-gradient-tall__cards .swiper-slide figure img {
transform: none !important;
width: 75%;
height: auto !important;
position: absolute;
top: -21%;
left: -17%;
opacity: 1;
z-index: 1;
opacity: .8
}
}
@media(max-width: 767px) {
.new-gradient-tall__cards .swiper-slide figure img {
width: 70%;
top: -16%;
left: -17%
}
}
@media(max-width: 575px) {
.new-gradient-tall__cards .swiper-slide figure img {
width: 70%
}
}
.new-gradient-tall__cards .swiper-slide article {
place-content: end
}
@media(max-width: 1200px) {
.new-gradient-tall__cards .swiper-slide article {
padding: 1.5rem 2rem
}
}
@media(max-width: 991px) {
.new-gradient-tall__cards .swiper-slide article {
padding: 1.5rem 1.5rem
}
}
@media((max-width: 575px)) {
.new-gradient-tall__cards .swiper-slide article {
padding: 1.5rem
}
}
.new-gradient-tall__cards .swiper-slide>* {
grid-row: 1;
grid-column: 1;
align-items: end
}
@media(min-width: 1200px) {
.new-gradient-tall__cards .swiper-slide:hover figure>img {
transform: translateY(-300px) scale(1.5) !important;
filter: blur(20px)
}
}
.ncriptech__leadership--hero {
display: grid;
align-items: center;
color: #fff;
padding-top: 8rem;
padding-bottom: max(4rem, 6.779vw)
}
@media(max-width: 675px) {
.ncriptech__leadership--hero {
padding-bottom: 6rem
}
}
@media(max-width: 575px) {
.ncriptech__leadership--hero {
padding-top: 5rem
}
}
.ncriptech__leadership--hero>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__leadership--hero .breadcrumbs {
align-self: end;
position: relative;
z-index: 9;
margin-bottom: -3.5rem
}
.ncriptech__leadership--hero .breadcrumbs ul {
list-style: none;
display: flex;
gap: 0 .4rem;
grid-gap: 0 .4rem
}
.ncriptech__leadership--hero .breadcrumbs ul li {
font-size: .8rem;
color: #9d9d9d
}
.ncriptech__leadership--hero .breadcrumbs ul li:not(:last-child)::after {
content: "/";
margin-left: .4rem
}
.ncriptech__leadership--hero .breadcrumbs ul li.link {
color: #fff !important
}
.ncriptech__leadership--hero .split-parent {
line-height: 1.18
}
.ncriptech__leadership--hero .ncriptech__leadership--hero-fig {
width: 79vw;
margin-left: auto
}
@media(min-width: 2560px) {
.ncriptech__leadership--hero .ncriptech__leadership--hero-fig {
width: 75vw
}
}
.ncriptech__leadership--hero .ncriptech__leadership--hero-content article {
font-weight: 500;
font-size: calc(1.7rem + 2vw);
line-height: 1;
letter-spacing: -0.05em;
margin-top: .75em
}
.ncriptech__leadership--hero .ncriptech__leadership--hero-content article::before {
content: "";
width: 3ch;
height: .15em;
background: currentColor;
display: block;
margin-bottom: .25em
}
@media(max-width: 675px) {
.ncriptech__leadership--hero .ncriptech__leadership--hero-content article h1 {
font-size: 1.8rem;
letter-spacing: -0.02em
}
}
.ncriptech__leaders {
padding-top: max(4rem, 6.779vw);
padding-bottom: max(4rem, 6.779vw) !important;
background-color: #fff
}
.ncriptech__leaders .ncriptech__leader--grid {
display: grid;
grid-gap: 1.5rem 10px;
gap: 1.5rem 10px;
grid-template-columns: repeat(5, minmax(0, 1fr));
--designation-fs: 0.7rem
}
@media(max-width: 875px) {
.ncriptech__leaders .ncriptech__leader--grid {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
@media(max-width: 575px) {
.ncriptech__leaders .ncriptech__leader--grid {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media(min-width: 576px) {
.ncriptech__leaders .ncriptech__leader--grid {
grid-gap: 4rem 1rem;
gap: 4rem 1rem
}
}
.ncriptech__leaders .ncriptech__leader--grid .h2,
.ncriptech__leaders .ncriptech__leader--grid .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .ncriptech__leaders .ncriptech__leader--grid .heading {
font-size: calc(1.4rem + 1vw)
}
.ncriptech__leaders .ncriptech__leader--grid .shape-1 {
display: grid;
place-content: center;
margin-top: -4rem;
z-index: -1
}
.ncriptech__leaders .ncriptech__leader--grid .shape-1 svg {
width: max(8vw, 4rem);
height: max(8vw, 4rem)
}
@media(max-width: 875px) {
.ncriptech__leaders .ncriptech__leader--grid .shape-1 {
display: none
}
}
.ncriptech__leaders .ncriptech__leader--grid .shape-2 {
display: grid;
align-items: center;
padding-bottom: 5rem
}
@media(max-width: 875px) {
.ncriptech__leaders .ncriptech__leader--grid .shape-2 {
display: none
}
}
.ncriptech__leaders .ncriptech__leader--grid .shape-3 {
display: grid;
grid-template-columns: max(8vw, 6rem) 1fr;
align-items: end;
place-content: center;
gap: 2rem;
grid-column-start: 4;
grid-column-end: 6;
place-self: center
}
@media(max-width: 875px) {
.ncriptech__leaders .ncriptech__leader--grid .shape-3 {
display: none
}
}
@media(max-width: 675px) {
.ncriptech__leaders .ncriptech__leader--grid .shape-3 {
grid-column-start: 1;
grid-column-end: 3;
grid-row: 4
}
}
@media(max-width: 575px) {
.ncriptech__leaders .ncriptech__leader--grid .shape-3 {
margin-bottom: 2rem
}
}
.ncriptech__leaders .ncriptech__leader--grid .shape-3 svg {
max-width: 100%;
height: auto
}
.ncriptech__leaders .ncriptech__leader--grid .shape-3 .streamLine-1 {
animation: move-and-fade 2.5s linear infinite;
animation-delay: .2s
}
@keyframes move-and-fade {
0% {
opacity: 0;
transform: translateY(0)
}
50% {
opacity: 1
}
75% {
opacity: 0
}
100% {
transform: translateY(-50px);
opacity: .5
}
}
.ncriptech__leaders .ncriptech__leader--grid .shape-3 .streamLine-2 {
animation: move-and-fade 2.5s linear infinite;
animation-delay: 0s
}
@keyframes move-and-fade {
0% {
opacity: 0;
transform: translateY(0)
}
50% {
opacity: 1
}
75% {
opacity: 0
}
100% {
transform: translateY(-100px);
opacity: .5
}
}
.ncriptech__leaders .ncriptech__leader--grid .shape-3 .streamLine-3 {
animation: move-and-fade 2.5s linear infinite;
animation-delay: .4s
}
@keyframes move-and-fade {
0% {
opacity: 0;
transform: translateY(0)
}
50% {
opacity: 1
}
75% {
opacity: 0
}
100% {
transform: translateY(-75px);
opacity: .5
}
}
.ncriptech__leaders .ncriptech__leader--grid>div:nth-child(13n-7) {
grid-row-start: 2;
grid-column-start: 2
}
@media(max-width: 875px) {
.ncriptech__leaders .ncriptech__leader--grid>div:nth-child(13n-7) {
grid-row-start: auto;
grid-column-start: auto
}
}
.ncriptech__leaders .ncriptech__leader--grid>div:nth-child(13n-6) {
grid-row-start: 2;
grid-column-start: 3;
display: none
}
@media(max-width: 875px) {
.ncriptech__leaders .ncriptech__leader--grid>div:nth-child(13n-6) {
grid-row-start: auto;
grid-column-start: auto
}
}
.ncriptech__leaders .ncriptech__leader--grid>div:nth-child(13n-5) {
grid-row-start: 2;
grid-column-start: 3
}
@media(max-width: 875px) {
.ncriptech__leaders .ncriptech__leader--grid>div:nth-child(13n-5) {
grid-row-start: auto;
grid-column-start: auto
}
}
.ncriptech__leaders .ncriptech__leader--grid>div:nth-child(13n-4) {
grid-row-start: 2;
grid-column-start: 4
}
@media(max-width: 875px) {
.ncriptech__leaders .ncriptech__leader--grid>div:nth-child(13n-4) {
grid-row-start: auto;
grid-column-start: auto
}
}
.ncriptech__leaders .ncriptech__leader--grid>div:nth-child(13n-3) {
/* grid-row-start: 2; */
/* grid-column-start: 1 */
}
@media(max-width: 875px) {
.ncriptech__leaders .ncriptech__leader--grid>div:nth-child(13n-3) {
grid-row-start: auto;
grid-column-start: auto
}
}
.ncriptech__leaders .ncriptech__leader--grid>div:nth-child(13n-2) {
grid-row-start: 3;
grid-column-start: 1
}
@media(max-width: 875px) {
.ncriptech__leaders .ncriptech__leader--grid>div:nth-child(13n-2) {
grid-row-start: auto;
grid-column-start: auto
}
}
.ncriptech__leaders .ncriptech__leader--grid figure {
display: grid;
align-items: start;
justify-items: start;
transition: .5s;
background-color: #9da1b1;
border-radius: .8rem;
overflow: hidden
}
.ncriptech__leaders .ncriptech__leader--grid figure>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__leaders .ncriptech__leader--grid figure>img {
display: block;
width: 100%
}
.ncriptech__leaders .ncriptech__leader--grid figcaption {
margin-top: 1rem
}
.ncriptech__leaders .ncriptech__leader--grid .--name {
font-weight: 500;
font-size: var(--name-fs)
}
.ncriptech__leaders .ncriptech__leader--grid .--designation {
font-size: var(--designation-fs)
}
.ncriptech__leaders .ncriptech__leader--grid .--page-link {
position: absolute;
inset: 0
}
.ncriptech__leaders .ncriptech__leader--grid .--link {
z-index: 1;
-webkit-filter: saturate(0%) grayscale(100%) brightness(69%) contrast(1000%)
}
.ncriptech__leaders .ncriptech__leader--grid .--link img {
width: 1.5em
}
.ncriptech__leaders .ncriptech__leader--grid .--link {
opacity: 1;
margin: 0;
transition: .2s;
position: absolute;
background-color: #fff;
z-index: 9;
padding: .8rem;
border-radius: .5rem;
left: -10px;
top: -10px
}
@media(hover: hover) {
.ncriptech__leaders .ncriptech__leader--grid>div:hover .--link {
opacity: 1;
-webkit-filter: brightness(100%) invert(0);
filter: brightness(100%) invert(0)
}
.ncriptech__leaders .ncriptech__leader--grid>div:hover .--name {
color: #1368e6
}
}
.ncriptech__leaders .ncriptech__leader--grid .lead--c2a {
color: #fff;
clip-path: polygon(100% 0px, 100.38% 56.21%, 70.11% 77.81%, 3px 78.22%, 0px 0px);
font-size: 1.22rem;
line-height: 1.3;
padding: 1.2em
}
.ncriptech__leaders .ncriptech__leader--grid .lead--c2a p span {
font-size: 130%
}
.ncriptech__leaders .ncriptech__leader--grid .lead--c2a a {
--c2a-fs: 80%;
margin-top: 1em
}
@media(max-width: 630px) {
.ncriptech__leaders .ncriptech__leader--grid .lead--c2a {
clip-path: none;
grid-column: 1/-1;
font-size: 1.25rem;
text-align: center;
border-radius: .55em;
margin-top: 1rem
}
.ncriptech__leaders .ncriptech__leader--grid .lead--c2a p span {
font-size: 200%
}
.ncriptech__leaders .ncriptech__leader--grid .lead--c2a br {
display: none
}
.ncriptech__leaders .ncriptech__leader--grid .lead--c2a a.c2a-underline {
--c2a-fs: 100%;
color: inherit !important
}
}
.ncriptech__individuals .main-container {
max-width: calc(var(--mwidth)*var(--pp-adjust, 1) + 30px + 195px);
margin-right: 0;
padding-right: 0
}
@media(min-width: 2560px) {
.ncriptech__individuals .main-container {
padding-left: 10%
}
}
@media(min-width: 3100px) {
.ncriptech__individuals .main-container {
padding-left: 0
}
}
.ncriptech__individuals .inner-container {
display: grid;
grid-template-columns: repeat(8, minmax(0, 1fr));
gap: 1rem
}
@media(max-width: 1280px) {
.ncriptech__individuals .inner-container {
grid-template-columns: repeat(6, minmax(0, 1fr))
}
}
@media(max-width: 875px) {
.ncriptech__individuals .inner-container {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
}
@media(max-width: 675px) {
.ncriptech__individuals .inner-container {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
.ncriptech__individuals article {
grid-column: 1/span 3
}
@media(max-width: 675px) {
.ncriptech__individuals article {
margin-bottom: 2rem
}
}
.ncriptech__individuals article h5 {
font-size: 2.25rem;
line-height: 1.2
}
@media(max-width: 1200px) {
.ncriptech__individuals article h5 {
font-size: 2rem
}
}
@media(max-width: 767px) {
.ncriptech__individuals article h5 {
font-size: 1.6rem
}
.ncriptech__individuals article h5 br {
display: none
}
}
.ncriptech__individuals article h5 span {
display: block;
font-size: 40%;
font-weight: 500;
color: #0235f5;
margin-bottom: 1em
}
.ncriptech__individuals .ppl-card {
text-align: center
}
.ncriptech__individuals .ppl-card figure {
background-color: #efefef;
padding-top: 1rem;
margin-bottom: 1rem
}
.ncriptech__individuals .ppl-card h6 {
font-size: .9rem;
font-weight: 400;
line-height: 1.1
}
.ncriptech__inner-footer-cta .inner-container {
display: grid
}
@media(min-width: 999px) {
.ncriptech__inner-footer-cta .inner-container {
grid-template-columns: 1fr 1fr;
gap: 2rem;
min-height: 650px
}
}
.ncriptech__inner-footer-cta article {
padding: 2rem 20px 4rem
}
@media(min-width: 999px) {
.ncriptech__inner-footer-cta article {
padding-top: 3rem;
padding-bottom: 3rem;
grid-row: 1;
grid-column: 1;
margin-left: auto;
align-self: center;
padding-right: 0
}
}
.ncriptech__inner-footer-cta article h6 {
font-size: calc(1.15rem + .21vw)
}
@media(max-width: 760px) {
.ncriptech__inner-footer-cta article h6 {
font-size: 18px;
margin-bottom: 1rem
}
}
.ncriptech__inner-footer-cta article h5 {
max-width: 28ch;
font-size: 35px;
line-height: 1.5;
letter-spacing: -0.03em;
margin-top: .5em
}
@media(min-width: 2000px) {
.ncriptech__inner-footer-cta article h5 {
font-size: 1.75rem
}
}
@media(max-width: 1000px) {
.ncriptech__inner-footer-cta article h5 {
max-width: 35ch;
font-size: 25px
}
}
@media(max-width: 760px) {
.ncriptech__inner-footer-cta article h5 {
font-size: 22px
}
}
.ncriptech__inner-footer-cta article .clr-on-r1-c3-c4 .split-parent:nth-child(1) .split-line>div:nth-child(3),
.ncriptech__inner-footer-cta article .clr-on-r1-c3-c4 .split-parent:nth-child(1) .split-line>div:nth-child(4) {
color: #0235f5
}
.ncriptech__inner-footer-cta article .c2as-column {
margin-top: 5rem
}
@media(max-width: 1200px) {
.ncriptech__inner-footer-cta article .c2as-column {
margin-top: 3rem
}
}
.ncriptech__inner-footer-cta article .c2as-column .c2a-arw {
--c2a-fs: calc(1.2rem + 0.003vw)
}
.ncriptech__inner-footer-cta article .c2as-column .c2a-arw:hover {
color: #0235f5
}
.ncriptech__inner-footer-cta figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--img-op, top)
}
@media(min-width: 999px) {
.ncriptech__inner-footer-cta figure {
grid-row: 1;
grid-column: 2;
position: relative
}
.ncriptech__inner-footer-cta figure img {
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0
}
}
@media(max-width: 1000px) {
.ncriptech__inner-footer-cta figure img {
height: 56.25vw
}
}
.ncriptech__culture--hero {
padding-top: 8rem;
padding-bottom: max(4rem, 6.779vw);
font-size: calc(1.7rem + 2vw)
}
.ncriptech__culture--hero .inner-container {
display: grid;
align-items: center;
color: #fff
}
.ncriptech__culture--hero .inner-container>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__culture--hero figure {
width: 100%;
padding: 0 1.25em;
justify-self: center
}
.ncriptech__culture--hero article {
max-width: 13ch;
font-weight: 500;
line-height: 1;
letter-spacing: -0.05em;
margin-top: .75em
}
.ncriptech__culture--hero article::before {
content: "";
width: 3ch;
height: 10px;
background: currentColor;
display: block;
margin-bottom: .25em
}
.ncriptech__culture--intro .inner-container {
display: grid;
place-content: center
}
.ncriptech__culture--intro article {
max-width: 35ch;
font-size: calc(1.25rem + .75vw);
line-height: 1.5;
letter-spacing: -0.02em
}
.ncriptech__culture--intro article .split-parent:nth-child(1) .split-line>div:nth-child(3),
.ncriptech__culture--intro article .split-parent:nth-child(1) .split-line>div:nth-child(4),
.ncriptech__culture--intro article .split-parent:nth-child(1) .split-line>div:nth-child(5) {
color: #0235f5
}
.ncriptech__culture--mission {
background-image: url("./../img/2023_v2/culture-values/culture-mission-bg1.png");
background-repeat: no-repeat;
background-position: right;
background-size: contain;
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
@media(max-width: 575px) {
.ncriptech__culture--mission {
background-image: none;
padding-top: 0 !important;
padding-bottom: 0 !important
}
.ncriptech__culture--mission .main-container {
padding-left: 0;
padding-right: 0
}
}
.ncriptech__culture--mission .inner-container {
display: grid;
grid-template-columns: auto auto;
gap: 3rem;
align-items: center
}
@media(max-width: 760px) {
.ncriptech__culture--mission .inner-container {
grid-template-columns: 1fr;
gap: 0rem
}
}
.ncriptech__culture--mission article {
letter-spacing: -0.02em;
color: #fff
}
@media(max-width: 575px) {
.ncriptech__culture--mission article {
padding-left: 20px;
padding-right: 20px;
padding-bottom: var(--spacer);
margin-top: -100px;
position: relative
}
}
.ncriptech__culture--mission article h6 {
font-size: calc(1.15rem + .21vw)
}
.ncriptech__culture--mission article h5 {
max-width: 24ch;
font-size: calc(1.3em + .5vw);
line-height: 1.4;
letter-spacing: -0.02em;
margin-top: .75em
}
.ncriptech__culture--mission article h5 .split-parent:last-child .split-line>div:nth-last-child(1),
.ncriptech__culture--mission article h5 .split-parent:last-child .split-line>div:nth-last-child(2),
.ncriptech__culture--mission article h5 .split-parent:last-child .split-line>div:nth-last-child(3) {
color: #fdd008
}
.ncriptech__culture--mission article p {
max-width: 35ch;
font-size: calc(1.1rem + .5vw);
line-height: 1.5;
letter-spacing: -0.01em;
margin-top: 1.25em
}
.ncriptech__culture--content .inner-container {
display: grid;
place-items: center;
gap: var(--spacer)
}
.ncriptech__culture--content .ncriptech__culture--content-ctas {
--c2a-fs: calc(1.2rem + .15vw);
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2rem
}
@media(max-width: 675px) {
.ncriptech__culture--content .ncriptech__culture--content-ctas {
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 2.5rem
}
}
.ncriptech__culture--content .ncriptech__culture--content-ctas>div {
display: grid;
gap: 5rem;
justify-items: start
}
.ncriptech__culture--content .ncriptech__culture--content-ctas>div:not(:last-child) {
padding-right: 1.5rem;
border-right: 1px solid currentColor
}
.ncriptech__culture--content .ncriptech__culture--content-ctas>div .c2a-arw {
color: #0335ed;
font-weight: 500
}
@media(max-width: 675px) {
.ncriptech__culture--content .ncriptech__culture--content-ctas>div {
gap: 1rem
}
.ncriptech__culture--content .ncriptech__culture--content-ctas>div:not(:last-child) {
padding-right: 0;
border-right: none;
border-bottom: 1px solid #000;
padding-bottom: 2.2rem
}
}
.ncriptech__culture--content .ncriptech__culture--content-ctas h6 {
font-size: calc(1.25rem + .42vw);
line-height: 1.35;
letter-spacing: -0.02em
}
.partner--logos {
padding-top: 5rem !important;
padding-bottom: 7rem !important
}
.partner--logos .inner-container {
display: grid;
grid-template-columns: auto auto;
align-items: start;
justify-content: space-between;
gap: 4rem;
max-width: 60rem;
place-content: center;
margin: 0 auto;
float: none
}
.partner--logos article {
background: #252525;
padding: 3rem;
border-radius: 1rem;
position: relative;
z-index: 2
}
.contact--video {
position: relative
}
.contact--video::after {
content: "";
width: 100%;
background: #020914;
background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.3519608527) 51%, rgb(0, 0, 0) 100%);
position: absolute;
left: 0;
bottom: -3px;
top: -3px;
z-index: 1
}
.contact--video video {
display: block;
width: 100%;
max-height: 32rem;
object-fit: cover
}
.retail-fashion-and-lifestyle {
--industry-clr: #ca590d
}
.travel-and-hospitality {
--industry-clr: #ca4a00
}
.insurance-and-home-warranty {
--industry-clr: #a84100
}
.it-and-it-enabled-services {
--industry-clr: #003ea9
}
.banking-and-financial-services {
--industry-clr: #00898e
}
.health-tech-and-health-care {
--industry-clr: #006a8b
}
.edutech-and-education {
--industry-clr: #0235f5
}
.real-estate-and-infrastructure {
--industry-clr: #4176a3
}
.media-and-entertainment {
--industry-clr: #84472f
}
.energy {
--industry-clr: #058582
}
.food-and-beverage {
--industry-clr: #6b9042
}
.manufacturing {
--industry-clr: #b15b04
}
.industry-clr--on-mob {
color: var(--industry-clr)
}
.ncriptech__solutions-enablers .inner-container {
display: grid;
gap: 2rem
}
@media(min-width: 961px) {
.ncriptech__solutions-enablers .inner-container.hr {
grid-template-columns: auto 1fr;
gap: 2rem;
align-items: center
}
}
.ncriptech__solutions-enablers .figs {
display: grid;
grid-auto-flow: column;
align-items: stretch;
justify-content: stretch;
gap: .8rem
}
.ncriptech__solutions-enablers .figs figure {
padding: 1rem;
display: grid;
place-items: center;
border: 1px solid #c5c5c5;
border-radius: .3rem
}
.ncriptech__solutions-enablers .figs figure img {
max-height: 4rem
}
@media(max-width: 960px) {
.ncriptech__solutions-enablers .figs {
grid-auto-flow: row;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem
}
}
@media(max-width: 575px) {
.ncriptech__solutions-enablers .figs {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
.ncriptech__solutions-enablers .figs figure:not(:hover) {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.job-tags>* {
margin-right: .5em;
margin-bottom: 1em
}
.job-tags a {
grid-template-columns: auto auto;
grid-gap: .45em;
gap: .45em;
overflow: hidden;
transition: none
}
.job-tags a.outline {
border: 2px solid #404040 !important
}
.job-tags a>* {
grid-row: 1
}
.job-tags a i {
font-style: normal;
grid-column: 1
}
.job-tags a em {
z-index: 111;
background: inherit;
margin-right: -1.2em;
margin-top: -1em;
align-self: stretch;
margin-bottom: -1em;
display: flex;
align-items: center;
padding-left: .2em;
padding-right: .8em
}
.job-tags a:hover i {
opacity: 0
}
.job-tags a[data-skills] {
position: relative
}
.job-tags a[data-skills]::after {
content: attr(data-skills);
position: absolute;
bottom: -0.3em;
left: 0;
white-space: nowrap;
padding: inherit;
opacity: 0;
background-color: inherit;
line-height: 1;
font-size: .75em
}
.job-tags a[data-skills]:hover::after {
opacity: 1;
transform: translateX(-100%);
transition: transform 15s ease-out .1s
}
.job-tags a[data-vacancy] {
position: relative;
display: inline-grid;
transition: none
}
@media(max-width: 767px) {
.job-tags a[data-vacancy] {
justify-content: space-between
}
}
.job-tags a[data-vacancy] span {
opacity: 0;
grid-column: 1/-1;
margin-bottom: -1em;
background-color: inherit;
font-size: .75em
}
.job-tags a[data-vacancy]::before {
content: attr(data-vacancy);
position: absolute;
top: .07em;
left: 0;
right: 1.15em;
display: inline-block;
padding: .4em .5em;
background-color: inherit;
font-size: .65em;
line-height: 1;
opacity: 0;
z-index: 1;
font-weight: 700;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding-inline: 1rem
}
.job-tags a[data-vacancy]:hover::before {
opacity: 1
}
.job-tags a[data-vacancy]:hover span {
opacity: 1
}
.ncriptech__career-grid-content-new-2 .inner-container {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 3rem;
align-items: center
}
@media(max-width: 767px) {
.ncriptech__career-grid-content-new-2 .inner-container {
grid-template-columns: 100%
}
}
@media(max-width: 1200px) {
.ncriptech__career-grid-content-new-2 .flow-rootX5>*+* {
margin-top: 1.5rem
}
}
.ncriptech__career-grid-content-new-2 h4 {
font-size: 2rem;
line-height: 1.2
}
@media(max-width: 767px) {
.ncriptech__career-grid-content-new-2 h4 {
font-size: 1.5rem
}
}
.ncriptech__career-grid-content-new-2 h4 span {
display: block;
font-size: 130%;
font-weight: 400
}
@media(max-width: 1200px) {
.ncriptech__career-grid-content-new-2 h4 span {
font-size: 100%
}
}
@media(max-width: 767px) {
.ncriptech__career-grid-content-new-2 h4 span {
font-size: 110%
}
}
.ncriptech__career-grid-content-new-2 p {
line-height: 1.75
}
@media(max-width: 991px) {
.ncriptech__facilities article {
padding-right: 15px
}
.ncriptech__facilities .main-container {
padding-right: 0
}
}
.ncriptech__facilities .ncriptech__facility-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: center;
margin-top: 4rem
}
@media(max-width: 991px) {
.ncriptech__facilities .ncriptech__facility-grid {
display: flex;
align-items: flex-start
}
}
.ncriptech__facilities .ncriptech__facility-grid>div {
border-right: 1px solid currentColor;
position: relative
}
.ncriptech__facilities .ncriptech__facility-grid>div::after {
right: 0;
transform: translateX(50%)
}
.ncriptech__facilities .ncriptech__facility-grid>div:first-child {
border-left: 1px solid currentColor
}
.ncriptech__facilities .ncriptech__facility-grid>div:first-child::before {
left: 0;
transform: translateX(-50%)
}
.ncriptech__facilities .ncriptech__facility-grid>div::after,
.ncriptech__facilities .ncriptech__facility-grid>div:first-child::before {
content: "";
width: 8px;
height: 8px;
background-color: #0232f7;
border-radius: 50%;
position: absolute;
bottom: 0;
z-index: 1
}
.ncriptech__facilities .ncriptech__facility-grid svg {
width: 100%;
height: auto
}
.ncriptech__facilities .ncriptech__facility-grid .facility-content {
padding-left: 2rem;
padding-right: 2rem;
padding-bottom: 4rem
}
@media(max-width: 767px) {
.ncriptech__facilities .ncriptech__facility-grid .facility-content {
padding-left: 1rem;
padding-right: 1rem
}
}
.ncriptech__facilities .ncriptech__facility-grid h6 {
font-size: 1.4rem;
margin-bottom: 1em;
line-height: normal
}
@media(max-width: 1023px) {
.ncriptech__facilities .ncriptech__facility-grid h6 {
font-size: 1.2rem
}
}
@media(max-width: 767px) {
.ncriptech__facilities .ncriptech__facility-grid h6 {
font-size: 1.3rem
}
}
.ncriptech__facilities .ncriptech__facility-grid p {
font-weight: 300;
line-height: 1.65;
font-size: .9rem
}
.ncriptech__facilities h4 {
font-size: 2rem;
line-height: 1.2
}
@media(max-width: 767px) {
.ncriptech__facilities h4 {
font-size: 1.5rem
}
}
.ncriptech__facilities h4 span {
display: block;
font-size: 140%;
font-weight: 400
}
@media(max-width: 767px) {
.ncriptech__facilities h4 span {
font-size: 110%
}
}
.ncriptech__facilities p {
max-width: 36em;
line-height: 1.75
}
.ncriptech__facilities .svg-container {
display: grid;
justify-items: center;
align-items: start
}
.ncriptech__facilities .svg-container>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__facilities .svg-container span {
display: grid;
place-items: center;
width: 3.5rem;
height: 3.5rem;
border-radius: 50%;
background-color: #fff;
transform: translateY(-50%);
color: #0232f7
}
.ncriptech__facilities .svg-container span svg {
width: 55%
}
.ncriptech--job-card-grid {
--job-col: 4;
display: grid;
grid-template-columns: 100%;
gap: 1rem
}
.ncriptech--job-card-grid.clm3 {
--job-col: 3
}
@media(min-width: 640px) {
.ncriptech--job-card-grid {
grid-template-columns: 1fr 1fr
}
}
@media(min-width: 992px) {
.ncriptech--job-card-grid {
grid-template-columns: repeat(var(--job-col), minmax(0, 1fr))
}
}
@media(min-width: 2000px) {
.ncriptech--job-card-grid {
--job-col: 4
}
}
.ncriptech--job-card {
display: flex;
flex-direction: column;
border: 1px solid #000;
padding: 1.5rem;
transition: .2s ease-in-out;
position: relative
}
.ncriptech--job-card:hover .urgent__block {
color: #fff !important;
border: 1px solid #fff;
border-right: 0
}
@media(min-width: 2000px) {
.ncriptech--job-card {
padding: 1rem
}
}
.ncriptech--job-card .job_location {
margin-bottom: 2em;
font-size: max(.7vw, .7rem)
}
@media(max-width: 1200px) {
.ncriptech--job-card .job_location {
font-size: 14px
}
}
.ncriptech--job-card .job_location svg {
width: 1em;
height: auto;
vertical-align: sub;
margin-right: .1em
}
.ncriptech--job-card .job__id {
font-size: 16px;
opacity: .85
}
.ncriptech--job-card .job__title {
font-size: max(1.1vw, 1rem);
font-weight: 600
}
.ncriptech--job-card .job__points {
font-size: max(.9vw, .9rem);
margin-top: auto;
padding-top: 1em
}
@media(max-width: 1200px) {
.ncriptech--job-card .job__points {
font-size: 18px
}
}
.ncriptech--job-card .job__skills {
font-size: 16px;
margin-top: auto;
padding-top: 2em
}
.ncriptech--job-card .job__date {
font-size: max(.7vw, .7rem);
opacity: .85
}
@media(max-width: 1200px) {
.ncriptech--job-card .job__date {
font-size: 14px
}
}
.ncriptech--job-card .job__posted-link {
display: grid;
grid-auto-flow: column;
justify-content: space-between;
align-items: center;
gap: 1em;
margin-top: auto;
padding-top: 2em
}
.ncriptech--job-card-grid.single-view {
--job-col: 1
}
.ncriptech--job-card-grid.single-view .ncriptech--job-card {
display: grid;
grid-template-columns: 1fr 1fr auto;
gap: .5rem 1rem;
align-items: end
}
@media(max-width: 1200px) {
.ncriptech--job-card-grid.single-view .ncriptech--job-card {
grid-template-columns: 1fr 1.5fr auto
}
}
.ncriptech--job-card-grid.single-view .ncriptech--job-card .job_location {
grid-row: 1;
grid-column: 1;
margin-bottom: 0
}
.ncriptech--job-card-grid.single-view .ncriptech--job-card .job__title--head {
grid-column: 1
}
.ncriptech--job-card-grid.single-view .ncriptech--job-card .job__points {
font-size: 16px;
margin-top: 0;
padding-top: 0;
grid-row: 1/span 2;
grid-column: 2/-2;
display: grid;
grid-auto-flow: column;
gap: 1em
}
.ncriptech--job-card-grid.single-view .ncriptech--job-card .job__skills {
display: none
}
.ncriptech--job-card-grid.single-view .ncriptech--job-card .job__posted-link {
grid-column: 4;
grid-row: 1/span 2;
margin-top: 0;
padding-top: 0
}
.single-grid-view {
opacity: .4
}
.job-grid-switch {
display: grid;
grid-auto-flow: column;
gap: .8em
}
@media(max-width: 991px) {
.job-grid-switch {
display: none
}
}
.job-grid-switch button {
cursor: pointer
}
.ncriptech--job-details {
--mwidth: 1200px;
padding-top: 5rem
}
.ncriptech--job-details--header {
display: grid;
grid-template-columns: auto auto;
justify-content: space-between;
align-items: end;
margin-bottom: 2rem
}
@media(max-width: 767px) {
.ncriptech--job-details--header {
grid-template-columns: 100%
}
}
.ncriptech--job-details--header .breadcrumbs {
justify-content: flex-start
}
.ncriptech--job-details--header .breadcrumbs ul li {
color: #d3d3d3
}
.ncriptech--job-details--header .ncriptech--job-details--infodiv p {
font-size: 16px;
margin-bottom: .1em
}
@media(max-width: 1200px) {
.ncriptech--job-details--header .ncriptech--job-details--infodiv .h3 {
font-size: max(2vw, 1.5rem);
margin-top: 1rem
}
}
@media(max-width: 767px) {
.ncriptech--job-details--header .ncriptech--job-details--infodiv .h3 {
font-size: max(1.6vw, 1.4rem)
}
}
.ncriptech--job-details--header .ncriptech--job-details--infodiv ul.listing__style {
font-size: 20px;
margin-top: .85em;
display: grid;
grid-auto-flow: column;
gap: .8em;
justify-content: start;
list-style: none
}
.ncriptech--job-details--header .ncriptech--job-details--infodiv ul.listing__style li+li {
padding-left: .8em;
border-left: 1px solid currentColor
}
@media(max-width: 991px) {
.ncriptech--job-details--header .ncriptech--job-details--infodiv ul.listing__style {
font-size: 16px
}
}
@media(max-width: 767px) {
.ncriptech--job-details--header .ncriptech--job-details--infodiv ul.listing__style {
grid-auto-flow: row;
margin-bottom: 2rem;
gap: .3em
}
.ncriptech--job-details--header .ncriptech--job-details--infodiv ul.listing__style li+li {
padding-left: 0;
border-left: 1px solid rgba(0, 0, 0, 0) !important
}
}
.ncriptech--job-details--desc {
background-color: #fff;
padding-left: 3rem;
padding-right: 3rem
}
@media(max-width: 767px) {
.ncriptech--job-details--desc {
padding-left: 1rem;
padding-right: 1rem
}
}
.ncriptech--job-details--desc ul,
.ncriptech--job-details--desc ol {
margin-left: 2rem;
display: grid;
gap: .6rem
}
.ncriptech--job-details--desc .job-share-container {
display: flex;
align-items: center;
gap: 15px;
padding-top: 25px;
flex-wrap: wrap
}
.ncriptech--job-details--desc .job-share {
display: flex;
list-style: none;
place-content: start;
justify-content: start;
align-items: center;
gap: 10px;
padding-left: 0
}
.ncriptech--job-details--desc .job-share img {
width: 30px;
height: 30px
}
.ncriptech--job-details--descT {
padding-top: 2.5rem;
padding-bottom: 1rem
}
@media(max-width: 767px) {
.ncriptech--job-details--descT {
padding-top: 1rem
}
}
.ncriptech__testimonials-from-platforms {
padding-top: 5rem
}
.ncriptech__testimonials-from-platforms .ncriptech__testimonials-from-platforms--header {
display: grid;
grid-auto-flow: column;
justify-content: space-between;
align-items: center;
gap: 1rem
}
.ncriptech__inner--recuritment-process {
--mwidth: 1150px
}
.ncriptech__inner--recuritment-process h3 {
font-size: 2.85rem
}
.ncriptech__inner--recuritment-process p {
font-size: 25px
}
.ncriptech__inner--recuritment-process-illu:nth-child(odd) article {
padding-right: 12%
}
.ncriptech__inner--recuritment-process-illu:nth-child(even) figure {
padding-right: 12%
}
@media(max-width: 767px) {
.ncriptech__inner--recuritment-process-illu:first-child {
padding-top: 0 !important
}
}
.ncriptech__inner--recuritment-process-illu .grid {
display: grid;
gap: 2rem
}
.ncriptech__inner--recuritment-process-illu .grid svg {
max-width: 100%;
height: auto;
display: block
}
.ncriptech__inner--recuritment-process-illu .p1-svg-content--grid {
grid-template-columns: 1fr 1fr
}
@media(max-width: 767px) {
.ncriptech__inner--recuritment-process-illu .p1-svg-content--grid {
grid-template-columns: 100%;
gap: 2rem
}
}
.ncriptech__inner--recuritment-process-illu .p3-svg-content--grid {
grid-template-columns: 1fr 1fr
}
@media(max-width: 767px) {
.ncriptech__inner--recuritment-process-illu .p3-svg-content--grid {
grid-template-columns: 100%;
gap: 2rem
}
}
.ncriptech__inner--recuritment-process-illu .p2-svg-content--grid {
grid-template-columns: 1fr 1fr
}
@media(max-width: 767px) {
.ncriptech__inner--recuritment-process-illu .p2-svg-content--grid {
grid-template-columns: 100%;
gap: 2rem
}
}
@media(min-width: 768px) {
.ncriptech__inner--recuritment-process-illu .p2-svg-content--grid>* {
grid-row: 1
}
.ncriptech__inner--recuritment-process-illu .p2-svg-content--grid figure {
grid-column: 2
}
.ncriptech__inner--recuritment-process-illu .p2-svg-content--grid article {
grid-column: 1
}
}
.ncriptech__related-jobs,
.ncriptech--job-search {
background-color: #141414;
padding: 5rem 0
}
@media(max-width: 565px) {
.ncriptech__related-jobs,
.ncriptech--job-search {
padding: 3rem 0
}
}
.ncriptech--job-search {
position: relative
}
.ncriptech--job-search .svg-container {
position: absolute;
bottom: -3px;
right: -5px;
width: 30%;
color: #7d7d7d
}
.ncriptech--job-search .svg-container svg {
width: 100%;
height: auto
}
.ncriptech--job-search-form {
display: flex;
padding: .25em;
border-radius: .25em;
margin-top: 2.5rem;
margin-bottom: 1rem;
border: 1px solid #7d7d7d;
color: #fff
}
.ncriptech--job-search-form:focus-within {
border-color: #fff
}
.ncriptech--job-search-form input {
flex: 1;
border-radius: inherit;
padding: .65em 1.25em;
margin-right: 1em;
color: #fff
}
@media(max-width: 565px) {
.ncriptech--job-search-form input {
padding: .65em 1em;
margin-right: 0
}
}
.ncriptech--job-search-form input::-webkit-input-placeholder {
color: #efefef;
opacity: .8;
font-weight: 300
}
.ncriptech--job-search-form input:-moz-placeholder {
color: #efefef;
opacity: .8;
font-weight: 300
}
.ncriptech--job-search-form input::-moz-placeholder {
color: #efefef;
opacity: .8;
font-weight: 300
}
.ncriptech--job-search-form input:-ms-input-placeholder {
color: #efefef;
opacity: .8;
font-weight: 300
}
.ncriptech--job-search-form input .placeholder {
color: #efefef;
opacity: .8;
font-weight: 300
}
@media(max-width: 565px) {
.ncriptech--job-search-form .c2a--svg-new {
padding: .9em 1em;
line-height: 1;
border-radius: .25em;
cursor: pointer
}
.ncriptech--job-search-form .c2a--svg-new span {
display: none
}
}
.c2a--svg-new {
display: grid;
gap: .5em;
grid-auto-flow: column;
align-items: center;
padding: .9em 1.45em;
line-height: 1;
border-radius: .25em;
cursor: pointer
}
.c2a--svg-new svg {
width: 1em;
height: auto
}
.c2a--job-alert svg {
width: 1em;
height: auto;
vertical-align: sub;
margin-right: .25em
}
.ncriptech__fradualert {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2rem;
margin-top: 4rem
}
@media(max-width: 767px) {
.ncriptech__fradualert {
margin-top: 3rem;
grid-template-columns: 100%
}
}
.ncriptech__fradualert h6 {
font-size: 2.5rem;
line-height: 1.2;
font-weight: 500;
max-width: 10em;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTEiIGhlaWdodD0iNjAxIiB2aWV3Qm94PSIwIDAgOTEgNjAxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNzYuOTUgNDI4LjE3NUg4LjY1TDMuMzM3NTEgMC43NzQ5OTRIODIuNjg3NUw3Ni45NSA0MjguMTc1Wk0wLjQ3NTAwNiA1NTguMjM3QzAuNDc1MDA2IDU0NS45NzUgNC4yMjUgNTM1LjY3NSAxMS43MjUgNTI3LjM2M0MxOS4yMTI1IDUxOS4wNSAzMC4zMjUgNTE0Ljg4OCA0NS4wNSA1MTQuODg4QzU5Ljc3NSA1MTQuODg4IDcwLjk2MjUgNTE5LjA1IDc4LjU4NzUgNTI3LjM2M0M4Ni4yMjUgNTM1LjY3NSA5MC4wMzc1IDU0NS45NzUgOTAuMDM3NSA1NTguMjM3QzkwLjAzNzUgNTcwLjUxMiA4Ni4yMjUgNTgwLjY2MiA3OC41ODc1IDU4OC43MTJDNzAuOTYyNSA1OTYuNzUgNTkuNzc1IDYwMC43NzUgNDUuMDUgNjAwLjc3NUMzMC4zMjUgNjAwLjc3NSAxOS4yMTI1IDU5Ni43NSAxMS43MjUgNTg4LjcxMkM0LjIyNSA1ODAuNjYyIDAuNDc1MDA2IDU3MC41MTIgMC40NzUwMDYgNTU4LjIzN1oiIGZpbGw9IiNGMzBCMEIiLz4KPC9zdmc+Cg==");
background-size: contain;
background-position: left top;
background-repeat: no-repeat;
padding-left: 1em
}
@media(max-width: 1200px) {
.ncriptech__fradualert h6 {
font-size: 2rem
}
}
@media(max-width: 767px) {
.ncriptech__fradualert h6 {
font-size: 1.5rem
}
}
.ncriptech__fradualert p {
font-size: 1.1rem
}
@media(max-width: 1023px) {
.ncriptech__fradualert p {
font-size: .9rem
}
}
.ncriptech__fradualert .c2a {
margin-top: 5rem
}
@media(max-width: 1023px) {
.ncriptech__fradualert .c2a {
margin-top: 3rem
}
}
.ncriptech__ici {
display: flex;
align-items: center;
gap: .4em;
margin: 2em 0
}
.ncriptech__ici::before {
content: "";
width: .6em;
height: .6em;
border-radius: 50%;
border: 1px solid currentColor;
margin-right: .2em
}
.ncriptech__ici::after {
content: "";
flex: 1;
background-color: currentColor;
height: 1px
}
.ncriptech__for-everyone .inner-container {
display: grid;
grid-template-columns: 1fr 1.05fr
}
@media(max-width: 875px) {
.ncriptech__for-everyone .inner-container {
grid-template-columns: 100%
}
}
.ncriptech__for-everyone article:nth-of-type(1) {
padding: 6rem 3rem;
padding-left: 0;
display: flex;
flex-direction: column;
justify-content: space-between
}
@media(max-width: 875px) {
.ncriptech__for-everyone article:nth-of-type(1) {
padding: 3rem 0
}
}
.ncriptech__for-everyone article:nth-of-type(2) {
padding: 6rem 3rem;
padding-right: 0;
border-left: 1px solid currentColor
}
@media(max-width: 875px) {
.ncriptech__for-everyone article:nth-of-type(2) {
padding: 3rem 0;
border-top: 1px solid currentColor;
border-left: none
}
}
.ncriptech__for-everyone h3 {
font-size: 3.5rem;
line-height: 1.1
}
@media(max-width: 767px) {
.ncriptech__for-everyone h3 {
font-size: 2.5rem
}
}
.ncriptech__for-everyone h6 {
font-size: 2rem;
font-weight: 500;
line-height: 1;
margin-top: 1em
}
@media(max-width: 767px) {
.ncriptech__for-everyone h6 {
font-size: 1.5rem
}
}
.ncriptech__for-everyone p {
font-size: 1.1rem
}
.ncriptech__for-everyone .h2,
.ncriptech__for-everyone .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .ncriptech__for-everyone .heading {
font-size: calc(1.1em + 1.12vw)
}
.ncriptech__for-everyone .stacks-grid {
display: flex;
grid-auto-flow: column;
justify-content: space-between;
gap: 1rem;
text-align: center;
margin-top: 6rem
}
@media(max-width: 875px) {
.ncriptech__for-everyone .stacks-grid {
margin-top: 2rem;
padding-bottom: 4rem
}
}
@media(max-width: 575px) {
.ncriptech__for-everyone .stacks-grid {
margin-top: 2rem;
padding-bottom: 0
}
}
.ncriptech__for-everyone .stacks-grid h5 {
font-size: calc(1.2rem + 2.2vw);
line-height: 1;
color: #0235f5
}
.ncriptech__for-everyone .stacks-grid p {
font-size: calc(1rem + .1vw);
margin-bottom: 0;
margin-top: .4em;
line-height: normal
}
@media(max-width: 575px) {
.ncriptech__for-everyone .stacks-grid {
margin-top: 4em;
margin-bottom: 2em;
background: #f0f4ff;
box-shadow: 0 0 0 30px #f0f4ff
}
.ncriptech__for-everyone .stacks-grid h5 {
font-size: 2.5rem;
text-align: left
}
}
@media(max-width: 575px)and (max-width: 575px) {
.ncriptech__for-everyone .stacks-grid h5 {
font-size: 1.8rem
}
}
@media(max-width: 575px) {
.ncriptech__for-everyone .stacks-grid p {
line-height: 1.3;
text-align: left;
margin-top: .2em
}
}
#p1--magnifyglass {
transform-origin: 10% 41%;
transform: rotate(15deg)
}
@-webkit-keyframes transformR {
0% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@keyframes transformR {
0% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@keyframes text-move--anim {
0% {
transform: translate(0, 0)
}
100% {
transform: translate(-100%, 0)
}
}
.ncriptech__rpa-hero {
display: grid
}
@media(max-width: 675px) {
.ncriptech__rpa-hero figure .desktop {
display: none
}
.ncriptech__rpa-hero figure .mobile {
display: block;
width: 100%
}
}
@media(min-width: 676px) {
.ncriptech__rpa-hero figure .desktop {
display: block
}
.ncriptech__rpa-hero figure .mobile {
display: none
}
}
.ncriptech__rpa-hero>* {
grid-row: 1;
grid-column: 1
}
.ncriptech__rpa-hero .ncriptech__rpa-content {
font-size: 3rem;
font-weight: 600;
padding-top: 3rem;
padding-bottom: 3rem;
color: #fff
}
.ncriptech__rpa-hero svg {
width: 23%;
height: auto;
position: absolute;
top: 25.25%;
left: 46.3%;
z-index: 111;
transform: rotate(1deg)
}
@media(max-width: 675px) {
.ncriptech__rpa-hero svg {
display: none
}
}
.grad-ver {
display: block;
width: 18px;
height: 45vh;
background: linear-gradient(to bottom, #0235f5, transparent);
margin-left: 57px;
margin-bottom: 70px
}
.grad-hr {
display: block;
width: 100%;
height: 18px;
background: linear-gradient(to right, #0235f5, transparent);
margin-top: 60px;
border-radius: 100rem
}
@media(max-width: 875px) {
.grad-ver,
.grad-hr {
display: none
}
}
.ncriptech--studio .inner-container {
display: grid
}
.ncriptech--studio .inner-container article {
max-width: 36rem;
display: grid;
align-items: center;
gap: 2rem;
margin-inline: auto;
margin-bottom: 5rem;
place-content: start
}
@media(max-width: 675px) {
.ncriptech--studio .inner-container article {
margin-bottom: 3rem
}
}
.ncriptech--studio .inner-container article .c2a {
place-self: start
}
.ncriptech--studio .inner-container .c2a {
place-self: center
}
@media(min-width: 1368px) {
.swiper__4-trigger .swiper-wrapper {
gap: 1rem
}
.swiper__4-trigger .swiper-slide {
width: 22rem !important
}
}
@media(min-width: 2560px) {
.swiper__4-trigger .swiper-slide {
width: 26rem !important
}
}
.gradient-small-icon {
width: 90% !important;
height: auto !important;
transform: translateY(-50%) scale(1) !important
}
@media(max-width: 1200px) {
.gradient-small-icon {
transform: none !important;
width: 55% !important;
height: auto !important;
top: 1rem !important;
position: absolute;
left: 0 !important;
opacity: 1;
z-index: 1
}
}
@media(max-width: 767px) {
.gradient-small-icon {
width: 50% !important
}
}
@media(max-width: 575px) {
.gradient-small-icon {
width: 59% !important
}
}
#modal--mobile-video video {
width: 100%
}
@media(min-width: 1200px) {
.ncriptech--home-video-desk {
display: block
}
}
@media(max-width: 1199px) {
.ncriptech--home-video-desk {
display: none
}
}
@media(min-width: 1200px) {
.ncriptech--home-video-mob {
display: none
}
}
@media(max-width: 1199px) {
.ncriptech--home-video-mob {
display: block
}
.ncriptech--home-video-mob figure {
display: grid;
align-items: center;
position: relative
}
.ncriptech--home-video-mob figure::after {
content: "";
background-color: rgba(0, 0, 0, .4);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.ncriptech--home-video-mob figure>* {
grid-column: 1;
grid-row: 1
}
.ncriptech--home-video-mob .c2a--video-new {
position: relative;
color: #fff;
background: rgba(0, 0, 0, 0);
-webkit-text-fill-color: #fff;
font-size: 1.5rem;
z-index: 2
}
}
.ncriptech__rpa-grid-content .inner-container {
display: grid;
justify-content: space-between
}
@media(max-width: 875px) {
.ncriptech__rpa-grid-content .inner-container {
gap: 3rem;
margin-top: 4rem
}
}
@media(min-width: 876px) {
.ncriptech__rpa-grid-content .inner-container {
grid-template-columns: auto 1fr;
gap: 12rem
}
}
@media(max-width: 575px) {
.ncriptech__rpa-grid-content .inner-container {
place-content: initial
}
}
.ncriptech__rpa-grid-content .inner-container .desc {
max-width: 31ch
}
@media(max-width: 675px) {
.ncriptech__rpa-grid-content .inner-container .desc {
font-size: 18px;
max-width: 100%
}
}
.ncriptech__rpa-grid-content .inner-container .left-content {
align-self: end
}
@media(max-width: 675px) {
.ncriptech__rpa-grid-content .inner-container .left-content .h2,
.ncriptech__rpa-grid-content .inner-container .left-content .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .ncriptech__rpa-grid-content .inner-container .left-content .heading {
font-size: 26px
}
.ncriptech__rpa-grid-content .inner-container .left-content .h2 br,
.ncriptech__rpa-grid-content .inner-container .left-content .ncriptech__rpa-benefits .heading br,
.ncriptech__rpa-benefits .ncriptech__rpa-grid-content .inner-container .left-content .heading br {
display: none
}
}
.ncriptech__rpa-benefits {
color: #fff
}
@media(max-width: 675px) {
.ncriptech__rpa-benefits {
padding-top: 0 !important
}
}
.ncriptech__rpa-benefits .heading {
display: inline-block;
font-weight: 500;
border-bottom: 1px solid #0235f5;
padding-bottom: .05em
}
@media(max-width: 675px) {
.ncriptech__rpa-benefits .heading {
padding-bottom: .6em
}
}
.ncriptech__rpa-benefits .heading span {
display: block;
font-weight: 500;
line-height: 1
}
@media(max-width: 675px) {
.get_feel_sec {
padding-top: 1rem !important;
padding-bottom: 1.5rem !important
}
.get_feel_sec .inner-container {
text-align: left !important
}
}
@media(max-width: 675px) {
.get_feel_sec .h2,
.get_feel_sec .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .get_feel_sec .heading {
font-size: calc(1.3rem + 1.22vw)
}
}
@media(max-width: 675px) {
.get_feel_sec .h3x {
font-size: 1.4rem
}
}
.ncriptech__rpa-benefits-svg-anim {
width: 100%;
position: relative
}
.ncriptech__rpa-benefits-svg-anim .sec-wrap__inner {
width: 100%;
margin: auto;
padding: 1.25em 2.1875em;
position: relative
}
.ncriptech__rpa-benefits-svg-anim .ncriptech__rpa-benefit-card {
counter-increment: ol-counter;
width: 10%;
position: absolute;
top: 0;
left: 0;
color: var(--color_softWhite)
}
.ncriptech__rpa-benefits-svg-anim .ncriptech__rpa-benefit-card h5 {
font-size: 1.35rem;
font-weight: 600
}
.ncriptech__rpa-benefits-svg-anim .ncriptech__rpa-benefit-card h5::before {
content: "0" counter(ol-counter) ".";
display: inline-block;
margin-right: .25em
}
.ncriptech__rpa-benefits-svg-anim .ncriptech__rpa-benefit-card p {
font-size: 1rem;
font-weight: 300;
line-height: 1.4;
color: #fff;
margin-top: 1em
}
.ncriptech__rpa-benefits-svg-anim .horizon-slider-wrap {
position: relative;
padding: 0
}
.ncriptech__rpa-benefits-svg-anim .horizon-slider-wrap .svg-panel {
counter-reset: ol-counter;
--color_softBlack: #151515;
--color_softWhite: #fafafa;
width: 170vw;
overflow: hidden;
position: relative
}
.ncriptech__rpa-benefits-svg-anim .horizon-slider-wrap--desktop {
display: block
}
.ncriptech__rpa-benefits-svg-anim .horizon-slider-wrap--mobile {
display: none
}
.ncriptech__rpa-benefits-svg-anim .horizon-slider-wrap svg.journeyPath--desktop {
width: 100%;
height: auto
}
.ncriptech__rpa-benefits-svg-anim .horizon-slider-wrap svg.journeyPath--mobile {
position: relative;
height: 100%
}
@media only screen and (max-width: 80em) {
.ncriptech__rpa-benefits-svg-anim .horizon-slider-wrap--desktop {
display: none
}
.ncriptech__rpa-benefits-svg-anim .horizon-slider-wrap--mobile {
display: block
}
.ncriptech__rpa-benefits-svg-anim .horizon-slider-wrap .horizon-slider-wrap__inner,
.ncriptech__rpa-benefits-svg-anim .horizon-slider-wrap .svg-panel {
width: 120vw;
margin-left: -10vw
}
}
@media only screen and (max-width: 55em) {
.ncriptech__rpa-benefits-svg-anim .horizon-slider-wrap svg.journeyPath--desktop {
display: none
}
.ncriptech__rpa-benefits-svg-anim .horizon-slider-wrap svg.journeyPath--mobile {
display: block
}
}
.ncriptech__rpa-possiblities {
padding-top: var(--spacer)
}
.ncriptech__rpa-possiblities .ncriptech__rpa-possiblities--sec-heading {
display: grid;
font-size: 10rem;
line-height: .65;
margin-bottom: 2rem
}
@media(max-width: 875px) {
.ncriptech__rpa-possiblities .ncriptech__rpa-possiblities--sec-heading {
font-size: 5rem
}
}
@media(max-width: 475px) {
.ncriptech__rpa-possiblities .ncriptech__rpa-possiblities--sec-heading {
font-size: 2.6rem
}
}
.ncriptech__rpa-possiblities .ncriptech__rpa-possiblities--sec-heading h3:nth-of-type(1) {
color: #000;
-webkit-text-fill-color: #fff;
-webkit-text-stroke: 1px #000
}
.ncriptech__rpa-possiblities .ncriptech__rpa-possiblities--sec-heading h3:nth-of-type(2) {
justify-self: end
}
.ncriptech__rpa-possiblities .inner-container {
display: grid;
grid-template-columns: 1.1fr 1fr;
gap: 15rem;
align-items: start
}
@media(max-width: 1200px) {
.ncriptech__rpa-possiblities .inner-container {
gap: 8rem
}
}
@media(max-width: 675px) {
.ncriptech__rpa-possiblities .inner-container {
grid-template-columns: 1fr;
gap: 0
}
}
.ncriptech__rpa-possiblities .ncriptech__rpa-possiblities--headings {
padding-top: calc(var(--spacer)*1.4) !important
}
.ncriptech__rpa-possiblities .ncriptech__rpa-possiblities--headings h4 {
font-size: 2rem;
font-weight: 500
}
.ncriptech__rpa-possiblities .ncriptech__rpa-possiblities--headings span {
display: inline-block;
font-weight: 300;
margin-right: .85em
}
.ncriptech__rpa-possiblities .ncriptech__rpa-possiblities--cards {
padding-top: calc(var(--spacer)*1.4) !important
}
.ncriptech__rpa-possiblities .ncriptech__rpa-possiblities-card {
margin-bottom: 4rem
}
.ncriptech__rpa-possiblities .ncriptech__rpa-possiblities-card h6 {
color: #0235f5;
font-size: 1.3rem;
font-weight: 500;
margin-bottom: .5em;
margin-top: .5em
}
.ncriptech__rpa-possiblities .ncriptech__rpa-possiblities-card p {
font-weight: 400;
color: #505050
}
@media(max-width: 675px) {
.ncriptech__rpa-experts {
margin-bottom: 0 !important
}
}
.ncriptech__rpa-experts .heading {
font-size: 2rem;
max-width: 24ch;
line-height: 1.3;
color: #fff;
margin-left: auto;
margin-right: auto
}
.ncriptech__rpa-experts .heading.heading_width {
max-width: 33ch
}
@media(max-width: 875px) {
.ncriptech__rpa-experts .heading {
font-size: 2rem;
max-width: 500px
}
}
@media(max-width: 675px) {
.ncriptech__rpa-experts .heading {
font-size: 24px
}
}
.ncriptech__rpa-experts .heading .c2a {
padding: .5em .75em;
transform: translateY(-0.1em);
transition: all .2s ease;
border: 1px solid #fff !important;
background: rgba(0, 0, 0, 0) !important;
color: #fff !important;
margin-top: 2rem
}
@media(max-width: 575px) {
.ncriptech__rpa-experts .heading .c2a {
padding: var(--btn-size, 0.8em 1.2em)
}
}
.ncriptech__rpa-experts .heading .c2a:hover {
background-color: #0235f5 !important;
border: 1px solid #0235f5 !important;
color: #fff !important
}
@media(max-width: 675px) {
.ncriptech__rpa-possiblities--cards {
gap: 4rem;
overflow-x: scroll;
width: 100%;
display: flex;
transition-property: transform;
box-sizing: content-box
}
.ncriptech__rpa-possiblities--cards .ncriptech__rpa-possiblities-card {
width: 15rem;
flex-shrink: 0
}
.ncriptech__rpa-possiblities--cards .ncriptech__rpa-possiblities-card figure img {
height: 80px
}
}
.ncriptech__rpa-implementation {
overflow: hidden
}
.ncriptech__rpa-implementation .main-container {
--mwidth: max(52.5vw, 1594px);
margin-right: 0;
padding-right: 0
}
@media(max-width: 875px) {
.ncriptech__rpa-implementation.ncriptech__rpa-implementation .main-container {
padding-right: 15px
}
}
.ncriptech__rpa-implementation .inner-container {
display: grid;
gap: 1rem 5rem
}
@media(min-width: 876px) {
.ncriptech__rpa-implementation .inner-container {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--heading h4 {
font-size: 2rem;
font-weight: 600
}
@media(max-width: 675px) {
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--heading h4 {
font-size: 16px
}
}
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--heading h4 span {
display: inline-block;
font-weight: 300;
margin-right: .85em
}
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--content {
grid-column: 1;
max-width: max(33vw, 700px);
align-self: end
}
@media(max-width: 675px) {
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--content {
max-width: 100%
}
}
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--content h5 {
font-size: 2.4rem;
line-height: 1.1;
max-width: 19ch
}
@media(max-width: 675px) {
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--content h5 {
font-size: 26px;
max-width: 100%
}
}
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--content>p {
font-size: 1.1rem;
max-width: 29em;
margin-top: 2em
}
@media(max-width: 675px) {
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--content>p {
max-width: 100%
}
}
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--content-features {
display: grid;
grid-template-columns: auto 1fr;
gap: 1.25em;
margin-top: 3rem
}
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--content-features .ncriptech__rpa-implementation--content-features--timeline {
display: block;
width: 1px;
height: 0%;
position: relative;
background-color: currentColor;
margin-top: 24px;
opacity: .4
}
@media(max-width: 1199px) {
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--content-features .ncriptech__rpa-implementation--content-features--timeline {
display: none
}
}
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--content-features .ncriptech__rpa-implementation--content-features--timeline::before,
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--content-features .ncriptech__rpa-implementation--content-features--timeline::after {
content: "";
width: .65em;
height: .65em;
background-color: currentColor;
border-radius: 50%;
position: absolute
}
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--content-features .ncriptech__rpa-implementation--content-features--timeline::before {
top: -13px;
left: -6px
}
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--content-features .ncriptech__rpa-implementation--content-features--timeline::after {
bottom: 0;
left: -6px
}
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--content-features ul {
counter-reset: ol-counter;
list-style: none
}
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--content-features ul li {
counter-increment: ol-counter;
position: relative;
padding-left: 2em
}
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--content-features ul li+li {
margin-top: 1em
}
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--content-features ul li::before {
content: "0" counter(ol-counter) ".";
display: inline-block;
position: absolute;
left: 0;
top: 0;
color: #ccc6c6
}
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--content-features ul li h6 {
font-weight: 600
}
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--content-features ul li p {
font-weight: 300;
margin-top: .3em;
font-size: .95rem;
color: #adadad
}
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--figs {
grid-column: 2;
grid-row: 1/span 2
}
@media(max-width: 875px) {
.ncriptech__rpa-implementation .ncriptech__rpa-implementation--figs {
grid-column: 1/-1;
grid-row: 1;
margin-bottom: 2rem
}
}
.ncriptech__tools-and-meeting {
--gradLclr: linear-gradient(90deg, #0235f5 0%, #0235f5 100%);
--blur-1-size: clamp(400px, 60vw, 60vw);
--blur-2-size: clamp(300px, 40vw, 40vw);
--blur-3-size: clamp(100px, 10vw, 10vw);
--blur-amount: 153.2px;
--blur-w-size: 60%;
--blur-h-size: 45%
}
.ncriptech__tools-and-meeting .inner-container {
position: relative;
padding-top: 1rem;
border-bottom: 1px solid #919191;
padding-bottom: 5rem
}
@media(max-width: 575px) {
.ncriptech__tools-and-meeting .inner-container {
padding-bottom: 3rem
}
}
@media(min-width: 1280px) {
.ncriptech__tools-and-meeting .inner-container {
padding-bottom: 6rem;
padding-top: 3rem
}
}
.ncriptech__tools-and-meeting .blurAnim {
position: absolute;
z-index: 1;
border-radius: 900px;
filter: blur(var(--blur-amount));
background: var(--gradclr, var(--gradLclr));
z-index: -1;
opacity: var(--blur-opac, 0.3);
top: 0;
left: 0;
right: 0;
margin: auto;
will-change: filter;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0)
}
.ncriptech__tools-and-meeting .blurAnim:nth-child(1) {
height: var(--blur-w-size);
width: calc(var(--blur-h-size)*1.1)
}
.ncriptech__tools-and-meeting .blurAnim:nth-child(2) {
filter: blur(var(--blur-amount)) brightness(1.3);
height: var(--blur-h-size);
width: calc(var(--blur-w-size)*.75)
}
.ncriptech__tools-and-meeting h5 {
font-size: 2.5rem;
font-weight: 500;
line-height: 1.35
}
@media(max-width: 1023px) {
.ncriptech__tools-and-meeting h5 {
font-size: 2.2rem
}
}
@media(max-width: 767px) {
.ncriptech__tools-and-meeting h5 {
font-size: 2rem
}
.ncriptech__tools-and-meeting h5 br {
display: none
}
}
.ncriptech__tools-and-meeting h5 span {
display: inline-block;
background: #ca357d;
background: var(--gradclr, var(--gradLclr));
-webkit-background-clip: text;
background-clip: text;
color: rgba(0, 0, 0, 0);
position: relative;
padding-bottom: -0.005em
}
.ncriptech__tools-and-meeting h5 span::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: .05em;
background: #ca357d;
background: var(--gradclr, var(--gradLclr))
}
.ncriptech__tools-and-meeting p {
font-size: 1.5rem;
font-weight: 300
}
@media(max-width: 767px) {
.ncriptech__tools-and-meeting p {
font-size: 1.2rem;
margin-top: 2rem
}
}
.ncriptech__tools-and-meeting .c2a {
--c2a-fs: 1.2rem;
width: auto
}
@media(max-width: 575px) {
.ncriptech__tools-and-meeting .c2a {
width: 100%
}
}
.ncriptech__tools-and-meeting .ncriptech__tools--list {
margin-top: 2rem;
margin-bottom: 2rem;
text-align: center
}
.ncriptech__tools-and-meeting .ncriptech__tools--list figure {
display: inline-block;
margin-left: 1rem;
margin-right: 1rem;
width: 9rem
}
.ncriptech__tools-and-meeting .ncriptech__tools--list figure.figsize-tall {
width: 7rem
}
.ncriptech__tools-and-meeting .ncriptech__tools--list figure.figsize-tall2 {
width: 6rem
}
.ncriptech__tools-and-meeting .ncriptech__tools--list img {
vertical-align: bottom
}
.ncriptech__tools-and-meeting .ncriptech__tools--list svg {
max-width: 100%;
height: auto
}
.ncriptech__tools-and-meeting.theme-dark {
--imgwidth: 0.2fr;
/* --gradclr: linear-gradient(90deg, #f8b44a 0%, #f8b44a 100%); */
--gradclr: linear-gradient(90deg, red 0%, blue 100%);
--blur-opac: .5
}
.ncriptech__tools-and-meeting.theme-dark .ncriptech__tools--list {
margin-top: 4rem;
margin-bottom: 4rem
}
.ncriptech__tools-and-meeting.theme-dark .ncriptech__tools--list figure {
margin-left: 2rem;
margin-right: 2rem;
width: 10rem
}
.ncriptech__tools-and-meeting.theme-dark .ncriptech__tools--list figure.figsize-tall {
width: 8rem
}
@media(max-width: 1099px) {
.ncriptech__tools-and-meeting.theme-dark .ncriptech__tools--list figure.figsize-tall {
width: 6rem;
margin-left: 1rem;
margin-right: 1rem
}
}
.ncriptech__tools-and-meeting.theme-dark .ncriptech__tools--list img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
opacity: .75
}
.ncriptech__tools-and-meeting.theme-dark .ncriptech__tools--list img:hover {
opacity: 1
}
.ncriptech__tools-and-meeting.theme-dark2 {
--imgwidth: 0.2fr;
--gradclr: linear-gradient(90deg, #fdd008 45%, #fdd008 100%);
--blur-opac: .5;
overflow: hidden
}
@media(max-width: 767px) {
.ncriptech__tools-and-meeting.theme-dark2 {
padding-bottom: 1rem !important
}
}
.ncriptech__tools-and-meeting.theme-dark2 .inner-container {
padding-top: 1rem
}
@media(min-width: 1280px) {
.ncriptech__tools-and-meeting.theme-dark2 .inner-container {
padding-top: 3rem
}
}
.ncriptech__tools-and-meeting.theme-dark2 h5 span {
--gradclr: linear-gradient(0deg, #0235f5 40%, #e41f26 20%);
}
.ncriptech__rpa-case-studies .ncriptech__rpa-case-studies--heading {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 3rem
}
.ncriptech__rpa-case-studies .ncriptech__rpa-case-studies--grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem
}
.ncriptech__rpa-case-studies .ncriptech__rpa-case-study--card-content {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 1.25rem
}
.ncriptech__rpa-case-studies .ncriptech__rpa-case-study--card-content h6 {
font-size: 1.5rem;
font-weight: 500
}
.ncriptech__hero-texts-animation {
padding-top: 10rem !important;
display: grid;
padding-bottom: calc(var(--spacer)/1.5) !important
}
@media(max-width: 575px) {
.ncriptech__hero-texts-animation {
padding-top: 6.5rem !important
}
}
.ncriptech__hero-texts-animation .breadcrumbs {
position: relative;
z-index: 9;
display: flex;
align-items: flex-end;
margin: 0
}
@media(max-width: 875px) {
.ncriptech__hero-texts-animation .breadcrumbs {
align-items: flex-start;
justify-content: start
}
.ncriptech__hero-texts-animation .breadcrumbs [class^=main][class$=-container] {
padding-inline: 0
}
}
.ncriptech__hero-texts-animation .breadcrumbs ul {
list-style: none;
display: flex;
gap: 0 .4rem;
grid-gap: 0 .4rem;
justify-content: flex-end;
flex-wrap: wrap
}
@media(max-width: 875px) {
.ncriptech__hero-texts-animation .breadcrumbs ul {
align-items: flex-start;
justify-content: start
}
}
.ncriptech__hero-texts-animation .breadcrumbs ul li {
font-size: .8rem;
color: #9d9d9d
}
.ncriptech__hero-texts-animation .breadcrumbs ul li:not(:last-child)::after {
content: "/";
margin-left: .4rem
}
.ncriptech__hero-texts-animation .breadcrumbs ul li.link {
color: #fff !important
}
.ncriptech__hero-texts-animation .text-heading {
font-size: 3rem;
line-height: 1.2
}
.ncriptech__hero-texts-animation h1 {
font-weight: 400;
margin-bottom: .2em;
position: relative;
overflow: hidden;
line-height: 1.2;
font-size: calc(1.5rem + 1.22vw)
}
.ncriptech__hero-texts-animation .split-parent {
overflow: hidden
}
.ncriptech__hero-texts-animation .split-child {
display: inline-block
}
.ncriptech__hero-texts-animation .words {
font-size: 60%;
font-weight: 300;
display: grid;
overflow: hidden;
padding-left: .8em;
position: relative
}
@media(max-width: 875px) {
.ncriptech__hero-texts-animation .words {
font-size: 40%
}
}
.ncriptech__hero-texts-animation .words::before {
content: "";
width: .5em;
height: .5em;
border-radius: 50%;
background: currentColor;
position: absolute;
top: .4em;
left: 0
}
.ncriptech__hero-texts-animation .words>* {
grid-row: 1;
grid-column: 1
}
.card-style--3New>*+* {
margin-top: 1.5rem
}
.card-style--3New figure svg {
width: 4.5rem;
height: 4.5rem;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.card-style--3New .heading {
font-size: 2rem;
font-weight: 400;
line-height: 1.2
}
@media(max-width: 1200px) {
.card-style--3New .heading {
font-size: 1.5rem
}
}
@media(max-width: 640px) {
.card-style--3New .heading {
font-size: 1.3rem
}
}
.card-style--3New .subdesc {
font-size: 1.4rem;
font-weight: 400;
max-width: 16em;
line-height: 1.4
}
@media(max-width: 1367px) {
.card-style--3New .subdesc {
font-size: 1.4rem;
max-width: 12em
}
}
@media(min-width: 2000px) {
.card-style--3New .subdesc {
max-width: 14em
}
}
.card-style--3New .desc {
opacity: .6;
font-weight: 300;
line-height: 1.4;
max-width: 26ch;
font-size: 1.2rem
}
@media(max-width: 1367px) {
.card-style--3New .desc {
opacity: .8;
max-width: 22ch;
font-size: 18px
}
}
@media(min-width: 2000px) {
.card-style--3New .desc {
max-width: 27ch
}
}
.card-style--3New .counter-line {
display: block;
height: 2px;
background-color: #0235f5;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.card-style--3New:hover figure svg {
scale: 1.2
}
.card-style--3New:hover .counter-line::before {
background-color: #fff !important;
color: #0235f5 !important
}
@media(max-width: 1660px) {
.ncriptech__horizontal-gallery {
padding-bottom: 5rem !important
}
}
.ncriptech__horizontal-gallery--parent {
display: flex
}
.ncriptech__horizontal-gallery--child {
display: flex;
gap: .6rem;
height: 30rem
}
.ncriptech__horizontal-gallery--child .swiper-slide {
width: 20rem
}
.ncriptech__horizontal-gallery--child .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover
}
@media(max-width: 1200px) {
.ncriptech__horizontal-gallery--child {
height: 100%
}
.ncriptech__horizontal-gallery--child .swiper-slide {
height: auto
}
.ncriptech__horizontal-gallery--child .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover
}
}
@media(max-width: 991px) {
.ncriptech__horizontal-gallery--child {
height: 100%
}
}
.card-style--6New {
display: grid
}
.card-style--6New>* {
grid-row: 1;
grid-column: 1
}
.card-style--6New article {
padding: 2.5rem 2.5rem 5rem;
border: 1px solid #9d9d9d
}
.card-style--6New figure {
align-self: end;
justify-self: end;
max-width: 55%
}
.life-grid {
display: grid;
grid-template-columns: repeat(64, minmax(0, 1fr));
grid-template-rows: repeat(76, minmax(0, 1fr))
}
@media(max-width: 675px) {
.life-grid {
grid-template-columns: repeat(14, minmax(0, 1fr))
}
}
@media(min-width: 2560px) {
.life-grid {
max-width: 86vw;
margin-inline: auto
}
}
.life-grid article {
grid-column: 17/35;
grid-row: 1/6;
font-size: 2.5rem;
line-height: 1.4
}
@media(max-width: 1199px) {
.life-grid article {
font-size: 1.5rem
}
}
@media(max-width: 675px) {
.life-grid article {
font-size: 1.2rem
}
}
.life-grid figure {
overflow: hidden;
transform: translatey(0px)
}
.life-grid figure img {
width: 100%
}
@media(min-width: 676px) {
.life-grid figure:nth-child(even) {
animation: float 6s ease-in-out infinite
}
.life-grid figure:nth-child(odd) {
animation: float2 6s ease-in-out infinite
}
}
.life-grid figure:nth-of-type(1) {
grid-column: 1/18;
grid-row: 8/22;
aspect-ratio: 1/1;
border-radius: 50%
}
.life-grid figure:nth-of-type(2) {
grid-column: 17/38;
grid-row: 8/26
}
.life-grid figure:nth-of-type(3) {
grid-column: 36/56;
grid-row: 5/25
}
.life-grid figure:nth-of-type(4) {
grid-column: 53/65;
grid-row: 10/27
}
.life-grid figure:nth-of-type(5) {
grid-column: 1/23;
grid-row: 30/53;
z-index: 1
}
@media(max-width: 675px) {
.life-grid figure:nth-of-type(5) {
grid-column: 1/30;
grid-row: 35/53
}
}
.life-grid figure:nth-of-type(6) {
grid-column: 22/42;
grid-row: 24/40;
border-radius: 50%
}
@media(max-width: 675px) {
.life-grid figure:nth-of-type(6) {
grid-column: 26/42;
grid-row: 24/36
}
}
.life-grid figure:nth-of-type(7) {
grid-column: 38/54;
grid-row: 31/50
}
.life-grid figure:nth-of-type(8) {
grid-column: 51/65;
grid-row: 34/53;
z-index: -1
}
.life-grid figure:nth-of-type(9) {
grid-column: 1/17;
grid-row: 55/75;
z-index: 1;
aspect-ratio: 1/1;
border-radius: 50%;
transform: scale(1.3)
}
.life-grid figure:nth-of-type(10) {
grid-column: 15/31;
grid-row: 53/73
}
.life-grid figure:nth-of-type(11) {
grid-column: 30/51;
grid-row: 49/73
}
.life-grid figure:nth-of-type(12) {
grid-column: 48/65;
grid-row: 56/75
}
@media(min-width: 1800px) {
.responsive-container-4k .mainx-container {
--mwidth: 70vw
}
}
@media(min-width: 2560px) {
.responsive-container-4k .mainx-container {
--mwidth: 40vw
}
}
.life-content-path {
display: grid;
align-items: center
}
.life-content-path>* {
grid-row: 1;
grid-column: 1
}
.life-content-path svg {
width: 100%;
height: auto;
color: #fff
}
.life-content-path .event-grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
align-items: center;
justify-items: start;
gap: 1rem;
color: #fff
}
.life-content-path .cm-yr {
font-size: 16rem;
line-height: .8;
grid-column: span 2;
background-color: #000;
padding: 0 .05em;
transform: translateY(4%)
}
@media(max-width: 1399px) {
.life-content-path .cm-yr {
font-size: 10rem
}
}
@media(max-width: 1399px) {
.life-content-path .event-box {
display: none
}
}
.life-content-path .event-box p:nth-of-type(1) {
font-size: 1.5rem;
line-height: 1;
font-weight: 400
}
.life-content-path .event-box p:nth-of-type(1)::after {
content: "";
display: block;
width: .65em;
height: .65em;
border: 2px solid currentColor;
border-radius: 50%;
background-color: #000;
margin: .65em 0
}
.life-content-path .event-box p:nth-of-type(2) {
font-weight: 400;
line-height: 1.5
}
.life-content-path .event-box:nth-child(1) {
transform: translate(55%, 34%)
}
.life-content-path .event-box:nth-child(3) {
transform: translateY(23%)
}
.life-content-path .event-box:nth-child(4) {
transform: translateY(-13%)
}
.life-content-path .event-box:nth-child(5) {
transform: translateY(-27%)
}
.life-content-path .cm-yr span,
.life-content-path .event-box span,
.life-content-path .event-box span sup {
background: linear-gradient(135deg, #4facfe, #00f2fe);
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.ncriptech--life-diverse-team figure {
margin-top: 3rem
}
.ncriptech--life-diverse-team article {
max-width: 72ch
}
@media(max-width: 1200px) {
.ncriptech--life-diverse-team article .h2,
.ncriptech--life-diverse-team article .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .ncriptech--life-diverse-team article .heading {
font-size: calc(1.3rem + 1.22vw);
line-height: 1.4
}
}
@media(max-width: 767px) {
.ncriptech--life-diverse-team article .h2,
.ncriptech--life-diverse-team article .ncriptech__rpa-benefits .heading,
.ncriptech__rpa-benefits .ncriptech--life-diverse-team article .heading {
font-size: calc(1rem + 1vw)
}
}
.ui-widget-content {
border: 1px solid #ddd !important;
background: #141414 !important;
color: #fff !important;
border-radius: 5px !important;
margin-top: 2rem !important;
font-size: .9rem !important;
padding-left: .4rem !important;
padding: .4rem !important
}
.about-hero-banner .about-hero-wrap {
display: flex;
width: 100%
}
.about-hero-banner .about-hero-wrap .text-heading .heading_item {
font-weight: 400;
margin-bottom: 0
}
@media(min-width: 1920px) {
.about-hero-banner .about-hero-wrap .text-heading .heading_item {
padding-inline: max(8vw, 6rem)
}
}
.ncriptech__company__brand {
padding-top: var(--spacer)
}
.ncriptech__company__brand .grid_row {
display: grid;
grid-template-columns: 100%;
align-items: start;
justify-content: space-between;
gap: 2rem
}
.ncriptech__company__brand .grid_row .desktop_none {
display: none
}
@media(max-width: 767px) {
.ncriptech__company__brand .grid_row .left_article {
display: none
}
.ncriptech__company__brand .grid_row .desktop_none {
display: block
}
.ncriptech__company__brand .grid_row .h2x {
font-size: 1.5rem
}
.ncriptech__company__brand .grid_row .h5 {
font-size: 18px
}
}
@media(min-width: 768px) {
.ncriptech__company__brand .grid_row {
grid-template-columns: 1fr 2fr
}
}
@media(min-width: 1200px) {
.ncriptech__company__brand .grid_row {
max-width: 74vw;
margin: 0 auto
}
}
.ncriptech__company__brand .grid_row .right_article {
display: flex;
flex-direction: column;
align-items: self-start;
gap: 2.5rem
}
@media(min-width: 768px) {
.ncriptech__company__brand .grid_row .right_article {
flex-direction: row;
gap: 4rem
}
}
.ncriptech__company__brand .grid_row .right_article figure {
width: max(6.5vw, 8rem)
}
@media(max-width: 675px) {
.ncriptech__company__brand .grid_row .right_article figure {
width: 100%;
margin-inline: auto;
text-align: center
}
}
.ncriptech__company__brand .grid_row .right_article figure img {
object-fit: contain
}
.ncriptech__company__brand .grid_row .right_article .content_panel {
flex: 1
}
.ncriptech__company__usp .main_wrap {
border-top: 1px solid #7d7d7d;
border-bottom: 1px solid #7d7d7d;
width: 100%;
display: flex
}
@media(max-width: 991px) {
.ncriptech__company__usp .mainX2-container {
padding-inline: 0
}
}
.ncriptech__company__usp .swiper-pagination {
bottom: 30px
}
@media(min-width: 768px) {
.ncriptech__company__usp .swiper-pagination {
display: none
}
}
.ncriptech__company__usp .swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
background: #fff;
width: .7rem;
height: .7rem
}
@media(min-width: 768px) {
.ncriptech__company__usp .grid_row {
gap: 1rem
}
}
@media(min-width: 992px) {
.ncriptech__company__usp .grid_row {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 2rem
}
}
@media(min-width: 1750px) {
.ncriptech__company__usp .grid_row {
gap: 4rem
}
}
.ncriptech__company__usp .grid_row .usp_item {
height: auto;
padding-top: 3rem;
padding-bottom: 5rem;
padding-inline: 1rem
}
@media(min-width: 768px) {
.ncriptech__company__usp .grid_row .usp_item {
padding-inline: 3rem;
padding-inline: 2rem
}
}
@media(min-width: 768px) {
.ncriptech__company__usp .grid_row .usp_item {
border-right: 1px solid #7d7d7d;
border-bottom: none;
padding-right: 2rem
}
}
@media(min-width: 992px) {
.ncriptech__company__usp .grid_row .usp_item {
padding-left: 0
}
}
@media(min-width: 1750px) {
.ncriptech__company__usp .grid_row .usp_item {
padding-right: 3rem
}
}
.ncriptech__company__usp .grid_row .usp_item:last-child {
border-bottom: none
}
@media(min-width: 992px) {
.ncriptech__company__usp .grid_row .usp_item:last-child {
border-right: none
}
}
.our--features {
padding-top: 0 !important;
padding-bottom: 0 !important;
position: relative
}
.our--features .features--pin {
display: grid;
grid-template-columns: 100%;
align-items: start;
justify-content: start
}
.our--features .features--pin .main_svg {
max-width: max(22vw, 24rem);
transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
display: none
}
.our--features .features--pin .our--features-left {
padding-top: calc(var(--spacer)*1.7) ;
padding-bottom: calc(var(--spacer)*1)
}
@media(min-width: 768px) {
.our--features .features--pin .our--features-left {
padding-top: calc(var(--spacer)*1.4) !important;
padding-bottom: calc(var(--spacer)*1.4) !important
}
}
.our--features .features--pin .our--features-right {
padding-bottom: calc(var(--spacer)*1.4) !important
}
@media(min-width: 768px) {
.our--features .features--pin .our--features-right {
padding-top: calc(var(--spacer)*1.4) !important
}
}
@media(max-width: 675px) {
.our--features .features--pin .our--features-right .h4,
.our--features .features--pin .our--features-right .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .our--features .features--pin .our--features-right .c2a-arw,
.our--features .features--pin .our--features-right .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople article .our--features .features--pin .our--features-right h5 {
font-size: 22px
}
}
.our--features .features--pin .ani_1 {
transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
stroke: #fff;
stroke-width: 4px;
fill: rgba(0, 0, 0, 0)
}
.our--features .features--pin .ani_2 {
stroke: #fff;
stroke-width: 4px;
fill: rgba(0, 0, 0, 0)
}
@media(min-width: 768px) {
.our--features .features--pin {
grid-template-columns: 1fr 1fr;
gap: 5rem
}
.our--features .features--pin .main_svg {
display: block
}
.our--features .features--pin-1{
}
}
@media(min-width: 2560px) {
.our--features .features--pin {
grid-template-columns: 1fr 1fr
}
}
.our--features .features--pin summary>div {
display: grid;
gap: 1.5rem;
max-width: max(27vw, 25rem)
}
.our--features .features--pin summary>div svg {
width: max(6.5vw, 6.5rem);
overflow: visible
}
@media(min-width: 2560px) {
.our--features .features--pin summary>div {
max-width: 50vw
}
.our--features .features--pin summary>div .h4,
.our--features .features--pin summary>div .ncriptech__about-values .c2a-arw,
.ncriptech__about-values .our--features .features--pin summary>div .c2a-arw,
.our--features .features--pin summary>div .ncriptech__career--realpeople article h5,
.ncriptech__career--realpeople article .our--features .features--pin summary>div h5 {
font-size: 2vw
}
}
.our--features .features--pin summary>div .h6,
.our--features .features--pin summary>div .home--awards .award--container .award--subheading,
.home--awards .award--container .our--features .features--pin summary>div .award--subheading,
.our--features .features--pin summary>div .ncriptech__team .card .--designation,
.ncriptech__team .card .our--features .features--pin summary>div .--designation {
line-height: 1.8
}
@media(min-width: 2500px) {
.our--features .features--pin figure>img {
transform: scale(1.5)
}
}
.box-wiggle {
animation: wiggle 3s linear infinite;
transform-origin: 50% 50%;
-webkit-animation: wiggle 3s linear infinite;
-webkit-transform-origin: 50% 50%
}
.box-wiggle-right {
animation: wiggle-right 3s linear infinite;
transform-origin: 50% 50%;
-webkit-animation: wiggle-right 3s linear infinite;
-webkit-transform-origin: 50% 50%
}
@keyframes wiggle {
0% {
transform: translate(0, 0px)
}
25% {
transform: translate(-6px, 0px)
}
50% {
transform: translate(0, 0px)
}
75% {
transform: translate(-6px, 0px)
}
100% {
transform: translate(0, 0px)
}
}
@keyframes wiggle-right {
0% {
transform: translate(0, 0px)
}
25% {
transform: translate(6px, 0px)
}
50% {
transform: translate(0, 0px)
}
75% {
transform: translate(6px, 0px)
}
100% {
transform: translate(0, 0px)
}
}
.line-draw {
animation: lineDraw 2s linear infinite
}
.line-draw2 {
animation: lineDraw2 2s linear infinite
}
.line-draw3 {
animation: lineDraw3 2s linear infinite
}
.line-draw4 {
animation: lineDraw4 2s linear infinite
}
.line-draw5 {
animation: lineDraw5 2s linear infinite
}
@keyframes lineDraw {
0% {
transform: translate(0, 0)
}
50% {
transform: translate(-16px, 0)
}
100% {
transform: translate(0, 0)
}
}
@keyframes lineDraw2 {
0% {
transform: translate(0, 0)
}
50% {
transform: translate(16px, 0)
}
100% {
transform: translate(0, 0)
}
}
@keyframes lineDraw3 {
0% {
transform: translate(0, 0)
}
50% {
transform: translate(-40px, 0)
}
100% {
transform: translate(0, 0)
}
}
@keyframes lineDraw4 {
0% {
transform: translate(0, 0)
}
20% {
transform: translate(16px, 0)
}
50% {
transform: translate(25px, 0)
}
100% {
transform: translate(0, 0)
}
}
@keyframes lineDraw5 {
0% {
transform: translate(0, 0)
}
20% {
transform: translate(-16px, 0)
}
50% {
transform: translate(-25px, 0)
}
100% {
transform: translate(0, 0)
}
}
.line-draw-top {
animation: lineDrawTop 2s linear infinite
}
@keyframes lineDrawTop {
0% {
transform: translate(0, 0)
}
50% {
transform: translate(-10px, 10px)
}
100% {
transform: translate(0, 0)
}
}
.rotate_ani {
animation: rotateAni 3s linear infinite;
transform-origin: 50% 50%;
-webkit-animation: rotateAni 3s linear infinite;
-webkit-transform-origin: 50% 50%
}
@keyframes rotateAni {
0% {
transform: rotate(0);
transform-origin: 50% 50%
}
50% {
transform: rotate(360deg);
transform-origin: 50% 50%
}
100% {
transform: rotate(360deg);
transform-origin: 50% 50%
}
}
.scale_ani {
animation: crescendo 3s linear infinite
}
@keyframes crescendo {
0% {
transform: scale(1)
}
50% {
transform: scale(1.2)
}
100% {
transform: scale(1)
}
}
.scale_ani2 {
animation: crescendo2 3s linear infinite
}
@keyframes crescendo2 {
0% {
transform: scale(1.1)
}
50% {
transform: scale(1)
}
100% {
transform: scale(1.1)
}
}
.squiggle {
stroke-dasharray: 50;
stroke-dashoffset: 50;
animation: drawtopbottom 3s linear infinite
}
.squiggle-2 {
stroke-dasharray: 20;
stroke-dashoffset: 20;
animation: drawtopbottom 4s linear infinite
}
@keyframes drawtopbottom {
0% {
stroke-dashoffset: 0;
transform: translateY(10px)
}
50% {
stroke-dashoffset: 50;
transform: translateY(0)
}
100% {
stroke-dashoffset: 0;
transform: translateY(10px)
}
}
.ncriptech__inner--paragraphs.new_style .h3_new {
line-height: 1.4;
font-size: max(1.5vw, 1.5rem)
}
@media(max-width: 675px) {
.ncriptech__inner--paragraphs.new_style .h3_new {
font-size: 1.5rem;
line-height: 1.4
}
}
.ncriptech__inner--paragraphs.new_style .h1_new {
line-height: 1.3;
max-width: max(42vw, 40rem);
font-size: max(2vw, 1.8rem)
}
@media(max-width: 675px) {
.ncriptech__inner--paragraphs.new_style .h1_new {
font-size: 22px
}
}
.iti__country-list {
background-color: #000 !important
}
.form-style .inputfile-6+i+label {
width: 100%;
border: 2px solid #cdcdcd;
border-radius: inherit;
display: grid;
grid-template-columns: 1fr auto
}
.form-style .inputfile-6+i+label span {
min-height: 2em;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: .625rem .6rem
}
.form-style .inputfile-6+i+label strong {
border-radius: inherit;
display: grid;
grid-auto-flow: column;
align-items: center;
gap: .5rem;
font-weight: 400;
padding: .625rem .6rem
}
@media(max-width: 575px) {
.logo_img {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 6px
}
}
.logo_img img {
margin-right: 20px
}
/* .logo_img img:nth-child(3) {
margin-right: 5px
}
.logo_img img:nth-child(4) {
margin-right: 5px
} */
@keyframes pulse-ring {
0% {
transform: scale(0.33)
}
80%,
100% {
opacity: 0
}
}
@keyframes pulse-dot {
0% {
transform: scale(0.8)
}
50% {
transform: scale(1)
}
100% {
transform: scale(0.8)
}
}
.gapping_item {
justify-content: space-between
}
@media(max-width: 575px) {
.break_none p br {
display: none
}
}
@media(max-width: 575px) {
.break_none span {
display: inline !important
}
}
@media(max-width: 991px) {
.mobile_adjustment .digital--solutions .st__block {
padding: 1.5rem 1rem
}
}
@media(max-width: 767px) {
.mt_mobile {
padding-top: 1rem !important
}
}
@media(max-width: 767px) {
.pb_mobile {
padding-bottom: 3rem !important
}
}
@keyframes float {
0% {
transform: translatey(0px)
}
30% {
transform: translatey(-30px)
}
100% {
transform: translatey(0px)
}
}
@keyframes float2 {
0% {
transform: translatey(0px)
}
60% {
transform: translatey(-35px)
}
100% {
transform: translatey(0px)
}
}
.svg_color {
stroke: #fff;
stroke-width: 1.5px;
fill: rgba(0, 0, 0, 0)
}
@media(min-width: 769px) {
.ncriptech__tools-and-meeting .ncriptechTool_slider .ncriptech__tools--list {
justify-content: center;
align-items: baseline
}
.ncriptech__tools-and-meeting .ncriptechTool_slider .ncriptech__tools--list.center_vertical {
align-items: center
}
.ncriptech__tools-and-meeting .ncriptechTool_slider .ncriptech__tools--list .pl-2-desktop {
padding-left: 2rem
}
.ncriptech__tools-and-meeting .ncriptechTool_slider .swiper-slide {
width: auto
}
}
@media(max-width: 768px) {
.ncriptech__tools-and-meeting .ncriptechTool_slider .ncriptech__tools--list {
align-items: baseline
}
.ncriptech__tools-and-meeting .ncriptechTool_slider .ncriptech__tools--list figure {
margin-left: 0;
margin-right: 0;
width: 100%
}
.ncriptech__tools-and-meeting .ncriptechTool_slider .ncriptech__tools--list figure.figsize-tall {
margin-left: 0;
margin-right: 0;
width: 100%
}
}
.ncriptech__fixed-and-scroll-content.style--2New.product_style--2New .swiper_horizental_section .swiper_horizental_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1rem
}
@media(max-width: 991px) {
.ncriptech__fixed-and-scroll-content.style--2New.product_style--2New .swiper_horizental_section .swiper_horizental_grid {
grid-template-columns: 1fr 1fr
}
}
@media(max-width: 675px) {
.ncriptech__fixed-and-scroll-content.style--2New.product_style--2New .swiper_horizental_section .swiper_horizental_grid {
grid-template-columns: 1fr
}
}
.ncriptech__fixed-and-scroll-content.style--2New.product_style--2New .swiper_horizental_section .swiper_horizental_grid .swiper-slide {
width: 100%
}
.ncriptech__fixed-and-scroll-content.style--2New.product_style--2New .swiper_horizental_section .swiper_horizental_grid .swiper-slide .card-style-1New .c2a-arw--TR {
width: auto
}
.ncriptech__fixed-and-scroll-content.style--2New.product_style--2New .swiper_horizental_section .swiper_horizental_grid .swiper-slide .card-style-1New>article p {
font-size: 1rem
}
@media(min-width: 2400px) {
.ncriptech__fixed-and-scroll-content.style--2New.product_style--2New .swiper_horizental_section .swiper_horizental_grid .swiper-slide .card-style-1New>article p {
font-size: 1.1rem
}
}
.ncriptech__fixed-and-scroll-content.style--2New.product_style--2New .swiper_horizental_section .swiper_horizental_grid .swiper-slide .card-style-1New>article h5 {
font-size: 1.3rem;
font-weight: 500;
line-height: 1.4
}
@media(min-width: 2400px) {
.ncriptech__fixed-and-scroll-content.style--2New.product_style--2New .swiper_horizental_section .swiper_horizental_grid .swiper-slide .card-style-1New>article h5 {
font-size: 1.4rem
}
}
@media(max-width: 991px) {
.ncriptech__fixed-and-scroll-content.style--2New.product_style--2New .swiper_horizental_section .swiper_horizental_grid .swiper-slide .card-style-1New>article h5 {
font-size: 1.3rem
}
}
@media(max-width: 767px) {
.ncriptech__fixed-and-scroll-content.style--2New.product_style--2New .swiper_horizental_section .swiper_horizental_grid .swiper-slide .card-style-1New>article h5 {
font-size: 1.2rem
}
}
.scroll_img {
position: relative
}
.scroll_img .logo_float {
position: absolute;
right: 7%;
bottom: -3%;
bottom: 0;
max-width: max(22vw, 22rem);
height: auto;
object-fit: contain
}
@media(max-width: 1750px) {
.scroll_img .logo_float {
max-width: 32%
}
}
@media(max-width: 1200px) {
.scroll_img .logo_float {
max-width: 22%
}
}
.solution_width_sec {
max-width: 41ch
}
.brand-middle {
display: grid;
align-items: center
}
.brand-middle>* {
grid-column: 1;
grid-row: 1
}
.ncriptech_gallery_slider .swiper-slide {
height: auto
}
@media(max-width: 599px) {
.ncriptech_gallery_slider .swiper-slide figure {
transition: all .3s ease-in-out;
transform: scale(0.9)
}
.ncriptech_gallery_slider .swiper-slide.swiper-slide-active figure {
transform: scale(1)
}
}
.ncriptech_gallery_slider .swiper-slide figure {
height: 90%
}
.ncriptech_gallery_slider .swiper-slide figure img {
height: 100%;
object-fit: cover;
width: 100%
}
.blog_container .ncriptech__pagination {
color: #fff;
border: 1px solid #fff
}
.blog_container .ncriptech__pagination li.active a,
.blog_container .ncriptech__pagination li.active span {
color: #f7c600
}
#modal--career .alert {
font-size: .8rem;
grid-column: -1/1;
place-content: start;
margin-top: 1rem;
padding: .45rem 1rem;
border-radius: .2rem;
line-height: 2;
text-align: center
}
#modal--career .alert.alert-danger {
background: #fff0f0;
border: 1px solid #d7b0b0
}
.ncriptech--job-search .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #fff;
line-height: 28px;
width: 100%;
background: #141414;
border-color: #141414;
box-shadow: none;
padding-right: 30px
}
.ncriptech--job-search .select2-container {
width: 100% !important
}
@media(max-width: 640px) {
.ncriptech--job-search .select2-container {
width: 86% !important
}
}
.ncriptech--job-search .select2-container--default .select2-selection--single {
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
height: 100%;
padding-block: .6rem
}
.ncriptech--job-search .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
right: 25px
}
@media(max-width: 640px) {
.ncriptech--job-search .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 8px
}
}
.ncriptech--job-search .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 7px 7px 0 7px
}
.ncriptech--job-search .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0 7px 7px 7px
}
.select2-dropdown {
background-color: #141414 !important;
border: 1px solid #7d7d7d !important;
border-radius: 5px
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #141414 !important;
color: #fff !important
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #0235f5 !important;
color: #fff !important
}
.select2-results__option[aria-selected] {
cursor: pointer !important;
color: #fff !important
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa !important;
color: #fff !important;
border-radius: 5px
}
.select2-results__option {
color: rgba(255, 255, 255, .631372549) !important
}
.single-news-content-body{
padding: 1rem 18rem 0rem 18rem;
}
@media(max-width: 640px){
.single-news-content-body{
padding: 1rem 2rem 1rem 2rem;
}
}
/*# sourceMappingURL=style.min.css.map */
.card-style--3New figure img{
transition: all .4s ease-in-out;
}
.card-style--3New:hover figure img{
scale: 1.2;
}
@media only screen and (min-width: 300px) and (max-width: 450px){
.arrow--cta li a {
display: flex;
align-items: center;
gap: .5em;
transform: translateX(0.5em);
transition: transform .3s ease
}
.menu-icon .menu-icon__line {
height: 2px;
width: 30px;
display: block;
background-color: #fff;
margin-bottom: 4px;
transition: transform .2s ease, background-color .5s ease
}
.fullW{
text-align: center !important;
}
.footer--company{
text-align: center;
}
.right_article img{
display: none;
}
.ncriptech__company__brand{
padding-top: 0;
}
.makes__ncriptech-different{
display: none;
}
.ncriptech__swipescroll--block{
display: none;
}
.ncriptech--core-service-grid{
/* display: none; */
}
.ncriptech__leadership--hero{
padding-bottom: 3rem;
}
.ncriptech__inner--hero-4-content{
color: white;
padding: 0rem 0.4rem;
}
.single-news-content-body{
padding: 0rem 1.2rem 0rem 1.2rem ;
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New>article{
gap: 0;
}
.ncriptech--core-service-grid.style--3 .grid .card--desc{
margin-top: 1rem;
}
.mobile-flex-webdev{
display: flex;
gap: 2rem;
}
.ncriptech__fixed-and-scroll-content.style--2New .card-style-1New>article p{
text-align: justify;
}
.ncriptech--core-service-grid.style--3 article>p{
text-align: justify;
}
.award--subheading{
width: 19rem;
}
.award--heading{
width: 19rem;
}
.ncriptech__tools-and-meeting h5{
font-size: 1.5rem;
}
.mobile-contacttext-index-fontsize{
font-size: 1.2rem;
}
header.header-on-scroll::before{
transform: scaleY(1);
}
header::before{
background-color: #000;
}
.ncriptech__fixed-and-scroll-content.style--2New .aside-heading{
margin-bottom: 1.5rem;
}
footer .inner-container>*{
padding-top: 0rem;
}
.big-name{
padding-top: 1rem;
padding-bottom: 2rem;
}
.ncriptech__home--solutions .solution-box__top-heading{
font-size: 1.3rem;
}
.ncriptech__home--solutions{
padding-top: 1rem;
padding-bottom: 1rem !important;
}
.about--recognized-slides{
padding-bottom: 0px !important;
}
.c--grybf{
text-align: justify;
}
.lottie-wrapper img{
display: none;
}
.our--features .features--pin summary>div{
margin-top: 1rem;
}
.our--features-left{
padding-top: 2rem !important;
padding-bottom: 0rem !important;
}
.ncriptech--wecreate h6{
font-size: 1.2rem;
}
.side-by-side-single-product-tiles{
display: flex;
gap: 1rem;
}
.ncriptech__tools-and-meeting .inner-container{
padding-top: 2rem;
}
.ui--accordian.accord-style--3 .accordian-btn{
padding: 1.5em 3.5em 1.5em 0;
}
}
.submit-button-contact-styling{
height: 100%;
width: 250px;
font-size: 1.2rem;
}
/* From Uiverse.io by laminelawal */
.phoneContainer {
width: 185px;
height: 350px;
background-color: black;
border-radius: 20px;
position: relative;
}
.screen {
width: 180px;
height: 340px;
background: rgb(255,196,196);
background: linear-gradient(167deg, rgba(255,196,196,1) 10%, rgba(45,138,253,1) 20%, rgba(34,193,195,1) 48%, rgba(211,216,255,1) 69%, rgba(0,164,24,1) 88%);
border-radius: 20px;
position: absolute;
top: 4px;
bottom: 2px;
right: 2px;
left: 2px;
box-sizing: border-box;
}
.camera {
width: 80px;
background-color: black;
position: absolute;
height: 20px;
top: 4%;
right: 50%;
transform: translate(50%, -50%);
border-radius: 25px;
transition: 0.3s;
animation-name: callTransition;
animation-duration: 1.9s;
animation-direction: alternate;
animation-iteration-count: infinite;
animation-timing-function: ease;
}
@keyframes callTransition {
15% {
width: 40px;
}
95% {
width: 95px;
background-color: darkblue;
}
}
.camera:before {
content: "";
width: 15px;
height: 15px;
background-color: rgb(19, 19, 51);
position: absolute;
border-radius: 50%;
left: 5px;
top: 2px;
}
.camera:after {
content: "";
width: 5px;
height: 5px;
background-color: lightgreen;
position: absolute;
border-radius: 50%;
right: 5px;
top: 6px;
}
.appsContainer {
margin-top: 10px;
position: absolute;
right: 50%;
top: 40%;
transform: translate(50%, -50%);
}
.widgets {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
box-sizing: border-box;
}
.one, .two {
height: 80px;
width: 80px;
background-color: blue;
border-radius: 10px;
cursor: pointer;
}
.two {
background-color: lightblue;
}
.oneApp, .twoApp {
width: 35px;
height: 35px;
background-color: white;
border-radius: 5px;
margin-top: 10px;
}
.apps {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin-top: 15px;
margin-left: 5px;
}
.menuBar {
display: flex;
border-radius: 20px;
position: absolute;
bottom: -70px;
}
.menuBar .twoApp:not(:last-child) {
margin-right: 10px;
}
.menuBar::before {
content: "";
position: absolute;
width: 50px;
height: 13px;
background-color: lightgray;
border: none;
border-radius: 20px;
top: -5px;
right: 50%;
transform: translate(50%, -50%);
}
.menuBar::before {
content: "°°°°°°";
position: absolute;
display: flex;
justify-content: center;
font-size: 18px;
font-weight: bolder;
color: gray;
}
text-center{
text-align: center;
}
.features-container-1 {
display: grid;
grid-template-columns: repeat(2, 1fr); /* 2 items per row */
gap: 20px; /* Space between grid items */
margin-top: 2rem;
margin-bottom: 4rem;
}
.about-img-set{
width: 70px;
height: 70px;
}