@font-face{
font-family: "CCSignLanguage Regular";
src: url(//n2.help/wp-content/themes/n2-help-solutions/assets/fonts/e0b3967aaed1ed967bc7735e63686bb5.eot);
src: url(//n2.help/wp-content/themes/n2-help-solutions/assets/fonts/e0b3967aaed1ed967bc7735e63686bb5.eot?#iefix)format("embedded-opentype"),
url(//n2.help/wp-content/themes/n2-help-solutions/assets/fonts/e0b3967aaed1ed967bc7735e63686bb5.woff)format("woff"),
url(//n2.help/wp-content/themes/n2-help-solutions/assets/fonts/e0b3967aaed1ed967bc7735e63686bb5.woff2)format("woff2"),
url(//n2.help/wp-content/themes/n2-help-solutions/assets/fonts/e0b3967aaed1ed967bc7735e63686bb5.ttf)format("truetype"),
url(//n2.help/wp-content/themes/n2-help-solutions/assets/fonts/e0b3967aaed1ed967bc7735e63686bb5.svg#CCSignLanguage Regular)format("svg");
font-weight:normal;
font-style:normal;
font-display:swap;
}
:root { --primary-color: #292e35;
--secondary-color: #f2f2f2;
--text-color: #333333;
--background-color: #faf2df;
--accent-color: #23b5d3;
--focus-color: #0056b3;
--hover-bg-color: #e8f4ff;
--white-color: #ffffff;
--outline-text: #292e3536;
--beige-color: #f9ecce;
--outsourcing-blue: #e2f5f9;
--outline-text-white: #faf2df4d;
--outline-fill-color: #2c2c34;
--footer-linear-gradient: linear-gradient(
0deg,
rgba(250, 242, 223, 0),
rgba(148, 143, 132, 0.13)
);
--primary-gradient: linear-gradient(90deg, #23b5d3 0%, #f0ba4c 100%);
--description-linear-gradient: linear-gradient(
180deg,
#23b5d3 0%,
#f3ba4b 100%
);
--description-linear-webkit-gradient: -webkit-linear-gradient(
#faf2df,
#23b5d3,
#f3ba4b
); --n2-blog-artice-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; --font-hero-lg: 64px;
--font-hero-md: 56px;
--font-hero-sm: 40px;
--font-h1-lg: 56px;
--font-h1-md: 48px;
--font-h1-sm: 40px;
--font-h1-xs: 20px;
--font-h2-lg: 48px;
--font-h2-md: 40px;
--font-h2-sm: 32px;
--font-h2-xs: 20px;
--font-h3-lg: 32px;
--font-h3-md: 32px;
--font-h3-sm: 24px;
--font-h4-lg: 24px;
--font-h4-md: 24px;
--font-h4-sm: 20px;
--font-h5: 16px; --line-hero-lg: 72px;
--line-hero-md: 64px;
--line-hero-sm: 48px;
--line-h1-lg: 64px;
--line-h1-md: 56px;
--line-h1-sm: 48px;
--line-h1-xs: 30px;
--line-h2-lg: 56px;
--line-h2-md: 48px;
--line-h2-sm: 40px;
--line-h2-xs: 20px;
--line-h3-lg: 40px;
--line-h3-md: 40px;
--line-h3-sm: 32px;
--line-h4-lg: 32px;
--line-h4-md: 32px;
--line-h4-sm: 24px;
--line-h5: 24px; --font-weight-400: 400;
--font-weight-500: 500;
--font-weight-600: 600;
--font-weight-700: 700; --spacing-lg: 160px;
--spacing-md: 80px;
--spacing-sm: 80px; --font-family: "Arial", sans-serif;
--font-outfit: "Outfit", sans-serif;
--font-css-sign-language: "CCSignLanguage Regular";
} @keyframes fadeInItem {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.animation-item-opacity {
opacity: 0;
}
.animation-item-opacity.in-view {
animation: fadeInItem ease 2s;
opacity: 1;
}
@keyframes fadeIn {
0% {
transform: translate(0px, 100px);
opacity: 0;
}
100% {
transform: translate(0px, 0);
opacity: 1;
}
}
.animation-item {
opacity: 0;
}
.animation-item.in-view {
animation: fadeIn ease 1s;
opacity: 1;
}
@keyframes slideDown {
from {
transform: scaleY(0);
}
to {
transform: scaleY(1);
}
}
.animation-item-fade-down {
opacity: 0;
}
.animation-item-fade-down.in-view {
animation: slideDown ease-in-out 0.5s;
opacity: 1;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translateX(300px);
}
to {
opacity: 1;
}
}
.animation-item-fade-right {
opacity: 0;
}
.animation-item-fade-right.in-view {
animation: fadeInRight ease-in-out 1s;
opacity: 1;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translateX(-300px);
}
to {
opacity: 1;
}
}
.animation-item-fade-left {
opacity: 0;
}
.animation-item-fade-left.in-view {
animation: fadeInLeft ease-in-out 1s;
opacity: 1;
} * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: var(--background-color);
font-family: var(--font-family);
color: var(--text-color);
line-height: 1.6;
}
body {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/bg-dots.svg);
}
main {
overflow-x: hidden;
}
section {
width: 100%;
}
h1,
h2,
h3,
h4,
h5 {
color: var(--text-color);
margin-bottom: 16px;
}
h1 {
font-size: var(--font-h1-lg);
line-height: var(--line-h1-lg);
font-weight: var(--font-weight-700);
}
h2 {
font-size: var(--font-h2-lg);
line-height: var(--line-h2-lg);
font-weight: var(--font-weight-700);
}
h3 {
font-size: var(--font-h3-lg);
line-height: var(--line-h3-lg);
font-weight: var(--font-weight-700);
}
h4 {
font-size: var(--font-h4-lg);
line-height: var(--line-h4-lg);
font-weight: var(--font-weight-700);
}
h5 {
font-size: var(--font-h5);
line-height: var(--line-h5);
font-weight: var(--font-weight-700);
}
p {
font-size: 16px;
line-height: 24px;
color: var(--text-color);
}
a {
color: var(--primary-color);
text-decoration: none;
}
ul {
list-style: none;
padding: 0;
}
button.btn {
height: 54px;
border-radius: 30px;
padding: 0 24px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.3s;
}
.btn.btn-border-color {
position: relative;
display: inline-block;
font-family: var(--font-outfit);
font-size: 16px;
font-weight: var(--font-weight-400);
line-height: 18px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 0;
background: var(--white-color);
border: none;
height: 54px;
border-radius: 30px;
padding: 0 24px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s;
}
.btn.btn-border-color::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 30px;
padding: 2px;
background: var(--primary-gradient);
-webkit-mask: linear-gradient(var(--white-color) 0 0) content-box,
linear-gradient(var(--white-color) 0 0);
mask: linear-gradient(var(--white-color) 0 0) content-box,
linear-gradient(var(--white-color) 0 0);
mask-composite: exclude;
z-index: -1;
}
.btn.btn-border-color:hover {
background: var(--primary-gradient);
color: white;
}
.btn.btn-linear-color {
width: 196px;
padding: 0;
height: 54px;
background: var(--primary-gradient);
border: none;
font-family: var(--font-outfit);
font-size: 16px;
font-weight: var(--font-weight-700);
line-height: 18px;
text-align: center;
color: var(--white-color);
text-underline-position: from-font;
text-decoration-skip-ink: none;
height: 54px;
border-radius: 30px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
}
.btn.btn-linear-color:hover {
color: var(--primary-color);
border-radius: 30px;
background: linear-gradient(#ffffff, #ffffff) padding-box,
var(--primary-gradient) border-box;
border: 2px solid transparent;
transition: border-color 0.3s ease;
}
.btn.btn-black {
height: 66px;
padding: 0 36px;
border-radius: 40px;
background-color: var(--primary-color);
font-family: var(--font-outfit);
font-size: 18px;
font-weight: var(--font-weight-700);
line-height: 18px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--background-color);
border: 2px solid var(--primary-color);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.3s;
position: relative;
}
.pagination {
margin-top: 50px;
}
.pagination .btn-black {
height: fit-content;
font-weight: var(--font-weight-400);
padding: 10px 15px;
cursor: pointer;
}
.btn.btn-black:hover,
.pagination .current span {
background-color: var(--white-color);
color: var(--primary-color);
border: 2px solid var(--primary-color);
}
.btn.btn-outline-black {
height: 66px;
padding: 0 36px;
border-radius: 36.55px;
border: 2px solid var(--primary-color);
background-color: var(--white-color);
font-family: var(--font-outfit);
font-size: 18px;
font-weight: var(--font-weight-700);
line-height: 18px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.3s;
position: relative;
}
.btn.btn-outline-black:hover {
color: var(--background-color);
background-color: var(--primary-color);
} .video-section{
margin-top: var(--spacing-md);
margin-left: auto;
margin-right: auto;
max-width: 1440px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.video-section .container-video iframe{
border: none;
padding: 4px;
background: var(--primary-gradient);
border-radius: 16px;
border-radius: 16px;
z-index: -1;
}
.video-section iframe {
border-radius: 16px;
} header {
position: sticky;
top: 20px;
max-width: 1280px;
height: 80px;
margin: 40px auto;
padding: 15px 30px 15px 30px;
gap: 0px;
display: flex;
align-items: center;
border-radius: 40px;
background-color: var(--white-color);
box-shadow: 0px 10px 30px 0px #292e3521;
z-index: 9999;
}
body:has(#wpadminbar) header {
top: 40px;
}
header .container {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.hamburger-menu-container {
display: none;
}
.hamburger-menu-container .hamburger-menu-close{
-webkit-tap-highlight-color: transparent;
user-select: none;
}
.show-ham {
visibility: visible;
}
.header-actions {
display: flex;
align-items: center;
gap: 32px;
}
header .logo {
width: 104.62px;
height: 50px;
}
header nav ul {
list-style: none;
display: flex;
gap: 33px;
}
header nav ul li {
position: relative;
}
header nav ul li a {
font-family: var(--font-outfit);
font-size: 18px;
font-weight: var(--font-weight-500);
line-height: 18px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
header a{
-webkit-tap-highlight-color: transparent;
user-select: none;
}
.dropdown li {
margin-bottom: 10px;
}
.dropdown li:last-child {
margin-bottom: 0px;
}
header nav ul li .dropdown,
#language-selector .dropdown,
#language-selector-ham .dropdown {
display: none;
position: absolute;
background-color: var(--white-color);
padding: 10px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
header nav ul li:hover .dropdown,
#language-selector:hover .dropdown,
#language-selector-ham:hover .dropdown {
display: block;
background-color: var(--white-color);
padding: 15px 30px;
border-radius: 25px;
box-shadow: 0px 10px 30px 0px rgba(41, 46, 53, 0.13);
width: max-content;
}
#language-selector,
#language-selector-ham {
border: none;
background: transparent;
font-family: var(--font-outfit);
font-size: 18px;
font-weight: var(--font-weight-500);
line-height: 18px;
text-align: center;
color: var(--primary-color);
text-underline-position: from-font;
text-decoration-skip-ink: none;
width: 80px;
}
#language-selector a,
#language-selector-ham a {
display: flex;
align-items: center;
gap: 10px;
}
#language-selector .flag,
#language-selector-ham .flag {
width: 23px;
height: 15px;
}
header .hamburger-menu {
display: none;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
user-select: none;
} .hero {
width: 100%;
margin: auto auto;
margin-top: 66px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
}
.hero-heading-container {
position: relative;
width: 100%;
padding: 50px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/shape.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 883.47px 300.57px;
z-index: -2;
}
.hero h2 {
font-family: var(--font-outfit);
font-size: 270px;
font-weight: var(--font-weight-700);
top: 80px;
left: 50px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
z-index: -1;
color: var(--background-color);
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.hero h2.heading-text-center {
font-size: 300px;
transform: translate(-50%, 50%);
left: 50%;
}
.hero h1 {
font-size: var(--font-hero-lg);
line-height: var(--line-hero-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
padding-left: 25px;
padding-right: 25px;
}
.hero h1 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.hero p {
font-family: var(--font-outfit);
font-size: 24px;
font-weight: var(--font-weight-400);
line-height: 32px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
width: 919px;
align-self: center;
margin-top: -20px;
}
.hero-actions {
margin-top: 40px;
display: flex;
align-items: center;
gap: 24px;
} @keyframes marquee {
to {
transform: translateX(-20%);
}
}
@keyframes marquee-2 {
to {
transform: translateX(10%);
}
}
.clients {
position: relative;
margin: 20px auto;
padding-top: 60px;
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 1;
}
.clients h2 {
font-family: var(--font-outfit);
font-size: 300px;
font-weight: var(--font-weight-700);
line-height: 18px;
text-align: center;
bottom: 90px;
text-underline-position: from-font;
text-decoration-skip-ink: none;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
color: var(--background-color);
opacity: 0.3;
position: absolute;
width: max-content;
}
.clients .inner-section {
height: 120px;
width: 100%;
white-space: nowrap;
transform: translate3d(0, 0, 0);
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 60px;
}
@keyframes slideLeft {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
@keyframes slideRight {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0%);
}
}
.clients .inner-section .top-inner,
.clients .inner-section .bottom-inner {
overflow: hidden;
white-space: nowrap;
position: relative;
}
.clients .inner-section .top-inner:before,
.clients .inner-section .top-inner:after,
.clients .inner-section .bottom-inner:before,
.clients .inner-section .bottom-inner:after {
position: absolute;
top: 0;
width: 250px;
height: 100%;
content: "";
z-index: 2;
}
.clients .inner-section .top-inner:before,
.clients .inner-section .bottom-inner:before {
left: 0;
}
.clients .inner-section .top-inner:after,
.clients .inner-section .bottom-inner:after {
right: 0;
}
.clients .inner-section .top-inner .marquee {
display: inline-block;
animation: 60s slideLeft infinite linear;
}
.clients .inner-section .bottom-inner .marquee {
display: inline-block;
animation: 60s slideRight infinite linear;
}
.clients .inner-section .top-inner .marquee li,
.clients .inner-section .bottom-inner .marquee li {
height: 36px;
margin: 0 40px;
display: inline-block;
}
.clients .inner-section .top-inner .marquee li img,
.clients .inner-section .bottom-inner .marquee li img {
height: 100%;
} .features {
width: 100%;
margin-top: 160px;
overflow: hidden;
}
.features .fatures-heading-container {
width: 100%;
padding: 110px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/features-shape.svg);
background-repeat: no-repeat;
background-position: 45% center;
background-size: 850.83px auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.features .fatures-heading-container h2 br {
display: none;
}
.features .fatures-heading-container h2 {
font-size: var(--font-h2-lg);
line-height: var(--line-h2-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
}
.features .fatures-heading-container h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.features .fatures-heading-container p {
font-family: var(--font-outfit);
font-size: 24px;
font-weight: var(--font-weight-400);
line-height: 32px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
}
.features .grid-container {
max-width: 1280px;
margin: 0 auto;
height: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 24px;
}
.features .grid-container .item {
padding: 2px;
width: 100%;
height: 100%;
border-radius: 32px;
background: var(--primary-gradient);
}
.features .grid-container .item img {
max-width: 122px;
width: 100%;
}
.features .grid-container .item .inner {
border-radius: 30px;
width: 100%;
height: 100%;
background: var(--background-color);
}
.features .grid-container .item .inner .content {
padding: 24px;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 40px;
border-radius: 30px;
width: 100%;
height: 100%;
background: #ffffff80;
}
.features .grid-container .item.item-3 .inner .content {
flex-direction: column;
gap: 40px;
align-items: start;
justify-content: center;
}
.features .grid-container .item.item-2 .inner .content h4 br {
display: none;
}
.features .grid-container .item .inner .content .item-content {
display: flex;
flex-direction: column;
gap: 8px;
}
.features .grid-container .item .inner .content .item-content h4 {
font-family: var(--font-outfit);
font-size: var(--font-h4-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h4-lg);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
margin-bottom: 0;
}
.features .grid-container .item .inner .content .item-content p {
font-family: var(--font-outfit);
font-size: 16px;
font-weight: var(--font-weight-400);
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
}
.features .grid-container .item-1 {
grid-column: span 2 / span 2;
}
.features .grid-container .item-2 {
grid-column: span 2 / span 2;
grid-column-start: 3;
}
.features .grid-container .item-3 {
width: 304px;
grid-row: span 2 / span 2;
grid-row-start: 2;
}
.features .grid-container .item-4 {
width: 518px;
grid-column: span 2 / span 2;
grid-row-start: 2;
}
.features .grid-container .item-5 {
width: 410px;
grid-column-start: 4;
grid-row-start: 2;
}
.features .grid-container .item-6 {
grid-column: span 3 / span 3;
grid-column-start: 2;
grid-row-start: 3;
} .outsourcing-section {
width: 100%;
margin-top: 160px;
position: relative;
}
.outsourcing-section .outsourcing-section-heading {
width: 100%;
padding: 80px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/outsourcing-shape.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
display: flex;
justify-content: center;
align-items: center;
}
.outsourcing-section .outsourcing-section-heading h2 {
font-family: var(--font-outfit);
font-size: var(--font-h2-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h2-lg);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
max-width: 1002px;
padding-left: 25px;
padding-right: 25px;
}
.outsourcing-section .outsourcing-section-heading h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.outsourcing-container,
.outsourcing-container .outsourcing-container-man,
.outsourcing-container .outsourcing-container-woman {
width: 100%;
display: flex;
align-items: center;
}
.outsourcing-container {
gap: 30px;
max-width: 1440px;
margin: 12px auto 0 auto;
}
.outsourcing-container .outsourcing-container-woman {
justify-content: flex-end;
}
.outsourcing-container .outsourcing-container-man img,
.outsourcing-container .outsourcing-container-woman img {
width: 290px;
height: 290px;
position: relative;
}
.outsourcing-container .outsourcing-container-man img {
left: -40px;
}
.outsourcing-container .outsourcing-container-woman img {
right: -40px;
}
.outsourcing-container .outsourcing-container-man div,
.outsourcing-container .outsourcing-container-woman div {
padding: 48px;
border-radius: 30px;
display: flex;
flex-direction: column;
gap: 24px;
}
.outsourcing-container .outsourcing-container-man div {
background-color: var(--beige-color);
}
.outsourcing-container .outsourcing-container-woman div {
background-color: var(--outsourcing-blue);
}
.outsourcing-container .outsourcing-container-man div h3,
.outsourcing-container .outsourcing-container-woman div h3 {
font-family: var(--font-outfit);
font-size: var(--font-h3-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h3-lg);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
margin-bottom: 0;
}
.outsourcing-container .outsourcing-container-man div ul,
.outsourcing-container .outsourcing-container-woman div ul {
list-style: unset;
}
.outsourcing-container .outsourcing-container-man div ul li,
.outsourcing-container .outsourcing-container-woman div ul li {
font-family: var(--font-outfit);
font-size: 16px;
font-weight: var(--font-weight-400);
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
margin: 10px 0;
} .players {
width: 100%;
margin-top: 160px;
position: relative;
overflow: hidden;
max-width: 1440px;
margin-right: auto;
margin-left: auto;
background: url(//n2.help/wp-content/themes/n2-help-solutions/assets/features-shape.svg);
background-repeat: no-repeat;
background-size: 1000px;
background-position: 50px 0;
}
.players .players-heading-container {
padding-top: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 32px;
position: relative;
}
.players .players-heading-container h2 {
font-family: var(--font-outfit);
font-size: var(--font-h2-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h2-lg);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
max-width: 1062px;
color: var(--primary-color);
padding-top: 70px;
z-index: 1;
}
.players .players-heading-container h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.players .players-heading-container p {
font-family: var(--font-outfit);
font-size: 24px;
font-weight: var(--font-weight-400);
line-height: 32px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
z-index: 1;
}
.players .players-heading-container h3 {
font-family: var(--font-outfit);
font-size: 300px;
font-weight: var(--font-weight-700);
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
bottom: 30px;
transform: translate(-2%, -50%);
color: var(--background-color);
z-index: 0;
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.players .items-container {
display: flex;
align-items: center;
justify-content: center;
gap: 80px;
flex-direction: column;
max-width: 1062px;
margin: 70px auto 0 auto;
z-index: 1;
position: relative;
}
.players .items-container .item {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.players .items-container .item .img-container {
width: 410px;
height: 410px;
border-radius: 30px;
}
.players .items-container .item .img-container img {
width: 410px;
height: 410px;
}
.players .items-container .item .players-content-container {
width: 410px;
border-radius: 30px;
position: relative;
}
.players .items-container .item .players-content-container::before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
background: var(--primary-gradient);
border-radius: inherit;
--m: conic-gradient(#000 0 0);
mask: var(--m) content-box exclude, var(--m);
pointer-events: none;
}
.players .items-container .item .players-content-container .inner {
width: 100%;
height: 100%;
border-radius: 30px;
}
.players .items-container .item .players-content-container .inner .content {
width: 100%;
height: 100%;
border-radius: 30px;
background: #ffffff80;
display: flex;
gap: 40px;
padding: 40px;
flex-direction: column;
}
.players .items-container .item img {
width: 120px;
}
.players .items-container .item .players-content-container .inner .content img {
display: none;
}
.players .items-container .item .players-content-container .inner .content h3 {
font-family: var(--font-outfit);
font-size: var(--font-h3-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h3-lg);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
margin-bottom: 0;
}
.players .items-container .item .players-content-container .inner .content p {
font-family: var(--font-outfit);
font-size: 16px;
font-weight: var(--font-weight-400);
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
}
.players
.items-container
.item
.players-content-container
.inner
.content
.btn.btn-black {
width: 247px;
height: 66px;
font-size: 16px;
line-height: 18px;
}
.players .items-container .item .players-arrow {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/players-arrow-desktop.svg);
}
.players .items-container .item .players-arrow,
.players .items-container .item .players-arrow-2 {
background-size: auto 326px;
position: absolute;
background-repeat: no-repeat;
width: 50px;
height: 326px;
left: 46%;
top: 280px;
z-index: 1;
}
.players .items-container .item .players-arrow-2 {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/players-arrow-desktop-2.svg);
left: 127%;
} .numbers {
width: 100%;
margin-top: 160px;
position: relative;
}
.numbers .numbers-heading-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
}
.numbers .numbers-heading-container h3 {
font-family: var(--font-outfit);
font-size: 300px;
font-weight: var(--font-weight-700);
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
left: -30px;
bottom: -10px;
color: var(--background-color);
z-index: 0;
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.numbers .grid-container {
max-width: 1360px;
margin: auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
row-gap: 24px;
column-gap: 24px;
position: relative;
z-index: 0;
padding: 0 40px;
}
.numbers-item {
display: flex;
justify-content: center;
align-items: center;
border-radius: 30px;
text-align: center;
min-height: 294px;
max-width: 302px;
width: 100%;
margin: auto;
}
.numbers .numbers-item .item {
max-width: 250px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.numbers .numbers-item .item p {
max-width: 178px;
}
.numbers-item h2 {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-size: 90px;
line-height: 90px;
font-family: var(--font-css-sign-language);
font-weight: var(--font-weight-400);
text-align: center;
}
.numbers .numbers-item .item span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-size: 48px;
line-height: 90px;
font-weight: var(--font-weight-400);
font-family: var(--font-css-sign-language);
text-align: center;
}
.numbers-item p {
font-family: var(--font-outfit);
font-size: 21px;
font-weight: var(--font-weight-500);
line-height: 30px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
text-align: center;
}
.numbers .grid-container .numbers-item:nth-child(odd) {
background-color: rgba(35, 181, 211, 0.13);
}
.numbers .grid-container .numbers-item:nth-child(even) {
background-color: rgba(240, 186, 76, 0.13);
} .digital-transformation {
margin-top: 160px;
background: url(//n2.help/wp-content/themes/n2-help-solutions/assets/digital-transformation-shape.svg);
background-repeat: no-repeat;
background-position: left top;
padding: 80px 0 0 80px;
position: relative;
max-width: 1440px;
margin-right: auto;
margin-left: auto;
}
.digital-transformation h3 {
font-family: var(--font-outfit);
font-size: 300px;
font-weight: var(--font-weight-700);
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
right: -41px;
bottom: 79px;
color: var(--background-color);
z-index: -1;
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.digital-transformation h2 {
font-family: var(--font-outfit);
font-size: var(--font-h2-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h2-lg);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
max-width: 947px;
}
.digital-transformation h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.digital-transformation .items-container {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 50px;
}
.digital-transformation .items-container .items-image {
margin-right: -60px;
}
.digital-transformation .items-container .items {
max-width: 737px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 24px;
}
.digital-transformation .items-container .items .btn.btn.btn-black {
margin-top: 24px;
}
.digital-transformation .items-container .items .accordion {
height: 82px;
background-color: #dcd7c7;
padding: 2px;
border-radius: 32px;
border: none;
cursor: pointer;
width: 100%;
transition: all 0.2s ease-in-out;
-webkit-tap-highlight-color: transparent;
user-select: none;
}
.digital-transformation .items-container .items .accordion.active {
height: 100%;
background: var(--primary-gradient);
border-radius: 32px;
transition: all 0.2s ease-in-out;
}
.digital-transformation .items-container .items .accordion .content {
width: 100%;
height: 100%;
background-color: var(--white-color);
border-radius: 30px;
padding: 25px 36px;
transition: all 0.2s ease-in-out;
}
.digital-transformation .items-container .items .accordion.active .content {
background-color: #fcfaf6;
border-radius: 30px;
transition: all 0.2s ease-in-out;
}
.digital-transformation .items-container .items .accordion .content .wrapper {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
transition: all 0.2s ease-in-out;
}
.digital-transformation
.items-container
.items
.accordion
.content
.wrapper
.title-container {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.digital-transformation
.items-container
.items
.accordion
.content
.wrapper
.title-container
.title {
font-family: var(--font-outfit);
font-size: 22px;
font-weight: var(--font-weight-700);
line-height: 28px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
margin-bottom: 0;
}
.digital-transformation
.items-container
.items
.accordion
.content
.wrapper
.title-container
div {
height: 32px;
width: 32px;
min-height: 32px;
min-width: 32px;
display: flex;
justify-content: center;
align-items: center;
background-color: #f6f0e3;
border-radius: 50%;
}
.digital-transformation
.items-container
.items
.accordion.active
.content
.wrapper
.title-container
div {
display: none;
transition: all 0.2s ease-in-out;
}
.digital-transformation .items-container .items .accordion.active .content {
display: flex;
align-items: center;
gap: 8px;
transition: all 0.2s ease-in-out;
}
.digital-transformation .items-container .items .accordion .content .acc-close {
display: none;
}
.digital-transformation
.items-container
.items
.accordion.active
.content
.acc-close
i {
font-size: 17px;
color: var(--white-color);
}
.digital-transformation
.items-container
.items
.accordion.active
.content
.acc-close {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--primary-color);
height: 32px;
width: 32px;
min-height: 32px;
min-width: 32px;
border-radius: 50%;
}
.digital-transformation
.items-container
.items
.accordion.active
.content
.acc-close {
color: var(--white-color);
}
.digital-transformation
.items-container
.items
.accordion
.content
.wrapper
.acc-description {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-in-out;
max-width: 597px;
}
.digital-transformation
.items-container
.items
.accordion
.content
.wrapper
.acc-description
p {
margin-top: 16px;
font-family: var(--font-outfit);
font-size: 18px;
font-weight: var(--font-weight-400);
line-height: 30px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
} .services {
margin-top: 160px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.services .grid-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin: auto;
align-items: center;
max-width: 1360px;
padding: 0 40px;
justify-content: space-between;
width: 100%;
}
.services .grid-container .service-item {
margin: auto;
}
.services .grid-container img {
margin: auto;
}
.services .grid-container img:nth-child(1) {
max-width: 270px;
width: 100%;
}
.services .grid-container img:nth-child(2) {
max-width: 310px;
width: 100%;
}
.services .grid-container img:nth-child(3) {
max-width: 201px;
width: 100%;
}
.services .grid-container img:nth-child(4) {
max-width: 282px;
width: 100%;
} .reviews {
margin-top: 160px;
width: 100%;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/reviews-cloud.svg);
background-repeat: no-repeat;
background-position: center top;
z-index: 0;
padding-top: 70px;
}
.reviews-heading-container {
position: relative;
width: 100%;
}
.reviews h3 {
font-family: var(--font-outfit);
font-size: 250px;
font-weight: var(--font-weight-700);
position: absolute;
bottom: -80px;
right: -47px;
color: var(--background-color);
z-index: -1;
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.review-text-top h3 {
bottom: 40px;
right: 0;
left: -20px;
}
.reviews h2 {
font-size: var(--font-h2-lg);
line-height: var(--line-h2-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
}
.reviews h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.reviews .grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
margin: auto;
padding: 80px 40px 50px 40px;
max-width: 1360px;
width: 100%;
justify-content: space-between;
gap: 26px;
}
.reviews .grid-container .item {
max-width: 410px;
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
position: relative;
padding: 40px;
border-radius: 30px;
position: relative;
gap: 24px;
}
.reviews .grid-container .item::before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
background: var(--primary-gradient);
border-radius: inherit;
--m: conic-gradient(#000 0 0);
mask: var(--m) content-box exclude, var(--m);
pointer-events: none;
}
@supports (background: var(--primary-gradient)) {
.reviews .grid-container .item::before {
background: var(--primary-gradient);
}
}
.reviews .grid-container .item .name-image-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
}
.reviews .grid-container .item .name-image-container img {
max-width: 80px;
border-radius: 50%;
width: 100%;
}
.reviews .grid-container .item p {
text-align: center;
margin-bottom: 0;
font-size: var(--font-h5-lg);
line-height: var(--line-h5-lg);
font-weight: var(--font-weight-400);
color: var(--primary-color);
font-family: var(--font-outfit);
}
.reviews .grid-container .item p:first-child {
font-weight: var(--font-weight-700);
font-size: var(--font-h4-lg);
line-height: var(--line-h4-lg);
}
.reviews .grid-container .item .description {
text-align: center;
margin-bottom: 0;
font-size: var(--font-h5);
line-height: var(--line-h5);
font-weight: var(--font-weight-400);
color: var(--primary-color);
font-family: var(--font-outfit);
} .learnMore {
margin-top: 160px;
width: 100%;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/learn-more-cloud.svg);
background-repeat: no-repeat;
background-position: left top;
z-index: 0;
padding-top: 70px;
padding-bottom: 110px;
}
.learnMore-heading-container {
position: relative;
width: 100%;
}
.learnMore h3 {
font-family: var(--font-outfit);
font-size: 300px;
font-weight: var(--font-weight-700);
position: absolute;
bottom: 30px;
left: 40px;
color: var(--background-color);
z-index: -1;
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.learnMore h2 {
font-size: var(--font-h1-lg);
line-height: var(--line-h1-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
}
.learnMore h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.learnMore .learnMore-heading-container .title-texts-container {
display: flex;
flex-direction: row;
margin: auto;
padding: 0px 40px 0px 40px;
max-width: 1360px;
width: 100%;
align-items: center;
gap: 25px;
}
.learnMore .learnMore-heading-container .title-texts-container .h1-container {
max-width: 518px;
width: 100%;
}
.learnMoreSpan {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
font-weight: var(--font-weight-500);
color: var(--primary-color);
display: none;
text-align: center;
font-family: var(--font-outfit);
margin-bottom: 15px;
margin-top: 25px;
}
.learnMore .learnMore-heading-container .texts-btn-container {
display: flex;
flex-direction: row;
gap: 25px;
width: 100%;
}
.learnMore .learnMore-heading-container .texts-btn-container .texts-container {
max-width: 411px;
width: 100%;
}
.learnMore .learnMore-heading-container .texts-btn-container .text-btn {
display: flex;
flex-direction: column;
gap: 32px;
max-width: 302px;
width: 100%;
}
.learnMore .learnMore-heading-container .texts-btn-container h4 {
margin-bottom: 32px;
font-size: var(--font-h4-lg);
line-height: var(--line-h4-lg);
font-weight: var(--font-weight-600);
color: var(--primary-color);
}
.learnMore .learnMore-heading-container .texts-btn-container .text-btn p {
font-family: var(--font-outfit);
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.custom-list {
list-style-type: none;
padding-left: 0;
margin-top: 10px;
}
.custom-list-item {
margin-bottom: 15px;
padding-left: 20px;
position: relative;
font-size: var(--font-h5);
line-height: var(--line-h5);
font-weight: var(--font-weight-400);
color: var(--primary-color);
}
.custom-list-item::before {
content: "•";
position: absolute;
left: 0;
top: 0;
font-size: 16px;
color: #292e35;
}
.learnMoreBtn {
height: 66px;
padding: 0 36px;
border-radius: 40px;
background-color: var(--primary-color);
font-family: var(--font-outfit);
font-size: 18px;
font-weight: var(--font-weight-700);
line-height: 18px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--background-color);
width: fit-content;
border: none;
}
.learnMoreBtn:hover {
background-color: var(--white-color);
color: var(--primary-color);
border: 2px solid var(--primary-color);
} .team {
margin-top: 160px;
display: flex;
flex-direction: column;
gap: 32px;
}
.team .marquee,
.team .marquee-2 {
overflow: hidden;
white-space: nowrap;
position: relative;
}
@keyframes slide {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.team .marquee .marquee__slider {
display: inline-block;
animation: 60s slide infinite linear;
width: 100%;
}
.team .marquee .marquee__slider img {
height: 320px;
width: 187px;
margin: 0 16px;
}
@keyframes slide-2 {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0%);
}
}
.team .marquee-2 .marquee__slider {
display: inline-block;
animation: 60s slide-2 infinite linear;
width: 100%;
}
.team .marquee-2 .marquee__slider img {
height: 320px;
width: 187px;
margin: 0 16px;
}
.team-btn-container {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 16px;
} .join-us {
margin-top: 160px;
position: relative;
width: 100%;
height: 496px;
}
.join-us img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 0;
}
.join-us .contetn-container {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 32px;
padding-left: 40px;
padding-right: 40px;
}
.join-us h3 {
font-size: var(--font-h3-lg);
line-height: var(--line-h3-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
margin-bottom: 0px;
}
.join-us h3 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.join-us p {
font-family: var(--font-outfit);
font-size: 18px;
font-weight: var(--font-weight-500);
line-height: 24px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
max-width: 689px;
z-index: 1;
}
.join-us button {
z-index: 1;
margin-top: 16px;
}
.join-us a {
z-index: 1;
margin-top: 16px;
}
.join-us h4 {
font-family: var(--font-outfit);
font-size: 270px;
width: 100%;
font-weight: var(--font-weight-700);
position: absolute;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--background-color);
z-index: 0;
mix-blend-mode: normal;
opacity: 0.2;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
} .discover-expertise {
margin-top: 160px;
max-width: 1360px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 80px;
padding-left: 40px;
padding-right: 40px;
overflow: hidden;
}
.discover-expertise h2 {
font-size: var(--font-h2-lg);
line-height: var(--line-h2-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
}
.discover-expertise h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.discover-expertise .items-container .grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 72px;
}
.discover-expertise .items-container .grid-container .item {
max-width: 379px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: relative;
padding: 40px;
border-radius: 30px;
background-color: #ffffff80;
position: relative;
gap: 24px;
}
.discover-expertise .items-container .grid-container .item::before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
background: var(--primary-gradient);
border-radius: inherit;
--m: conic-gradient(#000 0 0);
mask: var(--m) content-box exclude, var(--m);
pointer-events: none;
}
.discover-expertise .items-container .grid-container .item .title-container {
display: flex;
align-items: center;
gap: 40px;
width: 100%;
}
.discover-expertise
.items-container
.grid-container
.item
.title-container
img {
width: 68px;
height: 68px;
}
.discover-expertise .items-container .grid-container .item .title-container h3 {
font-family: var(--font-outfit);
font-size: var(--font-h3-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h3-lg);
margin-bottom: 0;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.discover-expertise .items-container .grid-container .item p {
font-family: var(--font-outfit);
font-size: 16px;
font-weight: var(--font-weight-400);
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.discover-expertise .items-container .grid-container .item .btn.btn-black {
align-self: self-start;
width: auto;
height: 54px;
padding: 18px 24px;
font-size: 16px;
line-height: 18px;
} footer {
margin-top: 160px;
background: var(--footer-linear-gradient);
position: relative;
}
footer .container {
max-width: 1360px;
margin: auto;
padding: 100px 40px 60px 40px;
}
footer .container .logo-socials-container {
margin-bottom: 65px;
display: flex;
justify-content: space-between;
gap: 40px;
}
footer .container .logo-socials-container .logo-text {
display: flex;
align-items: center;
flex-direction: row;
gap: 120px;
}
footer .container .logo-socials-container p {
max-width: 474px;
width: 100%;
font-family: var(--font-outfit);
font-size: 21px;
font-weight: var(--font-weight-400);
line-height: 30px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
footer .container .logo-socials-container ul {
display: flex;
align-items: center;
flex-direction: row;
gap: 125px;
}
footer .container .logo-socials-container .logo {
width: 154px;
height: 109px;
}
footer .container .logo-socials-container ul li img {
width: 52px;
height: auto;
cursor: pointer;
}
footer .container .footer-items {
display: grid;
grid-template-columns: repeat(4, 1fr);
padding-right: 20px;
gap: 126px;
}
footer .container .footer-items h6 {
font-family: var(--font-outfit);
font-size: 21px;
font-weight: var(--font-weight-600);
line-height: 30px;
text-align: left;
color: var(--accent-color);
margin-bottom: 35px;
}
footer .container .footer-items ul {
margin-bottom: 60px;
}
footer .container .footer-items li {
font-family: var(--font-outfit);
font-size: 20px;
font-weight: var(--font-weight-400);
line-height: 30px;
text-align: left;
color: var(--primary-color);
margin-bottom: 8px;
transition: ease-in-out 0.3s;
}
footer .container .footer-items li a {
background: none,
linear-gradient(
to right,
var(--primary-color),
var(--primary-color),
var(--primary-color)
);
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
transition: background-size 400ms;
}
footer .container .footer-items li a:hover {
background-size: 0 1px, 100% 1px;
}
footer .container .footer-items .item-1 {
max-width: 230px;
width: 100%;
}
footer .container .footer-items .item-2 {
max-width: 230px;
width: 100%;
}
footer .container .footer-items .item-3 {
max-width: 230px;
width: 100%;
}
footer .container .footer-items .item-4 {
max-width: 191px;
width: 100%;
}
.footerBg {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/dots-bg.svg);
width: 100%;
position: absolute;
bottom: 0;
height: 60px;
opacity: 20%;
}
.copyrightContainer {
background-color: rgba(240, 186, 76, 0.34);
position: absolute;
bottom: 0;
width: 100%;
padding: 15px;
}
.copyrightContainer p {
font-size: 21px;
line-height: 30px;
text-align: center;
font-family: var(--font-outfit);
font-weight: var(--font-weight-400);
}  .about-hero {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/shape.svg);
background-repeat: no-repeat;
background-position: center;
background-size: auto 350.57px;
z-index: -2;
height: 350px;
margin-top: 40px;
}
.about-hero .hero-heading-container {
background-image: none;
z-index: 0;
padding: 0 0 50px 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.about-hero h2 {
position: relative;
left: auto;
text-align: center;
left: -40px;
top: 100px;
z-index: -2;
}
.about-hero h1 {
margin-top: -80px;
z-index: 0;
}
.about-hero p {
z-index: 0;
} .n2-story {
margin-top: 60px;
position: relative;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 48px;
overflow: hidden;
}
.n2-story img {
position: absolute;
width: 105%;
left: 0;
right: 0;
z-index: 0;
top: 0;
}
.n2-story h2 {
font-family: var(--font-outfit);
font-size: var(--font-h2-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h2-lg);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--background-color);
z-index: 1;
margin-bottom: 0;
}
.n2-story h2 span,
.n2-story .description .item-gradient {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.n2-story .description {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 32px;
max-width: 954px;
position: relative;
}
.n2-story .description p {
font-family: var(--font-outfit);
font-size: 24px;
font-weight: var(--font-weight-300);
line-height: 32px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--background-color);
background: var(--description-linear-webkit-gradient);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
background-attachment: fixed;
z-index: 1;
}
.n2-story h3 {
font-family: var(--font-outfit);
font-size: 270px;
font-weight: var(--font-weight-700);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
left: 350px;
z-index: 0;
color: var(--outline-fill-color);
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text-white),
1px -1px 0 var(--outline-text-white), -1px 1px 0 var(--outline-text-white),
1px 1px 0 var(--outline-text-white);
width: max-content;
} .description-section {
margin-top: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.description-section p {
max-width: 853px;
font-family: var(--font-outfit);
font-size: var(--font-h3-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h3-lg);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
} .persons-section {
margin: var(--spacing-md) auto 0 auto;
max-width: 1280px;
display: flex;
gap: 24px;
align-items: center;
}
.persons-section .person-container {
display: flex;
gap: 24px;
align-items: center;
flex-direction: row;
}
.persons-section .person-container .img-container {
width: 302px;
height: 302px;
display: flex;
justify-content: center;
align-items: center;
}
.persons-section .person-container .img-container img {
height: 281px;
width: 184px;
}
.persons-section .person-container .description-container {
display: flex;
flex-direction: column;
gap: 24px;
max-width: 302px;
}
.persons-section .person-container .description-container h3 {
font-family: var(--font-outfit);
font-size: var(--font-h4-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h4-lg);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
margin-bottom: 0;
}
.persons-section .person-container .description-container .description {
display: flex;
gap: 24px;
}
.persons-section .person-container .description-container .description p {
font-family: var(--font-outfit);
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
max-width: 267px;
border-image: var(--description-linear-gradient) 1;
border-width: 8px;
border-style: solid;
border-top: none;
border-bottom: none;
border-right: none;
padding-left: 24px;
} .our-values {
margin-top: 70px;
}
.our-values .fatures-heading-container {
position: relative;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/featuresAbout.svg);
}
.our-values .fatures-heading-container h2 {
z-index: 1;
}
.our-values .fatures-heading-container h2 br {
display: none;
}
.our-values .fatures-heading-container h3 {
font-family: var(--font-outfit);
font-size: 300px;
font-weight: var(--font-weight-700);
color: var(--background-color);
z-index: 0;
mix-blend-mode: normal;
opacity: 0.3;
position: absolute;
left: 50%;
top: 88px;
transform: translateX(-66%);
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.our-values .grid-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(4, 1fr);
height: 100%;
}
.our-values .grid-container .item-4 {
width: 100%;
}
.our-values .grid-container .item-5 {
width: 453px;
}
.our-values .grid-container .item-7 {
grid-column: span 2 / span 2;
width: 628px;
}
.our-values .grid-container .item-8 {
grid-column: span 2 / span 2;
grid-column-start: 3; }
@supports (-moz-appearance: none) {
.our-values .grid-container .item-7 {
width: 100%;
}
} .support-team {
margin-top: 100px;
}
.support-team .support-team-heading-container {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/support-team-desktop.svg);
background-repeat: no-repeat;
background-position: center top;
background-size: 850px;
height: 300px;
display: flex;
flex-direction: column;
gap: 32px;
position: relative;
justify-content: center;
align-items: center;
max-width: 1440px;
margin: 0 auto;
}
.support-team .support-team-heading-container h2 {
font-family: var(--font-outfit);
font-size: var(--font-h2-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h2-lg);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
margin-bottom: 0;
margin-top: 40px;
}
.support-team .support-team-heading-container h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.support-team .support-team-heading-container p {
font-family: var(--font-outfit);
font-size: 24px;
font-weight: 400;
line-height: 32px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
max-width: 869px;
z-index: 1;
}
.support-team .support-team-heading-container h3 {
font-family: var(--font-outfit);
font-size: 300px;
font-weight: var(--font-weight-700);
color: var(--background-color);
z-index: 0;
mix-blend-mode: normal;
opacity: 0.3;
position: absolute;
left: 70%;
top: 110px;
transform: translateX(-45%);
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.support-team .teams-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 48px;
margin: 40px auto 0 auto;
max-width: 1280px;
justify-content: center;
align-items: center;
}
.support-team .teams-grid .flip-card,
.support-team .teams-grid .flip-card .flip-card-inner .flip-card-front img {
width: 217px;
height: 370px;
aspect-ratio: 1;
}
.support-team .teams-grid .flip-card {
perspective: 1000px;
}
.support-team .teams-grid .flip-card .flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
}
.support-team .teams-grid .flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.support-team .teams-grid .flip-card .flip-card-inner .flip-card-front,
.support-team .teams-grid .flip-card .flip-card-inner .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.support-team .teams-grid .flip-card .flip-card-inner .flip-card-back {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: relative;
padding: 24px;
border-radius: 20px;
background-color: #ffffff80;
position: relative;
gap: 16px;
transform: rotateY(180deg);
}
.support-team .teams-grid .flip-card .flip-card-inner .flip-card-back::before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
background: var(--primary-gradient);
border-radius: inherit;
--m: conic-gradient(#000 0 0);
mask: var(--m) content-box exclude, var(--m);
pointer-events: none;
}
.support-team .teams-grid .flip-card .flip-card-front {
backface-visibility: hidden;
-webkit-backface-visibility: hidden; transform: rotateY(0deg);
}
.support-team .teams-grid .flip-card .flip-card-back {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform: rotateY(180deg);
}
.support-team .teams-grid .flip-card .flip-card-inner {
transition: transform 0.5s ease-in-out; transform-style: preserve-3d;
}
.support-team .teams-grid .flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.support-team .teams-grid .flip-card .flip-card-inner .flip-card-back h4 {
font-family: var(--font-outfit);
font-size: var(--font-h4-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h4-lg);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
margin-bottom: 0;
}
.support-team .teams-grid .flip-card .flip-card-inner .flip-card-back p {
font-family: var(--font-outfit);
font-size: 14px;
font-weight: var(--font-weight-400);
line-height: 17px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
width: 180px;
}
.support-team
.teams-grid
.flip-card
.flip-card-inner
.flip-card-back
p.position {
font-family: var(--font-outfit);
font-size: 16px;
font-weight: var(--font-weight-400);
line-height: 24px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
text-transform: uppercase;
}
.support-team .teams-grid .flip-card .flip-card-inner .flip-card-back a img {
width: 40px;
height: 40px;
} .join-us {
margin-top: 125px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}  .hero-join-us {
max-width: 1440px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/shape.svg);
background-position: 160px top;
background-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: center;
gap: 48px;
flex-direction: column;
position: relative;
padding-top: 50px;
overflow: hidden;
}
.hero-join-us h1 {
font-size: var(--font-hero-lg);
line-height: var(--line-hero-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
position: relative;
z-index: 1;
}
.hero-join-us h1 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.hero-join-us h3 {
font-family: var(--font-outfit);
font-size: 300px;
font-weight: var(--font-weight-700);
top: 120px;
left: 50%;
transform: translateX(-50%);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
z-index: 0;
color: var(--background-color);
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.hero-join-us p {
font-family: var(--font-outfit);
font-size: 24px;
font-weight: var(--font-weight-400);
line-height: 32px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
width: 919px;
align-self: center;
margin-top: -20px;
position: relative;
z-index: 1;
} .player-profile-section {
background: url(//n2.help/wp-content/themes/n2-help-solutions/assets/challenges-cloud.svg);
margin-top: 120px;
background-repeat: no-repeat;
background-position: 41% top;
overflow: hidden;
position: relative;
margin-right: auto;
margin-left: auto;
}
.player-profile-centered-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-top: 60px;
}
.playerProfileCenteredContainerH3 {
width: max-content;
font-family: var(--font-outfit);
font-size: 180px;
font-weight: var(--font-weight-700);
top: 50px;
left: -20px;
transform: translateX(0%);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
z-index: 0;
color: var(--background-color);
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
}
.player-profile-section h2 {
font-size: var(--font-h2-lg);
line-height: var(--line-h2-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
max-width: 854px;
padding-left: 40px;
padding-right: 40px;
position: relative;
z-index: 1;
}
.player-profile-section span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.player-profile-section-container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 40px 40px 40px;
max-width: 1360px;
width: 100%;
margin-top: 60px;
}
.player-profile-section-container h3 {
font-size: var(--font-h3-lg);
line-height: var(--line-h3-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
color: var(--primary-color);
margin-bottom: 25px;
position: relative;
z-index: 1;
}
.player-profile-yellow-points {
display: flex;
flex-direction: row;
gap: 15px;
align-items: center;
margin-bottom: 15px;
}
.player-profile-yellow-points img {
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
}
.player-profile-yellow-points p {
font-size: 24px;
line-height: 24px;
font-family: var(--font-outfit);
font-weight: var(--font-weight-400);
color: var(--primary-color);
}
.round-stamp-container {
position: absolute;
left: 50%;
transform: translate(-50%, 0%);
background: rgba(240, 186, 76, 0.13);
border-radius: 50%;
}
.player-profile-section-points {
max-width: 380px;
}
.player-profile-looking-section {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/players-profile-cloud.svg);
background-position: 45% top;
overflow: visible;
}
.player-profile-looking-section .player-profile-section-points {
max-width: 50%;
}
.player-profile-looking-section .round-stamp-container {
left: unset;
transform: unset;
right: -20px;
top: -50px;
transform: rotate(20deg);
} .your-potential {
margin-top: 160px;
position: relative;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
overflow: hidden;
height: 500px;
}
.your-potential img {
position: absolute;
z-index: 0;
width: 100%;
height: 500px;
}
.your-potential h2 {
width: max-content;
font-family: var(--font-outfit);
font-size: 280px;
font-weight: var(--font-weight-700);
left: 47%;
top: 190px;
transform: translateX(-50%);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
z-index: 0;
color: var(--outline-fill-color);
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text-white),
1px -1px 0 var(--outline-text-white), -1px 1px 0 var(--outline-text-white),
1px 1px 0 var(--outline-text-white);
}
.your-potential h3 {
font-size: var(--font-h3-lg);
line-height: var(--line-h3-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--background-color);
padding-left: 40px;
padding-right: 40px;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.your-potential span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.your-potential p {
font-size: 18px;
line-height: 24px;
font-family: var(--font-outfit);
font-weight: var(--font-weight-500);
text-align: center;
color: var(--background-color);
position: relative;
z-index: 1;
max-width: 853px;
}
.your-potential-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.outlineWhite {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.3s;
border: 2px solid white !important;
position: relative;
z-index: 1;
margin-top: 50px;
height: 66px;
padding: 0 36px;
border-radius: 36.55px;
background-color: var(--white-color);
font-family: var(--font-outfit);
font-size: 18px;
font-weight: var(--font-weight-700);
line-height: 18px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
}
.outlineWhite:hover {
border: 2px solid var(--background-color) !important;
color: var(--background-color);
background-color: var(--primary-color);
} .why-choose-n2 {
margin-top: 130px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.why-choose-n2 .heading-container {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/shape.svg);
background-position: center top;
background-size: auto 200px;
background-repeat: no-repeat;
height: 200px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.why-choose-n2 .heading-container h2 {
font-size: var(--font-h2-lg);
line-height: var(--line-h2-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: relative;
color: var(--primary-color);
z-index: 1;
}
.why-choose-n2 .heading-container h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.why-choose-n2 .heading-container h3 {
font-family: var(--font-outfit);
font-size: 200px;
font-weight: var(--font-weight-700);
top: 40%;
left: 50%;
transform: translate(-50%, -60%);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
z-index: 0;
color: var(--background-color);
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.why-choose-n2 .items-container {
margin-top: 15px;
margin-right: auto;
margin-left: auto;
}
.why-choose-n2 .items-container .item {
display: flex;
flex-direction: row;
align-items: center;
margin: auto;
max-width: 1440px;
}
.why-choose-n2 .items-container .item .item-image {
max-width: 270px;
}
.why-choose-n2 .items-container .item .item-image img {
max-width: 270px;
}
.why-choose-n2 .items-container .item .item-description {
width: 100%;
max-width: 668px;
}
.why-choose-n2 .items-container .item .item-heading {
display: flex;
justify-content: center;
align-items: center;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/simon-hendery-cloud.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: 432px 210px;
background-repeat: no-repeat;
height: 210px;
width: 30%;
}
.why-choose-n2 .items-container .item .item-heading h3 {
font-family: var(--font-outfit);
font-size: var(--font-h3-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h3-lg);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
max-width: 302px;
margin-left: 30px;
}
.why-choose-n2 .items-container .item .item-heading2nd {
display: flex;
justify-content: center;
align-items: center;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/christopher-bg-heading.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: 432px 170px;
background-repeat: no-repeat;
height: 170px;
width: 30%;
}
.why-choose-n2 .items-container .item .item-description {
padding-right: 50px;
}
.why-choose-n2 .items-container .item .item-heading2nd h3 {
font-family: var(--font-outfit);
font-size: var(--font-h3-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h3-lg);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
max-width: 302px;
margin-left: 30px;
}
.linearBorderTextContainer {
display: flex;
flex-direction: row;
gap: 25px;
}
.linearBorderTextContainer p {
font-size: var(--font-h4-lg);
line-height: var(--line-h4-lg);
font-weight: var(--font-weight-400);
font-family: var(--font-outfit);
color: var(--primary-color);
}
.linear-border {
height: auto;
max-width: 8px;
width: 100%;
background: var(--description-linear-gradient);
}
.whyChooseItemDescription {
margin-top: 30px;
}
.whyChooseItemDescription h4 {
margin-bottom: 5px;
}
.whyChooseItemDescription p {
font-size: var(--font-h5);
line-height: var(--line-h5);
font-weight: var(--font-weight-400);
font-family: var(--font-outfit);
color: var(--primary-color);
}
.whyChooseN2Community {
width: 100%;
padding: 0 40px 0 40px;
display: flex;
justify-content: center;
align-items: center;
max-width: 1360px;
margin: 80px auto 80px auto;
position: relative;
flex-direction: column;
gap: 50px;
}
.whyChooseN2Community span {
font-size: var(--font-h3-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
line-height: var(--line-h3-lg);
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
position: relative;
z-index: 1;
}
.whyChooseN2Community h3 {
font-family: var(--font-outfit);
font-size: 180px;
font-weight: var(--font-weight-700);
left: 50%;
top: 10px;
transform: translate(-70%, -0%);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
z-index: 0;
color: var(--background-color);
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.whyChooseN2CommunityGrid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
width: 100%;
}
.whyChooseN2CommunityGridItem {
width: 100%;
grid-column: unset;
grid-column-start: unset;
grid-row: unset;
grid-row-start: unset;
width: 100%;
padding: 2px;
height: auto;
border-radius: 32px;
background: var(--primary-gradient);
}
.whyChooseN2CommunityGridItem .inner {
border-radius: 30px;
width: 100%;
height: auto;
background: var(--background-color);
}
.whyChooseN2CommunityGridItem .inner .content {
flex-direction: row !important;
align-items: center !important;
padding: 24px;
display: flex;
justify-content: flex-start;
border-radius: 30px;
width: 100%;
gap: 40px;
height: 100%;
background: #ffffff50;
}
.whyChooseN2CommunityGridItem .inner .content img {
max-width: 102px;
width: 100%;
}
.whyChooseN2CommunityGridItem .inner .content .item-content {
display: flex;
flex-direction: column;
gap: 8px;
position: relative;
z-index: 1;
}
.whyChooseN2CommunityGridItem .inner .content .item-content h4 {
font-family: var(--font-outfit);
font-size: var(--font-h4-lg);
font-weight: var(--font-weight-400);
line-height: var(--line-h4-lg);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
margin-bottom: 0;
}
.whyChooseN2ItemHeadingImg {
display: flex;
align-items: center;
gap: 40px;
} .community {
width: 100%;
margin: auto auto;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
padding: 60px 40px 0px 40px;
}
.community-hero {
background: url(//n2.help/wp-content/themes/n2-help-solutions/assets/community-cloud.svg);
background-repeat: no-repeat;
background-position: center center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 34px;
position: relative;
}
.community-hero h2 {
font-family: var(--font-outfit);
font-size: 300px;
font-weight: var(--font-weight-700);
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
top: 37%;
left: 50%;
transform: translate(-50%, 0%);
color: var(--background-color);
z-index: 0;
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.community-hero h1 {
font-size: var(--font-hero-lg);
line-height: var(--line-hero-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
position: relative;
}
.community-hero h1 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.community-hero p {
font-size: var(--font-h4-lg);
line-height: var(--line-h4-lg);
font-weight: var(--font-weight-400);
font-family: var(--font-outfit);
color: var(--primary-color);
max-width: 919px;
position: relative;
} .voices-section {
margin-top: var(--spacing-md);
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.voices-section h2 {
font-size: var(--font-h2-lg);
line-height: var(--line-h2-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
}
.voices-section h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.voices-section .videos-container {
width: 100%;
margin-top: 60px;
} .digital-transformation-expertise {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/diverse-expertise.svg);
}
.digital-transformation-expertise .items-container {
position: relative;
z-index: 1;
margin-top: 70px;
}
.digital-transformation-expertise h2 {
z-index: 1;
position: relative;
padding-top: 40px;
}
.digital-transformation-expertise h3 {
bottom: auto;
z-index: 0;
margin-bottom: 0;
top: 100px;
} .digital-transformation-join-us {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/digital-trans-join-us.svg);
}
.digital-transformation-join-us .items-container {
position: relative;
z-index: 1;
margin-top: 70px;
}
.digital-transformation-join-us h2 {
z-index: 1;
position: relative;
padding-top: 70px;
}
.digital-transformation-join-us h3 {
bottom: auto;
z-index: 0;
margin-bottom: 0;
top: 100px;
} .team-players {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/features-shape.svg);
background-position: center top;
background-repeat: no-repeat;
background-size: 820px;
overflow-x: hidden;
margin-top: 100px;
gap: 50px;
}
.team-players .team-heading-container {
width: 100%;
height: 200px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding-top: 70px;
}
.team-players h2 {
font-size: var(--font-h2-lg);
line-height: var(--line-h2-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
margin-bottom: 0;
}
.team-players h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.team-players h3 {
font-family: var(--font-outfit);
font-size: 300px;
font-weight: var(--font-weight-700);
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
transform: translate(0%, 42%);
color: var(--background-color);
z-index: 0;
top: 71px;
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.team-players .marquee-2 {
margin-top: -18px;
} .global {
padding: 0px 40px 0px 40px;
margin-top: 145px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/features-shape.svg);
background-position: center top;
background-repeat: no-repeat;
background-size: 820px;
overflow-x: hidden;
}
.global-cloud {
width: 100%;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.global h2 {
font-size: var(--font-h2-lg);
line-height: var(--line-h2-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
position: relative;
top: 100px;
}
.global h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.global h3 {
font-family: var(--font-outfit);
font-size: 300px;
font-weight: var(--font-weight-700);
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
bottom: -73px;
color: var(--background-color);
z-index: 0;
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.global img {
width: 100%;
max-width: 1075px;
display: flex;
justify-content: center;
align-items: center;
margin: 180px auto 0 auto;
} .hero-expertise {
max-width: 1440px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/shape.svg);
background-position: 160px top;
background-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: center;
gap: 48px;
flex-direction: column;
position: relative;
padding-top: 50px;
overflow: hidden;
}
.hero-expertise h1 {
font-size: var(--font-hero-lg);
line-height: var(--line-hero-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
max-width: 919px;
position: relative;
z-index: 1;
}
.hero-expertise h1 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.hero-expertise h3 {
font-family: var(--font-outfit);
font-size: 300px;
font-weight: var(--font-weight-700);
top: 120px;
left: 50%;
transform: translateX(-50%);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
z-index: 0;
color: var(--background-color);
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.hero-expertise p {
font-family: var(--font-outfit);
font-size: 24px;
font-weight: var(--font-weight-400);
line-height: 32px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
width: 919px;
align-self: center;
margin-top: -20px;
position: relative;
z-index: 1;
}
.hero-expertise .grid-items-expertise {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(1, 1fr);
gap: 48px;
align-items: center;
justify-content: center;
}
.hero-expertise .grid-items-expertise .item h2 {
font-family: var(--font-outfit);
font-size: var(--font-h2-md);
font-weight: 800;
line-height: var(--line-h2-md);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--accent-color);
}
.hero-expertise .grid-items-expertise .item p {
font-family: var(--font-outfit);
font-size: 24px;
font-weight: 400;
line-height: 32px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
width: 100%;
} .clients-expertise {
position: relative;
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 1;
margin: 25px auto 0px auto;
padding-top: 72px;
}
.clients-expertise h2 {
top: 100px;
transform: translate(21%, 0);
font-family: var(--font-outfit);
font-size: 300px;
font-weight: var(--font-weight-700);
line-height: 18px;
text-align: center;
bottom: 90px;
text-underline-position: from-font;
text-decoration-skip-ink: none;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
color: var(--background-color);
opacity: 0.3;
position: absolute;
width: max-content;
}
.clients-expertise .inner-section {
height: 120px;
width: 100%;
white-space: nowrap;
transform: translate3d(0, 0, 0);
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 60px;
}
.clients-expertise .inner-section .top-inner,
.clients-expertise .inner-section .bottom-inner {
overflow: hidden;
white-space: nowrap;
position: relative;
}
.clients .inner-section .top-inner:before,
.clients .inner-section .top-inner:after,
.clients .inner-section .bottom-inner:before,
.clients .inner-section .bottom-inner:after {
position: absolute;
top: 0;
width: 250px;
height: 100%;
content: "";
z-index: 2;
}
.clients .inner-section .top-inner:before,
.clients .inner-section .bottom-inner:before {
left: 0;
}
.clients .inner-section .top-inner:after,
.clients .inner-section .bottom-inner:after {
right: 0;
}
.clients-expertise .inner-section .top-inner .marquee {
display: inline-block;
animation: 60s slideLeft infinite linear;
}
.clients-expertise .inner-section .bottom-inner .marquee {
display: inline-block;
animation: 60s slideRight infinite linear;
}
.clients-expertise .inner-section .top-inner .marquee li,
.clients-expertise .inner-section .bottom-inner .marquee li {
height: 36px;
margin: 0 40px;
display: inline-block;
}
.clients-expertise .inner-section .top-inner .marquee li img,
.clients-expertise .inner-section .bottom-inner .marquee li img {
height: 100%;
} .tailored-cloud-main {
background: url(//n2.help/wp-content/themes/n2-help-solutions/assets/tailored-cloud.svg);
margin-top: 150px;
background-repeat: no-repeat;
background-position: 46% top;
overflow: hidden;
position: relative;
margin-right: auto;
margin-left: auto;
}
.tailored-ethic-lab-main {
background: url(//n2.help/wp-content/themes/n2-help-solutions/assets/tailored-ethic-lab-cloud.svg);
background-repeat: no-repeat;
background-position: top center;
}
.tailored-centered-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-top: 60px;
}
.tailored-cloud-main h2 {
font-size: var(--font-h2-lg);
line-height: var(--line-h2-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
max-width: 963px;
padding-left: 40px;
padding-right: 40px;
position: relative;
z-index: 1;
}
.tailored-cloud-main span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.tailored-cloud-main h3 {
width: max-content;
font-family: var(--font-outfit);
font-size: 180px;
font-weight: var(--font-weight-700);
top: 120px;
left: 50%;
transform: translateX(-50%);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
z-index: 0;
color: var(--background-color);
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
}
.tailored-ethic-lab-main h3 {
font-size: 150px;
}
.tailored-grid-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 25px;
padding: 0 40px 0 40px;
max-width: 1360px;
margin: 65px auto auto auto;
}
.tailored-grid-container-item {
border-radius: 30px;
position: relative;
max-width: 410px;
min-width: 250px;
width: 100%;
transition: all 0.3s;
margin: auto;
height: 100%;
}
.tailored-grid-container-item::before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
background: var(--primary-gradient);
border-radius: inherit;
--m: conic-gradient(#000 0 0);
mask: var(--m) content-box exclude, var(--m);
pointer-events: none;
transition: padding 0.3s;
}
.tailored-grid-container-item:hover::before {
padding: 7px;
}
.tailored-grid-container-item .inner {
width: 100%;
height: 100%;
border-radius: 30px;
}
.tailored-grid-container-item .inner .content {
width: 100%;
height: 100%;
border-radius: 30px;
background: rgba(255, 255, 255, 0.5);
display: flex;
padding: 40px 32px;
flex-direction: column;
transition: background 0.3s;
justify-content: space-between;
}
.tailored-grid-container-item:hover .inner .content {
background: rgba(255, 255, 255, 0.7);
}
.tailored-grid-container-item .inner .content img {
max-width: 170px;
width: 100%;
margin: auto auto 35px auto;
}
.tailored-grid-container-item .inner .content h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
padding: 0;
margin-bottom: 30px;
}
.imgTitleTailored {
display: flex;
flex-direction: column;
}
.tailoredItemsContainer {
display: flex;
flex-direction: column;
gap: 15px;
}
.tailoredItems {
display: flex;
flex-direction: column;
text-align: center;
margin: auto;
align-items: center;
justify-content: center;
}
.tailoredItems span {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.tailoredItems p {
font-size: var(--font-h5);
line-height: var(--line-h5);
font-family: var(--font-outfit);
font-weight: var(--font-weight-400);
}
.tailoredBtn {
width: fit-content;
margin: 35px auto 0 auto;
} .service-now-certification {
margin: 60px auto 0 auto;
padding-top: 120px;
padding-bottom: 100px;
max-width: 1440px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/shape.svg);
background-position: 40px top;
background-repeat: no-repeat;
display: flex;
align-items: center;
flex-direction: column;
position: relative;
overflow: hidden;
}
.service-now-certification h2 {
font-size: var(--font-h2-lg);
line-height: var(--line-h2-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
max-width: 700px;
position: relative;
z-index: 1;
}
.service-now-certification span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.service-now-certification h3 {
font-family: var(--font-outfit);
font-size: 250px;
font-weight: var(--font-weight-700);
top: 150px;
left: -40px;
right: 0;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
z-index: 0;
color: var(--background-color);
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
margin-bottom: 0;
width: max-content;
}
.service-now-certification .certifications {
margin-top: 80px;
width: 100%;
padding-left: 40px;
padding-right: 40px;
} .about-us {
margin-top: 85px;
margin-right: auto;
margin-left: auto;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/about-us-desktop.svg);
background-position: left top;
background-repeat: no-repeat;
position: relative;
padding-top: 120px;
overflow: hidden;
}
.about-us h2 {
font-size: var(--font-h2-lg);
line-height: var(--line-h2-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
position: relative;
z-index: 1;
padding: 0 40px 0 40px;
}
.about-us span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.about-us h3 {
font-family: var(--font-outfit);
font-size: 180px;
font-weight: var(--font-weight-700);
top: 110px;
left: 50%;
transform: translateX(-50%);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
z-index: 0;
color: var(--background-color);
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.about-us .items-container {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 40px 0 40px;
max-width: 1360px;
margin: 60px auto auto auto;
}
.about-us .items-container .items-image {
margin-right: -60px;
}
.about-us .items-container .items {
width: 100%;
display: flex;
flex-wrap: wrap;
row-gap: 25px;
justify-content: space-between;
}
.about-us .items-container .items .btn.btn.btn-black {
margin-top: 24px;
}
.about-us .items-container .items .accordion {
background-color: #dcd7c7;
padding: 2px;
border-radius: 42px;
border: none;
cursor: pointer;
width: 49%;
transition: all 0.2s ease-in-out;
height: min-content;
-webkit-tap-highlight-color: transparent;
user-select: none;
}
.about-us .items-container .items .accordion.active {
height: 100%;
background: var(--primary-gradient);
border-radius: 42px;
transition: all 0.2s ease-in-out;
}
.about-us .items-container .items .accordion .content {
width: 100%;
height: 100%;
background-color: var(--white-color);
border-radius: 40px;
padding: 24px 32px;
transition: all 0.2s ease-in-out;
}
.about-us .items-container .items .accordion.active .content {
background-color: #fcfaf6;
border-radius: 40px;
transition: all 0.2s ease-in-out;
}
.about-us .items-container .items .accordion .content .wrapper {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
transition: all 0.2s ease-in-out;
}
.about-us
.items-container
.items
.accordion
.content
.wrapper
.title-container {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
}
.about-us
.items-container
.items
.accordion
.content
.wrapper
.title-container
.title {
font-family: var(--font-outfit);
font-size: 20px;
font-weight: var(--font-weight-700);
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
margin-bottom: 0;
}
.about-us
.items-container
.items
.accordion
.content
.wrapper
.title-container
div {
height: 32px;
width: 32px;
min-height: 32px;
min-width: 32px;
display: flex;
justify-content: center;
align-items: center;
background-color: #f6f0e3;
border-radius: 50%;
}
.about-us
.items-container
.items
.accordion.active
.content
.wrapper
.title-container
div {
display: none;
transition: all 0.2s ease-in-out;
}
.about-us .items-container .items .accordion.active .content {
display: flex;
align-items: center;
gap: 15px;
transition: all 0.2s ease-in-out;
}
.about-us .items-container .items .accordion .content .acc-close {
display: none;
}
.about-us .items-container .items .accordion.active .content .acc-close i {
font-size: 17px;
color: var(--white-color);
}
.about-us .items-container .items .accordion.active .content .acc-close {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--primary-color);
height: 32px;
width: 32px;
min-height: 32px;
min-width: 32px;
border-radius: 50%;
}
.about-us .items-container .items .accordion.active .content .acc-close {
color: var(--white-color);
}
.about-us
.items-container
.items
.accordion
.content
.wrapper
.acc-description {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-in-out;
max-width: 597px;
}
.about-us
.items-container
.items
.accordion
.content
.wrapper
.acc-description
p {
font-family: var(--font-outfit);
font-size: 18px;
font-weight: var(--font-weight-400);
line-height: 30px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
margin-top: 18px;
} .about-us-faq {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/about-us-faq-desktop.svg);
background-position: 95px 35px;
padding-top: 110px;
}
.about-us-faq h3 {
font-size: 300px;
top: 92px;
}
.about-us-faq .items-container {
margin: 84px auto auto auto;
}
.about-us-faq .items-container .items .accordion {
z-index: 0;
-webkit-tap-highlight-color: transparent;
user-select: none;
} .why-n2 {
margin-top: 70px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/why-n2-shape.svg);
background-position: 40% top;
background-repeat: no-repeat;
background-size: 1045px;
padding-top: 100px;
position: relative;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
overflow: hidden;
width: 100%;
}
.why-n2 h2 {
font-size: var(--font-h2-lg);
line-height: var(--line-h2-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
position: relative;
z-index: 1;
margin-bottom: 0;
}
.why-n2 h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.why-n2 h3 {
font-family: var(--font-outfit);
font-size: 200px;
font-weight: var(--font-weight-700);
top: 80px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
z-index: 0;
color: var(--background-color);
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.why-n2 .grid-container {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
max-width: 1330px;
margin: 89px auto 0 auto;
height: 100%;
display: grid;
gap: 24px;
padding-left: 25px;
padding-right: 25px;
}
.featuresWhyN2 .grid-container .item .inner {
border-radius: 30px;
width: 100%;
height: 100%;
background: var(--background-color);
}
.featuresWhyN2 .grid-container .item .inner .content {
flex-direction: row !important;
align-items: center !important;
padding: 24px;
display: flex;
justify-content: flex-start;
gap: 40px;
border-radius: 30px;
width: 100%;
height: 100%;
background: #ffffff80;
}
.featuresWhyN2 .grid-container .item .inner .content img {
max-width: 122px;
width: 100%;
}
.featuresWhyN2 .grid-container .item .inner .content .item-content {
display: flex;
flex-direction: column;
gap: 8px;
}
.featuresWhyN2 .grid-container .item .inner .content .item-content h4 {
font-family: var(--font-outfit);
font-size: var(--font-h4-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h4-lg);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
margin-bottom: 0;
}
.featuresWhyN2 .grid-container .item .inner .content .item-content p {
font-family: var(--font-outfit);
font-size: 16px;
font-weight: var(--font-weight-400);
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
}
.featuresWhyN2 .grid-container .item-1,
.featuresWhyN2 .grid-container .item-2,
.featuresWhyN2 .grid-container .item-3,
.featuresWhyN2 .grid-container .item-4,
.featuresWhyN2 .grid-container .item-5,
.featuresWhyN2 .grid-container .item-6 {
grid-column: unset;
grid-column-start: unset;
grid-row: unset;
grid-row-start: unset;
width: 100%;
padding: 2px;
height: 100%;
border-radius: 32px;
background: var(--primary-gradient);
} .case-studies {
background: url(//n2.help/wp-content/themes/n2-help-solutions/assets/synergy-cloud.svg);
margin-top: 130px;
background-repeat: no-repeat;
background-position: center top;
padding: 70px 0 0px 0px;
overflow: hidden;
position: relative;
margin-right: auto;
margin-left: auto;
max-width: 1440px;
}
.case-studies h2 {
text-align: center;
max-width: none;
position: relative;
z-index: 1;
font-family: var(--font-outfit);
font-size: var(--font-h2-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h2-lg);
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
padding-left: 25px;
padding-right: 25px;
}
.case-studies h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.case-studies h3 {
font-size: 250px;
top: 71px;
right: 0px;
left: -20px;
z-index: 0;
width: max-content;
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
bottom: 79px;
color: var(--background-color);
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.case-studies .items-container {
padding: 0px 40px 0px 40px;
margin-top: 70px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 25px;
justify-content: center;
align-items: baseline;
margin-bottom: 40px;
position: relative;
z-index: 2;
max-width: 1360px;
margin-left: auto;
margin-right: auto;
}
.sunergyBtnContainer {
padding: 0 25px 0 25px;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.case-studies .items-container .items .accordion {
height: auto;
padding: 1px;
border-radius: 25px;
position: relative;
border: none;
cursor: pointer;
width: 100%;
transition: all 0.2s ease-in-out;
-webkit-tap-highlight-color: transparent;
user-select: none;
}
.case-studies .items-container .items .accordion.active::before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
background: var(--primary-gradient);
border-radius: inherit;
--m: conic-gradient(#000 0 0);
mask: var(--m) content-box exclude, var(--m);
pointer-events: none;
}
.case-studies .items-container .items .accordion .content {
border-radius: 25px;
padding: 25px 24px;
background-color: rgba(35, 181, 211, 0.13);
border: 1px solid #292e35;
width: 100%;
height: 100%;
transition: all 0.2s ease-in-out;
}
.case-studies .items-container .items .accordion .content .wrapper {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
transition: all 0.2s ease-in-out;
}
.case-studies .items-container .items:nth-of-type(2) .accordion .content,
.case-studies
.items-container
.items:nth-of-type(2)
.accordion.active
.content {
background-color: rgba(82, 178, 132, 0.13);
}
.case-studies .items-container .items:nth-of-type(3) .accordion .content,
.case-studies
.items-container
.items:nth-of-type(3)
.accordion.active
.content {
background-color: rgba(240, 186, 76, 0.13);
}
.case-studies
.items-container
.items:nth-of-type(1)
.accordion.active
.content {
background-color: rgba(35, 181, 211, 0.13) !important;
}
.case-studies .items-container .items .accordion.active .content {
border: none;
}
.case-studies
.items-container
.items
.accordion
.content
.wrapper
.title-container
div {
background-color: #fff;
border: 1px solid #292e35;
}
.accordionImgTitleIcon {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
}
.accordionImgTitle {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 15px;
border: none !important;
}
.accordionImgTitle img {
width: 80px;
height: 80px;
}
.accordionShowMoreIcon {
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
border: 1px solid #292e35;
border-radius: 50%;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.case-studies
.items-container
.items
.accordion.active
.content
.wrapper
.accordionShowMoreIcon {
display: none;
transition: all 0.2s ease-in-out;
}
.accordionTitle {
font-size: 22px;
line-height: 28px;
font-weight: var(--font-weight-700);
font-family: var(--font-outfit);
margin-bottom: 0;
color: var(--primary-color);
}
.accordionSubtitle {
font-size: var(--font-h5);
line-height: var(--line-h5);
font-weight: var(--font-weight-400);
font-family: var(--font-outfit);
color: var(--primary-color);
}
.case-studies .items-container .items .accordion.active,
.case-studies .items-container .items .accordion {
background: none;
-webkit-tap-highlight-color: transparent;
user-select: none;
}
.case-studies .items-container .items .accordion.active .content {
border-radius: 31px;
}
.case-studies
.items-container
.items
.accordion
.content
.wrapper
.acc-description
p {
font-size: var(--font-h5);
line-height: var(--line-h5);
font-weight: var(--font-weight-400);
font-family: var(--font-outfit);
color: var(--primary-color);
margin-top: 15px;
}
.accordionAvatarInfoContainer {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
margin-top: 25px;
}
.accordionAvatarInfo {
display: flex;
align-items: center;
gap: 5px;
}
.accordionAvatarInfo h5 {
font-size: var(--font-h5);
line-height: var(--line-h5);
font-weight: var(--font-weight-700);
font-family: var(--font-outfit);
color: var(--primary-color);
margin-bottom: 0;
}
.accordionAvatarInfo p {
font-size: var(--font-h5);
line-height: var(--line-h5);
font-weight: var(--font-weight-400);
font-family: var(--font-outfit);
color: var(--primary-color);
margin-top: 0 !important;
}
.accordionAvatarInfo img {
width: 48px;
height: 48px;
min-height: 48px;
min-width: 48px;
}
.accordionAvatarInfoBtn {
flex-direction: row;
gap: 5px;
border-radius: 30px !important;
padding: 14px 18px !important;
background-color: var(--primary-color) !important;
color: #fff !important;
font-size: 12px !important;
line-height: 14px !important;
font-weight: var(--font-weight-400) !important;
height: auto !important;
margin-top: 0 !important;
font-weight: 700 !important;
}
.accordionAvatarInfoBtn:hover {
background-color: var(--white-color) !important;
color: var(--primary-color) !important;
}
.accordionAvatarInfoBtn:hover img {
filter: brightness(0) saturate(100%) invert(12%) sepia(12%) saturate(862%)
hue-rotate(175deg) brightness(99%) contrast(86%);
}
.case-studies .items-container .items .accordion .content .acc-close {
display: none;
}
.case-studies .items-container .items .accordion.active .content .acc-close i {
font-size: 17px;
color: var(--white-color);
}
.case-studies .items-container .items .accordion.active .content .acc-close {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--primary-color);
height: 32px;
width: 32px;
min-height: 32px;
min-width: 32px;
border-radius: 50%;
}
.case-studies .items-container .items .accordion.active .content .acc-close {
color: var(--white-color);
}
.case-studies
.items-container
.items
.accordion
.content
.wrapper
.acc-description {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-in-out;
max-width: 597px;
} .ready {
margin-top: 170px;
position: relative;
width: 100%;
height: 496px;
}
.ready img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 0;
}
.ready .contetn-container {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 48px;
padding-top: 5%;
padding-left: 40px;
padding-right: 40px;
}
.ready h3 {
font-size: var(--font-h3-lg);
line-height: var(--line-h3-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
margin-bottom: 35px;
}
.ready h3 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.ready p {
font-family: var(--font-outfit);
font-size: 18px;
font-weight: var(--font-weight-500);
line-height: 24px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
max-width: 689px;
z-index: 1;
}
.ready button {
z-index: 1;
}
.ready h4 {
font-size: 280px;
top: 160px;
left: 0px;
transform: translate(-13%, -0%);
font-family: var(--font-outfit);
width: 100%;
font-weight: var(--font-weight-700);
position: absolute;
text-align: center;
color: var(--background-color);
z-index: 0;
mix-blend-mode: normal;
opacity: 0.2;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
}
.ready-btns-container {
display: flex;
gap: 50px;
margin-top: 45px;
}
.ready .contetn-container {
gap: 0;
} .reviews-expertise {
margin-top: 160px;
width: 100%;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/reviews-expertise.svg);
background-repeat: no-repeat;
background-position: 140px top;
z-index: 0;
padding-top: 70px;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
.reviews-expertise-heading-container {
position: relative;
width: 100%;
padding-top: 40px;
}
.reviews-expertise h3 {
font-family: var(--font-outfit);
font-size: 250px;
font-weight: var(--font-weight-700);
position: absolute;
right: -47px;
color: var(--background-color);
z-index: -1;
mix-blend-mode: normal;
bottom: -15px;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.reviews-expertise h2 {
font-size: var(--font-h2-lg);
line-height: var(--line-h2-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
}
.reviews-expertise h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.reviews-expertise .grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
margin: auto;
padding: 80px 40px 50px 40px;
max-width: 1360px;
width: 100%;
justify-content: space-between;
gap: 26px;
}
.reviews-expertise .grid-container .item {
max-width: 410px;
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
position: relative;
padding: 40px;
border-radius: 30px;
position: relative;
gap: 24px;
}
.reviews-expertise .grid-container .item::before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
background: var(--primary-gradient);
border-radius: inherit;
--m: conic-gradient(#000 0 0);
mask: var(--m) content-box exclude, var(--m);
pointer-events: none;
}
@supports (background: var(--primary-gradient)) {
.reviews-expertise .grid-container .item::before {
background: var(--primary-gradient);
}
}
.reviews-expertise .grid-container .item .name-image-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
}
.reviews-expertise .grid-container .item .name-image-container img {
max-width: 80px;
border-radius: 50%;
width: 100%;
}
.reviews-expertise .grid-container .item p {
text-align: center;
margin-bottom: 0;
font-size: var(--font-h5-lg);
line-height: var(--line-h5-lg);
font-weight: var(--font-weight-400);
color: var(--primary-color);
}
.reviews-expertise .grid-container .item p:first-child {
font-weight: var(--font-weight-700);
font-size: var(--font-h4-lg);
line-height: var(--line-h4-lg);
}
.reviews-expertise .grid-container .item .description {
text-align: center;
margin-bottom: 0;
font-size: var(--font-h5);
line-height: var(--line-h5);
font-weight: var(--font-weight-400);
color: var(--primary-color);
font-family: var(--font-outfit);
} .solutions {
width: 100%;
margin: auto;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0px 40px 0px 40px;
}
.solutions-grid {
margin-top: 70px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 25px;
}
.solutions-grid-item {
border-radius: 30px;
position: relative;
max-width: 627px;
min-width: 250px;
width: 100%;
transition: all 0.3s;
}
.solutions-grid-item::before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
background: var(--primary-gradient);
border-radius: inherit;
--m: conic-gradient(#000 0 0);
mask: var(--m) content-box exclude, var(--m);
pointer-events: none;
transition: padding 0.3s;
}
.solutions-grid-item:hover::before {
padding: 7px;
}
.solutions-grid-item .inner {
width: 100%;
height: 100%;
border-radius: 30px;
}
.solutions-grid-item .inner .content {
width: 100%;
height: 100%;
border-radius: 30px;
background: #ffffff80;
display: flex;
padding: 48px 32px;
flex-direction: column;
}
.solutions-grid-item .inner .content img {
max-width: 170px;
width: 100%;
margin: auto auto 50px auto;
}
.solutions-grid-item .inner .content h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
color: var(--primary-color);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
margin-bottom: 50px;
}
.solutions-grid-item .inner .content p {
font-size: var(--font-h4-md);
line-height: var(--line-h4-md);
color: var(--primary-color);
font-family: var(--font-outfit);
font-weight: var(--font-weight-400);
margin-bottom: 30px;
}
.solutions-grid-item .inner .content span {
font-size: var(--font-h4-md);
line-height: var(--line-h4-md);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.yellowDotsContainer {
display: flex;
flex-direction: column;
gap: 15px;
width: 100%;
margin: auto;
max-width: 291px;
margin-top: 20px;
margin-bottom: 50px;
}
.yellowDotsContainerItem {
display: flex;
flex-direction: row;
gap: 18px;
align-items: center;
}
.yellowDot {
width: 24px !important;
height: 24px !important;
min-width: 24px !important;
min-height: 24px !important;
margin: 0 !important;
}
.yellowDotText {
font-size: var(--font-h5) !important;
line-height: var(--line-h5) !important;
color: var(--primary-color) !important;
font-family: var(--font-outfit) !important;
font-weight: var(--font-weight-400) !important;
margin-bottom: 0 !important;
text-align: left !important;
}
.solutionBtn {
width: max-content;
margin: auto;
} .hero-digital-service {
width: 100%;
margin: auto auto;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
margin-top: 60px;
}
.hero-digital-service .hero-heading-container {
position: relative;
width: 100%;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/shape.svg);
background-repeat: no-repeat;
z-index: -2;
background-size: 1082px 350px;
background-position: top;
padding: 50px 50px 180px 50px;
}
.hero-digital-service h2 {
font-size: 300px;
transform: translate(-50%, 50%);
left: 50%;
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
top: 80px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
z-index: -1;
color: var(--background-color);
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.hero-digital-service h2.heading-text-center {
font-size: 300px;
transform: translate(-50%, 50%);
left: 50%;
}
.hero-digital-service h1 {
font-size: var(--font-hero-lg);
line-height: var(--line-hero-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
max-width: 1000px;
margin: auto;
padding-left: 0;
padding-right: 0;
}
.hero-digital-service h1 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.hero-digital-service p {
font-family: var(--font-outfit);
font-size: 24px;
font-weight: var(--font-weight-400);
line-height: 32px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
width: 919px;
align-self: center;
margin-top: -120px;
}
.hero-digital-service .hero-actions {
display: flex;
align-items: center;
gap: 24px;
margin-top: 48px;
} .clients-digital-service {
position: relative;
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 1;
margin: 0 auto;
padding: 120px 0 120px 0;
}
.clients-digital-service h2 {
font-family: var(--font-outfit);
font-size: 300px;
font-weight: var(--font-weight-700);
line-height: 18px;
text-align: center;
bottom: 90px;
text-underline-position: from-font;
text-decoration-skip-ink: none;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
color: var(--background-color);
opacity: 0.3;
position: absolute;
transform: translate(180px, -20px);
width: max-content;
}
.clients-digital-service .inner-section {
height: 120px;
width: 100%;
white-space: nowrap;
transform: translate3d(0, 0, 0);
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 0;
}
.clients-digital-service .inner-section .top-inner,
.clients-digital-service .inner-section .bottom-inner {
overflow: hidden;
white-space: nowrap;
position: relative;
}
.clients .inner-section .top-inner:before,
.clients .inner-section .top-inner:after,
.clients .inner-section .bottom-inner:before,
.clients .inner-section .bottom-inner:after {
position: absolute;
top: 0;
width: 250px;
height: 100%;
content: "";
z-index: 2;
}
.clients .inner-section .top-inner:before,
.clients .inner-section .bottom-inner:before {
left: 0;
}
.clients .inner-section .top-inner:after,
.clients .inner-section .bottom-inner:after {
right: 0;
}
.clients-digital-service .inner-section .top-inner .marquee {
display: inline-block;
animation: 60s slideLeft infinite linear;
}
.clients-digital-service .inner-section .bottom-inner .marquee {
display: inline-block;
animation: 60s slideRight infinite linear;
}
.clients-digital-service .inner-section .top-inner .marquee li,
.clients-digital-service .inner-section .bottom-inner .marquee li {
height: 36px;
margin: 0 40px;
display: inline-block;
}
.clients-digital-service .inner-section .top-inner .marquee li img,
.clients-digital-service .inner-section .bottom-inner .marquee li img {
height: 100%;
} .ready-digital-service {
position: relative;
width: 100%;
height: 496px;
margin-top: 145px;
display: flex;
justify-content: center;
align-items: center;
}
.ready-digital-service img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 0;
}
.ready-digital-service .contetn-container {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-left: 40px;
padding-right: 40px;
gap: 0;
}
.ready-digital-service h3 {
font-size: var(--font-h3-lg);
line-height: var(--line-h3-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
margin-bottom: 0;
}
.ready-digital-service h3 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.ready-digital-service p {
font-family: var(--font-outfit);
font-size: 18px;
font-weight: var(--font-weight-500);
line-height: 24px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
z-index: 1;
max-width: 734px;
margin-bottom: 48px;
margin-top: 32px;
}
.ready-digital-service button {
z-index: 1;
}
.ready-digital-service h4 {
font-family: var(--font-outfit);
font-size: 270px;
width: max-content;
font-weight: var(--font-weight-700);
position: absolute;
text-align: center;
color: var(--background-color);
z-index: -1;
mix-blend-mode: normal;
top: 160px;
transform: translate(-15%, -0%);
opacity: 0.6;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
} .selection {
width: 100%;
margin-top: 130px;
position: relative;
overflow: hidden;
max-width: 1440px;
margin-right: auto;
margin-left: auto;
}
.selection .selection-actions {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 50px;
}
.selection-heading-container {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/support-team-desktop.svg);
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
background-position: center top;
}
.selection-heading-container h2 {
font-family: var(--font-outfit);
font-size: var(--font-h2-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h2-lg);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
margin-bottom: 0;
padding: 100px 25px 120px 25px;
}
.selection-heading-container h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.selection-heading-container h3 {
font-family: var(--font-outfit);
font-size: 300px;
font-weight: var(--font-weight-700);
color: var(--background-color);
z-index: 0;
mix-blend-mode: normal;
opacity: 0.3;
position: absolute;
left: 50%;
top: 100px;
transform: translateX(-50%);
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.selection-number-items {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 190px;
max-width: 926px;
width: 100%;
padding-left: 40px;
padding-right: 40px;
gap: 50px;
margin: auto;
}
.selection-number-item {
display: flex;
gap: 60px;
align-items: center;
width: 100%;
justify-content: space-between;
position: relative;
}
.selectionItemImgArrowContainer {
position: relative;
}
.selection-number-item-image {
max-width: 120px;
min-width: 120px;
width: 100%;
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.arrow-blue-selection {
position: absolute;
bottom: 0;
transform: translate(-213%, 100px);
}
.selection-number-item-number {
background: var(--description-linear-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
font-family: var(--font-outfit);
font-size: 150px;
font-weight: var(--font-weight-300);
line-height: 150px;
min-width: 81px;
text-align: center;
}
.selection-number-item-numberMobile {
display: none;
min-width: 50px;
text-align: center;
background: var(--description-linear-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
font-family: var(--font-outfit);
font-size: 60px;
font-weight: var(--font-weight-300);
line-height: 60px;
}
.selectionContentContainer {
display: flex;
flex-direction: column;
gap: 30px;
}
.numberMobileContentContainer {
display: flex;
flex-direction: row;
align-items: center;
gap: 15px;
}
.selection-number-item-container {
width: 100%;
grid-column: unset;
grid-column-start: unset;
grid-row: unset;
grid-row-start: unset;
width: 100%;
padding: 2px;
height: 100%;
border-radius: 32px;
background: var(--primary-gradient);
max-width: 519px;
width: 100%;
}
.selection-number-item-container .inner {
border-radius: 30px;
width: 100%;
height: 100%;
background: var(--background-color);
}
.selection-number-item-container .inner .content {
align-items: center !important;
padding: 40px;
display: flex;
justify-content: flex-start;
border-radius: 30px;
width: 100%;
height: 100%;
background: #ffffff50;
}
.selection-number-item-container .inner .content .item-content {
display: flex;
flex-direction: column;
gap: 30px;
position: relative;
z-index: 1;
}
.selection-number-item-containerTitle {
font-family: var(--font-outfit);
font-size: var(--font-h3-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h3-lg);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
margin-bottom: 0;
}
.selection-number-item-containerText {
font-family: var(--font-outfit);
font-size: var(--font-h4-lg);
font-weight: var(--font-weight-400);
line-height: var(--line-h4-lg);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
margin-bottom: 0;
} .discover-partners {
background: url(//n2.help/wp-content/themes/n2-help-solutions/assets/discover-partners-cloud.svg);
margin-top: 115px;
background-repeat: no-repeat;
background-position: center top;
overflow: hidden;
position: relative;
margin-right: auto;
margin-left: auto;
}
.discover-partners-heading-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-top: 60px;
}
.discover-partners-heading-container h2 {
font-family: var(--font-outfit);
font-size: var(--font-h2-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h2-lg);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
margin-bottom: 0;
padding-left: 25px;
padding-right: 25px;
}
.discover-partners-heading-container h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.discover-column-items-container {
display: flex;
flex-direction: column;
gap: 40px;
max-width: 1360px;
padding-left: 40px;
padding-right: 40px;
margin: 70px auto auto auto;
}
.discover-column-item-container {
width: 100%;
grid-column: unset;
grid-column-start: unset;
grid-row: unset;
grid-row-start: unset;
width: 100%;
padding: 2px;
height: 100%;
border-radius: 42px;
background: var(--primary-gradient);
}
.discover-column-item-container .inner {
border-radius: 40px;
width: 100%;
height: 100%;
background: var(--background-color);
}
.discover-column-item-container .inner .content {
flex-direction: row !important;
align-items: center !important;
padding: 40px;
display: flex;
justify-content: flex-start;
border-radius: 40px;
gap: 25px;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
}
.logoDiscover {
min-width: 261px;
}
.discover-logo-text-container {
display: flex;
align-items: center;
gap: 25px;
}
.discover-column-item-container .inner .content .item-content {
display: flex;
flex-direction: column;
position: relative;
z-index: 1;
max-width: 520px;
}
.discover-column-item-container .inner .content .item-content h3 {
font-size: var(--font-h3-lg);
font-weight: var(--font-weight-700);
font-family: var(--font-outfit);
line-height: var(--line-h3-lg);
color: var(--primary-color);
}
.discover-column-item-container .inner .content .item-content h5 {
font-size: var(--font-h5);
font-weight: var(--font-weight-400);
font-family: var(--font-outfit);
line-height: var(--line-h5);
color: var(--primary-color);
margin-bottom: 25px;
}
.discover-column-item-container .inner .content .item-content button {
width: fit-content;
}
.discover-column-item-container .inner .content .item-content a {
width: fit-content;
}
.discover-column-item-container .inner .content .item-content-points {
max-width: 371px;
width: 100%;
}
.discover-column-item-container .inner .content .item-content-points h3 {
font-size: var(--font-h3-lg);
font-weight: var(--font-weight-700);
font-family: var(--font-outfit);
line-height: var(--line-h3-lg);
color: var(--primary-color);
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.discover-column-item-container .inner .content .item-content-points h5 {
font-size: var(--font-h5);
font-weight: var(--font-weight-400);
font-family: var(--font-outfit);
line-height: var(--line-h5);
color: var(--primary-color);
margin-bottom: 0;
}
.discover-content-points-dot-text-container {
display: flex;
flex-direction: column;
gap: 15px;
}
.discover-content-points-dot {
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
}
.discover-content-points-dot-text {
display: flex;
flex-direction: row;
gap: 15px;
align-items: center;
}
.discover-tablet-button {
display: none;
}
.discover-tablet-button-dots-container {
display: flex;
align-items: flex-end;
justify-content: space-between;
width: 100%;
gap: 15px;
max-width: 371px;
} .benefits {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/support-team-desktop.svg);
margin-top: 120px;
background-repeat: no-repeat;
background-position: center top;
overflow: hidden;
position: relative;
margin-right: auto;
margin-left: auto;
}
.benefits-heading-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-top: 60px;
}
.benefits-heading-container h2 {
font-family: var(--font-outfit);
font-size: var(--font-h2-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h2-lg);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
margin-bottom: 0;
margin-top: 40px;
padding-left: 40px;
padding-right: 40px;
}
.benefits-heading-container h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.benefits-heading-container h3 {
font-family: var(--font-outfit);
font-size: 300px;
font-weight: var(--font-weight-700);
color: var(--background-color);
z-index: 0;
mix-blend-mode: normal;
opacity: 0.3;
position: absolute;
left: 50%;
top: 110px;
transform: translateX(-50%);
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.benefits-grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
align-items: center;
max-width: 1360px;
margin: 100px auto auto auto;
padding-left: 40px;
padding-right: 40px;
width: 100%;
}
.benefits-grid-container-item {
border-radius: 30px;
border: 1px solid #292e35;
padding: 40px;
background-color: rgba(35, 181, 211, 0.13);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
max-width: 411px;
width: 100%;
height: 100%;
justify-content: flex-start;
}
.benefits-grid-container-item:nth-child(2) {
background-color: rgba(82, 178, 132, 0.13);
}
.benefits-grid-container-item:nth-child(3) {
background-color: rgba(240, 186, 76, 0.13);
}
.benefits-grid-container-item h3 {
text-align: center;
margin-top: 40px;
margin-bottom: 25px;
font-size: 32px;
font-family: var(--font-outfit);
}
.benefits-grid-container-item h5 {
text-align: center;
font-weight: var(--font-weight-400);
margin-bottom: 0;
font-family: var(--font-outfit);
}
.benefits-image {
position: relative;
z-index: 2;
max-width: 120px;
width: 100%;
} .ready-partners {
position: relative;
width: 100%;
height: 496px;
margin-top: 145px;
display: flex;
justify-content: center;
align-items: center;
}
.ready-partners img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 0;
}
.ready-partners .contetn-container {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-left: 40px;
padding-right: 40px;
gap: 0;
}
.ready-partners h3 {
font-size: var(--font-h3-lg);
line-height: var(--line-h3-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
margin-bottom: 0;
}
.ready-partners h3 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.ready-partners p {
font-family: var(--font-outfit);
font-size: 18px;
font-weight: var(--font-weight-500);
line-height: 24px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
z-index: 1;
max-width: 734px;
margin-bottom: 48px;
margin-top: 32px;
}
.ready-partners button {
z-index: 1;
}
.ready-partners h4 {
font-family: var(--font-outfit);
font-size: 270px;
font-weight: var(--font-weight-700);
position: absolute;
text-align: center;
color: var(--background-color);
z-index: 0;
mix-blend-mode: normal;
top: 160px;
transform: translate(-15%, -0%);
opacity: 0.2;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
} .hero-ethic-with-bullets {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 48px;
margin-top: 60px;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/shape.svg);
background-position: center top;
background-repeat: no-repeat;
padding-top: 50px;
position: relative;
}
.hero-ethic-with-bullets h1 {
font-size: var(--font-hero-lg);
line-height: var(--line-hero-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
max-width: 1000px;
}
.hero-ethic-with-bullets h1 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.hero-ethic-with-bullets h3 {
width: 100%;
font-family: var(--font-outfit);
font-size: 195px;
font-weight: var(--font-weight-700);
top: 230px;
left: 50%;
transform: translateX(-50%);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
position: absolute;
z-index: 0;
color: var(--background-color);
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.hero-ethic-with-bullets .description {
font-family: var(--font-outfit);
font-size: 24px;
font-weight: var(--font-weight-400);
line-height: 32px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
max-width: 919px;
position: relative;
z-index: 1;
}
.hero-ethic-with-bullets .hero-list {
display: flex;
flex-direction: column;
gap: 16px;
}
.hero-ethic-with-bullets .hero-list li {
display: flex;
gap: 16px;
}
.hero-ethic-with-bullets .hero-list li p {
font-family: var(--font-outfit);
font-size: 24px;
font-weight: var(--font-weight-400);
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.hero-ethic-with-bullets .hero-actions-ethic {
display: flex;
gap: 24px;
} .clients-ethic-lab {
position: relative;
margin: 0px auto;
padding-top: 100px;
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 1;
}
.clients-ethic-lab h2 {
font-family: var(--font-outfit);
font-size: 300px;
font-weight: var(--font-weight-700);
line-height: 18px;
text-align: center;
bottom: 120px;
text-underline-position: from-font;
text-decoration-skip-ink: none;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
color: var(--background-color);
opacity: 0.3;
position: absolute;
right: 50%;
transform: translate(70%, 0px);
width: max-content;
}
.clients-ethic-lab .inner-section {
height: 120px;
width: 100%;
white-space: nowrap;
transform: translate3d(0, 0, 0);
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 60px;
}
.clients-ethic-lab .inner-section .top-inner,
.clients-ethic-lab .inner-section .bottom-inner {
overflow: hidden;
white-space: nowrap;
position: relative;
}
.clients .inner-section .top-inner:before,
.clients .inner-section .top-inner:after,
.clients .inner-section .bottom-inner:before,
.clients .inner-section .bottom-inner:after {
position: absolute;
top: 0;
width: 250px;
height: 100%;
content: "";
z-index: 2;
}
.clients .inner-section .top-inner:before,
.clients .inner-section .bottom-inner:before {
left: 0;
}
.clients .inner-section .top-inner:after,
.clients .inner-section .bottom-inner:after {
right: 0;
}
.clients-ethic-lab .inner-section .top-inner .marquee {
display: inline-block;
animation: 60s slideLeft infinite linear;
}
.clients-ethic-lab .inner-section .bottom-inner .marquee {
display: inline-block;
animation: 60s slideRight infinite linear;
}
.clients-ethic-lab .inner-section .top-inner .marquee li,
.clients-ethic-lab .inner-section .bottom-inner .marquee li {
height: 36px;
margin: 0 40px;
display: inline-block;
}
.clients-ethic-lab .inner-section .top-inner .marquee li img,
.clients-ethic-lab .inner-section .bottom-inner .marquee li img{
height: 100%;
} .players-ebackground-small-text {
background-position: center top;
background-repeat: no-repeat;
background-size: 900px;
}
.players-ebackground-small-text .players-heading-container h3 {
font-size: 200px;
}
.players-ebackground-small-text .items-container .item .players-arrow-2 {
top: 240px;
} .your-organization {
margin-top: 100px;
width: 100%;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/your-organization-cloud.svg);
background-repeat: no-repeat;
background-position: center top;
z-index: 0;
padding-top: 70px;
}
.your-organization h2 {
font-size: var(--font-h2-lg);
line-height: var(--line-h2-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
max-width: 903px;
text-align: center;
padding-left: 25px;
padding-right: 25px;
margin-bottom: 30px;
}
.your-organization h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.your-organization h4 {
font-size: var(--font-h4-lg);
line-height: var(--line-h4-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-400);
color: var(--primary-color);
z-index: 1;
max-width: 903px;
text-align: center;
padding-left: 25px;
padding-right: 25px;
}
.your-organization-grid-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 16px;
column-gap: 24px;
padding-left: 40px;
padding-right: 40px;
max-width: 1360px;
margin: 80px auto auto auto;
}
.your-organization-item .inner .content {
display: flex;
gap: 16px;
align-items: center;
}
.your-organization-item .inner .content p {
font-size: var(--font-h4-lg);
line-height: var(--line-h4-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-400);
text-align: left;
color: var(--primary-color);
}
.your-organization-item .inner .content img {
width: 24px;
height: 24px;
} .free-guide-section {
margin-top: 160px;
position: relative;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
overflow: hidden;
height: 515px;
position: relative;
}
.blackCloudFreeGuide {
position: absolute;
z-index: 0;
height: 515px;
}
.free-guide-section h3 {
font-size: var(--font-h3-lg);
line-height: var(--line-h3-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--background-color);
max-width: 715px;
position: relative;
z-index: 1;
padding-left: 25px;
padding-right: 25px;
margin-bottom: 25px;
}
.free-guide-section h3 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.free-guide-section .bg-text {
font-family: var(--font-outfit);
font-size: 240px;
font-weight: var(--font-weight-700);
line-height: 18px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
text-shadow: -1px -1px 0 var(--outline-text-white),
1px -1px 0 var(--outline-text-white), -1px 1px 0 var(--outline-text-white),
1px 1px 0 var(--outline-text-white);
color: var(--primary-color);
opacity: 0.3;
position: absolute;
width: max-content;
}
.free-guide-section-cotnainer {
position: relative;
z-index: 1;
padding-left: 25px;
padding-right: 25px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.free-guide-section-cotnainer h4 {
font-size: var(--font-h4-lg);
line-height: var(--line-h4-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-500);
color: var(--background-color);
margin-bottom: 0px;
}
.free-guide-dots-main-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
margin-top: 15px;
}
.free-guide-dots-container {
display: flex;
align-items: center;
gap: 15px;
}
.yellowDotFreeGuide {
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
}
.free-guide-dots-container h5 {
font-size: var(--font-h5);
line-height: var(--line-h5);
font-family: var(--font-outfit);
font-weight: var(--font-weight-500);
color: var(--background-color);
margin-bottom: 0;
} .three-experts {
margin-top: var(--spacing-lg);
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/three-experts-desktop.svg);
background-position: 150px top;
background-repeat: no-repeat;
padding-top: 88px;
max-width: 1280px;
margin-right: auto;
margin-left: auto;
position: relative;
}
.three-experts h2 {
font-size: var(--font-h2-lg);
line-height: var(--line-h2-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
text-align: center;
position: relative;
}
.three-experts h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.three-experts h4 {
font-family: var(--font-outfit);
font-size: 300px;
top: 71px;
font-weight: var(--font-weight-700);
line-height: 18px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
color: var(--background-color);
opacity: 0.3;
position: absolute;
z-index: 0;
width: max-content;
}
.three-experts .items-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
padding-top: 60px;
z-index: 1;
position: relative;
}
.three-experts .items-grid .item {
width: 100%;
display: grid;
grid-template-columns: repeat(1, 1fr);
justify-content: center;
align-items: center;
padding: 48px;
border-radius: 30px;
position: relative;
gap: 32px;
background-color: #ffffff80;
}
.three-experts .items-grid .item::before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
background: var(--primary-gradient);
border-radius: inherit;
--m: conic-gradient(#000 0 0);
mask: var(--m) content-box exclude, var(--m);
pointer-events: none;
}
.three-experts .items-grid .item .img {
width: 100%;
display: flex;
justify-content: center;
align-self: center;
}
.three-experts .items-grid .item .img img {
width: 300px;
height: 300px;
}
.three-experts .items-grid .item h3 {
font-family: var(--font-outfit);
font-size: var(--font-h3-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h3-lg);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.three-experts .items-grid .item .about-list {
display: flex;
flex-direction: column;
gap: 16px;
}
.three-experts .items-grid .item .about-list li {
display: flex;
align-items: center;
gap: 16px;
}
.three-experts .items-grid .item .about-list li p {
font-family: var(--font-outfit);
font-size: 16px;
font-weight: var(--font-weight-400);
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.three-experts .items-grid .item a {
display: flex;
justify-content: center;
align-items: center;
} .n2-story-small-text {
margin-top: 100px;
} .reviews-list {
margin-top: 160px;
width: 100%;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/reviews-cloud.svg);
background-repeat: no-repeat;
background-position: center top;
z-index: 0;
padding-top: 70px;
}
.reviews-list-heading-container {
position: relative;
width: 100%;
}
.reviews-list h3 {
font-family: var(--font-outfit);
font-size: 250px;
font-weight: var(--font-weight-700);
position: absolute;
bottom: -80px;
right: -47px;
color: var(--background-color);
z-index: -1;
mix-blend-mode: normal;
opacity: 0.3;
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.reviews-list h2 {
font-size: var(--font-h2-lg);
line-height: var(--line-h2-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
}
.reviews-list h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.reviews-list .grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
margin: auto;
padding: 80px 40px 50px 40px;
max-width: 1360px;
width: 100%;
justify-content: space-between;
gap: 26px;
}
.reviews-list .grid-container .item {
max-width: 410px;
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
position: relative;
padding: 40px;
border-radius: 30px;
position: relative;
gap: 24px;
}
.reviews-list .grid-container .item::before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
background: var(--primary-gradient);
border-radius: inherit;
--m: conic-gradient(#000 0 0);
mask: var(--m) content-box exclude, var(--m);
pointer-events: none;
}
@supports (background: var(--primary-gradient)) {
.reviews-list .grid-container .item::before {
background: var(--primary-gradient);
}
}
.reviews-list .grid-container .item .name-image-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
}
.reviews-list .grid-container .item .name-image-container img {
max-width: 80px;
border-radius: 50%;
width: 100%;
}
.reviews-list .grid-container .item p {
text-align: center;
margin-bottom: 0;
font-size: var(--font-h5-lg);
line-height: var(--line-h5-lg);
font-weight: var(--font-weight-400);
color: var(--primary-color);
font-family: var(--font-outfit);
}
.reviews-list .grid-container .item p:first-child {
font-weight: var(--font-weight-700);
font-size: var(--font-h4-lg);
line-height: var(--line-h4-lg);
font-family: var(--font-outfit);
}
.reviews-list .grid-container .item .description {
text-align: center;
margin-bottom: 0;
font-size: var(--font-h5);
line-height: var(--line-h5);
font-weight: var(--font-weight-400);
color: var(--primary-color);
font-family: var(--font-outfit);
} .support-team-list {
margin-top: 100px;
}
.support-team-list .support-team-list-heading-container {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/support-team-desktop.svg);
background-repeat: no-repeat;
background-position: center top;
background-size: 850px;
height: 300px;
display: flex;
flex-direction: column;
gap: 32px;
position: relative;
justify-content: center;
align-items: center;
max-width: 1440px;
margin: 0 auto;
}
.support-team-list .support-team-list-heading-container h2 {
font-family: var(--font-outfit);
font-size: var(--font-h2-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h2-lg);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
margin-bottom: 0;
}
.support-team-list .support-team-list-heading-container h2 span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
}
.support-team-list .support-team-list-heading-container p {
font-family: var(--font-outfit);
font-size: 24px;
font-weight: 400;
line-height: 32px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
max-width: 869px;
z-index: 1;
}
.support-team-list .support-team-list-heading-container h3 {
font-family: var(--font-outfit);
font-size: 300px;
font-weight: var(--font-weight-700);
color: var(--background-color);
z-index: 0;
mix-blend-mode: normal;
opacity: 0.3;
position: absolute;
left: 70%;
top: 110px;
transform: translateX(-45%);
text-shadow: -1px -1px 0 var(--outline-text), 1px -1px 0 var(--outline-text),
-1px 1px 0 var(--outline-text), 1px 1px 0 var(--outline-text);
width: max-content;
}
.support-team-list .teams-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 48px;
margin: 40px auto 0 auto;
max-width: 1280px;
justify-content: center;
align-items: center;
}
.support-team-list .teams-grid .flip-card,
.support-team-list
.teams-grid
.flip-card
.flip-card-inner
.flip-card-front
img {
width: 217px;
height: 370px;
aspect-ratio: 1;
}
.support-team-list .teams-grid .flip-card {
perspective: 1000px;
}
.support-team-list .teams-grid .flip-card .flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
}
.support-team-list .teams-grid .flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.support-team-list .teams-grid .flip-card .flip-card-inner .flip-card-front,
.support-team-list .teams-grid .flip-card .flip-card-inner .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.support-team-list .teams-grid .flip-card .flip-card-inner .flip-card-back {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: relative;
padding: 24px;
border-radius: 20px;
background-color: #ffffff80;
position: relative;
gap: 16px;
transform: rotateY(180deg);
}
.support-team-list
.teams-grid
.flip-card
.flip-card-inner
.flip-card-back::before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
background: var(--primary-gradient);
border-radius: inherit;
--m: conic-gradient(#000 0 0);
mask: var(--m) content-box exclude, var(--m);
pointer-events: none;
}
.support-team-list .teams-grid .flip-card .flip-card-inner .flip-card-back h4 {
font-family: var(--font-outfit);
font-size: var(--font-h4-lg);
font-weight: var(--font-weight-700);
line-height: var(--line-h4-lg);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
margin-bottom: 0;
}
.support-team-list .teams-grid .flip-card .flip-card-inner .flip-card-back p {
font-family: var(--font-outfit);
font-size: 14px;
font-weight: var(--font-weight-400);
line-height: 17px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
width: 180px;
}
.support-team-list
.teams-grid
.flip-card
.flip-card-inner
.flip-card-back
p.position {
font-family: var(--font-outfit);
font-size: 16px;
font-weight: var(--font-weight-400);
line-height: 24px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
text-transform: uppercase;
}
.support-team-list
.teams-grid
.flip-card
.flip-card-inner
.flip-card-back
a
img {
width: 40px;
height: 40px;
} .sample-page {
margin: 80px auto auto auto;
padding: 0px 40px 0px 40px;
max-width: 1360px;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
.sample-page h1 {
max-width: 750px;
font-family: var(--font-family);
font-size: 50px;
color: var(--primary-color);
margin-bottom: 20px;
}
.sample-page h2 {
font-family: var(--font-family);
font-size: 36px;
color: var(--primary-color);
}
.sample-page h3 {
font-family: var(--font-family);
font-size: 28px;
color: var(--primary-color);
}
.sample-page p {
font-family: var(--font-outfit);
margin-bottom: 20px;
color: var(--primary-color);
}
.sample-page strong {
font-weight: 600;
}
.sample-page a {
color: var(--accent-color);
margin-bottom: 20px;
font-family: var(--font-outfit);
cursor: pointer;
}
.sample-page ul {
list-style: disc !important;
color: var(--primary-color);
font-family: var(--font-outfit);
padding-left: 20px;
}
.sample-page ul li {
color: var(--primary-color);
font-family: var(--font-outfit);
list-style-position: outside;
} .page404 {
margin: 80px auto auto auto;
padding: 0px 40px 0px 40px;
max-width: 1360px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.page404 span {
font-size: var(--font-hero-lg);
line-height: var(--line-hero-lg);
font-family: var(--font-outfit);
font-weight: var(--font-weight-700);
text-align: center;
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
margin-bottom: 40px;
}
.page404 p {
font-family: var(--font-outfit);
font-size: 24px;
font-weight: var(--font-weight-400);
line-height: 32px;
text-align: center;
color: var(--primary-color);
align-self: center;
position: relative;
z-index: 1;
} .blogsHero {
padding-bottom: 64px;
}
.blogsHero .grid-items-expertise {
gap: 20px;
}
.blogsHero a {
color: var(--background-color);
font-weight: 500;
display: block;
padding: 4px 24px;
border-radius: 5px;
background: var(--primary-color);
text-align: center;
position: relative;
z-index: 0;
transition: all 0.3s;
cursor: pointer;
}
.blogsHero a:hover {
background: var(--accent-color);
} .popular-post-section {
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding-left: 40px;
padding-right: 40px;
}
.popular-post {
overflow: hidden;
border-radius: 5px;
margin: 0 auto !important;
}
.popular-post.blog-entry.thumbnail-entry {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 60px;
}
.popular-post .popular-post-entry-inner {
display: flex;
align-items: center;
justify-content: center;
background: var(--primary-color);
}
.popular-post .popular-post-entry-inner .popular-post-thumbnail {
display: flex;
position: relative;
overflow: hidden;
width: 35%;
}
.popular-post .popular-post-entry-inner .popular-post-thumbnail .popular-icon {
position: absolute;
top: 0;
left: 0;
background: #f0ba4c;
padding: 20px;
display: flex;
text-align: center;
color: var(--background-color);
}
.popular-post
.popular-post-entry-inner
.popular-post-thumbnail
.popular-icon
i {
font-size: 40px;
}
.popular-post .popular-post-entry-inner .popular-post-thumbnail a img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.post-content {
word-wrap: break-word;
word-break: break-word;
}
.popular-post .popular-post-entry-inner .popular-post-content {
width: 65%;
padding: 20px 40px;
}
.popular-post
.popular-post-entry-inner
.popular-post-content
.popular-post-category
h5 {
font-weight: 900;
font-size: 13px;
text-transform: uppercase;
margin: 0;
letter-spacing: 6px;
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-family: var(--font-outfit);
}
.popular-post
.popular-post-entry-inner
.popular-post-content
.blog-entry-header {
margin-bottom: 20px;
}
.popular-post
.popular-post-entry-inner
.popular-post-content
.popular-post-entry-header {
margin-bottom: 5px !important;
}
.popular-post
.popular-post-entry-inner
.popular-post-content
.popular-post-entry-header
h3
a {
text-decoration: none;
color: var(--background-color) !important;
line-height: 1.1;
font-family: var(--font-outfit);
}
.popular-post
.popular-post-entry-inner
.popular-post-content
.popular-post-summary
p {
line-height: 1.2;
color: var(--background-color);
margin-bottom: 20px;
font-family: var(--font-outfit);
}
.popular-post
.popular-post-entry-inner
.popular-post-content
.popular-post-bottom
.popular-post-meta,
.popular-post
.popular-post-entry-inner
.popular-post-content
.popular-post-bottom
.popular-post-meta
p {
display: flex;
font-size: 14px;
color: var(--background-color);
font-family: var(--font-outfit);
}
.popular-post
.popular-post-entry-inner
.popular-post-content
.popular-post-bottom
.popular-post-meta
span {
display: flex;
align-items: center;
margin-right: 20px;
gap: 10px;
}
.popular-post
.popular-post-entry-inner
.popular-post-content
.popular-post-bottom
.popular-post-meta
span
i {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.blogContentMainContainer {
padding-top: 50px;
padding-bottom: 50px;
display: flex;
flex-direction: column;
gap: 60px;
max-width: 1280px;
padding-left: 40px;
padding-right: 40px;
margin: auto;
}
.blogContentMainContainer article {
background-color: var(--primary-color);
border-radius: 10px;
overflow: hidden;
box-shadow: var(--n2-blog-artice-shadow);
width: 100%;
}
.blogArticleMain {
display: flex;
flex-direction: row;
}
.blogArticleImgContainer {
width: 45%;
cursor: pointer;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.blogArticleImgContainer img {
width: 100%;
transition: opacity 0.3s ease-in-out;
height: auto;
vertical-align: middle;
}
.blogArticleImgContainer:hover {
background-color: rgba(51, 51, 51, 0.5);
}
.blogArticleImgContainer:hover img {
opacity: 0.8;
}
.blogInfoContainer {
display: flex;
justify-content: center;
flex-direction: column;
padding: 6px 3em 6px 3em;
width: 55%;
}
.blogInfoCategoryBox {
display: flex;
margin-bottom: 10px;
gap: 20px;
}
.blogInfoCategoryBox a {
color: var(--accent-color);
opacity: 0.8;
cursor: pointer;
transition: all 0.3s;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.6px;
line-height: 1.2em;
text-transform: uppercase;
}
.blogInfoCategoryBox a:hover {
opacity: 1;
}
.blogInfoContainer h3 {
font-size: 34px;
margin-bottom: 20px;
font-weight: 700;
letter-spacing: 0.6px;
line-height: 1.1;
color: var(--background-color);
}
.blogInfoContainer h3 a {
font-size: 34px;
margin-bottom: 20px;
font-weight: 700;
letter-spacing: 0.6px;
line-height: 1.1;
color: var(--background-color);
cursor: pointer;
}
.blogInfoContainer p {
color: var(--background-color);
margin-bottom: 15px;
}
.blogContainercommentsDate {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 15px;
gap: 15px;
}
.blogContainercommentsDate span {
color: var(--accent-color);
font-size: 11px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.6px;
line-height: 1.2em;
}
.blogContainercommentsDate i {
padding-right: 6px;
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-size: 14px;
} .single-page-container {
max-width: 1280px;
margin: 0 auto;
padding-top: 50px;
padding-bottom: 50px;
width: 90%;
display: flex;
position: relative;
}
.single-page-container .content-area {
position: relative;
width: 72%;
padding-right: 30px;
border: none;
}
.single-page-container .thumbnail {
position: relative;
margin-bottom: 20px;
}
.single-page-container .thumbnail img {
width: 100%;
height: auto;
}
.single-page-container h1 {
font-weight: 700;
font-size: 48px;
color: var(--primary-color);
line-height: 1.1;
letter-spacing: 0.6px;
font-family: var(--font-outfit);
}
.single-page-container ul.meta {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
color: var(--primary-color);
font-size: 14px;
line-height: 1.3;
margin: 0 0 20px;
padding: 0 0 10px;
list-style: none;
padding-bottom: 15px;
font-family: var(--font-outfit);
}
.single-page-container ul.meta li {
display: flex;
align-items: center;
}
.single-page-container ul.meta li:after {
padding: 0 6px;
font-weight: bold;
content: "|";
}
.single-page-container ul.meta li:last-child::after {
content: "";
}
.single-page-container ul.meta .screen-reader-text {
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
top: -10000em;
width: 1px;
clip: rect(0, 0, 0, 0);
border: 0;
}
ul.meta li .owp-sep {
padding: 0 5px;
}
.single-page-container ul.meta li i {
padding-right: 9px;
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.single-page-container .post-content p {
margin: 0 0 20px;
font-family: var(--font-outfit);
font-size: 16px;
}
.single-page-container .post-content iframe {
width: 100%;
margin-bottom: 20px;
height: 470px
}
.single-page-container .post-content h2 {
font-size: 28px;
color: var(--primary-color);
line-height: 1.1;
font-family: var(--font-outfit);
}
.single-page-container .post-content h3 {
font-size: 24px;
color: var(--primary-color);
line-height: 1.2;
font-family: var(--font-outfit);
}
.single-page-container .post-content a {
color: var(--accent-color);
text-decoration: underline;
text-underline-offset: 3px;
transition: all 0.3s ease;
}
.single-page-container .post-content a:hover {
text-decoration-style: dotted;
}
.single-page-container .post-content img {
max-width: 100%;
height: auto;
align-self: center;
}
.single-page-container .post-content figure {
margin-bottom: 20px;
}
.single-page-container .post-content ul {
list-style: disc !important;
color: var(--primary-color);
font-family: var(--font-outfit);
margin: 15px 0 15px 20px;
}
.single-page-container .post-content ol {
color: var(--primary-color);
font-family: var(--font-outfit);
margin: 15px 0 15px 20px;
}
.widget-area {
width: 28%;
height: fit-content;
position: sticky;
top: 150px;
padding-left: 30px;
}
.widgetAreaAside {
width: 100%;
max-width: 306px;
}
.share-section {
display: flex;
align-items: center;
margin-bottom: 40px;
}
.share-txt {
margin-right: 15px;
}
.facebook-share-button {
background: #1877f2 !important;
}
.twitter-share-button {
background: #1da1f2 !important;
}
.linkedin-share-button {
background: #0a66c2 !important;
}
.pinterest-share-button {
background: #bd081c !important;
}
.email-share-button {
background: #02b875 !important;
}
.share-section-container {
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
flex-wrap: wrap;
}
.share-btn {
appearance: button;
background-color: #1652f0;
border-radius: 4px;
border: none;
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-size: 14px;
line-height: 0.9px;
overflow: visible;
padding: 10px 16px;
position: relative;
text-align: center;
text-transform: none;
transition: all 80ms ease-in-out;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
width: fit-content;
display: inline-flex;
align-items: center;
transition: all 0.3s;
}
.share-btn:hover {
opacity: 0.95;
background-color: var(--primary-color) !important;
}
.share-btn p {
color: #fff;
}
.share-btn i {
font-size: 16px;
margin-right: 5px;
}
.single-page-container .related-posts {
margin: 1.5em auto;
max-width: 1100px;
margin-top: 30px;
padding-top: 30px;
}
.single-page-container .related-posts .related-posts-title .text {
font-size: var(--font-h3-lg);
font-weight: 700;
text-transform: none;
color: var(--primary-color);
}
.single-page-container .related-posts .related-posts-container {
display: flex;
align-items: flex-start;
gap: 20px;
}
.single-page-container .related-posts .related-posts-container article img {
width: 100%;
border-radius: 10px;
height: auto;
}
.single-page-container .related-posts .related-posts-container article {
width: 33%;
}
.single-page-container .related-posts .related-posts-container article h3 {
font-size: var(--font-h4-lg);
line-height: var(--line-h4-lg);
text-align: center;
}
.single-page-container
.related-posts
.related-posts-container
article
.published {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
font-size: 14px;
color: var(--primary-color);
}
.single-page-container .post-tags {
display: flex;
align-items: center;
gap: 5px;
flex-wrap: wrap;
}
.single-page-container .post-tags .owp-tag-texts {
font-size: 12px;
color: var(--primary-color);
text-transform: uppercase;
font-family: var(--font-outfit);
}
.single-page-container .post-tags a {
background-color: var(--primary-color);
color: var(--background-color);
text-transform: uppercase;
font-size: 12px;
display: block;
padding: 5px 15px;
width: max-content;
border-radius: 3px;
font-family: var(--font-outfit);
}
.single-page-container .post-content .wp-block-button,
.single-page-container .post-content .wp-block-button a {
text-decoration: none;
color: var(--background-color);
font-family: var(--font-outfit);
}
.single-page-container .post-content .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
width: 100px;
}
.single-page-container .post-content .wp-block-separator{
margin: 30px auto;
}
.single-page-container .post-content .wp-block-image figcaption {
font-size: 13px;
text-align: center;
}
.single-page-container .post-content .wp-block-quote{
padding-left: 20px;
border: 0;
border-left-width: 3px;
border-style: solid;
border-left-color: var(--accent-color);
}
main:has(.single-page-container) {
overflow: unset;
}
ul.page-numbers {
display: inline-block;
width: 100%;
margin: 0;
padding: 10px 0 0;
list-style: none;
text-align: right;
clear: both
}
ul.page-numbers li {
display: inline-block
}
.wp-block-button__link {
color: #fff;
transition: all 0.3s;
}
.wp-block-button__link:hover {
color: var(--accent-color);
}
.page-numbers a, .page-numbers span{
position: relative;
display: inline-block;
min-width: 38px;
min-width: 38px;
line-height: 38px;
margin: 0 8px 0 0;
text-align: center;
color: var(--background-color);
font-size: 18px;
cursor: pointer;
background-color: var(--primary-color);
white-space: nowrap;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.page-numbers a:hover, .page-numbers span:hover{
background-color: var(--accent-color);
color: var(--primary-color);
}
.page-numbers .current {
background-color: var(--accent-color);
cursor: default;
}
.blogSideBar {
display: flex;
flex-direction: column;
gap: 35px;
justify-content: center;
align-items: center;
}
.blogSideBar span {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
z-index: 1;
font-size: 28px;
line-height: normal;
font-weight: var(--font-weight-700);
font-family: var(--font-outfit);
text-align: center;
}
.blogSideBar h3 {
font-size: 28px;
line-height: normal;
font-weight: var(--font-weight-700);
font-family: var(--font-outfit);
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
z-index: 1;
}
.blogSideBar button {
height: 54px !important;
padding: 0 32px !important;
width: fit-content;
}
.blogSideBar a {
height: 54px !important;
padding: 0 32px !important;
width: fit-content;
}
@media (min-width: 2500px) {
.n2-story img {
width: 1440px;
left: auto;
right: auto;
} .your-potential img {
width: 1440px;
left: auto;
right: auto;
}
}
@media (min-width: 1500px) {
.player-profile-looking-section {
max-width: 1440px;
}
.player-profile-looking-section .round-stamp-container {
right: 0;
}
.players .players-heading-container {
background-position: left center;
}
.digital-transformation {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/full-digital-transformation-shape.svg);
background-size: 80%;
}
.digital-transformation h3 {
right: 0;
}
.digital-transformation .items-container .items-image {
margin-right: 0px;
}
.digital-transformation-expertise {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/full-digital-transformation-shape.svg);
background-size: 80%;
} .service-now-certification h3 {
left: 0;
right: 0;
font-size: 230px;
}
.case-studies h3 {
right: 0;
}
}
@media (min-width: 1440px) {
.case-studies h3 {
left: 0;
}
.reviews-expertise h3 {
right: 0;
} .blackCloudFreeGuide {
width: 100%;
} .digital-transformation-join-us {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/full-digital-transformation-shape.svg);
background-size: 80%;
}
}
@media screen and (min-width: 992px) {
.popular-post {
max-height: 300px;
}
}
@media screen and (max-width: 1440px) { .digital-transformation-join-us h2 {
padding-top: 10px;
}
}
@media screen and (max-width: 1400px) { .ready h4 {
transform: translate(-10%, -0%);
} .ready-digital-service h4 {
transform: translate(-10%, -0%);
} .ready-partners h4 {
transform: translate(-10%, -0%);
} .hero-ethic-with-bullets h3 {
font-size: 160px;
}
}
@media (max-width: 1300px) {
.player-profile-looking-section .playerProfileCenteredContainerH3 {
font-size: 150px;
} header {
max-width: 1190px;
} .hero h2 {
font-size: 230px;
}
.hero h2.heading-text-center {
top: 170px;
left: 57px;
transform: translate(0, 0);
font-size: 140px;
} .features .grid-container {
margin: 0 40px;
}
.features .grid-container .item-3 {
width: 100%;
}
.features .grid-container .item-4 {
width: 100%;
}
.players {
background-position: 20px 0;
}   .about-hero h2 {
font-size: 270px;
} .persons-section .person-container .img-container {
width: 250px;
height: 250px;
display: flex;
} .support-team .teams-grid {
gap: unset;
max-width: 1100px;
}
.support-team .teams-grid .flip-card .flip-card-inner .flip-card-front img,
.support-team .teams-grid .flip-card .flip-card-inner {
width: 190px;
height: 350px;
}
.support-team .teams-grid .flip-card,
.support-team .teams-grid .flip-card .flip-card-inner .flip-card-front img {
display: flex;
justify-content: center;
align-items: center;
} .hero-join-us {
background-position: center top;
}
.hero-join-us h3 {
font-size: 270px;
} .why-choose-n2 .heading-container h3 {
font-size: 170px;
} .digital-transformation-expertise h3 {
font-size: 250px;
} .team-players h3 {
font-size: 250px;
} .hero-expertise {
background-position: center top;
}
.hero-expertise h3 {
font-size: 270px;
} .reviews-expertise {
background-position: 100px top;
}
.reviews-expertise h3 {
font-size: 220px;
} .service-now-certification h3 {
font-size: 210px;
} .why-n2 h3 {
font-size: 150px;
} .hero-digital-service h2 {
font-size: 230px;
}
.hero-digital-service h2.heading-text-center {
top: 170px;
left: 57px;
transform: translate(0, 0);
font-size: 140px;
} .three-experts .items-grid {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
.three-experts .items-grid .item {
padding: 24px;
}
.three-experts .items-grid .item .img img {
width: 200px;
height: 200px;
}
.three-experts h4 {
font-size: 270px;
} .n2-story-small-text {
gap: 28px;
}
.n2-story-small-text .description {
gap: 24px;
} .support-team-list .teams-grid {
gap: unset;
max-width: 1100px;
}
.support-team-list
.teams-grid
.flip-card
.flip-card-inner
.flip-card-front
img,
.support-team-list .teams-grid .flip-card .flip-card-inner {
width: 190px;
height: 350px;
}
.support-team-list .teams-grid .flip-card,
.support-team-list
.teams-grid
.flip-card
.flip-card-inner
.flip-card-front
img {
display: flex;
justify-content: center;
align-items: center;
}
}
@media (max-width: 1199px) { .video-section .container-video {
width: calc(100% - 48px);
}
.video-section .container-video iframe{
width: 100%;
} header nav ul,
#language-selector,
#language-selector-ham {
display: none;
}
header {
max-width: 90%;
margin: 24px auto;
top: 14px;
}
header .hamburger-menu {
display: block;
background: none;
border: none;
width: 54px;
height: 54px;
border-radius: 50%;
border: 2px solid var(--primary-color);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 5px;
}
header .hamburger-menu span {
width: 24px;
height: 2px;
background-color: var(--primary-color);
}
.hamburger-menu-items {
background-color: var(--white-color);
padding: 15px 30px;
border-radius: 40px;
box-shadow: 0px 10px 30px 0px rgba(41, 46, 53, 0.13);
}
.hamburger-menu-container {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
background: rgba(41, 46, 53, 0.5);
padding: 24px;
z-index: 1000;
}
.header-items {
display: flex;
justify-content: space-between;
align-items: center;
}
.header-items #language-selector-ham {
display: flex;
}
.header-items #language-selector-ham li {
font-size: 18px;
}
.hamburger-menu .img {
width: 18px;
height: 18px;
}
.hamburger-menu-items ul li a .image-container{
width: 50%;
display: flex;
justify-content: flex-end;
}
.hamburger-menu-items ul {
display: flex;
flex-direction: column;
margin: 20px 0 40px 0;
gap: 14px;
}
.hamburger-menu-items ul li {
font-family: var(--font-outfit);
font-size: 24px;
font-weight: var(--font-weight-500);
line-height: 32px;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--primary-color);
}
.hamburger-menu-items ul li a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.hamburger-menu-items ul li a img {
width: 11.67px;
height: 5.83px;
}
.show-ham {
display: block;
visibility: visible !important;
}
.hamburger-menu-container ul.dropdown-ham {
margin: 10px 24px;
}
.hamburger-menu-container .dropdown-ham {
display: none;
flex-direction: column;
gap: 24px;
}
.hamburger-menu-container .dropdown-ham li {
font-family: var(--font-outfit);
font-size: 18px;
font-weight: var(--font-weight-500);
line-height: 18px;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.active-color-item {
color: var(--accent-color);
}
.image-rotate {
transform: rotate(180deg);
}
.ham-actions {
display: flex;
align-items: center;
gap: 24px;
position: absolute;
bottom: 24px;
right: 24px;
}
.ham-actions .btn-border-color {
line-height: 14px;
height: 42px;
width: 87px;
padding: 0;
}
.ham-actions .btn-linear-color {
line-height: 14px;
height: 42px;
width: 184px;
padding: 0;
} .hero {
margin-top: 40px;
}
.hero-heading-container {
padding: 40px 0;
}
.hero h1 {
font-size: var(--font-h1-md);
line-height: var(--line-h1-md);
}
.hero h2 {
font-size: 140px;
top: auto;
left: -30px;
bottom: 0;
}
.hero p {
width: auto;
max-width: 664px;
margin-top: 20px;
} .clients {
margin-top: 80px;
padding-top: 40px;
padding-bottom: 20px;
}
.clients h2 {
font-size: 200px;
top: 94px;
left: 0;
right: auto;
}
.clients .inner-section {
margin-top: 0;
} .features {
margin-top: 80px;
padding: 0 40px;
}
.features .fatures-heading-container {
padding: 50px;
background-position: center 40px;
background-size: 500.83px auto;
}
.features .fatures-heading-container h2 br {
display: flex;
}
.our-values .fatures-heading-container h2 br {
display: none;
}
.features .fatures-heading-container h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
}
.features .fatures-heading-container p {
width: 664px;
}
.features .grid-container {
margin-top: 40px;
max-width: 664px;
max-height: 100%;
height: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(4, 1fr);
gap: 24px;
}
.features .grid-container .item .inner .content {
gap: 24px;
padding: 10px;
}
.features .grid-container .item img {
max-width: 80px;
width: 100%;
}
.features .grid-container .item .inner .content img {
width: 80px;
height: auto;
}
.features .grid-container .item.item-2 .inner .content h4 br {
display: flex;
}
.features .grid-container .item.item-2 .inner .content,
.features .grid-container .item.item-5 .inner .content {
flex-direction: column;
align-items: start;
justify-content: center;
}
.features .grid-container .item.item-3 .inner .content {
gap: 24px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.features .grid-container .item-1 {
grid-column: span 2 / span 2;
}
.features .grid-container .item-2 {
grid-row: span 2 / span 2;
grid-column-start: 3;
width: 227px;
}
.features .grid-container .item-3 {
grid-row: auto;
width: 100%;
grid-column: span 2 / span 2;
grid-row-start: 2;
}
.features .grid-container .item-4 {
width: 100%;
grid-column: span 2 / span 3;
grid-column-start: 2;
grid-row-start: 3;
}
.features .grid-container .item-5 {
grid-row: span 2 / span 2;
grid-column-start: 1;
grid-row-start: 3;
width: 227px;
}
.features .grid-container .item-2 .inner .content .item-content {
padding-right: 9px;
}
.features .grid-container .item-5 .inner .content .item-content {
padding-right: 17px;
}
.features .grid-container .item-6 {
grid-column: span 2 / span 3;
grid-column-start: 2;
grid-row-start: 4;
} .outsourcing-section {
margin-top: 40px;
padding-bottom: 260px;
}
.outsourcing-section .outsourcing-section-heading {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/outsourcing-shape-mobile.svg);
background-size: contain;
padding: 100px 0;
}
.outsourcing-section .outsourcing-section-heading h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
max-width: 750px;
}
.outsourcing-container {
position: absolute;
margin-top: -110px;
}
.outsourcing-container .outsourcing-container-man,
.outsourcing-container .outsourcing-container-woman {
flex-direction: column;
}
.outsourcing-container .outsourcing-container-woman {
flex-direction: column-reverse;
}
.outsourcing-container {
gap: 30px;
}
.outsourcing-container .outsourcing-container-woman {
align-items: flex-end;
}
.outsourcing-container .outsourcing-container-man {
align-items: flex-start;
}
.outsourcing-container .outsourcing-container-man img,
.outsourcing-container .outsourcing-container-woman img {
width: 203px;
height: 203px;
}
.outsourcing-container .outsourcing-container-man img {
left: -40px;
}
.outsourcing-container .outsourcing-container-woman img {
right: -40px;
}
.outsourcing-container .outsourcing-container-man div,
.outsourcing-container .outsourcing-container-woman div {
padding: 24px;
}
.outsourcing-container .outsourcing-container-man div {
margin-left: 40px;
margin-top: -70px;
z-index: 999;
background-color: rgba(249, 236, 206, 0.8);
}
.outsourcing-container .outsourcing-container-woman div {
margin-right: 40px;
margin-top: -70px;
z-index: 999;
gap: 15px;
background-color: rgba(226, 245, 249, 0.8);
}
.outsourcing-container .outsourcing-container-man div h3,
.outsourcing-container .outsourcing-container-woman div h3 {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
}
.outsourcing-container .outsourcing-container-man div ul,
.outsourcing-container .outsourcing-container-woman div ul {
padding-left: 24px;
} .players {
margin-top: 80px;
background: url(//n2.help/wp-content/themes/n2-help-solutions/assets/players-tablet.svg);
background-repeat: no-repeat;
background-size: 100%;
background-position: -50px top;
}
.players .players-heading-container {
gap: 24px;
}
.players .players-heading-container h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
max-width: 664px;
color: var(--primary-color);
padding-top: 40px;
}
.players .players-heading-container p {
max-width: 664px;
}
.players .players-heading-container h3 {
font-size: 200px;
left: 0;
}
.players .items-container {
gap: 48px;
max-width: 665px;
margin: 70px auto 0 auto;
}
.players .items-container .item .img-container {
width: 205px;
height: 270px;
}
.players .items-container .item .img-container img {
width: 205px;
height: 270px;
}
.players .items-container .item .players-content-container {
width: 320px;
}
.players .items-container .item .players-content-container .inner .content {
gap: 24px;
padding: 24px;
width: 320px;
}
.players .items-container .item img {
width: 80px;
}
.players
.items-container
.item
.players-content-container
.inner
.content
h3 {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
}
.players
.items-container
.item
.players-content-container
.inner
.content
.btn.btn-black {
width: 204px;
height: 54px;
padding: 0;
}
.players .items-container .item .players-arrow {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/players-arrow-tablet.svg);
}
.players .items-container .item .players-arrow,
.players .items-container .item .players-arrow-2 {
background-size: auto 198px;
position: absolute;
background-repeat: no-repeat;
width: 150px;
height: 198px;
left: 40%;
top: 200px;
}
.players .items-container .item .players-arrow-2 {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/players-arrow-2-tablet.svg);
top: 200px;
transform: scaleX(1);
left: 80%;
height: 271px;
width: 200px;
background-size: auto 271px;
} .numbers {
margin-top: 80px;
}
.grid-container .numbers-item {
padding: 14px;
min-height: 176px;
row-gap: 16px;
column-gap: 16px;
}
.numbers .numbers-heading-container h3 {
font-size: 150px;
bottom: auto;
top: 135px;
left: -15px;
}
.numbers .numbers-item h2 {
font-size: 64px;
line-height: 64px;
}
.numbers .numbers-item .item span {
font-size: 40px;
line-height: 64px;
}
.numbers .numbers-item p {
font-size: 16px;
line-height: 24px;
}
.numbers .numbers-item .item p {
max-width: 135px;
} .digital-transformation {
margin-top: 120px;
background: url(//n2.help/wp-content/themes/n2-help-solutions/assets/digital-transformation-shape.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: auto 250px;
padding: 40px 40px 0 40px;
}
.digital-transformation h3 {
font-size: 150px;
right: -20px;
bottom: auto;
top: 140px;
z-index: 0;
}
.digital-transformation h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
max-width: 664px;
}
.digital-transformation .items-container {
flex-direction: column;
margin-top: 50px;
gap: 50px;
}
.digital-transformation .items-container .items-image {
margin: 0 auto;
}
.digital-transformation .items-container .items {
padding-right: 0;
padding-left: 0;
}
.digital-transformation .items-container .items .btn.btn.btn-black {
margin-top: 8px;
} .services {
margin-top: 80px;
}
.services .grid-container {
grid-template-columns: repeat(2, 1fr);
row-gap: 30px;
}
.services .grid-container img:nth-child(1) {
max-width: 184px;
width: 100%;
}
.services .grid-container img:nth-child(2) {
max-width: 231px;
width: 100%;
}
.services .grid-container img:nth-child(3) {
max-width: 153px;
width: 100%;
}
.services .grid-container img:nth-child(4) {
max-width: 212px;
width: 100%;
} .reviews {
margin-top: 80px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/players-tablet.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
padding-top: 90px;
}
.reviews h3 {
font-size: 120px;
bottom: -40px;
left: -20px;
right: auto;
}
.reviews h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
}
.reviews .grid-container {
grid-template-columns: repeat(2, 1fr);
max-width: 664px;
padding: 0;
gap: 24px;
margin-top: 20px;
padding-bottom: 50px;
}
.reviews .grid-container .item {
max-width: 320px;
padding: 24px;
}
.reviews .grid-container .item:nth-child(2) {
display: none !important;
} .learnMore .learnMore-heading-container .title-texts-container {
flex-direction: column;
}
.learnMore .learnMore-heading-container .title-texts-container .h1-container {
max-width: 664px;
}
.learnMore h2 {
text-align: center;
font-size: var(--font-h1-sm);
line-height: var(--line-h1-sm);
}
.learnMore .learnMore-heading-container .texts-btn-container {
justify-content: center;
}
.learnMore .learnMore-heading-container .texts-btn-container h4 {
display: none;
}
.learnMore
.learnMore-heading-container
.texts-btn-container
.texts-container {
max-width: 317px;
}
.learnMore .learnMore-heading-container .texts-btn-container .text-btn {
max-width: 330px;
}
.learnMore h3 {
font-size: 150px;
bottom: 0;
top: 48px;
left: -28px;
}
.learnMoreSpan {
display: block;
}
.learnMore {
margin-top: 80px;
padding-bottom: 0;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/learn-more-tablet.svg);
} .team {
margin-top: 80px;
} .join-us {
margin-top: 80px;
height: 400px;
overflow: hidden;
}
.join-us {
font-size: var(--font-h3-md);
line-height: var(--line-h3-md);
}
.join-us img {
height: 400px;
content: url(//n2.help/wp-content/themes/n2-help-solutions/assets/join-us-bg-tablet.png);
}
.join-us .contetn-container {
gap: 32px;
}
.join-us button {
margin-top: 0px;
}
.join-us a {
margin-top: 0px;
}
.join-us p {
max-width: 664px;
}
.join-us h4 {
font-size: 180px;
} .discover-expertise {
margin-top: 80px;
gap: 40px;
}
.discover-expertise h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
}
.discover-expertise .items-container .grid-container {
gap: 25px;
}
.discover-expertise .items-container .grid-container .item {
max-width: 205px;
height: auto;
display: flex;
padding: 24px;
}
.discover-expertise .items-container .grid-container .item .title-container {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
gap: 16px;
}
.discover-expertise
.items-container
.grid-container
.item
.title-container
h3 {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
}
.discover-expertise .items-container .grid-container .item p {
text-align: center;
}
.discover-expertise .items-container .grid-container .item .btn.btn-black {
align-self: center;
}
footer .container .logo-socials-container {
flex-direction: column;
justify-content: center;
align-items: center;
gap: 45px;
margin-bottom: 60px;
}
footer .container .logo-socials-container p {
max-width: 369px;
}
footer .container .logo-socials-container ul {
gap: 60px;
}
footer .container .footer-items h6 {
font-size: 24px;
line-height: 24px;
margin-bottom: 20px;
}
footer .container .footer-items li {
font-size: 16px;
line-height: 24px;
margin-bottom: 4px;
}
footer .container .footer-items ul {
margin-bottom: 40px;
}
footer .container .footer-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
padding-right: 0px;
gap: 25px;
margin-bottom: 40px;
}
footer .container .footer-items ul {
margin-bottom: 0;
}
footer .container .footer-items .item-1 {
max-width: 205px;
width: 100%;
margin-bottom: 5px;
}
footer .container .footer-items .item-2 {
grid-row: span 2 / span 2;
max-width: 205px;
width: 100%;
}
footer .container .footer-items .item-3 {
grid-row: span 2 / span 2;
max-width: 205px;
width: 100%;
}
footer .container .footer-items .item-4 {
grid-row-start: 2;
max-width: 205px;
width: 100%;
}
footer .container {
padding: 50px 40px 60px 40px;
}  .about-hero {
height: 100%;
background-size: contain;
background-position: center;
}
.about-hero .hero-heading-container {
padding: 0;
}
.about-hero h1 {
margin: 0;
margin-top: -40px;
}
.about-hero h2 {
top: 80px;
transform: none;
font-size: 150px;
} .n2-story {
margin-top: var(--spacing-md);
height: 600px;
}
.n2-story img {
content: url(//n2.help/wp-content/themes/n2-help-solutions/assets/black-border-gradient-tablet.svg);
height: 100%;
width: 160%;
left: -30%;
}
.n2-story .description {
position: unset;
max-width: 664px;
}
.n2-story h3 {
left: auto;
right: -10px;
} .description-section {
margin-top: var(--spacing-md);
}
.description-section p {
max-width: 664px;
} .persons-section {
margin: var(--spacing-md) auto 0 auto;
max-width: 664px;
flex-direction: column;
}
.persons-section .person-container:first-of-type {
flex-direction: row-reverse;
}
.persons-section .person-container .img-container {
width: 205px;
height: 205px;
}
.persons-section .person-container .img-container img {
height: 205px;
width: 134.71px;
}
.persons-section .person-container .description-container .description p {
max-width: 403px;
}
.persons-section .person-container .description-container {
max-width: 435px;
} .our-values {
margin-top: 40px;
}
.our-values .fatures-heading-container {
padding: 0;
height: 190px;
margin: 0 auto;
background-position: left 28px;
max-width: 664px;
position: relative;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/our-value-tablet.svg);
}
.our-values .fatures-heading-container h2 {
margin-top: 30px;
}
.our-values .fatures-heading-container h3 {
font-size: 200px;
top: 75px;
transform: translateX(-46%);
}
.our-values .grid-container {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(6, 1fr);
max-width: 664px;
max-height: 900px;
}
.our-values .grid-container .item-1 {
grid-column: span 3 / span 3;
width: 435px;
height: 105px;
}
.our-values .grid-container .item-2 {
grid-column: span 3 / span 3;
grid-column-start: 1;
grid-row-start: 2;
width: 435px;
height: 152px;
margin-top: -22px;
}
.our-values .grid-container .item-3 {
grid-column: span 2 / span 2;
grid-row: span 2 / span 2;
grid-column-start: 1;
grid-row-start: 3;
width: 320px;
height: 225px;
}
.our-values .grid-container .item-4 {
grid-row: span 2 / span 2;
grid-column-start: 1;
grid-row-start: 5;
width: 205px;
height: 328px;
}
.our-values .grid-container .item-5 {
grid-row: span 2 / span 2;
grid-column-start: 4;
grid-row-start: 1;
width: 205px;
height: 296px;
}
.our-values .grid-container .item-6 {
grid-column: span 3 / span 3;
grid-column-start: 2;
grid-row-start: 5;
width: 436px;
margin-left: 60px;
}
.our-values .grid-container .item-7 {
grid-column: span 2 / span 2;
grid-row: span 2 / span 2;
grid-column-start: 3;
grid-row-start: 3;
width: 320px;
height: 225px;
}
.our-values .grid-container .item-8 {
grid-column: span 3 / span 3;
grid-column-start: 2;
grid-row-start: 6;
width: 436px;
margin-left: 60px;
}
@supports (-moz-appearance: none) {
.our-values .grid-container .item-6, 
.our-values .grid-container .item-4 {
margin-top: -70px;
}
.our-values .grid-container .item-8 {
margin-top: -50px;
}
.our-values .grid-container .item-6, 
.our-values .grid-container .item-8 {
height: 158px;
}
}
.our-values .grid-container .item .inner .content {
padding: 16px 12px;
}
.our-values .grid-container .item.item-6 .inner .content,
.our-values .grid-container .item.item-2 .inner .content {
flex-direction: row;
align-items: center;
}
.our-values .grid-container .item.item-4 .inner .content,
.our-values .grid-container .item.item-7 .inner .content,
.our-values .grid-container .item.item-3 .inner .content {
flex-direction: column;
align-items: flex-start;
} .support-team .support-team-heading-container {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/support-team-tablet.svg);
background-repeat: no-repeat;
background-position: -40px 20px;
background-size: contain;
}
.support-team .support-team-heading-container h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
}
.support-team .support-team-heading-container p {
max-width: 664px;
}
.support-team .support-team-heading-container h3 {
font-size: 200px;
left: 60%;
top: 96px;
transform: translateX(-45%);
}
.support-team .teams-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 24px;
margin: 0 auto;
max-width: 664px;
}
.support-team .teams-grid .flip-card,
.support-team .teams-grid .flip-card .flip-card-inner .flip-card-front img {
width: 205px;
height: 350px;
display: unset;
}
.support-team .teams-grid .flip-card .flip-card-inner {
width: 205px;
height: 350px;
}
.support-team .teams-grid .flip-card .flip-card-inner .flip-card-back p {
font-size: 13px;
}
.support-team .teams-grid .flip-card:nth-of-type(1),
.support-team .teams-grid .flip-card:nth-of-type(2),
.support-team .teams-grid .flip-card:nth-of-type(9),
.support-team .teams-grid .flip-card:nth-of-type(10) {
display: none;
} .hero-join-us {
background-size: contain;
background-position: -10px top;
padding-top: 30px;
gap: 40px;
}
.hero-join-us h1 {
font-size: var(--font-hero-md);
line-height: var(--line-hero-md);
max-width: 664px;
}
.hero-join-us h3 {
font-size: 150px;
top: 170px;
}
.hero-join-us p {
max-width: 664px;
} .player-profile-section {
background-position: 50% top;
margin-top: 45px;
}
.player-profile-looking-section {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/players-profile-cloud.svg);
background-size: 800px 180px;
}
.player-profile-centered-container {
padding-top: 55px;
}
.player-profile-looking-section .player-profile-section-container {
align-items: flex-start;
gap: 72px;
max-width: 800px;
}
.player-profile-section h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
max-width: 774px;
}
.player-profile-section-container h3 {
margin-bottom: 30px;
}
.player-profile-looking-section .playerProfileCenteredContainerH3,
.playerProfileCenteredContainerH3 {
font-size: 100px;
top: 86px;
left: 50%;
transform: translateX(-50%);
}
.player-profile-yellow-points img {
width: 16px;
height: 16px;
min-height: 16px;
min-width: 16px;
}
.player-profile-yellow-points p {
font-size: 16px;
line-height: 16px;
}
.round-stamp-container {
width: 158px;
height: 158px;
top: 135px;
left: 50%;
transform: translate(-30%, 0%);
}
.player-profile-looking-section .round-stamp-container {
width: 158px;
height: 158px;
top: 108px;
left: 50%;
transform: translate(-30%, 0%) rotate(20deg);
}
.player-profile-looking-section .round-stamp-container img,
.round-stamp-container img {
width: 158px;
height: 158px;
}
.player-profile-section-container {
margin-top: 48px;
padding: 0 40px 0 40px;
}
.player-profile-section-points {
max-width: 310px;
} .why-choose-n2 {
margin-top: 25px;
}
.why-choose-n2 .heading-container h3 {
font-size: 100px;
}
.why-choose-n2 .heading-container h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
}
.why-choose-n2 .items-container .item {
flex-direction: column;
}
.why-choose-n2 .items-container .item .item-heading {
background: none;
height: auto;
max-width: none;
min-width: auto;
width: 100%;
}
.why-choose-n2 .items-container .item .item-heading h3 {
max-width: none;
margin: 0;
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
text-align: center;
}
.why-choose-n2 .items-container .item .item-heading2nd {
background: none;
height: auto;
max-width: none;
min-width: auto;
width: 100%;
}
.why-choose-n2 .items-container .item .item-heading2nd h3 {
max-width: none;
margin: 0;
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
text-align: center;
}
.whyChooseN2ItemHeadingImg {
justify-content: center;
gap: 40px;
}
.why-choose-n2 .items-container .item {
padding: 0 40px 0 40px;
gap: 35px;
}
.why-choose-n2 .items-container .item .item-image img {
max-width: 179px;
}
.why-choose-n2 .items-container .item .item-description {
padding: 0;
max-width: 435px;
}
.linearBorderTextContainer p {
font-size: var(--font-h5);
line-height: var(--line-h5);
}
.whyChooseItemDescription h4 {
font-size: var(--font-h5);
line-height: var(--line-h5);
}
.whyChooseItemDescription p {
font-size: 14px;
line-height: 16px;
}
.whyChooseN2Community {
margin: 40px auto 40px auto;
gap: 35px;
}
.whyChooseN2Community span {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
}
.whyChooseN2Community h3 {
display: none;
}
.whyChooseN2CommunityGridItem .inner .content .item-content h4 {
font-size: var(--font-h5);
line-height: var(--line-h5);
}
.whyChooseN2CommunityGridItem .inner .content {
gap: 25px;
padding: 16px;
}
.whyChooseN2CommunityGridItem .inner .content img {
max-width: 80px;
width: 100%;
}
.whyChooseN2CommunityGridItem .inner .content img {
width: 80px;
}
.why-choose-n2 .items-container {
margin-top: 0;
} .your-potential{
margin-top: 50px;
}
.your-potential h3 {
margin-bottom: 25px;
padding-left: 25px;
padding-right: 25px;
}
.your-potential-container {
height: 420px;
}
.your-potential img {
height: 420px;
width: auto;
}
.your-potential p {
max-width: 746px;
padding-left: 25px;
padding-right: 25px;
}
.outlineWhite {
margin-top: 35px;
}
.your-potential h2 {
font-size: 180px;
left: 50%;
} .community-hero h1 {
font-size: var(--font-hero-md);
line-height: var(--line-hero-md);
}
.community-hero p {
max-width: 664px;
}
.community {
padding: 40px 40px 0 40px;
margin-top: 40px;
}
.community-hero {
gap: 24px;
background-size: 714.62px;
background-position: top center;
}
.community-hero h2 {
font-size: 150px;
top: 28%;
transform: translate(-50%, 0%);
} .voices-section {
padding-left: 40px;
padding-right: 40px;
}
.voices-section h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
} .digital-transformation-expertise {
padding: 40px 40px 0 40px;
}
.digital-transformation-expertise h2 {
padding-top: 0;
padding-top: 20px;
}
.digital-transformation-expertise h3 {
font-size: 150px;
top: 50px;
}
.digital-transformation-expertise .items-container {
margin-top: 40px;
} .digital-transformation-join-us {
padding: 40px 40px 0 40px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/digital-trans-join-us-tablet.svg);
background-size: auto auto;
}
.digital-transformation-join-us h2 {
padding-top: 0;
padding-top: 5px;
}
.digital-transformation-join-us h3 {
font-size: 150px;
top: 50px;
}
.digital-transformation-join-us .items-container {
margin-top: 40px;
} .team-players {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/support-team-tablet.svg);
background-position: -40px 40px;
background-repeat: no-repeat;
background-size: contain;
gap: 34px;
margin-top: 0px;
}
.team-players h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
}
.team-players h3 {
font-size: 150px;
top: 90px;
right: -40px;
}
.team-players .marquee-2 {
margin-top: 0;
} .global h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
max-width: 479px;
top: auto;
}
.global h3 {
font-size: 200px;
bottom: 0;
}
.global-cloud {
margin-top: 55px;
}
.global {
background: url(//n2.help/wp-content/themes/n2-help-solutions/assets/global-tablet-cloud.svg);
background-repeat: no-repeat;
background-size: 705.31px;
background-position: left top;
}
.global img {
margin: 60px auto 0 auto;
position: relative;
} .hero-expertise {
background-size: contain;
background-position: -10px top;
padding-top: 30px;
gap: 40px;
}
.hero-expertise h1 {
font-size: var(--font-hero-md);
line-height: var(--line-hero-md);
max-width: 664px;
}
.hero-expertise h3 {
font-size: 150px;
top: 170px;
}
.hero-expertise-h3-top h3 {
top: 90px;
}
.blogsHero h3 {
top: 90px;
}
.hero-expertise p {
max-width: 664px;
}
.hero-expertise .grid-items-expertise {
max-width: 664px;
}
.hero-expertise .grid-items-expertise .item h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
}
.hero-expertise .grid-items-expertise .item p {
font-size: 16px;
line-height: 24px;
} .clients-expertise {
margin: 0;
padding-top: 75px;
padding-bottom: 25px;
}
.clients-expertise h2 {
top: 125px;
transform: translate(-12%, 0);
font-size: 200px;
}
.clients-expertise .inner-section {
margin-top: 0;
} .tailored-cloud-main {
margin-top: 75px;
}
.tailored-ethic-lab-main {
background: url(//n2.help/wp-content/themes/n2-help-solutions/assets/tailored-cloud-tablet.svg);
background-repeat: no-repeat;
background-size: 100%;
}
.tailored-cloud-main h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
}
.tailored-cloud-main h3 {
font-size: 90px;
top: 148px;
}
.tailored-grid-container {
margin: 55px auto auto auto;
grid-template-columns: 1fr;
gap: 45px;
}
.tailored-grid-container-item {
max-width: 664px;
}
.imgTitleTailored {
flex-direction: row;
gap: 40px;
align-items: center;
}
.tailored-grid-container-item .inner .content img {
max-width: 100px;
width: 100%;
margin: 0;
}
.tailored-grid-container-item .inner .content h2 {
margin-bottom: 0;
text-align: center;
width: 100%;
max-width: 400px;
margin-left: -40px;
}
.tailoredItemsContainer {
margin-top: 10px;
}
.tailoredBtn {
margin: 30px auto 0 auto;
} .service-now-certification {
margin: 40px auto 0 auto;
padding-top: 50px;
padding-bottom: 50px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/support-team-tablet.svg);
background-position: left top;
background-size: 110%;
}
.service-now-certification h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
max-width: 547px;
}
.service-now-certification h3 {
font-size: 120px;
top: 100px;
left: 0;
right: 0;
} .about-us {
margin-top: 50px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/about-us-tablet.svg);
padding-top: 80px;
}
.about-us h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
text-align: left;
}
.about-us h3 {
font-size: 90px;
top: auto;
transform: translate(-50%, -46px);
}
.about-us .items-container {
margin: 40px auto auto auto;
}
.about-us .items-container .items {
display: flex;
flex-direction: column;
gap: 30px;
justify-content: center;
align-items: center;
}
.about-us .items-container .items .accordion {
max-width: 664px;
width: 100%;
} .about-us-faq {
background-position: left 35px;
padding-top: 115px;
}
.about-us-faq h2 {
max-width: 780px;
}
.about-us-faq h3 {
font-size: 300px;
top: 145px;
} .why-n2 {
margin-top: 60px;
background-position: -20px top;
background-repeat: no-repeat;
background-size: contain;
padding-top: 50px;
position: relative;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
.why-n2 h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
max-width: 664px;
}
.why-n2 h3 {
font-size: 100px;
top: 130px;
}
.why-n2 .grid-container {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
max-width: 714px;
max-height: 100%;
height: 100%;
margin: 100px auto;
display: grid;
gap: 24px;
}
.featuresWhyN2 .grid-container .item .inner .content {
flex-direction: row !important;
align-items: center !important;
padding: 16px !important;
gap: 24px;
}
.featuresWhyN2 .grid-container .item .inner .content img {
max-width: 80px;
width: 100%;
}
.featuresWhyN2 .grid-container .item-1,
.featuresWhyN2 .grid-container .item-2,
.featuresWhyN2 .grid-container .item-3,
.featuresWhyN2 .grid-container .item-4,
.featuresWhyN2 .grid-container .item-5,
.featuresWhyN2 .grid-container .item-6 {
grid-column: unset;
grid-column-start: unset;
grid-row: unset;
grid-row-start: unset;
width: 100%;
} .case-studies .items-container {
grid-template-columns: 1fr;
}
.case-studies .items-container .items {
margin: auto;
max-width: 434px;
padding-right: 0 !important;
padding-left: 0 !important;
}
.case-studies h3 {
font-size: 140px;
left: -15px;
top: 31px;
}
.case-studies {
margin-top: 60px;
background: url(//n2.help/wp-content/themes/n2-help-solutions/assets/synergy-cloud-tablet.svg);
background-repeat: no-repeat;
background-size: 708.27px;
padding: 66px 0 0 0;
}
.case-studies h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
}
.case-studies .items-container {
margin-top: 30px;
gap: 25px !important;
} .ready {
margin-top: 80px;
height: 343px;
overflow: hidden;
font-size: var(--font-h3-md);
line-height: var(--line-h3-md);
}
.ready h4 {
text-transform: capitalize;
transform: translate(-50%, -0%);
top: 185px;
left: 50%;
font-size: 180px;
}
.ready img {
width: 170%;
left: -300px;
height: 503px;
}
.ready {
margin-top: 100px;
height: 504px;
}
.ready-btns-container {
margin-top: 30px;
gap: 30px;
}
.ready p {
max-width: 664px;
}
.ready .contetn-container {
padding-top: 100px;
} .reviews-expertise {
margin-top: 80px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/support-team-tablet.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
padding-top: 90px;
}
.reviews-expertise-heading-container {
padding-top: 0;
margin-top: -30px;
}
.reviews-expertise h3 {
font-size: 120px;
left: -20px;
right: auto;
bottom: -100px;
}
.reviews-expertise h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
}
.reviews-expertise .grid-container {
grid-template-columns: repeat(2, 1fr);
max-width: 664px;
padding: 0;
gap: 24px;
margin-top: 20px;
padding-bottom: 50px;
}
.reviews-expertise .grid-container .item {
max-width: 320px;
padding: 24px;
}
.reviews-expertise .grid-container .item:nth-child(2) {
display: none !important;
} .solutions-grid-item {
max-width: 664px;
}
.solutions-grid-item .inner .content {
padding: 40px 32px;
}
.solutions-grid {
grid-template-columns: 1fr;
gap: 40px;
margin-top: 125px;
}
.imgTitleSolution {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
margin-bottom: 30px;
}
.solutions-grid-item .inner .content img {
max-width: 100px;
width: 100%;
margin: 0;
}
.solutions-grid-item .inner .content h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
margin-bottom: 0;
}
.yellowDotsContainer {
margin-top: 15px;
margin-bottom: 30px;
}
.yellowDotsContainerItem {
gap: 15px;
} .hero-digital-service {
padding-top: 16px;
margin-top: 0;
}
.hero-digital-service .hero-heading-container {
padding: 20px 50px 60px 50px;
background-size: 725px 230px;
background-position: top center;
}
.hero-digital-service h1 {
max-width: 716px;
font-size: var(--font-h1-lg);
line-height: var(--line-h1-lg);
padding: 0;
}
.hero-digital-service h2 {
bottom: 0;
top: 70px;
left: 50%;
transform: translate(50, 50%);
font-size: 150px;
}
.hero-digital-service p {
margin-top: 0;
width: auto;
max-width: 664px;
}
.hero-digital-service .hero-actions {
margin-top: 40px;
} .clients-digital-service {
margin-top: 40px;
padding-top: 40px;
padding-bottom: 20px;
}
.clients-digital-service h2 {
font-size: 200px;
top: 100px;
left: 0;
right: auto;
transform: translate(0px, -7px);
}
.clients-digital-service .inner-section {
margin-top: 0;
} .ready-digital-service {
height: 343px;
overflow: hidden;
margin-top: 80px;
}
.ready-digital-service {
font-size: var(--font-h3-md);
line-height: var(--line-h3-md);
}
.ready-digital-service img {
width: 120%;
left: -50px;
height: 343px;
}
.ready-digital-service .contetn-container {
gap: 80px;
}
.ready-digital-service p {
max-width: 664px;
display: none;
}
.ready-digital-service h4 {
font-size: 180px;
text-transform: capitalize;
transform: translate(-50%, -0%);
top: 135px;
left: 50%;
} .selection {
margin-top: 65px;
}
.selection-heading-container {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/selection-tablet-cloud.svg);
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
background-position: center center;
}
.selection-heading-container h2 {
padding: 70px 25px 70px 25px;
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
}
.selection-heading-container h3 {
font-size: 150px;
top: 60px;
}
.selection-number-item-number {
font-size: 100px;
line-height: 100px;
}
.selection-number-item-image {
max-width: 80px;
min-width: 80px;
}
.selection-number-item-container {
max-width: 435px;
}
.selection-number-item-container .inner .content {
padding: 24px 32px;
}
.selection-number-item-container .inner .content .item-content {
gap: 5px;
}
.selectionContentContainer {
gap: 5px;
}
.selection-number-item-containerTitle {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
}
.selection-number-item-containerText {
font-size: var(--font-h5);
line-height: var(--line-h5);
}
.selection-number-items {
gap: 30px;
max-width: 744px;
}
.selection-number-item {
gap: 35px;
}
.arrow-blue-selection {
height: 44px;
transform: translate(-250%, 55px);
} .discover-column-item-container .inner .content {
flex-direction: column !important;
align-items: flex-start !important;
gap: 25px;
}
.discover-column-items-container {
max-width: 744px;
margin: 40px auto auto auto;
}
.logoDiscover {
min-width: 181px;
}
.discover-column-item-container .inner .content .item-content h3 {
font-size: var(--font-h3-md);
line-height: var(--line-h3-md);
}
.discover-column-item-container .inner .content .item-content-points h3 {
font-size: var(--font-h3-md);
line-height: var(--line-h3-md);
}
.discover-partners-heading-container h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
}
.discover-partners {
margin-top: 70px;
background: url(//n2.help/wp-content/themes/n2-help-solutions/assets/discover-partners-tablet-cloud.svg);
background-repeat: no-repeat;
background-position: center top;
}
.discover-partners-heading-container {
padding-top: 50px;
}
.discover-column-item-container .inner .content .item-content h5 {
margin-bottom: 0;
}
.discover-column-item-container .inner .content .item-content-points {
max-width: 387px;
}
.discover-content-points-dot {
width: 16px;
height: 16px;
min-height: 16px;
min-width: 16px;
}
.discover-column-item-container .inner .content .item-content button {
display: none;
}
.discover-column-item-container .inner .content .item-content a {
display: none;
}
.discover-tablet-button {
display: block;
}
.discover-tablet-button-dots-container {
max-width: none;
} .benefits-grid-container-item {
margin: auto;
flex-direction: row;
max-width: 664px;
align-items: center;
gap: 40px;
}
.benefits {
margin-top: 60px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/benefits-tablet-cloud.svg);
background-repeat: no-repeat;
background-position: center top;
}
.benefits-heading-container h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
}
.benefits-heading-container h3 {
font-size: 130px;
top: 50px;
}
.benefits-heading-container {
padding-top: 25px;
}
.benefits-grid-container-item h3 {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
margin-top: 0px;
margin-bottom: 16px;
text-align: left;
}
.benefits-grid-container-item h5 {
text-align: left;
}
.benefits-grid-container {
grid-template-columns: 1fr;
margin: 35px auto auto auto;
gap: 40px;
} .ready-partners {
height: 343px;
overflow: hidden;
margin-top: 80px;
}
.ready-partners {
font-size: var(--font-h3-md);
line-height: var(--line-h3-md);
}
.ready-partners img {
width: 120%;
left: -50px;
height: 343px;
}
.ready-partners p {
max-width: 664px;
}
.ready-partners h4 {
font-size: 180px;
text-transform: capitalize;
transform: translate(-50%, -0%);
top: 135px;
left: 50%;
} .hero-ethic-with-bullets {
gap: 40px;
margin-top: 60px;
padding-top: 50px;
position: relative;
background-size: contain;
}
.hero-ethic-with-bullets h1 {
font-size: var(--font-hero-md);
line-height: var(--line-hero-md);
max-width: 664px;
}
.hero-ethic-with-bullets h3 {
width: auto;
font-size: 100px;
left: auto;
top: 200px;
transform: unset;
}
.hero-ethic-with-bullets .description {
max-width: 664px;
}
.hero-ethic-with-bullets .hero-list {
display: flex;
flex-direction: column;
gap: 16px;
max-width: 664px;
}
.hero-ethic-with-bullets .hero-list li {
display: flex;
gap: 16px;
align-items: center;
}
.hero-ethic-with-bullets .hero-list li p {
font-size: 16px;
line-height: 16px;
}
.hero-ethic-with-bullets .hero-list li img {
width: 16px;
line-height: 16px;
}
.hero-ethic-with-bullets .hero-actions-ethic {
max-width: 664px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 40px;
}
.hero-ethic-with-bullets .hero-actions-ethic button {
height: 54px;
} .clients-ethic-lab {
margin-top: 80px;
padding-top: 40px;
padding-bottom: 20px;
}
.clients-ethic-lab h2 {
font-size: 200px;
top: 90px;
transform: translate(40%, 0);
}
.clients-ethic-lab .inner-section {
margin-top: 0;
} .n2-story-small-text h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-md);
}
.n2-story-small-text .description p {
font-size: 20px;
} .players-ebackground-small-text .players-heading-container h3 {
font-size: 120px;
}
.players-ebackground-small-text .items-container .item .players-arrow-2 {
background-size: auto 200px;
height: 200px;
left: 85%;
} .your-organization {
margin-top: 50px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/why-n2-shape.svg);
background-position: -30px top;
background-size: contain;
padding-top: 50px;
}
.your-organization h4 {
max-width: 664px;
}
.your-organization h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
margin-bottom: 20px;
}
.your-organization-grid-container {
margin: 60px auto auto auto;
}
.your-organization-grid-container {
max-width: 746px;
}
.your-organization
.your-organization-grid-container
.your-organization-item
.inner
.content
p {
font-size: 16px;
line-height: 24px;
} .free-guide-section {
margin-top: 120px;
}
.free-guide-section h3 {
font-size: var(--font-h3-md);
line-height: var(--line-h3-md);
max-width: 715px;
margin-bottom: 15px;
}
.free-guide-section-cotnainer {
max-width: 698px;
}
.free-guide-section .bg-text {
font-size: 150px;
top: 200px;
}
.free-guide-section-cotnainer h4 {
font-size: var(--font-h4-sm);
line-height: var(--line-h4-sm);
}
.free-guide-dots-main-container {
gap: 15px;
} .three-experts {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/three-experts-tablet.svg);
background-position: left top;
background-size: 100%;
margin-top: var(--spacing-md);
padding-top: 60px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.three-experts h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
max-width: 504px;
}
.three-experts h4 {
font-size: 140px;
top: 116px;
}
.three-experts .items-grid {
max-width: 664px;
grid-template-columns: repeat(1, 1fr);
}
.three-experts .items-grid .item {
padding: 32px;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 0;
column-gap: 32px;
align-items: flex-start;
width: 664px;
}
.three-experts .items-grid .item h3 {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
text-align: left;
margin-bottom: 0;
}
.three-experts .items-grid .item .img {
width: 150px;
height: 150px;
grid-row: span 2 / span 2;
}
.three-experts .items-grid .item .img img {
width: 150px;
height: 150px;
}
.three-experts .items-grid .item .about-list {
grid-column-start: 2;
grid-row-start: 2;
margin-top: -30px;
width: 346px;
}
.three-experts .items-grid .item a {
grid-row: span 2 / span 2;
grid-column-start: 3;
grid-row-start: 1;
height: 100%;
align-items: flex-end;
justify-content: flex-end;
} .reviews-list {
margin-top: 80px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/players-tablet.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
padding-top: 90px;
}
.reviews-list h3 {
font-size: 120px;
bottom: -40px;
left: -20px;
right: auto;
}
.reviews-list h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
}
.reviews-list .grid-container {
grid-template-columns: repeat(2, 1fr);
max-width: 664px;
padding: 0;
gap: 24px;
margin-top: 20px;
padding-bottom: 50px;
}
.reviews-list .grid-container .item {
max-width: 320px;
padding: 24px;
} .support-team-list .support-team-list-heading-container {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/support-team-tablet.svg);
background-repeat: no-repeat;
background-position: -40px 20px;
background-size: contain;
}
.support-team-list .support-team-list-heading-container h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
}
.support-team-list .support-team-list-heading-container p {
max-width: 664px;
}
.support-team-list .support-team-list-heading-container h3 {
font-size: 200px;
left: 60%;
top: 100px;
transform: translateX(-45%);
}
.support-team-list .teams-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 32px;
margin: 0 auto;
max-width: 664px;
}
.support-team-list .teams-grid .flip-card,
.support-team-list
.teams-grid
.flip-card
.flip-card-inner
.flip-card-front
img {
width: 205px;
height: 350px;
display: unset;
}
.support-team-list .teams-grid .flip-card .flip-card-inner .flip-card-back p {
font-size: 13px;
} .page404 span {
font-size: var(--font-hero-md);
line-height: var(--line-hero-md);
} .pagination {
margin-top: 25px;
}
.share-btn p {
display: none;
}
.share-btn i {
margin-right: 0;
}
}
@media screen and (max-width: 992px) {
.popular-post {
max-height: auto !important;
margin: 20px auto !important;
}
.popular-post .popular-post-entry-inner {
display: flex;
flex-direction: column;
}
.popular-post .popular-post-entry-inner .popular-post-thumbnail {
width: 100%;
}
.popular-post
.popular-post-entry-inner
.popular-post-thumbnail
.popular-icon
i {
font-size: 32px;
}
.popular-post .popular-post-entry-inner .popular-post-content {
width: 100%;
padding: 20px;
}
.popular-post
.popular-post-entry-inner
.popular-post-content
.popular-post-entry-header
h3
a {
line-height: 1.1;
}
.popular-post
.popular-post-entry-inner
.popular-post-content
.popular-post-summary
p {
line-height: 1.1;
}
.blogInfoContainer {
padding: 20px;
}
.single-page-container {
flex-direction: column;
}
.single-page-container .content-area {
float: none !important;
width: 100%;
margin-bottom: 40px;
border: 0;
}
.widget-area {
width: 100%;
padding-left: 0;
margin: auto;
}
.widgetAreaAside {
position: relative;
}
.single-page-container .content-area {
padding-right: 0;
}
}
@media screen and (max-width: 782px) {
body:has(#wpadminbar) header {
top: 46px;
}
}
@media screen and (max-width: 767px) {
.blogArticleMain {
flex-direction: column;
}
.blogArticleImgContainer {
width: 100%;
}
.blogInfoContainer {
width: 100%;
margin-top: 15px;
}
}
@media screen and (max-width: 745px) { .player-profile-section {
background: url(//n2.help/wp-content/themes/n2-help-solutions/assets/challenges-cloud-tablet.svg);
background-repeat: no-repeat;
background-position: right top;
}
.player-profile-looking-section.player-profile-section {
background: url(//n2.help/wp-content/themes/n2-help-solutions/assets/players-profile-cloud.svg);
background-repeat: no-repeat;
background-position: center top;
background-size: 800px 180px;
} .why-choose-n2 .heading-container h2 {
font-size: var(--font-h2-md);
line-height: var(--line-h2-md);
}
.why-choose-n2 .heading-container h3 {
font-size: 100px;
} .tailored-cloud-main {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/tailored-cloud-tablet.svg);
background-position: center top;
background-repeat: no-repeat;
} .service-now-certification {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/tailored-cloud-tablet.svg);
background-position: center top;
background-repeat: no-repeat;
background-size: 100%;
} .global img {
margin: 20px auto 0 auto;
position: relative;
}
.join-us,
.join-us img {
height: 350px;
}
} @media (max-width: 743px) { header {
max-width: 90%;
}
.header-actions .btn {
display: none;
}
nav ul {
display: none;
}
.hamburger-menu-items ul li a{
justify-content: space-between;
}
.hamburger-menu-container {
display: block;
visibility: hidden;
}
.hamburger-menu-container .ham-actions{
visibility: visible;
} .hero h1 {
font-size: var(--font-h1-sm);
line-height: var(--line-h1-sm);
}
.hero h2 {
font-size: 90px;
top: auto;
left: -10px;
bottom: 0;
}
.hero p {
width: auto;
max-width: 432px;
font-size: 16px;
line-height: 24px;
}
.hero h2.heading-text-center {
font-size: 100px;
top: 110px;
left: 25px;
}
.hero-heading-container {
padding: 20px 0;
background-size: 507px auto;
}
.hero .btn.btn-black,
.hero .btn.btn-outline-black {
height: 54px;
font-size: 16px;
line-height: 18px;
padding: 0 24px;
}
.hero-actions {
gap: 64px;
} .clients {
margin-top: 0;
}
.clients h2 {
display: none;
}
.clients .inner-section .top-inner .marquee li,
.clients .inner-section .bottom-inner .marquee li {
height: 30px;
margin: 0 24px;
} .features {
padding: 0 24px;
}
.features .fatures-heading-container {
padding: 0;
background-position: top;
background-size: contain;
}
.features .fatures-heading-container h2 {
margin-top: 10px;
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
}
.features .fatures-heading-container p {
max-width: 432px;
font-size: 16px;
line-height: 24px;
}
.features .grid-container {
height: auto;
max-height: 100%;
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 20px;
max-width: 432px;
}
.features .grid-container .item-2 {
width: 100%;
}
.features .grid-container .item-5 {
width: 100%;
}
.features .grid-container .item-2 .inner .content .item-content {
padding-right: 0px;
}
.features .grid-container .item-5 .inner .content .item-content {
padding-right: 0px;
}
.features .grid-container .item.item-2 .inner .content h4 br {
display: none;
}
.features .grid-container .item.item-2 .inner .content,
.features .grid-container .item.item-5 .inner .content {
padding: 16px;
flex-direction: row;
width: 100%;
justify-content: flex-start;
align-items: center;
}
.features .grid-container .item-2 {
width: auto;
} .outsourcing-section {
padding-bottom: 0;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/outsourcing-section-2.svg);
background-repeat: no-repeat;
background-position: center 20px;
background-size: 100%;
}
.outsourcing-section .outsourcing-section-heading {
background-image: none;
padding: 0;
height: 300px;
}
.outsourcing-section .outsourcing-section-heading h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
max-width: 432px;
}
.outsourcing-container {
position: unset;
margin-top: -60px;
flex-direction: column;
}
.outsourcing-container .outsourcing-container-man,
.outsourcing-container .outsourcing-container-woman {
flex-direction: row;
gap: 0;
}
.outsourcing-container .outsourcing-container-woman,
.outsourcing-container .outsourcing-container-man {
align-items: flex-start;
}
.outsourcing-container .outsourcing-container-man img,
.outsourcing-container .outsourcing-container-woman img {
width: 203px;
height: 203px;
}
.outsourcing-container .outsourcing-container-man img {
left: 0;
}
.outsourcing-container .outsourcing-container-woman img {
right: 0;
}
.outsourcing-container .outsourcing-container-man div,
.outsourcing-container .outsourcing-container-woman div {
padding: 24px;
}
.outsourcing-container .outsourcing-container-man div {
margin-left: -24px;
margin-right: 24px;
margin-top: 0;
background-color: var(--outsourcing-blue);
}
.outsourcing-container .outsourcing-container-woman div {
margin-right: -24px;
margin-left: 24px;
margin-top: 0;
background-color: var(--beige-color);
}
.outsourcing-container .outsourcing-container-man div h3,
.outsourcing-container .outsourcing-container-woman div h3 {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
}
.outsourcing-container .outsourcing-container-man div ul,
.outsourcing-container .outsourcing-container-woman div ul {
padding-left: 24px;
} .players {
background-position: unset;
background-size: 150%;
background-position: -90px 0;
}
.players .players-heading-container {
gap: 24px;
}
.players .players-heading-container h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
max-width: 432px; }
.players .players-heading-container p {
max-width: 432px;
font-size: 16px;
line-height: 24px;
}
.players .players-heading-container h3 {
font-size: 120px;
left: auto;
right: 0;
bottom: -70px;
margin-bottom: 0;
}
.players .items-container {
gap: 32px;
max-width: 432px;
margin: 40px auto 0 auto;
}
.players .items-container .item {
justify-content: center;
}
.players .items-container .item .img-container {
display: none;
}
.players .items-container .item .players-content-container {
width: 432px;
}
.players
.items-container
.item
.players-content-container
.inner
.content
h3 {
text-align: center;
}
.players .items-container .item .players-content-container .inner .content {
justify-content: center;
align-items: center;
text-align: center;
width: 432px;
}
.players
.items-container
.item
.players-content-container
.inner
.content
img {
display: flex;
width: 80px;
}
.players .items-container .item .players-content-container .inner .content p {
text-align: center;
}
.players .items-container .item img {
display: none;
}
.players .items-container .item .players-arrow,
.players .items-container .item .players-arrow-2 {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/players-arrow-mobile.svg);
background-size: auto 100px;
position: absolute;
background-repeat: no-repeat;
width: 30px;
height: 100px;
left: 30px;
top: 322px;
}
.players .items-container .item .players-arrow-2 {
top: 320px;
transform: scaleX(-1);
left: auto;
right: 30px;
} .numbers .grid-container {
grid-template-columns: repeat(2, 1fr);
padding: 0 25px;
row-gap: 20px;
column-gap: 20px;
}
.numbers .numbers-heading-container h3 {
font-size: 120px;
}
.numbers .numbers-heading-container h3 {
top: 178px;
}
.numbers .grid-container .numbers-item:nth-child(3) {
order: 2;
}
.numbers .grid-container .numbers-item:nth-child(4) {
order: 1;
} .digital-transformation {
padding: 40px 25px 25px 25px;
padding-top: 30px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/shape.svg);
background-size: contain;
background-position: top;
z-index: 1;
}
.digital-transformation h3 {
font-size: 100px;
right: auto;
left: 0;
bottom: auto;
top: 100px;
z-index: 0;
}
.digital-transformation h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
max-width: 432px;
text-align: center;
margin-right: auto;
margin-left: auto;
position: relative;
z-index: 1;
}
.digital-transformation .items-container .items {
padding-right: 0px;
padding-left: 0px;
}
.digital-transformation .items-container .items-image {
max-width: 432px;
}
.digital-transformation .items-container .items-image img {
width: 100%;
}
.digital-transformation .items-container .items .btn.btn-black {
align-self: center;
}
.digital-transformation .items-container .items .accordion .content {
padding: 16px 24px;
} .services .grid-container {
padding: 0 25px;
} .reviews {
margin-top: 80px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/players-tablet.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
padding-top: 40px;
}
.reviews h3 {
font-size: 70px;
bottom: 0;
left: -10px;
right: auto;
}
.reviews h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
margin-left: 24px;
margin-right: 24px;
}
.reviews .grid-container {
grid-template-columns: repeat(1, 1fr);
max-width: 90%;
margin-top: 20px;
padding-bottom: 50px;
}
.reviews .grid-container .item {
max-width: 100%;
padding: 24px;
}
.reviews .grid-container .item:nth-child(1) {
display: none !important;
}
.reviews .grid-container .item .name-image-container {
flex-direction: row;
justify-content: flex-start;
align-items: center;
align-self: flex-start;
gap: 24px;
}
.reviews
.grid-container
.item
.name-image-container
.name-position-container
p {
text-align: left;
} .learnMore {
background-position: left top;
margin-top: 0;
padding-top: 0;
}
.learnMore-heading-container {
padding-top: 70px;
}
.learnMore .learnMore-heading-container .texts-btn-container {
flex-direction: column;
gap: 15px;
}
.learnMore
.learnMore-heading-container
.texts-btn-container
.texts-container {
max-width: 100%;
}
.custom-list {
margin: auto;
padding-left: 10px;
}
.custom-list-item {
margin-bottom: 10px;
}
.learnMore .learnMore-heading-container .texts-btn-container .text-btn {
max-width: 100%;
justify-content: center;
align-items: center;
}
.learnMoreSpan {
font-size: var(--font-h5);
line-height: var(--line-h5);
margin-bottom: 10px;
margin-top: 20px;
}
.learnMore h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
}
.learnMore h3 {
font-size: 100px;
top: 120px;
left: -15px;
}
.learnMore .learnMore-heading-container .title-texts-container {
padding: 0 25px;
} .team .marquee-2 .marquee__slider img,
.team .marquee .marquee__slider img {
width: 152px;
height: 260px;
} .join-us {
margin-top: 80px;
height: 385px;
}
.join-us h3 {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
}
.join-us .contetn-container {
gap: 16px;
padding-left: 25px;
padding-right: 25px;
}
.join-us p {
font-size: 18px;
line-height: 24px;
max-width: 432px;
}
.join-us img {
width: 100%;
left: unset;
height: 385px;
content: url(//n2.help/wp-content/themes/n2-help-solutions/assets/join-us-bg-mobile.png);
}
.join-us h4 {
font-size: 150px;
left: 0;
transform: translateY(-50%);
text-align: left;
} .discover-expertise {
max-width: 100%;
gap: 40px;
padding-left: 25px;
padding-right: 25px;
}
.discover-expertise h2 {
text-align: center;
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
}
.discover-expertise .items-container {
max-width: 432px;
width: 100%;
}
.discover-expertise .items-container .grid-container {
grid-template-columns: repeat(1, 1fr);
gap: 24px;
}
.discover-expertise .items-container .grid-container .item {
max-width: 100%;
width: 100%;
height: 100px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 16px 24px;
gap: 10px;
}
.discover-expertise .items-container .grid-container .item .btn.btn-black {
white-space: nowrap;
}
.discover-expertise .items-container .grid-container .item .title-container {
display: flex;
align-items: center;
flex-direction: row;
justify-content: flex-start;
gap: 24px;
}
.discover-expertise .items-container .grid-container .item p {
text-align: center;
display: none;
}
footer .container {
padding: 40px 25px 60px 25px;
}
.footerBg {
height: 54px;
}
.copyrightContainer p {
font-size: 16px;
line-height: 24px;
}
footer .container .logo-socials-container .logo-text {
gap: 40px;
}
footer .container .logo-socials-container p {
max-width: 236px;
font-size: 16px;
line-height: 24px;
}
footer .container .logo-socials-container {
gap: 40px;
margin-bottom: 40px;
}
footer .container .footer-items .item-1 {
max-width: 136px;
width: 100%;
}
footer .container .footer-items .item-2 {
max-width: 136px;
width: 100%;
}
footer .container .footer-items .item-3 {
max-width: 136px;
width: 100%;
}
footer .container .footer-items .item-4 {
max-width: 136px;
width: 100%;
}
footer .container .footer-items {
gap: 20px;
} .hero-join-us {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/hero-expertise-shape.svg);
background-size: contain;
padding-top: 30px;
gap: 32px;
padding-left: 24px;
padding-right: 24px;
}
.hero-join-us h1 {
font-size: var(--font-hero-sm);
line-height: var(--line-hero-sm);
max-width: 100%;
}
.hero-join-us p {
font-size: 16px;
line-height: 24px;
max-width: 100%;
}
.hero-join-us h3 {
font-size: 100px;
} .player-profile-section {
background-position: center top;
margin-top: 50px;
}
.player-profile-looking-section.player-profile-section {
background-position: url(//n2.help/wp-content/themes/n2-help-solutions/assets/players-profile-cloud.svg);
background-size: 90%;
}
.player-profile-looking-section .player-profile-section-container {
gap: 40px;
}
.player-profile-looking-section .playerProfileCenteredContainerH3 {
font-size: 80px;
top: 60px;
}
.player-profile-centered-container {
padding-top: 60px;
}
.player-profile-section h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
padding-left: 25px;
padding-right: 25px;
}
.player-profile-looking-section h2 {
margin-top: -20px;
}
.player-profile-section-container {
flex-direction: column;
padding: 0 25px 25px 25px;
justify-content: flex-start;
align-items: flex-start;
gap: 25px;
margin-top: 35px;
}
.player-profile-section-container h3 {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
margin-bottom: 25px;
}
.playerProfileCenteredContainerH3 {
font-size: 80px;
top: 75px;
}
.round-stamp-container {
width: 225px;
height: 224px;
transform: translate(12%, 100%) rotate(15deg);
top: 155px;
right: 0;
left: auto;
}
.player-profile-looking-section .round-stamp-container {
width: 164px;
height: 164px;
transform: translate(12%, 100%) rotate(20deg);
top: 130px;
right: 0;
left: auto;
}
.round-stamp-container img {
width: 225px;
height: 224px;
}
.player-profile-looking-section .round-stamp-container img {
width: 164px;
height: 164px;
}
.player-profile-looking-section .player-profile-section-points {
max-width: 100%;
} .your-potential h3 {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
margin-bottom: 15px;
}
.outlineWhite {
margin-top: 40px;
height: auto !important;
font-size: 16px !important;
padding: 18px 24px !important;
}
.your-potential h2 {
font-size: 150px;
}
.your-potential img {
content: url(//n2.help/wp-content/themes/n2-help-solutions/assets/black-border-gradient-tablet.svg);
height: 100%;
width: 160%;
left: -30%;
} .why-choose-n2 .heading-container {
height: 150px;
background-size: auto 140px;
background-position: -20px top;
}
.why-choose-n2 .heading-container h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
}
.why-choose-n2 .heading-container h3 {
top: 60%;
font-size: 65px;
}
.why-choose-n2 .items-container .item {
padding: 0 25px 0 25px;
gap: 25px;
}
.whyChooseN2ItemHeadingImg {
gap: 25px;
align-items: flex-start;
}
.why-choose-n2 .items-container .item .item-image {
max-width: 127px;
}
.why-choose-n2 .items-container .item .item-image img {
max-width: 127px;
}
.whyChooseItemDescription {
margin-top: 25px;
}
.whyChooseN2Community {
margin: 35px auto 35px auto;
gap: 25px;
padding: 0 25px 0 25px;
}
.whyChooseN2Community span {
text-align: center;
}
.whyChooseN2CommunityGrid {
grid-template-columns: 1fr;
gap: 15px;
}  .about-hero {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/learn-more-cloud.svg);
background-position: -20px center;
height: 250px;
}
.about-hero h1 {
text-align: center;
margin-top: -60px;
}
.about-hero h2 {
font-size: 120px;
left: -10px;
top: 16px;
} .n2-story { gap: 40px;
}
.n2-story h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
}
.n2-story .description {
gap: 24px;
max-width: 432px;
}
.n2-story .description p {
font-size: 16px;
line-height: 24px;
}
.n2-story .description h3 {
font-size: 220px;
}
.n2-story img {
height: 100%;
width: 170%;
left: -40%;
}
.n2-story h3 {
left: auto;
right: 0;
} .description-section {
padding-left: 24px;
padding-right: 24px;
}
.description-section p {
width: 100%;
font-size: var(--line-h3-sm);
line-height: var(--line-h3-sm);
} .persons-section {
padding: 0 24px;
}
.persons-section .person-container .img-container {
height: 129px;
width: 184px;
}
.persons-section .person-container .img-container img {
height: 129px;
width: 184px;
}
.persons-section .person-container .description-container {
max-width: 279px;
}
.persons-section .person-container .description-container .description p {
max-width: 247px;
} .our-values {
padding: 0;
}
.our-values .fatures-heading-container {
height: 100%;
max-width: 100%;
width: 100%;
padding: 50px 0 0 0;
background-position: 0px bottom;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/our-value-mobile.svg);
}
.our-values .fatures-heading-container h2 {
margin-top: 0;
margin-bottom: 40px;
}
.our-values .fatures-heading-container h2 br {
display: flex;
}
.our-values .fatures-heading-container h3 {
font-size: 150px;
top: 80px;
transform: translateX(-50%);
}
.our-values .grid-container {
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(8, 1fr);
gap: 16px;
max-width: 100%;
max-height: 100%;
height: 100%;
padding: 0 24px;
margin-top: 0;
max-width: 432px;
}
.our-values .grid-container .item-1 {
grid-row: unset;
grid-column: unset;
grid-column-start: 1;
grid-row-start: 1;
height: 100%;
width: 100%;
margin: 0;
}
.our-values .grid-container .item-2 {
grid-row: unset;
grid-column: unset;
grid-column-start: 1;
grid-row-start: 2;
height: 100%;
width: 100%;
margin: 0;
}
.our-values .grid-container .item-3 {
grid-row: unset;
grid-column: unset;
grid-column-start: 1;
grid-row-start: 4;
height: 100%;
width: 100%;
margin: 0;
}
.our-values .grid-container .item-4 {
grid-row: unset;
grid-column: unset;
grid-column-start: 1;
grid-row-start: 5;
height: 100%;
width: 100%;
margin: 0;
}
.our-values .grid-container .item-5 {
grid-row: unset;
grid-column: unset;
grid-column-start: 1;
grid-row-start: 3;
height: 100%;
width: 100%;
margin: 0;
}
.our-values .grid-container .item-6 {
grid-row: unset;
grid-column: unset;
grid-column-start: 1;
grid-row-start: 7;
height: 100%;
width: 100%;
margin: 0;
}
.our-values .grid-container .item-7 {
grid-row: unset;
grid-column: unset;
grid-column-start: 1;
grid-row-start: 6;
height: 100%;
width: 100%;
margin: 0;
}
.our-values .grid-container .item-8 {
grid-row: unset;
grid-column: unset;
grid-column-start: 1;
grid-row-start: 8;
height: 100%;
width: 100%;
margin: 0;
}
.our-values .grid-container .item.item-1 .inner .content,
.our-values .grid-container .item.item-2 .inner .content,
.our-values .grid-container .item.item-5 .inner .content,
.our-values .grid-container .item.item-6 .inner .content,
.our-values .grid-container .item.item-7 .inner .content,
.our-values .grid-container .item.item-4 .inner .content,
.our-values .grid-container .item.item-7 .inner .content,
.our-values .grid-container .item.item-3 .inner .content {
flex-direction: row;
align-items: center;
padding: 16px 12px;
} .support-team .support-team-heading-container {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/support-team-mobile.svg);
background-repeat: no-repeat;
background-position: 0 10px;
}
.support-team .support-team-heading-container h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
}
.support-team .support-team-heading-container p {
max-width: 432px;
font-size: 16px;
line-height: 24px;
}
.support-team .support-team-heading-container h3 {
font-size: 150px;
left: 46%;
top: 75px;
transform: translateX(-35%);
}
.support-team .teams-grid {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
justify-items: center;
align-items: center;
max-width: 432px;
}
.support-team .teams-grid .flip-card:nth-of-type(5),
.support-team .teams-grid .flip-card:nth-of-type(8) {
display: none;
} .community {
margin-top: 30px;
padding: 30px 25px 0px 25px;
}
.community-hero h1 {
font-size: var(--font-hero-sm);
line-height: var(--line-hero-sm);
}
.community-hero p {
max-width: 432px;
font-size: var(--font-h5);
line-height: var(--line-h5);
}
.community-hero {
gap: 14px;
background-size: 507.34px;
}
.community-hero h2 {
font-size: 100px;
top: 26%;
transform: translate(-50%, 0%);
} .digital-transformation-expertise {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/digital-transformation-expertise-mobile.svg);
}
.digital-transformation-expertise h2 {
max-width: 350px;
}
.digital-transformation-expertise h3 {
top: 80px;
font-size: 120px;
left: -20px;
}
.digital-transformation-expertise .items-container {
margin-top: 0;
}
.digital-transformation-expertise {
padding: 40px 25px 0 25px;
} .digital-transformation-join-us {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/digital-trans-join-us-tablet.svg);
background-size: 98%;
background-position: -25px 10px;
}
.digital-transformation-join-us h2 {
max-width: none;
padding-top: 0px;
}
.digital-transformation-join-us h3 {
top: 80px;
font-size: 120px;
left: -20px;
}
.digital-transformation-join-us .items-container {
margin-top: 0;
}
.digital-transformation-join-us {
padding: 13% 25px 0 25px;
} .team-players {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/team-tablet.svg);
background-position: 0px 40px;
background-repeat: no-repeat;
}
.team-players h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
max-width: 320px;
}
.team-players h3 {
font-size: 110px;
top: 110px;
left: 0;
right: 0;
}
.team .marquee .marquee__slider {
animation: 30s slide infinite linear;
}
.team .marquee-2 .marquee__slider {
animation: 30s slide-2 infinite linear;
} .global h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
max-width: 383px;
}
.global img {
margin: 85px auto 0 auto;
}
.global {
padding: 0px 25px 0px 25px;
margin-top: 80px;
background-size: 672.27px;
}
.global h3 {
font-size: 130px;
bottom: 10px;
}
.global-cloud {
top: 65px;
margin-top: 0;
} .hero-expertise {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/hero-expertise-shape.svg);
background-size: contain;
padding-top: 30px;
gap: 32px;
padding-left: 24px;
padding-right: 24px;
}
.hero-expertise h1 {
font-size: var(--font-hero-sm);
line-height: var(--line-hero-sm);
max-width: 100%;
max-width: 460px;
}
.hero-expertise p {
font-size: 16px;
line-height: 24px;
max-width: 100%;
}
.hero-expertise h3 {
font-size: 100px;
}
.hero-expertise-h3-top h3 {
top: 70px;
}
.blogsHero {
padding-bottom: 0px;
}
.blogsHero .grid-items-expertise {
gap: 48px;
}
.blogsHero h3 {
top: 70px;
}
.hero-expertise .grid-items-expertise {
max-width: 100%;
}
.hero-expertise .grid-items-expertise .item p {
font-size: 14px;
line-height: 16px;
}
.hero-expertise .image-container img {
width: 100%;
} .clients-expertise {
padding-top: 70px;
padding-bottom: 0px;
}
.clients-expertise h2 {
display: none;
} .tailored-cloud-main {
margin-top: 40px;
}
.tailored-ethic-lab-main {
background: url(//n2.help/wp-content/themes/n2-help-solutions/assets/tailored-cloud-mobile.svg);
background-repeat: no-repeat;
background-size: 100%;
}
.tailored-cloud-main h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
}
.tailored-ethic-lab-main h2 {
padding-left: 0;
padding-right: 0;
}
.tailored-cloud-main h3 {
font-size: 60px;
top: 90px;
}
.tailored-ethic-lab-main h3 {
font-size: 50px;
top: 130px;
}
.tailored-centered-container {
padding-top: 40px;
}
.tailored-grid-container {
margin: 31px auto auto auto;
padding: 0 25px 0 25px;
}
.imgTitleTailored {
flex-direction: column;
}
.tailored-grid-container-item .inner .content h2 {
text-align: center;
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
width: 100%;
max-width: 100%;
margin-left: unset;
}
.tailoredItemsContainer {
margin-top: 30px;
gap: 20px;
}
.tailored-grid-container {
gap: 30px;
} .service-now-certification {
margin: 40px auto 0 auto;
padding-top: 50px;
padding-bottom: 50px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/shape.svg);
background-position: -60px top;
background-size: 120%;
}
.service-now-certification h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
max-width: 432px;
}
.service-now-certification h3 {
font-size: 80px;
top: 100px;
left: 0;
right: 0;
} .about-us {
margin-top: 40px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/about-us-mobile.svg);
background-size: 100%;
}
.about-us h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
text-align: center;
padding: 0 25px 0 25px;
}
.about-us h3 {
font-size: 60px;
top: 146px;
}
.about-us .items-container {
padding: 0 25px 0 25px;
}
.about-us .items-container .items {
gap: 20px;
} .about-us-faq {
padding-top: 80px;
}
.about-us-faq h3 {
font-size: 200px;
top: 100px;
} .why-n2 {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/shape.svg);
padding-top: 40px;
padding: 40px 24px;
}
.why-n2 .grid-container {
margin-top: 50px;
height: auto;
max-height: 100%;
display: flex;
flex-direction: column;
gap: 16px;
padding-left: 0;
padding-right: 0;
max-width: 432px;
width: 100%;
}
.why-n2 h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
max-width: 308px;
}
.why-n2 h3 {
font-size: 65px;
top: 100px;
} .case-studies h2 {
padding-left: 25px;
padding-right: 25px;
max-width: 480px;
margin: auto;
}
.case-studies {
margin-top: 50px;
padding: 35px 0 0 0;
}
.case-studies h3 {
font-size: 90px;
left: -20px;
top: 94px;
}
.case-studies {
padding: 20px 0 0 0;
}
.case-studies .items-container {
padding: 0 25px 0 25px;
}
.case-studies .items-container .items .accordion .content {
padding: 16px 24px;
} .ready h4 {
left: -40px;
transform: translateY(60%);
}
.ready h3 {
margin-bottom: 20px;
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
}
.ready-btns-container {
margin-top: 40px;
gap: 20px;
flex-direction: column;
}
.ready .contetn-container {
padding-top: 10%;
gap: 16px;
padding-left: 25px;
padding-right: 25px;
}
.ready p {
font-size: 18px;
line-height: 24px;
max-width: 432px;
}
.ready {
margin-top: 100px;
height: auto;
}
.readyExpertiseBtn {
height: auto !important;
padding: 16px 24px !important;
}
.ready h4 {
font-size: 150px;
left: 0;
transform: translateY(-50%);
text-align: left;
}
.ready img {
width: 220%;
left: -300px;
height: 386px;
} .reviews-expertise {
margin-top: 80px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/reviews-expertise-mobile.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
padding-top: 40px;
}
.reviews-expertise h3 {
font-size: 70px;
left: -10px;
bottom: -60px;
right: auto;
}
.reviews-expertise h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
margin-top: 40px;
margin-bottom: 0;
}
.reviews-expertise .grid-container {
grid-template-columns: repeat(1, 1fr);
max-width: 90%;
margin-top: 30px;
padding-bottom: 50px;
}
.reviews-expertise .grid-container .item {
max-width: 100%;
padding: 24px;
}
.reviews-expertise .grid-container .item:nth-child(1) {
display: none !important;
}
.reviews-expertise .grid-container .item .name-image-container {
flex-direction: row;
justify-content: flex-start;
align-items: center;
align-self: flex-start;
gap: 24px;
}
.reviews-expertise
.grid-container
.item
.name-image-container
.name-position-container
p {
text-align: left;
} .solutions-grid {
margin-top: 40px;
gap: 25px;
}
.solutions {
padding: 0 25px 0 25px;
}
.imgTitleSolution {
flex-direction: column;
gap: 30px;
margin-bottom: 25px;
}
.solutions-grid-item .inner .content h2 {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
}
.solutions-grid-item .inner .content p {
font-size: var(--font-h5);
line-height: var(--line-h5);
margin-bottom: 25px;
} .hero-digital-service h1 {
font-size: var(--font-h1-sm);
line-height: var(--line-h1-sm);
max-width: 458px;
}
.hero-digital-service h2 {
bottom: 0;
left: 50%;
font-size: 100px;
top: 50px;
}
.hero-digital-service p {
width: auto;
max-width: 432px;
font-size: 16px;
line-height: 24px;
}
.hero-digital-service h2.heading-text-center {
font-size: 100px;
top: 110px;
left: 25px;
}
.hero-digital-service .hero-heading-container {
padding: 40px 6px 80px 6px;
padding-left: 6px;
padding-right: 6px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/community-mobile.svg);
background-size: calc(100% - 100px);
background-position: left top;
}
.hero-digital-service p {
margin-top: -40px;
}
.hero-digital-service .btn.btn-black,
.hero-digital-service .btn.btn-outline-black {
height: 54px;
font-size: 16px;
line-height: 18px;
padding: 0 24px;
}
.hero-digital-service .hero-actions {
gap: 64px;
} .clients-digital-service {
padding: 0;
padding-top: 65px;
margin-top: 0;
}
.clients-digital-service h2 {
display: none;
}
.clients-digital-service .inner-section .top-inner .marquee {
gap: 48px;
} .ready-digital-service {
margin-top: 80px;
height: 385px;
}
.ready-digital-service h3 {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
margin-bottom: 0;
}
.ready-digital-service .contetn-container {
padding-left: 25px;
padding-right: 25px;
gap: 0px;
}
.ready-digital-service p {
font-size: 18px;
line-height: 24px;
max-width: 432px;
display: block;
margin-bottom: 40px;
margin-top: 15px;
}
.ready-digital-service img {
height: 385px;
width: 224%;
left: -295px;
}
.ready-digital-service h4 {
font-size: 150px;
text-align: left;
left: -40px;
transform: translateY(60%);
} .selection {
margin-top: 55px;
}
.selection-heading-container h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
padding: 50px 25px 50px 25px;
}
.selection-heading-container h3 {
font-size: 120px;
line-height: 18px;
}
.selection-heading-container {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/selection-mobile-cloud.svg);
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
background-position: center center;
}
.selection-number-items {
padding-left: 25px;
padding-right: 25px;
max-width: 481px;
}
.selection-number-item-number {
display: none;
}
.selection-number-item-numberMobile {
display: block;
}
.selection-number-item {
gap: 25px;
}
.selection-number-item-container .inner .content {
padding: 16px;
}
.arrow-blue-selection {
height: 53px;
transform: translate(-220%, 70px);
} .discover-logo-text-container {
flex-direction: column;
gap: 25px;
width: 100%;
}
.discover-column-items-container {
padding-left: 25px;
padding-right: 25px;
margin: 40px auto auto auto;
gap: 25px;
}
.discover-column-item-container .inner .content .item-content {
max-width: none;
}
.discover-column-item-container .inner .content .item-content-points {
max-width: none;
}
.discover-partners {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/selection-mobile-cloud.svg);
margin-top: 50px;
}
.discover-partners-heading-container {
padding-top: 40px;
}
.discover-partners-heading-container h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
}
.discover-column-item-container .inner .content .item-content h3 {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
}
.discover-tablet-button-dots-container {
flex-direction: column;
gap: 40px;
justify-content: center;
align-items: center;
}
.discover-column-item-container .inner .content .item-content-points h3 {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
} .benefits-heading-container h3 {
font-size: 110px;
top: 40px;
}
.benefits {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/benefits-mobile-cloud.svg);
margin-top: 35px;
background-position: left top;
}
.benefits-heading-container {
padding-top: 0;
}
.benefits-grid-container {
margin: 45px auto auto auto;
padding-left: 25px;
padding-right: 25px;
gap: 25px;
}
.benefits-image {
max-width: 80px;
}
.benefits-grid-container-item {
padding: 24px;
align-items: flex-start;
gap: 24px;
}
.benefits-heading-container h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
} .ready-partners {
margin-top: 80px;
height: 385px;
}
.ready-partners h3 {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
margin-bottom: 0;
}
.ready-partners .contetn-container {
padding-left: 25px;
padding-right: 25px;
gap: 0px;
}
.ready-partners p {
font-size: 18px;
line-height: 24px;
max-width: 432px;
display: block;
margin-bottom: 40px;
margin-top: 15px;
}
.ready-partners img {
height: 385px;
width: 224%;
left: -295px;
}
.ready-partners h4 {
font-size: 150px;
text-align: left;
left: -40px;
transform: translateY(60%);
} .hero-ethic-with-bullets {
gap: 32px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/hero-expertise-shape.svg);
background-size: contain;
padding-left: 24px;
padding-right: 24px;
}
.hero-ethic-with-bullets h1 {
font-size: var(--font-hero-sm);
line-height: var(--line-hero-sm);
}
.hero-ethic-with-bullets .hero-actions-ethic {
gap: 35px;
}
.hero-ethic-with-bullets h3 {
width: auto;
top: 170px;
font-size: 60px;
left: auto;
transform: unset;
}
.hero-ethic-with-bullets .description {
font-size: 16px;
line-height: 24px;
margin-top: -30px;
}
.hero-ethic-with-bullets .hero-list {
gap: 16px;
max-width: 284px;
}
.hero-ethic-with-bullets .hero-list li p {
font-size: 14px;
} .clients-ethic-lab {
margin-top: 40px;
}
.clients-ethic-lab h2 {
display: none;
}
.clients-ethic-lab .inner-section .top-inner .marquee {
gap: 48px;
} .players-ebackground-small-text .players-heading-container h3 {
font-size: 70px;
} .your-organization {
padding-top: 50px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/shape.svg);
}
.your-organization h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
margin-bottom: 20px;
}
.your-organization h4 {
font-size: var(--font-h5);
line-height: var(--line-h5);
}
.your-organization-grid-container {
margin: 30px auto auto auto;
grid-template-columns: repeat(1, 1fr);
padding-left: 25px;
padding-right: 25px;
}
.your-organization-item .inner .content {
gap: 24px;
}
.your-organization-item .inner .content img {
max-width: 80px;
}
.your-organization-item .inner .content p {
font-size: var(--font-h5);
line-height: var(--line-h5);
} .free-guide-section .bg-text {
font-size: 110px;
top: 45%;
transform: translateY(-45%);
}
.free-guide-section
.free-guide-section-cotnainer
.free-guide-dots-main-container {
gap: 0;
gap: 16px;
}
.free-guide-section
.free-guide-section-cotnainer
.free-guide-dots-main-container
.free-guide-dots-container
h5 {
font-size: 14px;
line-height: 16px;
}
.free-guide-section
.free-guide-section-cotnainer
.free-guide-dots-main-container
.free-guide-dots-container {
gap: 10px;
}
.blackCloudFreeGuide {
content: url(//n2.help/wp-content/themes/n2-help-solutions/assets/black-border-gradient-tablet.svg);
height: 100%;
width: 174%;
left: -30%;
}
.free-guide-section {
height: 615px;
margin-top: 80px;
} .three-experts {
padding-left: 24px;
padding-right: 24px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/three-experts-mobile.svg);
background-position: center top;
padding-top: 45px;
background-size: auto;
}
.three-experts h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
max-width: 470px;
}
.three-experts h4 {
font-size: 110px;
top: 45px;
}
.three-experts .items-grid {
grid-template-columns: repeat(1, 1fr);
max-width: 432px;
margin-left: unset;
margin-right: unset;
padding-top: 40px;
}
.three-experts .items-grid .item {
padding: 24px;
width: 100%;
grid-template-rows: repeat(2, 1fr);
column-gap: 24px;
row-gap: 0;
height: auto;
max-height: 250px;
max-width: 432px;
}
.three-experts .items-grid .item .img {
width: 100px;
height: 100px;
grid-row: unset;
margin-left: 10px;
}
.three-experts .items-grid .item .img img {
width: 100px;
height: 100px;
}
.three-experts .items-grid .item .about-list {
grid-column-start: 2;
grid-row-start: 2;
width: max-content;
max-width: 260px;
gap: 8px;
}
.three-experts .items-grid .item a {
grid-column-start: 1;
grid-row-start: 2;
grid-row: unset;
justify-content: flex-start;
align-items: center;
margin-left: 16px;
} .reviews-list {
margin-top: 80px;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/players-tablet.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
padding-top: 40px;
}
.reviews-list h3 {
font-size: 70px;
bottom: 0;
left: -10px;
right: auto;
}
.reviews-list h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
margin-left: 24px;
margin-right: 24px;
}
.reviews-list .grid-container {
grid-template-columns: repeat(1, 1fr);
max-width: 90%;
margin-top: 20px;
padding-bottom: 50px;
}
.reviews-list .grid-container .item {
max-width: 100%;
padding: 24px;
}
.reviews-list .grid-container .item .name-image-container {
flex-direction: row;
justify-content: flex-start;
align-items: center;
align-self: flex-start;
gap: 24px;
}
.reviews-list
.grid-container
.item
.name-image-container
.name-position-container
h4 {
text-align: left;
} .support-team-list .support-team-list-heading-container {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/support-team-mobile.svg);
background-repeat: no-repeat;
background-position: 0 20px;
}
.support-team-list .support-team-list-heading-container h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
}
.support-team-list .support-team-list-heading-container p {
max-width: 432px;
font-size: 16px;
line-height: 24px;
}
.support-team-list .support-team-list-heading-container h3 {
font-size: 150px;
left: 43%;
top: 90px;
transform: translateX(-35%);
}
.support-team-list .teams-grid {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
justify-items: center;
align-items: center;
max-width: 432px;
} .sample-page {
padding: 20px 25px 0 25px;
margin: 25px auto auto auto;
}
.sample-page h1 {
font-size: 36px;
}
.sample-page h2 {
font-size: 30px;
}
.sample-page h3 {
font-size: 22px;
} .page404 {
padding: 20px 25px 0 25px;
margin: 25px auto auto auto;
}
.page404 span {
font-size: var(--font-hero-sm);
line-height: var(--line-hero-sm);
margin-bottom: 20px;
}
.page404 p {
font-size: 16px;
line-height: 24px;
} .pagination .btn-black {
font-size: 14px;
line-height: 14px;
} .voices-section {
padding-left: 25px;
padding-right: 25px;
}
.voices-section h2 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
} .popular-post.blog-entry.post {
position: relative;
}
.popular-post-section {
padding-left: 25px;
padding-right: 25px;
}
.blogContentMainContainer {
padding-left: 25px;
padding-right: 25px;
}
.single-page-container .related-posts .related-posts-container {
flex-direction: column;
}
.single-page-container .related-posts .related-posts-container article {
width: 100%;
}
.single-page-container h1 {
font-size: 34px;
line-height: normal;
}
.single-page-container .post-content h2 {
font-size: 24px;
line-height: normal;
}
.single-page-container .post-content h3 {
font-size: 22px;
line-height: normal;
}
.post-content h3 {
font-size: 22px;
line-height: normal;
}
.single-page-container .related-posts .related-posts-title .text {
font-size: 22px;
line-height: normal;
}
.single-page-container .related-posts .related-posts-container article h3 {
font-size: 22px;
line-height: normal;
}
.single-page-container { 
padding-right: 25px;
padding-left: 25px;
}
.single-page-container {
width: 100%;
}
.single-page-container .post-content iframe { 
height: 348px;
}
}
@media screen and (max-width: 500px) {
.numbers .numbers-heading-container h3 {
font-size: 90px;
}
.hero-digital-service .hero-heading-container {
background-size: 100%;
}
.blogsHero .grid-items-expertise {
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 20px;
}
.blogInfoCategoryBox {
gap: 15px;
}
.blogInfoCategoryBox a {
font-size: 10px;
}
.blogContainercommentsDate span {
font-size: 10px;
}
.blogInfoContainer h3 a {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
}
.blogInfoContainer h3 {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
}
.popular-post
.popular-post-entry-inner
.popular-post-content
.popular-post-entry-header
h3 {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
}
.popular-post
.popular-post-entry-inner
.popular-post-content
.popular-post-category
h5 {
font-size: 10px;
letter-spacing: 4px;
}
.popular-post
.popular-post-entry-inner
.popular-post-content
.popular-post-bottom
.popular-post-meta
span {
margin-right: 15px;
gap: 6px;
}
.popular-post
.popular-post-entry-inner
.popular-post-content
.popular-post-bottom
.popular-post-meta
p {
font-size: 11px;
}
.single-page-container .post-content iframe { 
height: 250px;
}
}
@media screen and (max-width: 481px) { .tailored-cloud-main {
background: url(//n2.help/wp-content/themes/n2-help-solutions/assets/tailored-cloud-mobile.svg);
background-repeat: no-repeat;
} .learnMore {
background-position: left top;
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/learn-more-mobile.svg);
margin-top: 0;
padding-top: 0;
} .community-hero {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/community-mobile.svg);
background-size: 478.34px;
} .global {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/global-mobile.svg);
background-size: auto;
} .case-studies {
background-image: url(//n2.help/wp-content/themes/n2-help-solutions/assets/synergy-mobile.svg);
background-size: auto;
}
}
@media screen and (max-width: 470px) {
footer .container .footer-items {
grid-template-columns: 1fr;
}
}
@media (max-width: 450px) { .hero .btn.btn-black,
.hero .btn.btn-outline-black {
height: 54px;
font-size: 14px;
padding: 0 20px;
}
.hero-actions {
gap: 20px;
}
.hero h2 {
font-size: 70px;
}
.hero-digital-service h2 {
font-size: 100px;
}
.hero p {
padding: 0 7px;
} .features .fatures-heading-container p {
max-width: 100%;
} .outsourcing-container .outsourcing-container-man img,
.outsourcing-container .outsourcing-container-woman img {
width: 150px;
height: 150px;
}
.outsourcing-container .outsourcing-container-man div {
margin-left: -15px;
margin-right: 15px;
}
.outsourcing-container .outsourcing-container-woman div {
margin-right: -15px;
margin-left: 15px;
} .players .players-heading-container {
gap: 16px;
}
.players .players-heading-container h2 {
font-size: var(--font-h2-xs);
line-height: var(--line-h2-xs);
margin-left: 24px;
margin-right: 24px;
max-width: 250px;
margin-bottom: 0;
}
.players .players-heading-container h3 {
font-size: 80px;
}
.players .players-heading-container p {
max-width: 400px;
margin-left: 24px;
margin-right: 24px;
}
.players .items-container {
margin-left: 24px;
margin-right: 24px;
}
.players .items-container .item .players-content-container {
width: 400px;
}
.players .items-container .item .players-content-container .inner .content {
width: 100%;
}
.players .items-container .item .players-arrow-2 {
top: 90%;
} .numbers .numbers-item h2 {
font-size: 44px;
line-height: 44px;
}
.numbers .numbers-item .item span {
font-size: 24px;
line-height: 44px;
}
.numbers .numbers-item p {
font-size: 14px;
line-height: 20px;
}
.numbers .numbers-item .item p {
max-width: 118px;
} .join-us h4 {
font-size: 120px;
}
footer .container .logo-socials-container .logo-text {
flex-direction: column;
}
footer .container .logo-socials-container p {
text-align: center;
}
.discover-expertise .items-container .grid-container .item .title-container {
gap: 14px;
}
.discover-expertise
.items-container
.grid-container
.item
.title-container
img {
width: 48px;
height: 48px;
}
.discover-expertise
.items-container
.grid-container
.item
.title-container
h3 {
font-size: var(--font-h4-sm);
line-height: var(--line-h4-sm);
}
.discover-expertise .items-container .grid-container .item .btn.btn-black {
font-size: 14px;
line-height: 16px;
}  .about-hero h1 {
font-size: var(--font-h2-sm);
line-height: var(--line-h2-sm);
}
.n2-story .description,
.n2-story h2 {
width: 400px;
}
.n2-story .description h3 {
font-size: 180px;
}
.about-hero {
background-position: top left;
height: 100%;
}
.about-hero p {
padding: 0 24px;
} .n2-story .description,
.n2-story h2 {
width: 400px;
}
.n2-story .description h3 {
font-size: 180px;
} .persons-section {
max-width: 400px;
}
.persons-section .person-container .img-container {
height: 150px;
width: 100px;
}
.persons-section .person-container .img-container img {
height: 150px;
width: 100px;
} .support-team .teams-grid {
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(1, 1fr);
} .service-now-certification h2 {
padding: 0 12px;
}
.ready h4 {
font-size: 120px;
} .ready-digital-service h4 {
font-size: 120px;
}
.ready-digital-service p {
margin-bottom: 15px;
font-size: 16px;
line-height: 20px;
} .selection-number-item-image {
max-width: 60px;
min-width: 60px;
}
.arrow-blue-selection {
transform: translate(-175%, 70px);
} .ready-partners h4 {
font-size: 120px;
}
.ready-partners p {
margin-bottom: 15px;
font-size: 16px;
line-height: 20px;
} .hero-ethic-with-bullets h3 {
font-size: 40px;
} .players-ebackground-small-text .players-heading-container h3 {
font-size: 50px;
} .three-experts h4 {
font-size: 80px;
}
.three-experts .items-grid {
max-width: 100%;
}
.three-experts .items-grid .item {
max-width: 100%;
width: 100%;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: unset;
column-gap: 16px;
row-gap: 32px;
height: auto;
max-height: 100%;
justify-content: center;
align-items: center;
}
.three-experts .items-grid .item .img,
.three-experts .items-grid .item .about-list,
.three-experts .items-grid .item a,
.three-experts .items-grid .item h3 {
grid-row: unset;
grid-column-start: unset;
grid-row-start: unset;
margin-top: unset;
margin-left: unset;
}
.three-experts .items-grid .item .img {
width: 100%;
height: 100%;
}
.three-experts .items-grid .item a,
.three-experts .items-grid .item h3 {
justify-content: center;
align-items: center;
text-align: center;
} .free-guide-section
.free-guide-section-cotnainer
.free-guide-dots-main-container {
grid-template-columns: repeat(1, 1fr);
} .support-team-list .teams-grid {
grid-template-columns: repeat(1, 1fr);
}
}
@media screen and (max-width: 425px) {
.accordionAvatarInfoContainer {
flex-direction: column;
}
.ham-actions .btn-border-color,
.ham-actions .btn-linear-color {
width: auto;
padding: 0 16px;
font-size: 14px;
}
}
@media (max-width: 400px) {
.players .items-container .item .players-arrow {
top: 26%;
}
.players .items-container .item .players-arrow-2 {
top: 90%;
} .digital-transformation h3 {
font-size: 80px;
} .join-us h3,
.join-us p {
max-width: 300px;
}
.discover-expertise
.items-container
.grid-container
.item
.title-container
img {
width: 50px;
height: 50px;
}
.discover-expertise
.items-container
.grid-container
.item
.title-container
h3 {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
}
.discover-expertise .items-container .grid-container .item .btn.btn-black {
height: auto;
padding: 12px 10px;
font-weight: var(--font-weight-400);
}
.discover-expertise
.items-container
.grid-container
.item
.title-container
img {
width: 38px;
height: 38px;
}
.discover-expertise
.items-container
.grid-container
.item
.title-container
h3 {
font-size: var(--font-h5);
line-height: var(--line-h5);
}
.discover-expertise .items-container .grid-container .item {
padding: 16px 16px;
}  .n2-story .description,
.n2-story h2 {
width: 350px;
}
.n2-story .description h3 {
font-size: 150px;
} .persons-section {
max-width: 350px;
}
.persons-section .person-container {
flex-direction: column !important;
} .our-values .fatures-heading-container h3 {
font-size: 130px;
} .support-team .support-team-heading-container p {
margin-left: 24px;
margin-right: 24px;
}
.support-team .support-team-heading-container h3 {
font-size: 100px;
}
.reviews-expertise h2 {
font-size: var(--font-h2-xs);
line-height: var(--line-h2-xs);
} .digital-transformation-expertise h3 {
top: 50px;
} .digital-transformation-join-us h3 {
top: 50px;
} .team-players h2 {
padding-left: 10px;
padding-right: 10px;
}
.team-players h3 {
font-size: 90px;
} .service-now-certification {
padding-top: 20px;
} .about-us .items-container .items .accordion .content {
padding: 24px 24px;
} .accordionImgTitle img {
width: 60px;
}
.accordionTitle {
font-size: 20px;
line-height: 26px;
}
.accordionSubtitle {
font-size: 14px;
line-height: 18px;
} .ready img {
width: 240%;
}
.ready h3,
.ready p {
max-width: 300px;
} .yellowDotsContainer {
max-width: 100%;
}
.solutionBtn {
font-size: 16px !important;
padding: 0 24px !important;
}
.solutions-grid-item .inner .content {
padding: 32px 32px;
} .ready-digital-service h3,
.ready-digital-service p {
max-width: 300px;
}
.ready-digital-service button {
height: 54px !important;
font-size: 14px !important;
padding: 0 20px !important;
}
.ready-digital-service img {
left: -195px;
} .whyChooseN2ItemHeadingImg {
flex-direction: column;
justify-content: center;
align-items: center;
} .selection-number-item-image {
display: none;
}
.numberMobileContentContainer {
flex-direction: column;
}
.selectionContentContainer {
align-items: center;
}
.selection-number-item-container .inner .content .item-content {
width: 100%;
justify-content: center;
align-items: center;
}
.selection-number-item-containerText {
text-align: center;
}
.selection-number-item-containerTitle {
text-align: center;
}
.arrow-blue-selection {
display: none;
}
.selection-number-item {
gap: 0;
}
.discover-column-item-container .inner .content {
padding: 25px;
}
.discover-logo-text-container {
gap: 25px;
}
.discover-column-item-container .inner .content {
gap: 25px;
}
.logoDiscover {
min-width: 141px;
} .ready-partners h3,
.ready-partners p {
max-width: 300px;
}
.ready-partners button {
height: 54px !important;
font-size: 14px !important;
padding: 0 20px !important;
}
.ready-partners img {
left: -195px;
} .hero-ethic-with-bullets h3 {
top: 250px;
} .your-organization-item .inner .content {
gap: 16px;
} .free-guide-section {
height: 715px;
}
.blackCloudFreeGuide {
width: 200%;
left: -42%;
} .support-team-list .support-team-list-heading-container p {
margin-left: 24px;
margin-right: 24px;
}
.support-team-list .support-team-list-heading-container h3 {
font-size: 100px;
}
.hero-digital-service p {
padding-left: 24px;
padding-right: 24px;
}
.hero-digital-service h2 {
top: 30px;
}
.team .marquee .marquee__slider {
animation: 25s slide infinite linear;
}
.team .marquee-2 .marquee__slider {
animation: 25s slide-2 infinite linear;
}
.blogInfoContainer h3 a {
font-size: 20px;
line-height: normal;
}
.blogInfoContainer h3 {
font-size: 20px;
line-height: normal;
margin-bottom: 16px;
}
.popular-post
.popular-post-entry-inner
.popular-post-content
.popular-post-entry-header
h3 {
font-size: 20px;
line-height: normal;
}
.blogInfoContainer p {
font-size: 14px;
}
.popular-post
.popular-post-entry-inner
.popular-post-content
.popular-post-summary
p {
font-size: 14px;
}
.single-page-container h1 {
font-size: 28px;
}
.single-page-container .post-content h2 {
font-size: 22px;
}
.single-page-container .post-content h3 {
font-size: 20px;
}
.post-content h3 {
font-size: 20px;
}
.single-page-container .related-posts .related-posts-title .text {
font-size: 20px;
}
.single-page-container .related-posts .related-posts-container article h3 {
font-size: 20px;
}
}
@media screen and (max-width: 375px) { .solutionBtn {
font-size: 14px !important;
padding: 0 14px !important;
font-weight: 400 !important;
}
.solutions-grid-item .inner .content {
padding: 22px 22px;
}
.discover-column-item-container .inner .content {
padding: 16px;
} .benefits-grid-container-item {
flex-direction: column;
}
.benefits-image {
margin: auto;
}
.benefits-grid-container-item h3 {
text-align: center;
}
.benefits-grid-container-item h5 {
text-align: center;
} .reviews .grid-container .item .name-image-container {
flex-direction: column;
width: 100%;
justify-content: center;
}
.reviews
.grid-container
.item
.name-image-container
.name-position-container
p {
text-align: center;
} .reviews-expertise .grid-container .item .name-image-container {
flex-direction: column;
width: 100%;
justify-content: center;
}
.reviews-expertise
.grid-container
.item
.name-image-container
.name-position-container
p {
text-align: center;
} .reviews-list .grid-container .item .name-image-container {
flex-direction: column;
width: 100%;
justify-content: center;
}
.reviews-list
.grid-container
.item
.name-image-container
.name-position-container
h4 {
text-align: center;
} .players .items-container .item .players-arrow {
top: 27%;
left: 20px;
}
.players .items-container .item .players-arrow-2 {
right: 20px;
}
.team .marquee .marquee__slider {
animation: 20s slide infinite linear;
}
.team .marquee-2 .marquee__slider {
animation: 20s slide-2 infinite linear;
}  
.ham-actions .btn-border-color {
font-size: 12px;
}
.ham-actions .btn-linear-color {
font-size: 12px;
}
}
@media (max-width: 350px) { .header-items #language-selector-ham {
display: none;
}
.ham-actions {
right: 5px;
}
.ham-actions .btn-border-color,
.ham-actions .btn-linear-color {
width: auto;
padding: 0 16px;
} .hero-heading-container {
width: auto;
} .features .grid-container .item .inner .content {
padding: 16px;
flex-direction: column !important;
width: 100%;
justify-content: flex-start;
align-items: center;
}
.features .grid-container .item .inner .content .item-content h4,
.features .grid-container .item .inner .content .item-content p {
text-align: center;
}
.features .fatures-heading-container h2 {
font-size: var(--font-h2-xs);
line-height: var(--line-h2-xs);
} .outsourcing-section .outsourcing-section-heading {
height: 200px;
}
.outsourcing-section .outsourcing-section-heading h2 {
font-size: var(--font-h2-xs);
line-height: var(--line-h2-xs);
}
.outsourcing-container .outsourcing-container-man {
flex-direction: column;
align-items: center;
gap: 24px;
}
.outsourcing-container .outsourcing-container-man img,
.outsourcing-container .outsourcing-container-woman img {
width: 203px;
height: 203px;
}
.outsourcing-container .outsourcing-container-woman {
flex-direction: column-reverse;
align-items: center;
gap: 24px;
}
.outsourcing-container .outsourcing-container-man div,
.outsourcing-container .outsourcing-container-woman div {
margin: 0 24px;
} .players .players-heading-container p {
max-width: 350px;
}
.players .items-container .item .players-content-container {
justify-content: center;
align-items: center;
text-align: center;
width: 300px;
}
.hero-digital-service h1 {
font-size: var(--font-h3-sm);
line-height: var(--line-h3-sm);
max-width: 225px;
} .numbers .numbers-heading-container h3 {
font-size: 60px;
}
.numbers .grid-container {
grid-template-columns: repeat(1, 1fr);
}
.grid-container .numbers-item:nth-child(4n + 1) {
background-color: rgba(35, 181, 211, 0.13);
}
.grid-container .numbers-item:nth-child(4n + 3) {
background-color: rgba(240, 186, 76, 0.13);
}
.grid-container .numbers-item:nth-child(4n + 4) {
background-color: rgba(35, 181, 211, 0.13);
} .digital-transformation h2 {
font-size: var(--font-h2-xs);
line-height: var(--line-h2-xs);
max-width: 340px;
}
.digital-transformation
.items-container
.items
.accordion
.content
.wrapper
.title-container
.title {
font-size: 15px;
line-height: 20px;
}
.digital-transformation
.items-container
.items
.accordion
.content
.wrapper
.acc-description
p {
font-size: 14px;
line-height: 26px;
} .services .grid-container {
grid-template-columns: repeat(1, 1fr);
} .reviews h2 {
font-size: var(--font-h2-xs);
line-height: var(--line-h2-xs);
}
.reviews h3 {
font-size: 50px;
} .join-us h4 {
font-size: 100px;
}
.join-us p {
width: 290px;
}
footer .container .logo-socials-container ul {
gap: 0;
justify-content: space-between;
width: 100%;
}
.copyrightContainer p {
font-size: 14px;
line-height: 18px;
}
.footerBg {
height: 48px;
}  .about-hero h1 {
max-width: 290px;
}
.about-hero h2 {
font-size: 90px;
} .n2-story {
height: 700px;
}
.n2-story .description,
.n2-story h2 {
width: 290px;
}
.n2-story .description h3 {
font-size: 130px;
} .persons-section {
max-width: 300px;
} .our-values .fatures-heading-container h3 {
font-size: 100px;
top: 50px;
transform: translateX(-50%);
} .our-values .fatures-heading-container h3 {
font-size: 100px;
top: 50px;
transform: translateX(-50%);
} .hero-expertise-h3-top h3 {
font-size: 80px;
}
.blogsHero h3 {
font-size: 80px;
}
.hero-expertise .grid-items-expertise {
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(3, 1fr);
} .tailored-grid-container-item .inner .content {
padding: 30px 30px;
} .about-us
.items-container
.items
.accordion
.content
.wrapper
.title-container
.title {
font-size: 18px;
line-height: 22px;
}
.about-us .items-container .items .accordion .content {
padding: 20px 20px;
} .featuresWhyN2 .grid-container .item .inner .content {
flex-direction: column !important;
width: 100%;
justify-content: flex-start;
} .ready img {
width: 260%;
}
.ready h4 {
font-size: 100px;
}
.ready p {
width: 290px;
} .reviews-expertise h2 {
font-size: var(--font-h2-xs);
line-height: var(--line-h2-xs);
}
.reviews-expertise h3 {
font-size: 50px;
} .ready-digital-service h4 {
font-size: 100px;
}
.ready-digital-service p {
width: 290px;
} .ready-partners h4 {
font-size: 100px;
}
.ready-partners p {
width: 290px;
} .hero-ethic-with-bullets .hero-actions-ethic button {
font-size: 16px;
line-height: 16px;
} .three-experts h4 {
font-size: 60px;
}
.three-experts .items-grid .item {
max-width: 260px;
}
.three-experts .items-grid .item .about-list {
padding: 0 24px;
}
.three-experts .items-grid .item .about-list li img {
width: 10px;
height: 10px;
} .n2-story-small-text {
gap: 16px;
}
.n2-story-small-text h2 {
font-size: var(--font-h2-xs);
line-height: var(--line-h2-xs);
}
.n2-story-small-text .description p {
font-size: 16px;
} .reviews-list h2 {
font-size: var(--font-h2-xs);
line-height: var(--line-h2-xs);
}
.reviews-list h3 {
font-size: 50px;
} .pagination .btn-black {
padding: 7px 12px;
} .players .items-container .item .players-arrow {
top: 28%;
left: 10px;
}
.players .items-container .item .players-arrow-2 {
right: 10px;
top: 91%;
}
.player-profile-looking-section h2 {
font-size: var(--font-h2-xs);
line-height: var(--line-h2-xs);
}
.player-profile-looking-section .playerProfileCenteredContainerH3 {
font-size: 50px;
}
.tailored-ethic-lab-main h2 {
padding-left: 3px;
padding-right: 3px;
}
}
@media screen and (max-width: 325px) { .players .items-container .item .players-arrow {
top: 29%;
left: 5px;
}
.players .items-container .item .players-arrow-2 {
right: 5px;
top: 91%;
}
}